/* RMF DRAW v88 — authoritative platform component system.
   Legacy feature styles may supply layout details; this file owns shell, components,
   responsive behavior and visual hierarchy. */
:root{
  --rmf-bg:#030b18;--rmf-bg-2:#071424;--rmf-surface:#0a1a2d;
  --rmf-surface-2:#0e2238;--rmf-surface-3:#122b45;
  --rmf-border:#244866;--rmf-border-soft:rgba(82,150,198,.24);
  --rmf-text:#f4f8fc;--rmf-muted:#9fb4c7;--rmf-accent:#25aeea;
  --rmf-accent-2:#147ec1;--rmf-danger:#e66b79;--rmf-success:#3bc58a;
  --rmf-radius:14px;--rmf-shadow:0 16px 40px rgba(0,0,0,.25);
  color-scheme:dark;
}
*{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}
html{background:var(--rmf-bg)}
body{
  margin:0;padding:0;background:
  radial-gradient(circle at 50% -15%,rgba(17,105,169,.2),transparent 38%),
  linear-gradient(180deg,var(--rmf-bg-2),var(--rmf-bg));
  color:var(--rmf-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  min-height:100dvh;
}
body::before{opacity:.12!important;pointer-events:none}
body.rmf-drawer-open{overflow:hidden}
a{color:#bde7ff;text-underline-offset:3px}
img{max-width:100%}
h1,h2,h3{color:var(--rmf-text);line-height:1.16}
p,small,.muted{color:var(--rmf-muted);line-height:1.55}
.ui-eyebrow{color:#75cff7!important;letter-spacing:.08em;font-size:.75rem;font-weight:800}
[hidden]{display:none!important}

/* Shared header */
[data-rmf-shell]{
  position:sticky!important;top:0;z-index:1000;display:flex!important;align-items:center;
  min-height:70px!important;height:70px!important;padding:10px max(14px,env(safe-area-inset-left))!important;
  gap:10px;background:rgba(3,11,24,.94)!important;border-bottom:1px solid var(--rmf-border-soft)!important;
  backdrop-filter:blur(18px);box-shadow:none!important;transform:translate3d(0,0,0);
  transition:transform .22s ease;will-change:transform;
}
[data-rmf-shell].rmf-header-hidden{transform:translate3d(0,calc(-100% - env(safe-area-inset-top)),0)}
@media(prefers-reduced-motion:reduce){[data-rmf-shell]{transition:none}}
[data-rmf-shell] .brand{display:flex;align-items:center;gap:8px;min-width:0;text-decoration:none}
[data-rmf-shell] .brand img{width:48px!important;height:48px!important;object-fit:contain}
[data-rmf-shell] .brand b{font-size:.92rem;white-space:nowrap}
[data-rmf-shell] .brand small{display:block;font-size:.66rem;color:var(--rmf-muted)}
.shell-wordmark{display:inline-flex;align-items:baseline;gap:3px;white-space:nowrap;font-weight:950;line-height:1;letter-spacing:-.035em;background:linear-gradient(180deg,#fff 6%,#b9d1e3 46%,#fff 54%,#7298b6 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 18px rgba(68,188,255,.2)}
.shell-wordmark-rmf{font-style:normal}.shell-wordmark-draw{font-style:italic;letter-spacing:-.06em;text-shadow:0 0 14px rgba(37,174,234,.4)}
.header-icons{margin-left:auto;display:flex;gap:7px;align-items:center}
.icon-button,#menuButton,#adminMenuButton{
  display:inline-grid!important;place-items:center;width:44px!important;height:44px!important;min-width:44px!important;
  min-height:44px!important;padding:0!important;border:1px solid var(--rmf-border-soft)!important;
  border-radius:12px!important;background:rgba(12,31,51,.82)!important;color:var(--rmf-text)!important;
  box-shadow:none!important;
}
#adminMenuButton{order:-20!important;visibility:visible!important;opacity:1!important}
.icon-button svg,#menuButton svg,#adminMenuButton svg{width:22px;height:22px}
[data-rmf-shell] svg{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.shell-profile-button.has-profile-avatar-v88,#accountQuickButton.has-profile-avatar-v88{overflow:hidden}
.shell-profile-button.has-profile-avatar-v88 img,#accountQuickButton.has-profile-avatar-v88 img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.shell-mobile-search{display:none!important}
.global-search{max-width:300px}
.global-search input{min-height:40px!important}
.shell-search{position:relative;display:flex;align-items:center;gap:7px;width:min(300px,28vw);margin-left:auto}
.shell-search input{min-height:40px!important}
.shell-search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:1100;display:grid;gap:4px;padding:7px;background:#061526;border:1px solid var(--rmf-border);border-radius:10px;box-shadow:var(--rmf-shadow)}
.shell-search-results button{min-height:38px;text-align:left}
.administration-page .shell-back-button{display:none!important}
.standalone-navigation{position:relative}
.standalone-navigation summary{list-style:none;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--rmf-border-soft);border-radius:12px;background:var(--rmf-surface-2);cursor:pointer}
.standalone-navigation summary::-webkit-details-marker{display:none}
.standalone-navigation nav{position:absolute;top:50px;left:0;z-index:30;display:grid;min-width:210px;padding:8px;background:#061526;border:1px solid var(--rmf-border);border-radius:10px;box-shadow:var(--rmf-shadow)}
.standalone-navigation nav a{padding:10px;border-radius:8px;text-decoration:none}
.standalone-navigation nav a:hover{background:var(--rmf-surface-3)}

/* Main content and footer */
main,#publicApp,#administrationApp,#platformAdmin,#testCenter{
  width:min(1180px,calc(100% - 28px));margin:0 auto;padding:28px 0 70px;
}
#publicApp{min-height:60vh}
.loading{min-height:0!important;display:flex;align-items:center;justify-content:center;padding:24px 0!important;margin:0!important;color:#bde9ff}
footer{
  display:flex!important;flex-wrap:wrap!important;justify-content:center;gap:12px 24px;
  padding:28px max(18px,env(safe-area-inset-left)) calc(34px + env(safe-area-inset-bottom))!important;
  border-top:1px solid var(--rmf-border-soft)!important;background:rgba(2,8,18,.8)!important;
}
footer a{font-size:.9rem;color:#adc4d7!important}

/* Compact content, empty states and dashboard indexes */
.ui-empty-state{display:flex;align-items:center;gap:12px;width:100%;min-height:0;padding:18px 4px;border-top:1px solid var(--rmf-border-soft);color:var(--rmf-muted)}
.ui-empty-state>span{display:grid;place-items:center;flex:0 0 34px;height:34px;border:1px solid var(--rmf-border);border-radius:8px;color:var(--rmf-accent)}
.ui-empty-state h3,.ui-empty-state p{margin:0}.ui-empty-state p{font-size:.88rem}
/* Older record renderers retain this semantic class; keep their empty result compact too. */
.card.empty-state{min-height:0!important;padding:16px!important;border-radius:8px!important;background:rgba(8,23,38,.58)!important;color:var(--rmf-muted);box-shadow:none!important}
.flat-content-section{padding:24px 0;border-top:1px solid var(--rmf-border-soft)}
.feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}
.feature-row{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:13px 0;border-bottom:1px solid rgba(82,150,198,.14)}
.feature-row>span{color:var(--rmf-accent)}.feature-row h3,.feature-row p{margin:0}.feature-row p{font-size:.88rem}
.process-list{display:grid;gap:0;margin:0;padding:0;list-style:none}.process-list li{display:grid;grid-template-columns:30px 1fr;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid rgba(82,150,198,.14)}
.process-list li b{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--rmf-border);border-radius:50%;color:var(--rmf-accent)}
.closing-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 0;border-top:1px solid var(--rmf-border-soft)}.closing-strip h2{margin:0}
.participant-status-strip{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 14px;padding:12px 14px;border-left:3px solid var(--rmf-success);background:rgba(10,31,49,.72)}
.participant-status-strip.status-attention{border-left-color:#e6ae54}.participant-status-strip p{margin:2px 0;font-size:.86rem}
.participant-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:22px;border-top:1px solid var(--rmf-border-soft);border-bottom:1px solid var(--rmf-border-soft)}
.participant-metrics button{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;min-height:58px!important;padding:9px 12px!important;border:0!important;border-right:1px solid var(--rmf-border-soft)!important;border-radius:0!important;background:transparent!important;text-align:left}
.participant-metrics button:nth-child(3n){border-right:0!important}.participant-metrics strong{font-size:1.12rem}.participant-metrics span:first-child{font-size:.8rem;color:var(--rmf-muted)}.participant-metrics .test-metric{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:58px;padding:9px 12px;border-right:1px solid var(--rmf-border-soft)}.participant-metrics .test-metric:last-child{border-right:0}.participant-metrics .test-metric span{font-size:.8rem;color:var(--rmf-muted)}.participant-metrics .test-metric strong{font-size:1.12rem}
.participant-summary-list{display:grid;margin:24px 0;border-top:1px solid var(--rmf-border-soft)}.participant-summary-list button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:13px 4px!important;border:0!important;border-bottom:1px solid var(--rmf-border-soft)!important;border-radius:0!important;background:transparent!important;text-align:left}.participant-summary-list b,.participant-summary-list small{display:block}.participant-summary-list small{margin-top:2px;color:var(--rmf-muted)}
.information-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--rmf-border-soft)}.information-row span{color:var(--rmf-muted);text-align:right}
.ui-nav-list{display:grid;gap:22px;margin:0 0 24px}.ui-nav-section{border-top:1px solid var(--rmf-border-soft)}.ui-nav-section h2{margin:0;padding:16px 4px 7px;color:#75cff7;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}
.ui-nav-row{display:grid!important;grid-template-columns:34px minmax(0,1fr) auto 14px;align-items:center;gap:10px;width:100%;min-height:48px!important;padding:7px 4px!important;border:0!important;border-bottom:1px solid rgba(82,150,198,.15)!important;border-radius:0!important;background:transparent!important;color:var(--rmf-text)!important;text-align:left;text-decoration:none}.ui-nav-row:hover{background:rgba(18,43,69,.5)!important}.ui-nav-row>span:nth-child(2){min-width:0}.ui-nav-row strong,.ui-nav-row b{display:block;color:#dff4ff;font-size:.9rem;line-height:1.25}.ui-nav-row small{display:block;margin-top:3px;color:var(--rmf-muted);font-size:.76rem;line-height:1.35;overflow-wrap:anywhere}.ui-nav-row>b{color:#fff;font-size:.9rem}.ui-nav-icon{display:grid;place-items:center;width:30px;height:30px;border:1px solid #287ab0;border-radius:7px;color:#63c7f3}.ui-nav-icon svg{width:17px;height:17px}
.ui-nav-row.ui-nav-row-text{grid-template-columns:minmax(0,1fr) 14px}.ui-nav-row.ui-nav-row-text>span:first-child{display:grid;gap:2px;min-width:0}.ui-nav-row.ui-nav-row-text>span:last-child{justify-self:end}.ui-nav-row.ui-nav-row-text small{display:block;word-break:normal;overflow-wrap:normal}
.host-status-section{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px;padding:18px 4px 22px;border-top:1px solid var(--rmf-border-soft);border-bottom:1px solid var(--rmf-border-soft)}.host-status-section h2,.host-status-section p{margin:.2rem 0}.host-status-section button{align-self:end}.host-recent-giveaways{margin-top:0}
.host-public-profile{display:grid;grid-template-columns:minmax(0,1fr) 96px;align-items:center;gap:20px;padding:8px 4px 22px}.host-public-profile h1,.host-public-profile p{margin:.25rem 0}.host-profile-mark{display:grid;place-items:center;width:88px;height:88px;border:1px solid var(--rmf-border);border-radius:50%;background:var(--rmf-surface-2);color:var(--rmf-accent);font-size:2rem;font-weight:900}.host-public-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--rmf-border-soft);border-bottom:1px solid var(--rmf-border-soft)}.host-public-stats>div{display:grid;gap:3px;padding:11px 9px;border-right:1px solid var(--rmf-border-soft)}.host-public-stats>div:last-child{border-right:0}.host-public-stats span{color:var(--rmf-muted);font-size:.75rem}.host-public-stats strong{font-size:1.05rem}
.ui-form-section{display:grid;gap:12px;padding:18px 4px 22px;border-top:1px solid var(--rmf-border-soft);background:transparent}
.ui-form-section:first-of-type{border-top:0}.ui-form-section h2,.ui-form-section h3,.ui-form-section p{margin-top:0}.ui-form-section label{display:grid;gap:6px}
.ui-form-section .check{display:flex}.ui-action-row{display:flex;flex-wrap:wrap;gap:8px;padding-top:3px}
.admin-workspace{display:grid;gap:0}.admin-workspace>.ui-form-section+ .ui-form-section{border-top:1px solid var(--rmf-border-soft)}
.ui-record-list{display:grid;gap:0;border-top:1px solid var(--rmf-border-soft)}
.ui-record-row,.ui-record-list>.card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:58px;margin:0!important;padding:11px 4px!important;border:0!important;border-bottom:1px solid rgba(82,150,198,.16)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.ui-record-row h2,.ui-record-row h3,.ui-record-row p,.ui-record-list>.card h2,.ui-record-list>.card h3,.ui-record-list>.card p{margin:.12rem 0}.ui-record-row small{display:block;color:var(--rmf-muted)}
.ui-record-row .ui-record-main{min-width:0}.ui-record-row .admin-record-action{display:grid;place-items:center;min-width:40px;min-height:40px;padding:5px!important;border:0!important;background:transparent!important;color:var(--rmf-accent)!important;font-size:1.3rem}
.ui-record-row details{grid-column:1/-1}.ui-record-row details>summary{cursor:pointer;color:#9edfff;font-weight:750}.ui-record-row details>.ui-form-section{margin-top:9px}
.policy-governance-card,.policy-legacy-card{margin:0!important;padding:15px 4px!important;border:0!important;border-bottom:1px solid rgba(82,150,198,.16)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.policy-governance-card .actions,.policy-legacy-card .actions{gap:6px}.policy-governance-card .actions button,.policy-legacy-card .actions button{min-height:36px!important;padding:6px 9px!important;font-size:.78rem}
.admin-section-tabs{display:flex;flex-wrap:wrap;gap:5px;padding:0 0 12px;border-bottom:1px solid var(--rmf-border-soft)}.admin-section-tabs span,.admin-section-tabs button{min-height:32px!important;padding:5px 8px!important;border-radius:6px!important;font-size:.74rem!important}
.ui-section{display:grid;gap:12px;padding:16px 4px 22px;border-top:1px solid var(--rmf-border-soft)}.ui-section h2,.ui-section h3,.ui-section p{margin-top:0}
.rewards-wallet{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}.rewards-wallet .account-status-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--rmf-border-soft);border-bottom:1px solid var(--rmf-border-soft)}.reward-summary-row{padding:10px 4px}.reward-summary-row+ .reward-summary-row{border-left:1px solid var(--rmf-border-soft)}.reward-summary-row h3,.reward-summary-row b{margin:0;display:block}

