/* Shared RMF Draw shell and pre-launch visual language. */
body{isolation:isolate}
body::before{inset:72px 0 0!important;z-index:0!important;background-image:url('/assets/rmf_draw_logo_transparent.png')!important;background-position:center 44%!important;background-size:min(820px,86vw) auto!important;background-repeat:no-repeat!important;opacity:.09!important;pointer-events:none!important}
body>header,body>main,body>footer{position:relative;z-index:1}
.rmf-page-title,.ui-section-title{color:#f4f8fc;background:linear-gradient(180deg,#fff 10%,#c5d5e3 58%,#72cfff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 22px #159fea42;letter-spacing:.025em;line-height:1.12}
.shell-back-button[hidden]{display:none!important}
.legacy-basis>div{display:grid;grid-template-columns:minmax(120px,1fr) repeat(3,auto);align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #24475b}.legacy-basis>div label{display:flex;align-items:center;gap:4px;margin:0}.legacy-basis input[type=radio]{width:20px;height:20px}
.section-tabs{display:flex;gap:8px;overflow:auto;padding:4px 0 12px;scrollbar-width:thin}.section-tabs button{flex:0 0 auto;min-height:48px;background:#0a2138}.section-tabs button.active{border-color:#53c9ff;background:#0b4f7d}
.actionable-summary{cursor:pointer;text-align:left}.actionable-summary:hover,.actionable-summary:focus-visible{border-color:#53c9ff;box-shadow:0 0 24px #159fea35}.actionable-summary .metric-action{display:block;margin-top:12px;color:#7bdcff;font-weight:900;letter-spacing:.08em}.information-card{cursor:default}.empty-category{padding:24px;text-align:center;color:#b7cad9}
.status-good{color:#6ee7b7}.status-attention{color:#fde68a}.status-error{color:#fca5a5}.status-reward{color:#ffd66b}
.reward-progress{display:block;width:100%;height:12px;border:0;border-radius:999px;overflow:hidden;background:#04101d;appearance:none;-webkit-appearance:none}.reward-progress::-webkit-progress-bar{background:#04101d;border:1px solid #244866;border-radius:999px}.reward-progress::-webkit-progress-value{background:linear-gradient(90deg,#168bff,#f1c75b);border-radius:999px}.reward-progress::-moz-progress-bar{background:linear-gradient(90deg,#168bff,#f1c75b);border-radius:999px}
.compact-record-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
.account-layout,.manage-layout{display:grid;grid-template-columns:minmax(190px,260px) minmax(0,1fr);gap:18px}.account-nav,.manage-nav{position:sticky;top:104px;align-self:start;display:grid;gap:6px}.account-nav button,.manage-nav button{text-align:left;background:#071d33}
.safe-image-placeholder{display:grid;place-items:center;min-height:180px;border:1px dashed #5b7185;border-radius:16px;background:#061321;color:#b8cad8;text-align:center;padding:20px}

.home-welcome{padding-bottom:12px!important;border-bottom:1px solid rgba(82,150,198,.2)}
.home-welcome h1{margin:.15em 0 .28em;font-size:clamp(2.1rem,8vw,3.5rem);line-height:1.02}
.home-welcome p{max-width:760px;margin:.35rem 0 0}
.participant-metrics{margin:8px 0 18px!important;border:1px solid rgba(82,150,198,.22)!important;border-radius:14px;overflow:hidden;background:rgba(4,17,33,.35)}
.participant-metrics button{min-height:66px!important;padding:11px 14px!important}.participant-metrics button span:first-child{font-size:.82rem!important}.participant-metrics button strong{font-size:1.2rem!important}
.featured-opportunities{border-top:0!important}.featured-opportunities .ui-record-row{padding:14px 4px!important}.featured-opportunities .ui-record-main strong{font-size:1rem}.featured-opportunities .ui-record-main small{margin-top:4px}.featured-opportunities .ui-record-row>button{min-width:112px}
.compact-trust{margin-top:28px!important;padding:18px 0 0!important;border-top:1px solid rgba(82,150,198,.2)}
.compact-trust>span{display:block;margin:6px 0 14px;line-height:1.55;color:#b9c9d7}

.host-dashboard-header{padding-bottom:16px!important;border-bottom:1px solid rgba(82,150,198,.22)}
.host-dashboard-header h1{margin:.1em 0 .25em;font-size:clamp(2.1rem,8vw,3.4rem);line-height:1.02}
.host-dashboard-priority,.host-dashboard-overview,.host-dashboard-recent{padding-top:18px!important;padding-bottom:20px!important}
.host-dashboard-priority>h2,.host-dashboard-overview>h2,.host-dashboard-recent h2{margin:0 0 5px}.host-dashboard-priority>p,.host-dashboard-overview>p,.host-dashboard-recent .section-heading p{margin:0 0 12px;color:#9fb4c7}
.host-dashboard-giveaway-list{display:grid;gap:12px}.host-dashboard-giveaway{margin:0!important;padding:16px!important}.host-dashboard-giveaway .ui-page-header{padding:0!important;margin:0!important;border:0!important}.host-dashboard-giveaway .ui-page-header h2{font-size:1.12rem;margin:.2rem 0}.host-dashboard-giveaway .ui-page-header p{margin:.2rem 0}.host-dashboard-giveaway .actions{margin-top:12px}
.host-trust-explainer{margin-top:18px;border-top:1px solid rgba(82,150,198,.2);border-bottom:1px solid rgba(82,150,198,.2)}.host-trust-explainer summary{padding:16px 4px;cursor:pointer;color:#dff4ff}.host-trust-explainer>div{padding:0 4px 18px}

body:not(.administration-page) .home-welcome{position:relative;margin:12px 0 22px;padding:24px 20px 22px!important;border:1px solid rgba(83,190,255,.28)!important;border-radius:22px;background:linear-gradient(145deg,rgba(8,31,57,.72),rgba(3,13,28,.5));box-shadow:0 18px 50px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.035);overflow:hidden}
body:not(.administration-page) .home-welcome::after{content:"";position:absolute;right:-72px;top:-86px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(67,190,255,.17),rgba(67,190,255,0) 70%);pointer-events:none}
body:not(.administration-page) .home-welcome .ui-eyebrow{margin-bottom:8px;letter-spacing:.14em}
body:not(.administration-page) .home-welcome h1{max-width:760px;margin:.08em 0 .3em;font-size:clamp(2.25rem,8.5vw,4.15rem);letter-spacing:.005em}
body:not(.administration-page) .home-welcome>div>p:not(.ui-eyebrow){max-width:690px;font-size:clamp(1rem,3.5vw,1.18rem);line-height:1.58;color:#c0cfdd}
body:not(.administration-page) .home-welcome .ui-action-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(140px,.7fr);gap:10px;margin-top:20px}
body:not(.administration-page) .home-welcome .ui-action-row button{min-height:56px;border-radius:14px;font-size:.95rem;letter-spacing:.02em}
body:not(.administration-page) .home-welcome .ui-action-row button:first-child{background:linear-gradient(180deg,#1599dd,#0d72b0);border-color:#53caff;box-shadow:0 10px 30px rgba(16,142,211,.2)}
body:not(.administration-page) .home-welcome .ui-action-row .secondary{background:rgba(9,31,55,.88)}

/* Home + My Dashboard shared task-first layout. */
.ux-home,.ux-dashboard{display:grid;gap:0}.ux-home>.ui-section,.ux-dashboard>.ui-section{padding:22px 0;border-top:1px solid rgba(82,150,198,.19)}
.ux-home .section-heading,.ux-dashboard .section-heading{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:12px}.ux-home .section-heading h2,.ux-dashboard .section-heading h2{margin:.1rem 0}.ux-home .section-heading p,.ux-dashboard .section-heading p{margin:.15rem 0 0}
.ui-nav-row.ui-nav-row-text{grid-template-columns:minmax(0,1fr) auto 14px!important;gap:12px!important;min-height:66px!important;padding:11px 6px!important}.ui-nav-row.ui-nav-row-text>span:first-child{min-width:0!important}.ui-nav-row.ui-nav-row-text strong{font-size:.96rem!important;white-space:normal}.ui-nav-row.ui-nav-row-text small{font-size:.79rem!important;line-height:1.35!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important}.ui-nav-row.ui-nav-row-text>b{min-width:28px;text-align:right;font-size:1rem!important}
.home-giveaway-list{display:grid;gap:10px}.home-giveaway-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:17px;border:1px solid rgba(82,150,198,.24);border-radius:16px;background:linear-gradient(145deg,rgba(7,27,49,.64),rgba(3,13,27,.48))}.home-giveaway-card h3,.home-giveaway-card p,.home-giveaway-card small{margin:.2rem 0}.home-giveaway-card h3{font-size:1.1rem}.home-giveaway-card p{color:#c3d0dc}.home-giveaway-card small{display:block;color:#89cfee}.home-giveaway-card>button{min-width:92px}
.home-benefits{padding:24px 0;border-top:1px solid rgba(82,150,198,.19)}.home-benefit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-benefit-grid article{display:grid;gap:5px;padding:15px;border:1px solid rgba(82,150,198,.2);border-radius:14px;background:rgba(5,21,39,.48)}.home-benefit-grid b{font-size:.96rem}.home-benefit-grid span{color:#aebfd0;font-size:.82rem;line-height:1.42}
.dashboard-welcome{margin-bottom:12px!important;padding-bottom:18px!important;border-bottom:1px solid rgba(82,150,198,.2)}.dashboard-welcome h1{margin:.12rem 0 .35rem;font-size:clamp(2rem,7vw,3.35rem)}
.dashboard-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:18px 0 8px;border:1px solid rgba(82,150,198,.22);border-radius:16px;overflow:hidden;background:rgba(4,17,33,.38)}.dashboard-summary-grid button{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:70px;padding:12px 14px!important;border:0!important;border-right:1px solid rgba(82,150,198,.17)!important;border-bottom:1px solid rgba(82,150,198,.17)!important;border-radius:0!important;background:transparent!important;text-align:left}.dashboard-summary-grid button:nth-child(3n){border-right:0!important}.dashboard-summary-grid button:nth-last-child(-n+3){border-bottom:0!important}.dashboard-summary-grid span{font-size:.79rem;color:#aebfd0;line-height:1.25}.dashboard-summary-grid b{font-size:1.18rem}
.dashboard-secondary{display:grid;margin:20px 0 0;border-top:1px solid rgba(82,150,198,.18)}.dashboard-secondary button{display:grid;grid-template-columns:minmax(0,1fr) 14px;align-items:center;gap:10px;padding:14px 6px!important;border:0!important;border-bottom:1px solid rgba(82,150,198,.16)!important;border-radius:0!important;background:transparent!important;text-align:left}.dashboard-secondary b,.dashboard-secondary small{display:block}.dashboard-secondary small{margin-top:3px;color:#9fb4c7;line-height:1.35}

body:not(.administration-page) .featured-opportunities{margin:4px 0 28px;padding:4px 0 18px;border-bottom:1px solid rgba(83,150,198,.18)}
body:not(.administration-page) .featured-opportunities .ui-empty-state{min-height:100px;padding:20px!important;border:1px dashed rgba(89,172,224,.38);border-radius:16px;background:rgba(4,18,34,.42);display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px}
body:not(.administration-page) .featured-opportunities .ui-empty-state>span{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(83,190,255,.35);border-radius:12px;background:rgba(6,30,55,.8);font-size:1.15rem}

@media(max-width:760px){body::before{background-size:118vw auto!important;opacity:.08!important}.persistent-back{display:none!important}.account-layout,.manage-layout{grid-template-columns:1fr}.account-nav,.manage-nav{position:static;display:flex;overflow:auto}.account-nav button,.manage-nav button{flex:0 0 auto}.section-tabs{margin-inline:-4px}.compact-record-grid{grid-template-columns:1fr}.home-welcome,.host-dashboard-header{padding-top:4px!important}.participant-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.participant-metrics button{grid-template-columns:minmax(0,1fr) auto 12px!important;border-right:1px solid rgba(82,150,198,.18)!important;border-bottom:1px solid rgba(82,150,198,.18)!important}.participant-metrics button:nth-child(2n){border-right:0!important}.featured-opportunities .ui-record-row{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}.featured-opportunities .ui-record-row>button{width:100%!important}.host-dashboard-header{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}.host-dashboard-header>button{width:100%!important}.host-dashboard-priority .ui-nav-list,.host-dashboard-overview .ui-nav-list{margin-bottom:0!important}.host-dashboard-giveaway .ui-page-header{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}.host-dashboard-giveaway .status-chip{justify-self:start}.host-dashboard-giveaway .actions{display:grid!important;grid-template-columns:1fr!important}.host-dashboard-giveaway .actions button{width:100%!important}.host-dashboard-recent .section-heading{align-items:flex-start}.host-dashboard-recent .section-heading>button{min-width:92px}body:not(.administration-page) .home-welcome{margin:8px 0 18px;padding:20px 16px 18px!important}body:not(.administration-page) .home-welcome .ui-action-row{grid-template-columns:1fr}body:not(.administration-page) .home-welcome .ui-action-row button{width:100%}.ux-home .section-heading,.ux-dashboard .section-heading{align-items:flex-start}.ui-nav-row.ui-nav-row-text{grid-template-columns:minmax(0,1fr) auto 14px!important}.home-giveaway-card{grid-template-columns:1fr}.home-giveaway-card>button{width:100%}.home-benefit-grid{grid-template-columns:1fr}.dashboard-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-summary-grid button:nth-child(3n){border-right:1px solid rgba(82,150,198,.17)!important}.dashboard-summary-grid button:nth-child(2n){border-right:0!important}.dashboard-summary-grid button:nth-last-child(-n+3){border-bottom:1px solid rgba(82,150,198,.17)!important}.dashboard-summary-grid button:nth-last-child(-n+2){border-bottom:0!important}}
@media(max-width:390px){.participant-metrics{grid-template-columns:1fr!important}.participant-metrics button{border-right:0!important}.home-welcome h1,.host-dashboard-header h1{font-size:2rem}.ui-section-title{font-size:1.65rem}.host-dashboard-recent .section-heading{display:grid;grid-template-columns:1fr}.host-dashboard-recent .section-heading>button{width:100%}body:not(.administration-page) .home-welcome h1{font-size:2.15rem}.dashboard-summary-grid{grid-template-columns:1fr}.dashboard-summary-grid button{border-right:0!important;border-bottom:1px solid rgba(82,150,198,.17)!important}.dashboard-summary-grid button:last-child{border-bottom:0!important}.ux-home .section-heading,.ux-dashboard .section-heading{display:grid;grid-template-columns:1fr}.ux-home .section-heading>button,.ux-dashboard .section-heading>button{width:100%}}