/* RampLive R8.17 — release center, contextual event identity and presentation-ready workspace. */
:root{--r817-mint:#55e8c8;--r817-cyan:#5fc9ff;--r817-violet:#9b7cff;--r817-rose:#ff6e91;--r817-gold:#ffc85a;--r817-line:rgba(139,171,200,.18)}

/* Dashboard hero */
.workspace-hub{grid-template-columns:minmax(0,1.28fr) minmax(390px,.72fr)}
.workspace-cover{min-height:440px!important;padding:0!important;isolation:isolate;background:#050b12!important}
.workspace-cover:after{content:""!important;position:absolute!important;inset:0!important;padding:0!important;border:0!important;border-radius:inherit!important;background:linear-gradient(90deg,rgba(3,8,13,.98) 0%,rgba(3,8,13,.82) 43%,rgba(3,8,13,.24) 76%,rgba(3,8,13,.46) 100%),linear-gradient(0deg,rgba(3,8,13,.88),transparent 54%)!important;pointer-events:none}
.workspace-cover>img{opacity:.94!important;object-position:62% center;transform:scale(1.015);transition:transform 8s ease,filter 8s ease}
.workspace-cover:hover>img{transform:scale(1.045);filter:saturate(1.08)}
.workspace-cover-shade{position:absolute!important;z-index:1!important;inset:0!important;background:radial-gradient(circle at 5% 15%,rgba(85,232,200,.12),transparent 30%);pointer-events:none}
.workspace-cover-top{position:absolute!important;z-index:3!important;top:22px;right:24px;left:24px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#78ead1;font-size:8px;font-weight:950;letter-spacing:.13em}
.workspace-cover-top>span,.workspace-cover-top>b{padding:8px 11px;border:1px solid rgba(85,232,200,.19);border-radius:999px;background:rgba(4,10,16,.7);backdrop-filter:blur(14px)}
.workspace-cover-top>b{display:flex;align-items:center;gap:8px;color:#d8f8ef}.workspace-cover-top>b i{width:7px;height:7px;border-radius:50%;background:var(--r817-mint);box-shadow:0 0 15px var(--r817-mint);animation:r817-pulse 1.8s ease-in-out infinite}
.workspace-cover-copy{position:relative!important;z-index:3!important;width:min(580px,75%);padding:86px 38px 34px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end}
.workspace-cover-copy h2{max-width:570px;margin:11px 0 13px;font-size:clamp(34px,4vw,58px);line-height:.98;letter-spacing:-.055em}
.workspace-cover-copy p{max-width:510px;margin-bottom:21px;color:#9db0bf;font-size:13px;line-height:1.65}
.workspace-cover-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.workspace-cover-actions .btn{height:42px;display:inline-flex;align-items:center;gap:9px}.workspace-download-shortcut{background:rgba(7,15,22,.72);backdrop-filter:blur(14px)}
.workspace-cover-facts{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}.workspace-cover-facts span{display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:rgba(4,10,16,.6);color:#8296a8;font-size:7px;font-weight:750;backdrop-filter:blur(12px)}.workspace-cover-facts i{color:var(--r817-mint)}.workspace-cover-facts b{color:#dce9ef}
.workspace-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.workspace-links>a{min-height:0;padding:20px}.workspace-links>a:first-child{grid-column:1/-1;min-height:116px}.workspace-links i{font-size:18px}.workspace-links b{font-size:13px}.workspace-links span{font-size:10px}

/* Notification tray lives in the top bar; there is no standalone notification page. */
.portal-notification-menu{position:relative}.portal-notification-menu>summary{list-style:none;cursor:pointer}.portal-notification-menu>summary::-webkit-details-marker{display:none}.portal-notification-menu[open]>summary{border-color:rgba(85,232,200,.35);color:#e8fff9;background:rgba(85,232,200,.08)}
.portal-notification-popover{position:absolute;z-index:120;top:calc(100% + 13px);right:0;width:min(430px,calc(100vw - 28px));max-height:min(620px,calc(100vh - 110px));overflow:hidden;border:1px solid rgba(139,171,200,.22);border-radius:20px;background:linear-gradient(155deg,#0d1823,#070d14);box-shadow:0 34px 100px rgba(0,0,0,.58);transform-origin:top right;animation:r817-tray .24s cubic-bezier(.2,.8,.2,1)}
.portal-notification-popover>header{display:flex;align-items:center;justify-content:space-between;padding:18px 19px;border-bottom:1px solid var(--r817-line);background:rgba(255,255,255,.015)}.portal-notification-popover header small,.portal-notification-popover header b{display:block}.portal-notification-popover header small{color:var(--r817-mint);font-size:7px;font-weight:950;letter-spacing:.15em}.portal-notification-popover header b{margin-top:4px;font-size:15px}.portal-notification-popover header em{min-width:25px;height:25px;display:grid;place-items:center;border-radius:999px;background:rgba(255,110,145,.12);color:#ff90a9;font-size:9px;font-style:normal;font-weight:950}
.portal-notification-popover .notification-list{max-height:min(520px,calc(100vh - 190px));padding:10px;overflow:auto}.portal-notification-popover .notification-list article{padding:12px;gap:11px;border-radius:13px;background:rgba(5,12,18,.65)}.portal-notification-popover .notification-list b{font-size:10px}.portal-notification-popover .notification-list p{display:-webkit-box;margin:4px 0;font-size:9px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.portal-notification-popover .notification-list time{font-size:7px}

/* Contextual event colors: a follow, comment or entry never looks like a gift. */
.event-gift>i,.event-gift.activity-row>i{color:var(--r817-gold)!important;background:rgba(255,200,90,.10)!important}.event-follow>i,.event-follow.activity-row>i{color:var(--r817-cyan)!important;background:rgba(95,201,255,.10)!important}.event-subscribe>i,.event-subscribe.activity-row>i{color:var(--r817-violet)!important;background:rgba(155,124,255,.10)!important}.event-share>i,.event-share.activity-row>i{color:#65e6de!important;background:rgba(101,230,222,.10)!important}.event-comment>i,.event-comment.activity-row>i{color:#8fa9ff!important;background:rgba(143,169,255,.10)!important}.event-join>i,.event-join.activity-row>i{color:#75e5ab!important;background:rgba(117,229,171,.10)!important}.event-like>i,.event-like.activity-row>i{color:var(--r817-rose)!important;background:rgba(255,110,145,.10)!important}.event-timer>i,.event-timer.activity-row>i{color:#aab8c7!important;background:rgba(170,184,199,.10)!important}

/* Downloads */
.download-center-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:17px;padding:30px;border:1px solid rgba(85,232,200,.2);border-radius:27px;overflow:hidden;background:radial-gradient(circle at 78% 5%,rgba(95,201,255,.13),transparent 28%),radial-gradient(circle at 8% 0,rgba(85,232,200,.14),transparent 35%),linear-gradient(140deg,#0c1821,#090f18 55%,#111128)}.download-center-hero:after{content:"";position:absolute;inset:-110% 77% -110% auto;width:1px;background:linear-gradient(transparent,rgba(85,232,200,.6),transparent);transform:rotate(20deg);animation:r817-scan 6s linear infinite}.download-center-hero>div{position:relative;z-index:1}.download-center-hero>div:first-child>span{color:var(--r817-mint);font-size:8px;font-weight:950;letter-spacing:.16em}.download-center-hero h2{margin:8px 0;font-size:clamp(28px,3vw,42px);letter-spacing:-.045em}.download-center-hero p{max-width:710px;margin:0;color:#899dae;line-height:1.65}.download-center-count{min-width:132px;padding:17px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(4,10,16,.58);text-align:center;backdrop-filter:blur(14px)}.download-center-count i,.download-center-count b,.download-center-count small{display:block}.download-center-count i{color:var(--r817-mint);font-size:20px}.download-center-count b{margin-top:8px;font-size:27px}.download-center-count small{margin-top:3px;color:#728799;font-size:8px;text-transform:uppercase;letter-spacing:.1em}
.download-release-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.download-release-card{position:relative;min-width:0;padding:20px;border:1px solid var(--r817-line);border-radius:21px;background:linear-gradient(150deg,rgba(13,22,32,.97),rgba(6,11,17,.99));box-shadow:0 20px 60px rgba(0,0,0,.16);transition:transform .2s,border-color .2s}.download-release-card:hover{transform:translateY(-4px);border-color:rgba(85,232,200,.31)}.download-release-card.latest{border-color:rgba(85,232,200,.3);background:radial-gradient(circle at 100% 0,rgba(85,232,200,.1),transparent 34%),linear-gradient(150deg,#0e2026,#071017)}.download-release-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.release-version{display:flex;align-items:center;gap:11px}.release-version>i{width:43px;height:43px;display:grid;place-items:center;border:1px solid rgba(85,232,200,.18);border-radius:13px;background:rgba(85,232,200,.07);color:var(--r817-mint)}.release-version small,.release-version h3{display:block}.release-version small{color:#71869a;font-size:7px;font-weight:950;letter-spacing:.13em}.release-version h3{margin:4px 0 0;font-size:21px}.release-badges{display:flex;justify-content:flex-end;gap:5px;flex-wrap:wrap}.release-badges span{padding:6px 7px;border-radius:8px;font-size:7px;font-weight:950;letter-spacing:.07em}.latest-badge{background:rgba(85,232,200,.1);color:#77ecd4}.required-badge{background:rgba(255,110,145,.1);color:#ff8ea7}.download-release-card>h4{margin:19px 0 8px;font-size:13px}.release-notes{height:76px;overflow:auto;color:#7e92a5;font-size:9px;line-height:1.6}.release-meta{display:flex;gap:9px;flex-wrap:wrap;margin:16px 0 10px}.release-meta span{display:flex;align-items:center;gap:5px;color:#75899c;font-size:7px}.release-meta i{color:#9eb0bf}.release-integrity{display:grid;grid-template-columns:minmax(0,1fr) 32px;gap:6px;align-items:center;padding:6px 6px 6px 10px;border:1px solid rgba(139,171,200,.12);border-radius:10px;background:#050b11}.release-integrity code{overflow:hidden;color:#638091;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.release-integrity button{width:32px;height:30px;border:0;border-radius:8px;background:rgba(255,255,255,.045);color:#8397a9;cursor:pointer}.release-download{width:100%;justify-content:center;margin-top:12px}

@keyframes r817-pulse{50%{opacity:.45;transform:scale(.78)}}@keyframes r817-tray{from{opacity:0;transform:translateY(-10px) scale(.97)}to{opacity:1;transform:none}}@keyframes r817-scan{to{transform:translateX(240px) rotate(20deg)}}
@media(max-width:1200px){.workspace-hub{grid-template-columns:1fr}.workspace-links{grid-template-columns:repeat(5,minmax(0,1fr))}.workspace-links>a:first-child{grid-column:auto}.workspace-links>a{min-height:128px}.download-release-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.workspace-links{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-links>a:first-child{grid-column:1/-1}.workspace-cover-copy{width:88%}.download-center-hero{align-items:flex-start;flex-direction:column}.download-center-count{min-width:110px}.download-release-grid{grid-template-columns:1fr}.portal-notification-popover{position:fixed;top:82px;right:14px}}
@media(max-width:560px){.workspace-cover{min-height:500px!important}.workspace-cover-top{right:16px;left:16px}.workspace-cover-top>b{display:none}.workspace-cover-copy{width:100%;padding:80px 22px 24px}.workspace-cover-copy h2{font-size:39px}.workspace-cover-facts span:last-child{display:none}.workspace-links{grid-template-columns:1fr}.workspace-links>a:first-child{grid-column:auto}.download-center-hero{padding:22px}.download-center-count{display:none}.download-release-card{padding:16px}}
@media(prefers-reduced-motion:reduce){.workspace-cover>img,.workspace-cover-top>b i,.portal-notification-popover,.download-center-hero:after{animation:none!important;transition:none!important}}