/* One component vocabulary */
.card,.info-card,.status-panel,.drawing-stage,.v86-profile-card,
#records>article,#rosterPanel>article,#celebration>article{
  background:linear-gradient(180deg,rgba(12,31,51,.98),rgba(7,22,38,.98))!important;
  border:1px solid var(--rmf-border-soft)!important;border-radius:var(--rmf-radius)!important;
  color:var(--rmf-text)!important;box-shadow:none!important;padding:20px!important;
}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px!important}
.dashboard-metrics,.host-metric-grid-v77,.admin-metrics,.metric-grid{gap:12px!important}
.dashboard-metrics .card,.metric-card,.host-metric-v77,.admin-metric{
  min-height:128px!important;padding:17px!important;text-align:left!important;
  background:linear-gradient(160deg,var(--rmf-surface-2),var(--rmf-surface))!important;
  border:1px solid var(--rmf-border-soft)!important;border-radius:var(--rmf-radius)!important;
  color:var(--rmf-text)!important;box-shadow:none!important;
}
.metric-card strong,.host-metric-v77 strong,.dashboard-metrics .metric,.admin-metric strong{
  color:var(--rmf-text)!important;font-size:clamp(1.55rem,4vw,2.15rem)!important
}
.metric-label,.metric-action,.dashboard-metrics h2{color:var(--rmf-muted)!important;font-size:.78rem!important}
.metric-icon,.metric-action{color:var(--rmf-accent)!important}

/* Buttons default to restrained secondary. Accent is explicit. */
button,.button,input[type="button"],input[type="submit"]{
  appearance:none;min-height:42px;padding:9px 15px;border:1px solid var(--rmf-border)!important;
  border-radius:10px!important;background:var(--rmf-surface-2)!important;color:var(--rmf-text)!important;
  font:inherit;font-weight:750;letter-spacing:0;text-transform:none;box-shadow:none!important;cursor:pointer;
  max-width:100%;white-space:normal;
}
button:hover,.button:hover{background:var(--rmf-surface-3)!important;border-color:#3875a0!important}
button:focus-visible,.button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{
  outline:3px solid rgba(37,174,234,.36)!important;outline-offset:2px
}
.primary-action,button.primary,.button.primary,button[type="submit"],input[type="submit"],
.ui-page-header>[data-route="host-create"],[data-route="host-create"]:not(.v88-menu-row),
#saveProfile,#saveNotificationPreferences,#entrySubmit,#loginSubmit,#confirmLock,#spin,#loadRoster{
  background:linear-gradient(135deg,var(--rmf-accent-2),var(--rmf-accent))!important;
  border-color:transparent!important;color:#fff!important;
}
.secondary,.button.secondary{background:var(--rmf-surface-2)!important;color:var(--rmf-text)!important}
.danger,[data-danger],[data-action*="delete"],[data-action*="remove"]{border-color:rgba(230,107,121,.5)!important;color:#ffb5be!important;background:rgba(132,35,49,.18)!important}
.actions{display:flex;flex-wrap:wrap;gap:10px!important;align-items:center}
.ui-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}
.ui-page-header h1{margin:.05em 0}.ui-page-header>div{min-width:0}
.hosted-giveaway-row .ui-record-main{display:grid;gap:3px}.hosted-giveaway-row .compact-button{justify-self:end}

/* Forms */
label{color:#d8e7f3;font-weight:650}
input,textarea,select{
  width:100%;min-height:44px;padding:11px 12px;border-radius:10px!important;
  border:1px solid var(--rmf-border-soft)!important;background:#071627!important;color:var(--rmf-text)!important;
  box-shadow:none!important;font:inherit;
}
textarea{min-height:120px;resize:vertical}
.form,.form-grid{gap:14px}
.form label{display:grid;gap:7px;margin-bottom:14px}
.check{display:flex!important;align-items:flex-start;gap:10px}
.check input{width:20px!important;min-height:20px!important;margin-top:2px}

/* Compact tabs, quick actions, management controls */
.tabs,.filter-tabs,.entry-tabs,.notification-tabs,.account-nav,.manage-nav,.v83-flat-tabs{
  display:flex!important;flex-wrap:wrap!important;gap:7px!important;overflow:visible!important;
  padding:4px!important;background:transparent!important;border:0!important
}
.tabs button,.filter-tabs button,.entry-tabs button,.notification-tabs button,.account-nav button,.manage-nav button{
  flex:0 1 auto!important;min-height:36px!important;padding:7px 11px!important;border-radius:9px!important;
}
.tabs button.active,[aria-selected="true"],.active-filter{background:#14334f!important;border-color:#337fb0!important;color:#fff!important}
.compact-actions,.settings-grid,.host-quick-actions{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important}
.compact-actions .card,.settings-card,.host-quick-actions .card{
  min-height:0!important;text-align:left!important;background:var(--rmf-surface)!important;border:1px solid var(--rmf-border-soft)!important;
}
.settings-card{display:grid!important;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:15px!important}
.settings-card h3,.settings-card p{margin:0!important}

/* Authoritative public drawer */
#menuOverlay,#adminMenuOverlay{position:fixed;inset:0;z-index:1190;background:rgba(0,4,12,.72);backdrop-filter:blur(3px)}
#slideMenu,#adminSlideMenu{
  position:fixed!important;z-index:1200;inset:0 auto 0 0!important;width:min(88vw,360px)!important;
  height:100dvh!important;max-height:100dvh!important;overflow-y:auto!important;overscroll-behavior:contain;
  padding:calc(12px + env(safe-area-inset-top)) 12px calc(96px + env(safe-area-inset-bottom))!important;
  background:#04101f!important;border:0!important;border-right:1px solid #215477!important;
  box-shadow:20px 0 55px rgba(0,0,0,.45)!important;transform:translateX(-104%);transition:transform .22s ease;
}
#slideMenu[aria-hidden="false"],#adminSlideMenu[aria-hidden="false"],#slideMenu.open,#adminSlideMenu.open{transform:translateX(0)!important}
#menuContent,#adminMenuContent{display:grid;gap:5px}
#menuContent>h3,#adminMenuContent h3{
  margin:14px 8px 5px;color:#76d1fa!important;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase
}
.v88-menu-profile{
  display:grid;grid-template-columns:48px 1fr 18px;gap:11px;align-items:center;
  width:100%;padding:12px!important;margin-bottom:5px;text-align:left;background:#091b2e!important;
  border:1px solid var(--rmf-border-soft)!important;border-radius:12px!important;
}
.v88-menu-profile .v88-avatar{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;overflow:hidden;background:#123655;color:#dff5ff;font-weight:850}
.v88-menu-profile img{width:100%;height:100%;object-fit:cover}
.v88-menu-profile b,.v88-menu-profile small{display:block}
.v88-menu-profile small{font-weight:500}
.v88-menu-row,#adminMenuContent button,#adminMenuContent a{
  display:grid!important;grid-template-columns:38px minmax(0,1fr) 16px;align-items:center;gap:10px;
  width:100%;min-height:52px!important;padding:7px 9px!important;text-align:left;text-decoration:none;
  background:transparent!important;border:1px solid transparent!important;border-radius:9px!important;color:var(--rmf-text)!important;
}
.v88-menu-row:hover,.v88-menu-row[aria-current="page"],#adminMenuContent button:hover,#adminMenuContent a:hover{
  background:#0b2238!important;border-color:rgba(55,126,174,.24)!important
}
.v88-menu-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid #287ab0;border-radius:8px;color:#63c7f3}
.v88-menu-copy{min-width:0}.v88-menu-copy b,.v88-menu-copy small{display:block}.v88-menu-copy small{font-size:.7rem;font-weight:500;color:var(--rmf-muted)}
.v88-chevron{color:#5d8ca9}
.v88-menu-group{border-top:1px solid rgba(58,114,153,.2);margin-top:6px;padding-top:5px}
.v88-menu-group summary{padding:12px 9px;color:#d9effc;font-weight:800;cursor:pointer;list-style:none}
.v88-menu-group summary::after{content:"⌄";float:right;color:var(--rmf-accent)}
.v88-menu-group[open] summary::after{content:"⌃"}
.v88-menu-bottom{border-top:1px solid rgba(58,114,153,.28);margin-top:9px;padding-top:9px}

/* Social profile and media */
.v88-profile{max-width:880px;margin:0 auto}
.v88-cover{
  position:relative;min-height:260px;border:1px solid var(--rmf-border-soft);border-radius:18px 18px 0 0;
  background:radial-gradient(circle at 72% 35%,rgba(40,171,231,.3),transparent 28%),linear-gradient(135deg,#0a2b48,#06121f 70%);
  background-size:cover;background-position:center;overflow:visible
}
.v88-cover::after{content:"RMF DRAW";position:absolute;right:24px;bottom:18px;color:rgba(207,241,255,.18);font-size:clamp(1.7rem,7vw,4rem);font-weight:900;pointer-events:none}
.v88-cover-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.profile-cover-edit-control{position:absolute;z-index:4;right:14px;bottom:12px}
.profile-cover-edit-trigger{display:grid!important;place-items:center;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:0!important;border:0!important;border-radius:8px!important;background:rgba(3,15,28,.38)!important;color:#eaf8ff!important;box-shadow:none!important;cursor:pointer;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.profile-cover-edit-trigger:hover{background:rgba(6,28,48,.68)!important;transform:none!important}
.profile-cover-edit-trigger svg{width:24px;height:24px;fill:currentColor;filter:drop-shadow(0 1px 3px rgba(0,0,0,.95))}
.profile-cover-edit-menu{position:absolute;right:0;bottom:50px;display:grid;gap:6px;width:max-content;min-width:176px;padding:8px;background:#061526;border:1px solid var(--rmf-border);border-radius:10px;box-shadow:var(--rmf-shadow)}
.profile-cover-edit-menu label,.profile-cover-edit-menu button{display:flex!important;align-items:center;width:100%!important;min-height:42px!important;margin:0!important;padding:9px 11px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:var(--rmf-text)!important;box-shadow:none!important;text-align:left;font-size:.84rem;font-weight:750;cursor:pointer}
.profile-cover-edit-menu label:hover,.profile-cover-edit-menu button:hover{background:var(--rmf-surface-3)!important;transform:none!important}
.profile-cover-edit-menu .danger{color:#ffabb6!important}
.v88-profile-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:0 22px}
.v88-avatar{
  position:relative;z-index:2;width:132px;height:132px;margin-top:-66px;border:5px solid var(--rmf-bg-2);border-radius:50%;
  display:grid;place-items:center;background:#153c5e;color:white;font-size:2.1rem;font-weight:900;overflow:visible
}
.v88-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.profile-avatar-edit-control{position:absolute;right:2px;bottom:2px;display:grid;place-items:center;width:37px;height:37px;border:2px solid var(--rmf-bg-2);border-radius:50%;background:#0b314f;color:#eaf8ff;box-shadow:0 3px 12px rgba(0,0,0,.48);cursor:pointer}
.profile-avatar-edit-control svg{width:19px;height:19px;fill:currentColor}
.profile-avatar-edit-control:hover{background:#124b73}
.profile-header-actions{display:flex;flex-wrap:wrap;gap:8px;padding:12px 0}
.profile-edit-action{width:auto!important;min-width:0!important;min-height:38px!important;padding:7px 12px!important;border-radius:8px!important;box-shadow:none!important;font-size:.84rem!important}
.v88-identity{padding:8px 22px 2px}.v88-identity h1{margin:.3rem 0}.v88-identity p{margin:.2rem 0}
.v88-stats,.v88-inline-stats{display:flex;flex-wrap:wrap;gap:18px;padding:13px 22px 20px;color:var(--rmf-muted)}
.v88-stats b,.v88-inline-stats b{color:var(--rmf-text)}
.v88-profile-card{margin:0!important;padding:22px 4px!important;background:transparent!important;border:0!important;border-top:1px solid var(--rmf-border-soft)!important;border-radius:0!important;box-shadow:none!important}
.v88-profile-card:first-of-type{border-top:0!important}
.v88-profile-card h2,.v88-profile-card p{margin-left:0;margin-right:0}
.v88-profile-bio{white-space:pre-wrap}.v88-shared-giveaway{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;align-items:center;padding:12px 0;border-top:1px solid var(--rmf-border-soft)}.v88-shared-giveaway small{grid-column:1}.v88-shared-giveaway button{grid-column:2;grid-row:1/3}
.media-error{color:#ffabb6}
.v88-social-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid var(--rmf-border-soft)}
.eligibility-progress{display:grid;gap:10px;margin:16px 0;padding:16px;border:1px solid var(--rmf-border-soft);border-radius:var(--rmf-radius);background:rgba(5,20,35,.72)}
.progress-track{height:8px;overflow:hidden;border-radius:99px;background:#04101f}.progress-track span{display:block;height:100%;border-radius:inherit;background:var(--rmf-accent);transition:width .2s ease}
.eligibility-step{display:grid;gap:6px;padding:12px;border:1px solid rgba(82,150,198,.2);border-radius:10px;background:rgba(12,31,51,.7)}
.eligibility-step[data-rule-status="complete"]{border-color:rgba(59,197,138,.5);background:rgba(20,91,65,.18)}
.eligibility-step .status-chip{justify-self:start}.eligibility-builder-v88{display:grid;gap:12px;margin-top:18px;padding-top:18px;border-top:1px solid var(--rmf-border-soft)}
#eligibilityRuleRows{display:grid;gap:12px}.eligibility-rule-row{display:grid;gap:10px;padding:14px;border:1px solid var(--rmf-border-soft);border-radius:12px;background:#071627}
.eligibility-rule-row .danger{justify-self:start}

/* Administration and standalone pages */
.administration-page #administrationApp{max-width:1220px}
.administration-page .card button,.administration-page .card .button{width:auto}
.administration-page table{width:100%;border-collapse:collapse}
.administration-page th,.administration-page td{padding:10px;border-bottom:1px solid var(--rmf-border-soft);text-align:left}
.administration-page .pill,.pill,.badge{display:inline-flex!important;width:auto!important;min-height:25px;padding:3px 9px!important;border-radius:999px!important;background:#102d46!important;border:1px solid #28658e!important;color:#bfeaff!important;font-size:.72rem!important}
body>header:not([data-rmf-shell]){display:flex;align-items:center;gap:10px;min-height:68px;padding:10px 16px;background:#04101f;border-bottom:1px solid var(--rmf-border-soft)}
body>header:not([data-rmf-shell]) img{width:48px;height:48px;object-fit:contain}
body>header:not([data-rmf-shell]) .header-action{margin-left:auto;padding:8px 11px;border:1px solid var(--rmf-border);border-radius:9px;text-decoration:none}
.overlay{position:fixed;inset:0;z-index:1500;display:grid;place-items:center;padding:16px;background:rgba(0,4,12,.8)}
.modal{width:min(720px,100%);max-height:88dvh;overflow:auto}
.row{display:flex;flex-wrap:wrap;gap:10px}.row>*{flex:1 1 180px}
canvas{max-width:100%;height:auto}
.hero,.rewards-hero{border-radius:var(--rmf-radius)!important;box-shadow:none!important}
.tabbar,.section-tabs{display:flex!important;flex-wrap:wrap!important;gap:7px!important;overflow-x:visible!important}
.tabbar button,.section-tabs button{width:auto!important;min-height:34px!important;padding:6px 10px!important;border-radius:7px!important;box-shadow:none!important;font-size:.82rem!important}
.discovery-filters{margin:0 0 14px!important;padding:0!important}.giveaway-results{min-height:0}

/* Mobile target: iPhone class widths */
@media(max-width:700px){
  body{padding-top:0!important}
  [data-rmf-shell]{position:sticky!important;top:0!important;z-index:1140;margin:0!important;height:58px!important;min-height:58px!important;padding:7px 8px!important;gap:5px!important}
  [data-rmf-shell] .brand{gap:4px}
  [data-rmf-shell] .brand img{width:34px!important;height:34px!important}
  .shell-wordmark{font-size:clamp(.86rem,4vw,1.05rem);max-width:82px;overflow:hidden}
  .header-icons{gap:4px!important}
  .icon-button,#menuButton,#adminMenuButton{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;border-radius:10px!important}
  .icon-button svg,#menuButton svg,#adminMenuButton svg{width:20px!important;height:20px!important}
  .shell-mobile-search{display:grid!important}
  .global-search{display:none!important}
  .shell-search{display:none!important}
  [data-rmf-shell].shell-search-open{z-index:1150}
  [data-rmf-shell].shell-search-open .shell-search{display:flex!important;position:absolute!important;top:calc(100% + 6px);left:8px;right:8px;width:auto!important;margin:0!important;padding:7px;background:rgba(3,15,31,.98);border:1px solid var(--rmf-border);border-radius:11px;box-shadow:var(--rmf-shadow)}
  [data-rmf-shell].shell-search-open .shell-search>span{color:var(--rmf-muted);padding-left:4px}
  [data-rmf-shell].shell-search-open .shell-search input{min-height:40px!important;padding:8px 10px!important}
  [data-rmf-shell].shell-search-open .shell-search-results{top:calc(100% + 5px)}
  main,#publicApp,#administrationApp,#platformAdmin,#testCenter{width:min(100% - 20px,1180px);padding:14px 0 58px}
  .loading{padding:18px 0!important;min-height:0!important}
  .cards{grid-template-columns:1fr!important;gap:9px!important}
  .host-metric-grid-v77,.admin-metrics,.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .cards>.card,.host-recent-giveaways>*{width:100%;min-width:0}
  .dashboard-metrics .card,.metric-card,.host-metric-v77,.admin-metric{min-height:96px!important;padding:13px!important}
  .metric-card strong,.host-metric-v77 strong,.dashboard-metrics .metric,.admin-metric strong{font-size:1.5rem!important}
  .card,.drawing-stage,.v86-profile-card{padding:15px!important}
  .ui-page-header{align-items:stretch;flex-direction:column}.ui-page-header>button{width:auto;align-self:flex-start}
  .actions>*{flex:0 1 auto}
  .v88-cover{min-height:190px;border-radius:14px 14px 0 0}
  .profile-cover-edit-control{right:10px;bottom:9px}
  .v88-profile-head{padding:0 12px;align-items:flex-start}
  .v88-avatar{width:104px;height:104px;margin-top:-52px;border-width:4px}
  .profile-avatar-edit-control{right:2px;bottom:2px;width:36px;height:36px}
  .profile-header-actions{justify-content:flex-end}.profile-edit-action{min-height:38px!important;padding:7px 12px!important}
  .v88-identity,.v88-stats{padding-left:12px;padding-right:12px}
  .v88-profile-card{padding:18px 12px!important}
  .tabs button,.tabbar button,.section-tabs button,.filter-tabs button,.entry-tabs button,.notification-tabs button,.account-nav button,.manage-nav button{flex:0 1 auto!important}
  .settings-grid,.compact-actions,.host-quick-actions{grid-template-columns:1fr!important}
  .feature-list{grid-template-columns:1fr}.closing-strip,.participant-status-strip{align-items:flex-start;flex-direction:column}
  .host-status-section{grid-template-columns:1fr;align-items:start}.host-status-section button{align-self:start}.host-public-profile{grid-template-columns:minmax(0,1fr) 68px;gap:12px}.host-profile-mark{width:64px;height:64px;font-size:1.45rem}.host-public-stats{grid-template-columns:1fr 1fr}.host-public-stats>div{border-bottom:1px solid var(--rmf-border-soft)}.host-public-stats>div:nth-child(2n){border-right:0}.host-public-stats>div:last-child{grid-column:1/-1;border-bottom:0}
  .ui-record-row{grid-template-columns:1fr}.ui-record-row>.actions{justify-content:flex-start}
  .participant-metrics{grid-template-columns:1fr 1fr}.participant-metrics button,.participant-metrics button:nth-child(3n){border-right:1px solid var(--rmf-border-soft)!important}.participant-metrics button:nth-child(2n){border-right:0!important}
  .administration-section-heading{margin-bottom:8px}.administration-section-heading h1{margin:.25rem 0;font-size:1.65rem}.administration-section-heading p:last-child{margin:.2rem 0}
  .administration-hero,.administration-dashboard-cards{display:none!important}
  .administration-page table{display:block;overflow-x:auto;max-width:100%}
  footer{justify-content:flex-start;gap:8px 15px;padding:18px 12px calc(22px + env(safe-area-inset-bottom))!important}footer a{font-size:.78rem}
}
@media(max-width:370px){
  .cards,.host-metric-grid-v77,.admin-metrics,.metric-grid{grid-template-columns:1fr!important}
  .header-icons{gap:2px!important}
  [data-rmf-shell]{padding-left:6px!important;padding-right:6px!important}
  .shell-wordmark{font-size:.82rem;max-width:67px}
  .icon-button,#menuButton,#adminMenuButton{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}
}

/* Final shell visibility contract: one hamburger on every public viewport, and
   hidden role-specific controls stay hidden regardless of icon-button styling. */
[data-rmf-shell] #menuButton{
  display:grid!important;visibility:visible!important;opacity:1!important;
}
[hidden],#hostCreateQuickButton[hidden]{
  display:none!important;
}


/* v90 campaign platform + workflow components. These styles belong to new authoritative markup; no legacy-card cover-up. */
.workflow-stack{display:grid;gap:0;width:100%;max-width:900px;margin:0 auto}.workflow-step{display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;width:100%;padding:22px 0;border-bottom:1px solid var(--rmf-border-soft)}.workflow-step-number{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--rmf-border);border-radius:999px;background:var(--rmf-surface-2);color:var(--rmf-accent);font-weight:850}.workflow-step>div{min-width:0;width:100%;max-width:100%}.workflow-step h2{margin:3px 0 12px}.workflow-step label{min-width:0}.workflow-step input,.workflow-step textarea,.workflow-step select{max-width:100%}.entry-experience-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;margin:14px 0}.entry-experience-option{display:flex!important;align-items:center;gap:10px;min-width:0;min-height:64px;padding:12px 14px;border:1px solid var(--rmf-border)!important;border-radius:12px;background:var(--rmf-surface)!important;color:var(--rmf-text)!important;font-weight:750;cursor:pointer}.entry-experience-option:has(input:checked){border-color:var(--rmf-accent)!important;background:linear-gradient(135deg,rgba(20,126,193,.28),rgba(37,174,234,.12))!important;box-shadow:inset 3px 0 0 var(--rmf-accent)!important}.entry-experience-option input{width:22px!important;height:22px!important;min-height:22px!important;flex:0 0 22px;margin:0;accent-color:var(--rmf-accent)}.entry-experience-option span{min-width:0;color:var(--rmf-text);line-height:1.25}.method-config-help{margin:0 0 10px}.multi-step-builder{display:grid;gap:14px;margin:12px 0 4px;padding:14px 0;border-top:1px solid var(--rmf-border-soft)}.multi-step-builder-head{display:grid;gap:4px}.multi-step-builder-head small{color:var(--rmf-muted);line-height:1.45}.multi-step-preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.multi-step-preset{display:flex!important;align-items:center;gap:9px;min-height:54px;padding:10px 12px;border:1px solid var(--rmf-border);border-radius:12px;background:var(--rmf-surface);cursor:pointer}.multi-step-preset:has(input:checked){border-color:var(--rmf-accent);background:linear-gradient(135deg,rgba(20,126,193,.28),rgba(37,174,234,.12));box-shadow:inset 3px 0 0 var(--rmf-accent)}.multi-step-preset input{width:22px!important;height:22px!important;min-height:22px!important;flex:0 0 22px;margin:0;accent-color:var(--rmf-accent)}.multi-step-detail-list,.multi-step-custom-list{display:grid;gap:10px}.multi-step-detail{display:grid!important;gap:5px;padding:10px 0;border-bottom:1px solid var(--rmf-border-soft)}.multi-step-detail span{font-weight:800}.multi-step-custom-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.multi-step-preview{display:grid;gap:8px;padding:12px;border:1px solid var(--rmf-border-soft);border-radius:12px;background:rgba(7,20,36,.65)}.multi-step-preview ol{display:grid;gap:9px;margin:0;padding-left:22px}.multi-step-preview li{padding-left:3px}.multi-step-preview li b,.multi-step-preview li span,.multi-step-preview li small{display:block}.multi-step-preview li small{margin-top:2px;color:var(--rmf-muted)}.campaign-opportunity-row,.campaign-step-row{align-items:center}.campaign-empty-state{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:start;gap:12px;width:100%;padding:18px 0;text-align:left}.campaign-empty-state .ui-empty-icon{display:grid;place-items:center;width:28px;height:28px;color:var(--rmf-accent)}.campaign-empty-state .ui-empty-copy{min-width:0}.campaign-empty-state strong{display:block}.campaign-empty-state p{margin:4px 0 0;color:var(--rmf-muted);line-height:1.45}.campaign-type-grid>.entry-experience-option:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:min(100%,calc(50% - 5px))}.campaign-builder-step{align-items:start}.campaign-builder-step .ui-record-main{width:100%}.campaign-builder-step textarea{width:100%;min-height:96px;resize:vertical}.campaign-builder-step [data-campaign-step-label]{min-height:92px}.campaign-builder-step [data-campaign-options-wrap].is-optional textarea{opacity:.92}.campaign-remove-step{margin-bottom:8px}.campaign-step-row .ui-record-main{gap:8px}.compact-trust{display:grid;gap:6px;margin-top:24px}.ui-status-callout{display:grid;gap:4px;padding:12px 0;border-bottom:1px solid var(--rmf-border-soft)}.featured-opportunities{margin-bottom:18px}@media(max-width:700px){.workflow-mobile-stack .workflow-step{grid-template-columns:1fr;gap:8px}.workflow-mobile-stack .workflow-step-number{margin-bottom:2px}.workflow-mobile-stack .workflow-step>div{width:100%;max-width:100%}.giveaway-entry-grid{width:100%;margin-left:auto;margin-right:auto}.giveaway-entry-grid .entry-experience-option{width:100%}.multi-step-preset-grid{grid-template-columns:1fr}.multi-step-custom-row{grid-template-columns:1fr}.multi-step-custom-row button{width:100%}.campaign-workflow{padding-bottom:120px}.campaign-type-grid{width:100%;margin-left:auto;margin-right:auto}.campaign-type-grid .entry-experience-option{width:100%}.campaign-type-grid>.entry-experience-option:last-child:nth-child(odd){width:calc(50% - 4px)}.campaign-builder-step{grid-template-columns:1fr!important}.campaign-builder-step>.campaign-remove-step{justify-self:stretch;width:100%}.workflow-stack{max-width:100%}.workflow-step{grid-template-columns:34px minmax(0,1fr);gap:10px;padding:18px 0}.workflow-step-number{width:32px;height:32px}.entry-experience-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.entry-experience-option{min-height:58px;padding:10px}.campaign-step-row{grid-template-columns:1fr!important}.campaign-step-row>button{justify-self:start}}@media(max-width:380px){.entry-experience-grid{grid-template-columns:1fr}}