/* Consolidated v190: source order preserved, original file sections labeled. */

/* === portal-shell.css === */
/* v170 presentation layer: additive, no persistence or API mutations. */
:root{--se-surface:#17151a;--se-surface-raised:#211d23;--se-edge:#57434e;--se-focus:#e4b67c}
body[data-page="member"],body[data-page="admin"]{background:#100e12;color:#f4ebec}
body[data-page="member"] .memberBrandHeader{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem clamp(1rem,4vw,3rem);border-bottom:1px solid var(--se-edge);background:#191419}
body[data-page="member"] .memberBrandHeader strong{letter-spacing:.12em}
body[data-page="member"] .memberShell{max-width:1200px;margin:auto}
body[data-page="member"] .memberQuickNav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;padding:.5rem;border:1px solid var(--se-edge);border-radius:14px;background:var(--se-surface);margin-block:1rem 1.5rem}
body[data-page="member"] .memberQuickNav .memberTab{min-height:48px;border-radius:9px;font-weight:700;white-space:normal}
body[data-page="member"] .memberQuickNav .memberTab.active{background:#643341;color:#fff;border-color:#ba8191}
body[data-page="member"] .memberPaneIntro{border-bottom:1px solid var(--se-edge);padding-bottom:.75rem;margin-bottom:1.25rem}
body[data-page="member"] .memberSettingCard{min-height:100px;text-align:left;border:1px solid var(--se-edge);border-radius:12px;background:var(--se-surface-raised)}
body[data-page="member"] .memberSettingCard:hover{border-color:#c398a4}
body[data-page="member"] :is(button,a,input,select,textarea):focus-visible,body[data-page="admin"] :is(button,a,input,select,textarea):focus-visible{outline:3px solid var(--se-focus);outline-offset:3px}
body[data-page="member"] .memberSecondaryTabs{display:flex;flex-wrap:wrap;gap:.5rem}
body[data-page="member"] .memberSecondaryTabs button{min-height:44px}
body[data-page="member"] .memberPane[hidden]{display:none!important}
@media(max-width:600px){body[data-page="member"] .memberQuickNav{position:static;grid-template-columns:repeat(2,minmax(0,1fr));padding:.5rem}body[data-page="member"] .memberBrandHeader{flex-direction:column;align-items:flex-start}body[data-page="member"] .memberShell{padding-inline:.5rem}body[data-page="member"] .memberHeaderActions{flex-wrap:wrap}body[data-page="member"] .memberSettingCard{min-height:88px}}
@media(prefers-reduced-motion:reduce){body[data-page="member"] *,body[data-page="admin"] *{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}


/* === application-system.css === */
/* v171 shared application design system: additive; legacy workflows remain authoritative */
:root{--se-ink:#f3e9e5;--se-muted:#bbaeb0;--se-surface:#191216;--se-border:#65404b;--se-accent:#c18b74;--se-focus:#f2c28b}
html{scroll-behavior:smooth}body{min-width:320px}button,a,input,select,textarea{touch-action:manipulation}
:where(button,a,input,select,textarea):focus-visible{outline:3px solid var(--se-focus)!important;outline-offset:3px!important}
:where(button,[role=button]){min-height:42px} :where(input,select,textarea){max-width:100%}
.memberBrandHeader,.memberBrandFooter{box-sizing:border-box}
.memberBrandHeader{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:14px clamp(16px,4vw,48px);border-bottom:1px solid var(--se-border);background:#140d11;color:var(--se-ink)}
.memberBrandHeader strong{letter-spacing:.13em}.memberBrandHeader span{font-size:.78rem;letter-spacing:.15em;color:var(--se-muted)}
.memberBrandFooter{text-align:center;padding:25px 16px;color:var(--se-muted);border-top:1px solid var(--se-border)}
.memberQuickNav{display:flex!important;flex-wrap:wrap!important;gap:8px!important;position:static!important;overflow:visible!important}
.memberQuickNav .memberTab{flex:1 1 110px;min-height:46px;border:1px solid var(--se-border)!important;border-radius:10px!important}
.memberQuickNav .memberTab[aria-current=page]{border-color:var(--se-accent)!important;box-shadow:inset 0 -2px 0 var(--se-accent)}
.memberPaneIntro{margin-block:1.25rem}.memberDashboardHead{display:flex;flex-wrap:wrap;gap:16px;align-items:start;justify-content:space-between}
.memberAccountSettingsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px}
.memberSettingCard{text-align:left;min-height:92px!important;border:1px solid var(--se-border)!important;border-radius:12px!important;padding:16px!important}
.memberSettingCard span{display:block;margin-top:6px;color:var(--se-muted)}
.memberPane:focus{outline:none}dialog{max-width:min(96vw,980px);max-height:94dvh;overflow:auto}dialog::backdrop{background:rgba(0,0,0,.75)}
@media(max-width:600px){.memberBrandHeader{padding:12px 16px}.memberBrandHeader span{font-size:.68rem}.memberDashboardHead{display:block}.memberQuickNav .memberTab{flex-basis:calc(50% - 8px)}.memberShell{max-width:100%;padding-inline:12px!important}.memberHeaderActions{display:flex;flex-wrap:wrap}.memberHeaderActions button{flex:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}


/* === admin-workspace.css === */
/* v172: administrative layout system; existing application remains authoritative. */
body[data-page="admin"]{--admin-line:#514149;--admin-ink:#f5eaf0;--admin-muted:#c7b7bf;background:#100e11;color:var(--admin-ink)}
body[data-page="admin"] main{max-width:1380px;margin:auto;padding:clamp(12px,2vw,28px)}
body[data-page="admin"] #adminDialog[data-inline-root]{width:100%;max-width:none;border:0;background:transparent;padding:0;color:inherit}
body[data-page="admin"] #adminDialog .admin{width:100%;max-width:none;min-width:0;padding:clamp(12px,2vw,28px);background:#191419;border:1px solid var(--admin-line);border-radius:12px}
body[data-page="admin"] #adminGroups{display:flex;gap:8px;overflow-x:auto;padding:12px 0;margin:18px 0 8px;scrollbar-width:thin;position:static;flex-wrap:nowrap}
body[data-page="admin"] #adminGroups button{flex:0 0 auto;min-height:44px;border:1px solid var(--admin-line);border-radius:8px;padding:10px 16px}
body[data-page="admin"] #adminGroups button.active{background:#653146;color:white;border-color:#ac7188}
body[data-page="admin"] #adminTabs{display:flex;flex-wrap:wrap;gap:7px;padding:12px 0 20px;border-bottom:1px solid var(--admin-line);margin-bottom:20px}
body[data-page="admin"] #adminTabs button{min-height:44px;border-radius:6px;padding:9px 12px;white-space:normal;text-align:left}
body[data-page="admin"] #adminTabs button.active{outline:2px solid #c78ca5;outline-offset:1px}
body[data-page="admin"] #adminTabs.searching button:not(.toolSearchHidden){display:inline-flex!important;visibility:visible!important}
body[data-page="admin"] #adminTabs .toolSearchHidden{display:none!important}
body[data-page="admin"] .adminWorkspaceTools{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:18px}
body[data-page="admin"] .adminWorkspaceTools label{font-weight:650}
body[data-page="admin"] .adminWorkspaceTools input{flex:1 1 230px;min-width:0;min-height:46px;background:#120e12;border:1px solid #75606a;color:white;padding:10px 12px;border-radius:7px;font-size:16px}
body[data-page="admin"] .adminWorkspaceTools button{min-height:44px}
body[data-page="admin"] .adminWorkspaceTools p{flex-basis:100%;margin:0;color:var(--admin-muted)}
body[data-page="admin"] .adminWorkspaceTools p:empty{display:none}
body[data-page="admin"] .adminSecurityNote{color:var(--admin-muted);line-height:1.5;font-size:.9rem}
body[data-page="admin"] :focus-visible{outline:3px solid #e6abc3;outline-offset:3px}
body[data-page="admin"] input,body[data-page="admin"] select,body[data-page="admin"] textarea{font-size:16px;max-width:100%}
body[data-page="admin"] .tabpane{min-width:0;overflow-wrap:anywhere}
@media(max-width:650px){body[data-page="admin"] #adminDialog .admin{padding:12px}body[data-page="admin"] #adminGroups{margin:12px 0}body[data-page="admin"] #adminTabs{gap:5px}body[data-page="admin"] #adminTabs button{font-size:.87rem}body[data-page="admin"] .adminWorkspaceTools label{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){body[data-page="admin"] *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}


/* === interface-refresh.css === */
/* Sanctum Eros interface refinement: visual-only; no routing or persistence changes. */
body[data-page="member"],body[data-page="admin"]{
  --se-ui-bg:#100d10;--se-ui-panel:#1b161c;--se-ui-panel-hover:#261d25;
  --se-ui-border:#51404c;--se-ui-accent:#c58b9c;--se-ui-text:#f7f0f2;
  --se-ui-muted:#c6b8c0;
  background:radial-gradient(ellipse 80% 45% at 50% 0%,#271720 0%,#100d10 72%) fixed;
  color:var(--se-ui-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;
  -webkit-text-size-adjust:100%;
}
body[data-page="member"] main,body[data-page="admin"] main{width:100%;min-width:0}
body[data-page="member"] :is(h2,h3),body[data-page="admin"] :is(h2,h3){line-height:1.2;text-wrap:balance}
body[data-page="member"] :is(p,.meta,.sectionnote),body[data-page="admin"] :is(p,.meta,.sectionnote){overflow-wrap:anywhere}
body[data-page="member"] .memberDashboardHead{padding:24px 0;align-items:center}
body[data-page="member"] .memberDashboardHead h2{font-size:clamp(1.75rem,4.8vw,2.55rem)}
body[data-page="member"] .memberQuickNav{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:10px;background:#171217;border:1px solid var(--se-ui-border);border-radius:14px;margin:20px 0 26px}
body[data-page="member"] .memberQuickNav .memberTab{border:1px solid transparent;border-radius:9px;min-height:48px;font-weight:650;line-height:1.3}
body[data-page="member"] .memberQuickNav .memberTab.active{background:#593040;border-color:#b4788e;color:#fff}
body[data-page="member"] .memberQuickGrid>a,body[data-page="member"] .memberQuickGrid>button,
body[data-page="member"] .memberSettingCard{border:1px solid var(--se-ui-border);border-radius:12px;background:var(--se-ui-panel);padding:15px;min-height:68px}
body[data-page="member"] .memberAccountSettingsGrid{gap:10px}
body[data-page="member"] .memberQuickGrid>a:hover,body[data-page="member"] .memberQuickGrid>button:hover,
body[data-page="member"] .memberSettingCard:hover{background:var(--se-ui-panel-hover);border-color:var(--se-ui-accent)}
body[data-page="member"] .memberActionBanner{border:1px solid #835367;border-left:4px solid #cf8fa4;border-radius:12px;background:#271a23}
body[data-page="member"] .memberEventFacts{gap:12px}
body[data-page="member"] .memberEventFacts>div{background:var(--se-ui-panel);border:1px solid var(--se-ui-border);border-radius:11px;padding:14px}
body[data-page="admin"] #adminDialog .admin{background:#19141a;border:1px solid var(--se-ui-border);border-radius:16px}
body[data-page="admin"] #adminGroups{padding:10px;background:#171217;border:1px solid var(--se-ui-border);border-radius:12px}
body[data-page="admin"] #adminGroups button{border-radius:9px}
body[data-page="admin"] #adminTabs{gap:8px}
body[data-page="admin"] #adminTabs button{border-radius:9px;min-height:46px}
body[data-page="admin"] :is(.adminrow,.reviewfield,.doorcard){border-color:var(--se-ui-border)}
body[data-page="member"] :is(input,select,textarea),body[data-page="admin"] :is(input,select,textarea){min-height:44px;max-width:100%;font-size:16px}
body[data-page="member"] :is(button,a),body[data-page="admin"] :is(button,a){touch-action:manipulation}
body[data-page="member"] :is(button,a,input,select,textarea):focus-visible,
body[data-page="admin"] :is(button,a,input,select,textarea):focus-visible{outline:3px solid #e9b6ca;outline-offset:3px}
body[data-page="member"] :is(.memberPane,.memberrow,.memberActionItem),
body[data-page="admin"] :is(.adminrow,.tabpane){min-width:0}
@media(max-width:720px){
 body[data-page="member"] main,body[data-page="admin"] main{padding:14px 12px 60px}
 body[data-page="member"] .memberBrandHeader{gap:12px}
 body[data-page="member"] .memberQuickNav{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:8px}
 body[data-page="member"] .memberQuickNav .memberTab{font-size:.92rem;min-height:50px;padding:10px 8px}
 body[data-page="member"] .memberQuickGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body[data-page="member"] .memberAccountSettingsGrid{grid-template-columns:1fr}
 body[data-page="member"] .memberEventFacts{grid-template-columns:1fr 1fr}
 body[data-page="member"] .memberDashboardHead,body[data-page="member"] .memberEventHero{flex-direction:column;align-items:stretch}
 body[data-page="member"] .memberActionItem{align-items:stretch;flex-direction:column}
 body[data-page="member"] .memberActionItem .buttonLink{align-self:flex-start}
 body[data-page="admin"] #adminDialog .admin{padding:14px 12px}
 body[data-page="admin"] #adminGroups{overflow-x:auto;flex-wrap:nowrap}
 body[data-page="admin"] #adminTabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 body[data-page="admin"] #adminTabs button{width:100%;font-size:.9rem}
}
@media(max-width:380px){
 body[data-page="member"] .memberQuickGrid,body[data-page="member"] .memberEventFacts{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){body[data-page="member"] *,body[data-page="admin"] *{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}


/* === interface-refresh-v2.css === */

/* SE Design System 2026: responsive member and administrator workspaces */
body[data-page="member"],body[data-page="admin"]{
 --se-ink:#f6edf2;--se-subtle:#c6b5bf;--se-surface:#1f1720;--se-surface-raised:#2a202a;
 --se-edge:#624758;--se-rose:#e2a3b9;--se-focus:#ffd1e0;
 color:var(--se-ink);
}
body[data-page="member"] :is(.memberShell,.memberPane),
body[data-page="admin"] :is(.admin,.tabpane){min-width:0}
body[data-page="member"] :is(.seWelcomePanel,.memberNextEvent,.seActionCenter,.memberMembershipSummary,.memberDashboardSection,.seReadinessOverview,.memberAccountTools,.memberEventDetail,.memberEventReadiness),
body[data-page="admin"] :is(.adminHealthWrap,.tabpane>.toolbar,.adminHomeCard){
 border:1px solid var(--se-edge);background:var(--se-surface);
 border-radius:16px;padding:clamp(16px,2.5vw,26px);box-shadow:0 8px 30px #00000018;
}
body[data-page="member"] .seWelcomePanel{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(110deg,#362330,#1e1720 72%);margin-bottom:16px}
body[data-page="member"] .seWelcomePanel h3{font-size:clamp(1.5rem,3.2vw,2rem);margin:6px 0}
body[data-page="member"] .seWelcomePanel p{color:var(--se-subtle);max-width:50ch;margin:0}
body[data-page="member"] .seDashboardColumns{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:16px;align-items:stretch;margin-bottom:16px}
body[data-page="member"] .seDashboardColumns>div{min-width:0}
body[data-page="member"] .seDashboardColumns :is(.memberNextEvent,.seActionCenter){height:100%;box-sizing:border-box;margin:0}
body[data-page="member"] .memberNextEvent h3{font-size:clamp(1.3rem,2.4vw,1.8rem);line-height:1.25}
body[data-page="member"] .seActionRow{display:flex;flex-wrap:wrap;align-items:start;gap:8px 14px;padding:12px 0;border-top:1px solid #4c3947}
body[data-page="member"] .seActionRow strong{flex:1 1 160px}
body[data-page="member"] .seActionRow span{flex:2 1 210px;color:var(--se-subtle)}
body[data-page="member"] .seActionRow a{color:#f4bbcf;text-decoration:underline;text-underline-offset:3px}
body[data-page="member"] .memberMembershipSummary{margin-bottom:16px}
body[data-page="member"] .memberDashboardSection{margin-top:16px}
body[data-page="member"] .memberQuickGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
body[data-page="member"] .memberQuickGrid>:is(a,button){display:flex;align-items:center;justify-content:space-between;text-align:left;font-size:1rem;font-weight:650;min-height:74px;box-sizing:border-box}
body[data-page="member"] .memberQuickGrid>:is(a,button)::after{content:"↗";font-size:1.15rem;color:var(--se-rose);margin-left:8px}
body[data-page="member"] .memberAccountSettingsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body[data-page="member"] .memberSettingCard{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;text-align:left}
body[data-page="member"] .memberSettingCard strong{font-size:1.05rem}
body[data-page="member"] .memberSettingCard span{color:var(--se-subtle);line-height:1.45}
body[data-page="member"] .seSettingsHeading{border-bottom:1px solid var(--se-edge);padding-bottom:12px;margin-top:24px}
body[data-page="member"] .memberSecondaryTabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:8px}
body[data-page="member"] .memberSecondaryTabs button{border:1px solid var(--se-edge);border-radius:10px;min-height:48px;text-align:left;padding:12px}
body[data-page="member"] .seReadinessRow{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;border-top:1px solid var(--se-edge);padding:14px 0}
body[data-page="member"] .memberReadinessList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body[data-page="member"] .memberReadinessList>div{background:var(--se-surface-raised);padding:12px;border-radius:10px}
body[data-page="member"] .memberReadinessList dt{color:var(--se-subtle);font-size:.82rem;margin-bottom:6px}
body[data-page="member"] .memberReadinessList dd{margin:0;font-weight:650}
body[data-page="member"] .memberQuickNav{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
body[data-page="member"] .memberQuickNav .memberTab{min-height:52px}
body[data-page="member"] .memberPaneIntro{padding-bottom:12px;border-bottom:1px solid var(--se-edge);margin-bottom:18px}
body[data-page="member"] .memberPaneBack button{min-height:44px}
body[data-page="admin"] .adminGroups{display:flex;flex-wrap:wrap;gap:8px;padding:12px}
body[data-page="admin"] .adminGroups .adminGroup{flex:1 0 auto;min-height:46px;padding:10px 15px;border-radius:10px}
body[data-page="admin"] .adminGroups .adminGroup.active{background:#623448;color:#fff;border-color:#d18fa9}
body[data-page="admin"] #adminTabs{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 20px}
body[data-page="admin"] #adminTabs .tab{min-height:44px;padding:10px 14px;border:1px solid var(--se-edge);border-radius:10px}
body[data-page="admin"] #adminTabs .tab.active{background:#623448;color:#fff;border-color:#d18fa9}
body[data-page="admin"] .tabpane>.toolbar{margin-bottom:18px;gap:12px;align-items:flex-start}
body[data-page="admin"] .tabpane>.toolbar h2{font-size:clamp(1.3rem,3vw,2rem)}
body[data-page="admin"] .tabpane :is(.memberrow,.adminrow,.reviewfield){border-radius:12px}
body[data-page="admin"] :is(.memberactions,.rowactions){display:flex;flex-wrap:wrap;gap:8px}
body[data-page="admin"] :is(.memberactions,.rowactions) button{min-height:44px}
body[data-page="member"] :is(.status,.searchStatus),body[data-page="admin"] :is(.status,.searchStatus){min-height:1.3em}
body[data-page="member"] :is(.badge,.eventState),body[data-page="admin"] .badge{max-width:100%;overflow-wrap:anywhere}
body[data-page="member"] :is(.memberDialog,.memberShell),body[data-page="admin"] :is(#adminDialog,.admin){max-width:100%;box-sizing:border-box}
@media(max-width:800px){
 body[data-page="member"] .seDashboardColumns{grid-template-columns:1fr}
 body[data-page="member"] .memberQuickGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body[data-page="member"] .seWelcomePanel{align-items:flex-start;flex-direction:column}
}
@media(max-width:620px){
 body[data-page="member"] .memberAccountSettingsGrid{grid-template-columns:1fr}
 body[data-page="member"] .memberQuickNav{position:sticky;bottom:calc(env(safe-area-inset-bottom,0px) + 8px);z-index:20;box-shadow:0 12px 38px #000b;background:#211821;border:1px solid #8a6175;border-radius:16px;padding:7px;gap:4px;margin:16px 0}
 body[data-page="member"] .memberQuickNav .memberTab{min-height:52px;padding:8px 4px;font-size:.83rem;white-space:normal}
 body[data-page="member"] .memberQuickNav .memberTab.active{background:#683c50}
 body[data-page="member"] .memberQuickNav .memberTab:nth-child(1)::before{content:"⌂ ";font-size:1.15rem}
 body[data-page="member"] .memberQuickNav .memberTab:nth-child(2)::before{content:"▦ "}
 body[data-page="member"] .memberQuickNav .memberTab:nth-child(3)::before{content:"✧ "}
 body[data-page="member"] .memberQuickNav .memberTab:nth-child(4)::before{content:"◉ "}
 body[data-page="member"] .memberReadinessList{grid-template-columns:1fr}
 body[data-page="member"] .memberQuickGrid{gap:8px}
 body[data-page="member"] .memberQuickGrid>:is(a,button){min-height:64px;font-size:.9rem}
 body[data-page="admin"] .adminGroups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 body[data-page="admin"] .adminGroups .adminGroup{width:100%;min-width:0}
 body[data-page="admin"] #adminTabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 body[data-page="admin"] #adminTabs .tab{width:100%;min-width:0}
 body[data-page="admin"] .tabpane>.toolbar{flex-direction:column}
 body[data-page="admin"] .tabpane>.toolbar :is(input,select){width:100%;box-sizing:border-box}
}
@media(max-width:360px){body[data-page="member"] .memberQuickGrid{grid-template-columns:1fr}}


/* === sanctum-dark.css === */

/* Dark charcoal / muted oxblood theme. Avoid pink panels and bright active navigation. */
:root{color-scheme:dark}
body{--se-ui-bg:#0c0b0e!important;--se-ui-panel:#151318!important;--se-ui-panel-hover:#201b22!important;--se-ui-border:#3a3039!important;--se-ui-accent:#987181!important;--se-ui-text:#eee8ec!important;--se-ui-muted:#ada3aa!important}
body[data-page="member"],body[data-page="admin"]{background:#0d0b0f!important;color:#eee8ec!important}
body[data-page="member"] :is(.memberQuickNav,.memberMembershipSummary,.memberNextEvent,.seActionCenter,.memberDashboardSection,.memberAccountTools,.memberEventDetail,.memberEventReadiness,.seReadinessOverview,.memberSettingCard,.memberQuickGrid>a,.memberQuickGrid>button),
body[data-page="admin"] :is(#adminGroups,#adminTabs,.adminrow,.tabpane>.toolbar){background:#17141a!important;border-color:#41333d!important;box-shadow:none!important}
body[data-page="member"] .seWelcomePanel{background:linear-gradient(115deg,#23171e,#151318 75%)!important;border-color:#48343e!important}
body[data-page="member"] .memberQuickNav .memberTab,
body[data-page="admin"] #adminTabs button{background:#1a171c!important;color:#d4cbd0!important;border:1px solid #41343e!important;box-shadow:none!important}
body[data-page="member"] .memberQuickNav .memberTab.active,
body[data-page="admin"] #adminTabs button.active{background:#392530!important;color:#f7edf2!important;border-color:#886074!important;box-shadow:inset 0 -2px #8f6479!important}
body[data-page="member"] :is(.memberQuickGrid>a,.memberQuickGrid>button,.memberSettingCard):hover{background:#211a22!important;border-color:#856377!important}
body[data-page="member"] :is(.certBadge,.badge,.eventState){box-shadow:none!important}
body[data-page="member"] :is(.memberPane,.courseGroup,.courseCard,.courseProgressCard,.assignedCourse,.memberrow,.memberRsvpHead),
body[data-page="admin"] :is(.admin,.adminrow,.doorcard){border-color:#3c3039!important}
body[data-page="member"] .courseCard,
body[data-page="member"] .courseProgressCard,
body[data-page="member"] .assignedCourse{background:#19161c!important}
body[data-page="member"] :is(.primary,button.primary,a.primary),
body[data-page="admin"] :is(.primary,button.primary,a.primary){background:#533445!important;border-color:#82576e!important;color:#fff!important}
body[data-page="member"] :is(.primary,button.primary,a.primary):hover,
body[data-page="admin"] :is(.primary,button.primary,a.primary):hover{background:#654153!important}
body[data-page="member"] :is(.ghost,button.ghost,a.ghost){background:#1d191f!important;border-color:#4a3b45!important;color:#eee5eb!important}
body[data-page="member"] .eyebrow{color:#b7a3ad!important}
body[data-page="member"] .memberQuickNav{box-shadow:0 5px 22px #0008!important}
@media(max-width:620px){body[data-page="member"] .memberQuickNav{position:relative!important;bottom:auto!important;margin:14px 0!important}}


/* === se-charcoal.css === */
/* Charcoal, plum-black and antique brass — understated venue palette. */
body[data-page="member"],body[data-page="admin"]{background:#0b0c0e!important;color:#eae6df!important;--se-ui-bg:#0b0c0e!important;--se-ui-panel:#15171a!important;--se-ui-panel-hover:#202226!important;--se-ui-border:#38383b!important;--se-ui-accent:#b8a184!important;--se-ui-text:#eae6df!important;--se-ui-muted:#b8b5af!important}
body[data-page="member"] :is(.seWelcomePanel,.memberQuickNav,.memberMembershipSummary,.memberNextEvent,.seActionCenter,.memberDashboardSection,.courseCard,.courseProgressCard,.assignedCourse,.memberSettingCard,.memberQuickGrid>a,.memberQuickGrid>button),body[data-page="admin"] :is(#adminGroups,#adminTabs,.adminrow,.tabpane>.toolbar){background:#15171a!important;border-color:#39393c!important;color:#eae6df!important;box-shadow:none!important}
body[data-page="member"] .seWelcomePanel{background:linear-gradient(110deg,#202125,#131518)!important}
body[data-page="member"] .memberQuickNav .memberTab,body[data-page="admin"] #adminTabs button{background:#191b1e!important;border-color:#39393c!important;color:#c9c7c3!important;box-shadow:none!important}
body[data-page="member"] .memberQuickNav .memberTab.active,body[data-page="admin"] #adminTabs button.active{background:#34322f!important;border-color:#9b876c!important;color:#f7eee0!important;box-shadow:inset 0 -2px #b8a184!important}
body[data-page="member"] :is(.primary,button.primary,a.primary),body[data-page="admin"] :is(.primary,button.primary,a.primary){background:#4b453a!important;border:1px solid #9b876c!important;color:#fff5e7!important;box-shadow:none!important}
body[data-page="member"] :is(.primary,button.primary,a.primary):hover,body[data-page="admin"] :is(.primary,button.primary,a.primary):hover{background:#615747!important}
body[data-page="member"] .eyebrow{color:#c4b49e!important}
body[data-page="member"] .seAssignmentActions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
body[data-page="member"] .seOpenCert{min-height:44px;padding:10px 15px;border-radius:9px;font-weight:750;cursor:pointer}
body[data-page="member"] .courseCard .primary{display:block;width:100%;margin-top:14px;min-height:48px;border-radius:9px}
body[data-page="member"] .courseGroupHead p{max-width:72ch;line-height:1.55}
body[data-page="member"] .memberQuickNav{position:relative!important;bottom:auto!important}
@media(max-width:650px){body[data-page="member"] .seAssignmentActions{width:100%;justify-content:stretch}body[data-page="member"] .seOpenCert{width:100%}body[data-page="member"] .memberQuickNav{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;padding:6px!important}body[data-page="member"] .memberQuickNav .memberTab{font-size:.78rem!important;padding:10px 2px!important;min-height:48px!important}body[data-page="member"] .seWelcomePanel{padding:16px!important}}


/* === hub-aligned-theme.css === */
/* Sanctum Eros — unified Hub-aligned Portal design, October 2026.
   Loaded LAST to resolve conflicting legacy UI theme overrides. */
:root{color-scheme:dark;--se-black:#050405;--se-canvas:#080608;--se-panel:#100b0e;--se-raised:#181016;--se-edge:#35222b;--se-accent:#74304a;--se-accent-hover:#93415e;--se-ink:#f3ecef;--se-muted:#c0afb6;--se-focus:#e4a4bb}
html{background:var(--se-black);scrollbar-color:#52313f var(--se-black)}
body,body[data-page],body[data-page="member"],body[data-page="admin"]{background:var(--se-canvas)!important;color:var(--se-ink)!important;--se-ui-bg:var(--se-canvas)!important;--se-ui-panel:var(--se-panel)!important;--se-ui-panel-hover:var(--se-raised)!important;--se-ui-border:var(--se-edge)!important;--se-ui-accent:#a76d83!important;--se-ui-text:var(--se-ink)!important;--se-ui-muted:var(--se-muted)!important;--se-surface:var(--se-panel)!important;--se-surface-raised:var(--se-raised)!important;--se-subtle:var(--se-muted)!important;--se-rose:#b77c93!important;--se-edge:var(--se-edge)!important}
body :is(.portalHeader,.portalPrimaryNav,.mobilePortalNav,.portalWelcome,.portalProcess,.portalExplainItem,.card,.eventCard,.courseCard,.courseProgressCard,.assignedCourse,.memberQuickNav,.memberMembershipSummary,.memberNextEvent,.seActionCenter,.memberDashboardSection,.memberAccountTools,.memberEventDetail,.memberEventReadiness,.seReadinessOverview,.memberSettingCard,.adminHomeCard,.adminQuickActions,.adminrow,.memberrow,.tabpane,.reviewfield,.portalPanel,.lookupBox){background-color:var(--se-panel)!important;border-color:var(--se-edge)!important;box-shadow:none!important;color:var(--se-ink)}
body :is(.portalMasthead,.portalWelcome,.seWelcomePanel,.routeIntro,.pageHero){background:radial-gradient(ellipse at 82% 22%,#29101b 0%,#11080d 47%,#070506 88%)!important;border-color:#482635!important}
body .portalMasthead .mastheadOverlay{background:linear-gradient(90deg,rgba(4,3,5,.93),rgba(7,3,5,.56))!important}
body :is(.portalHeader,.mobilePortalNav){background:#060406!important;border-bottom:1px solid #38202b!important}
body :is(h1,h2,.portalMasthead h2,.portalWelcome h2,.routeIntro h2){color:#f6eff2}
body :is(.portalMasthead h2,.portalWelcome h2,.routeIntro h2){font-family:Georgia,'Times New Roman',serif;letter-spacing:-.025em}
body :is(p,.desc,.muted,.formintro,.sectionnote){line-height:1.62}
body :is(.eyebrow,.heroJumpLabel){color:#c592a6!important;letter-spacing:.12em}
body :is(button.primary,a.primary,.primary,[type="submit"].primary){background:#63213b!important;border:1px solid #944963!important;color:#fff!important;box-shadow:none!important}
body :is(button.primary,a.primary,.primary,[type="submit"].primary):hover{background:#81314d!important;border-color:#bc708c!important}
body :is(button.ghost,a.ghost,.ghost,.memberTab,.adminGroup,#adminTabs button,.heroJumpGrid a){background:#150e13!important;border:1px solid #48303b!important;color:#f0e5e9!important;box-shadow:none!important}
body :is(.memberTab.active,.adminGroup.active,#adminTabs button.active,.portalPrimaryNav a[aria-current="page"]){background:#3a1828!important;border-color:#99506a!important;color:#fff!important;box-shadow:none!important}
body :is(input,select,textarea){background:#0b080a!important;border-color:#5a3b48!important;color:#f7f0f3!important;accent-color:#9c4768}
body :is(input,textarea)::placeholder{color:#aa939e}
body :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--se-focus)!important;outline-offset:3px!important}
body :is(dialog,.memberDialog,#adminDialog){background:#100a0e!important;border-color:#5a3344!important;color:#f3eaf0!important}
body :is(.badge,.certBadge,.eventState){background:#2a1721!important;border-color:#674052!important;color:#ead8df!important}
body :is(.portalHeader a,.portalPrimaryNav a,.mobilePortalNav a){text-underline-offset:5px}
body :is(.courseCard,.assignedCourse,.courseProgressCard){border-radius:10px!important}
/* Larger selectable answers in course assessments; maintain native keyboard and screen-reader semantics. */
body[data-page="member"] :is(.courseQuestion,.questionCard,.quizQuestion,.assessmentQuestion) :is(label,.option,.answerOption),
body[data-page="member"] :is(.courseAnswer,.quizOption,.answerChoice){display:flex;align-items:center;gap:12px;min-height:52px;padding:13px 15px;border:1px solid #513341;border-radius:10px;background:#160f14;color:#f1e8ec;cursor:pointer;line-height:1.5}
body[data-page="member"] :is(.courseQuestion,.questionCard,.quizQuestion,.assessmentQuestion) label:has(input:checked),
body[data-page="member"] :is(.courseAnswer,.quizOption,.answerChoice):has(input:checked){background:#432034!important;border-color:#c07a96!important;box-shadow:inset 0 0 0 1px #c07a96!important}
body input[type="radio"],body input[type="checkbox"]{width:20px;height:20px;flex:none;accent-color:#b96082}
@media(max-width:760px){body .portalHeader{padding:12px 16px!important}body .brandLockup h1{font-size:clamp(1.05rem,5vw,1.4rem)}body :is(button,a[role="button"]){min-height:42px}body .portalWelcome{padding:clamp(18px,5vw,30px)!important}body .memberQuickGrid{gap:9px}body .heroJumpGrid{grid-template-columns:repeat(2,minmax(0,1fr))}body .portalPrimaryNav{max-width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}


/* === portal-usability.css === */
/* Portal UX refinement — loaded after the Hub theme. No application DOM or state changes. */
:root{color-scheme:dark}
body[data-page="events"] :is(.portalMasthead,.portalWelcome,.portalProcess),
body[data-page="membership"] :is(.portalMasthead,.portalWelcome,.portalProcess),
body[data-page="education"] :is(.portalMasthead,.portalWelcome,.portalProcess),
body[data-page="community"] :is(.portalMasthead,.portalWelcome,.portalProcess),
body[data-page="rules"] :is(.portalMasthead,.portalWelcome,.portalProcess),
body[data-page="safety"] :is(.portalMasthead,.portalWelcome,.portalProcess){display:none!important}
body[data-page="home"] .portalMasthead{margin-bottom:clamp(16px,3vw,28px)}
body[data-page="home"] .portalWelcome{margin-top:0}
body .routeIntro{padding-block:clamp(28px,5vw,60px)!important;margin-bottom:clamp(18px,4vw,34px)!important}
body .routeIntro h2{font-size:clamp(2.25rem,7vw,4.6rem)!important;line-height:1.08!important}
body :is(.card,.eventCard,.courseCard,.adminHomeCard,.memberSettingCard){min-width:0}
body :is(.card,.eventCard,.courseCard,.adminHomeCard,.memberSettingCard) :is(h2,h3,p){overflow-wrap:break-word}
body :is(.portalPrimaryNav,.mobilePortalNav,.memberQuickNav,.memberSecondaryTabs,.adminWorkspaceTools){scrollbar-width:thin}
body :is(.memberQuickNav,.memberSecondaryTabs) button{min-height:46px}
body :is(.adminWorkspaceTools,.memberDashboardHead,.memberHeaderActions,.rowactions){min-width:0;flex-wrap:wrap}
body :is(input,select,textarea){max-width:100%;min-width:0;font-size:16px}
body :is(button,a[role="button"],.buttonLink){touch-action:manipulation}
body :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #e4a4bb!important;outline-offset:3px!important}
body :is(.memberDialog,#adminDialog,dialog){max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain}
body :is(.memberDialog,#adminDialog,dialog) .memberShell{min-width:0}
body .hidden,[hidden]{display:none!important}
@media(max-width:760px){
 html,body{max-width:100%;overflow-x:clip}
 body main{width:100%;max-width:100%;padding-inline:clamp(12px,4vw,20px)}
 body :is(.portalHeader,.headerActions,.heroActions,.rowactions){min-width:0;max-width:100%}
 body .routeIntro{padding-inline:clamp(16px,4vw,24px)!important}
 body :is(.memberDashboardHead,.memberHeaderActions){align-items:stretch}
 body .memberHeaderActions button{flex:1 1 auto}
 body .memberQuickNav{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body :is(.memberQuickNav,.memberSecondaryTabs) button{white-space:normal;overflow-wrap:anywhere}
 body .memberAccountSettingsGrid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))!important}
 body :is(.grid,.applicationGrid,.reviewgrid,.two){min-width:0}
 body :is(.card,.eventCard,.courseCard){padding:clamp(14px,4vw,22px)}
 body :is(.memberDialog,#adminDialog,dialog){width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;margin-inline:auto}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}


/* === portal-human-ux.css === */
/* Final human-use pass: navigation, feedback, touch targets, readability. */
:root{color-scheme:dark}
.memberReturnBar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 18px;padding:10px 0 14px;border-bottom:1px solid rgba(190,145,151,.23)}
.memberReturnBar button{min-height:44px;padding:10px 16px;border:1px solid #72505a;border-radius:9px;background:#22181c;color:#f7e9e9;font-weight:700;cursor:pointer}
.memberReturnBar button:hover{background:#38242d}
.memberReturnBar span{font-size:.84rem;color:#cbb6bb;letter-spacing:.03em}
.memberQuickNav{position:relative;z-index:2}
.memberQuickNav button[aria-current="page"],#adminTabs button[aria-current="page"]{box-shadow:inset 0 -3px 0 #d3a3ab}
#adminToolSearch{min-height:48px;width:min(100%,430px);background:#171215;color:#f8eded;border:1px solid #78535e;border-radius:10px;padding:12px 15px}
#adminToolSearchStatus{min-height:1.4em;color:#d8c4c9}
#adminTabs.searching button[data-tab]:not(.toolSearchHidden){display:inline-flex!important;visibility:visible!important}
#adminTabs.searching button.toolSearchHidden{display:none!important}
#adminTabs.searching{display:flex!important;flex-wrap:wrap;gap:8px}
#adminTabs.searching button[data-tab]{min-height:44px}
.memberSecondaryTabs{gap:8px}
.memberSecondaryTabs button{min-height:48px;text-align:left}
:is(.memberSettingCard,.memberTab,.adminGroup,.tab){transition:background-color .12s ease,border-color .12s ease}
:is(.memberSettingCard,.memberTab,.adminGroup,.tab):focus-visible{outline:3px solid #e4b4bd!important;outline-offset:2px}
:is(.memberPane,.adminPane) :is(h2,h3){scroll-margin-top:90px}
:is(.memberPane,.adminPane) p{max-width:85ch}
@media(max-width:680px){.memberReturnBar{position:sticky;top:0;background:#140f12;z-index:5;padding:12px 0}.memberReturnBar button{width:100%}#adminToolSearch{width:100%}.adminWorkspaceTools{display:flex;flex-wrap:wrap}.adminWorkspaceTools label{width:100%}}
@media(prefers-reduced-motion:reduce){:is(.memberSettingCard,.memberTab,.adminGroup,.tab){transition:none!important}}


/* === portal-deep-ux.css === */
/* Progressive enhancement: wordmark, responsive hierarchy, keyboard support. */
.visuallyHidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.sePortalWordmark{display:block;width:min(100%,560px);height:auto;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.28))}
.seWordmarkHeader{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px clamp(14px,3vw,32px);background:#100b0e;border-bottom:1px solid #5a303c}
.seWordmarkHeader a{display:inline-flex;align-items:center;max-width:min(65%,350px);text-decoration:none}
.seWordmarkHeader .sePortalWordmark{width:100%;max-height:94px}
.seWordmarkHeader>span{font-size:.77rem;letter-spacing:.12em;text-transform:uppercase;color:#dbc0c6}
.sePortalWordmarkHome{width:min(100%,780px);margin:0 auto 10px}
.mastheadOverlay:has(.sePortalWordmarkHome){text-align:center}
.mastheadOverlay:has(.sePortalWordmarkHome) p{max-width:66ch;margin-inline:auto}
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #e7a8b6!important;outline-offset:3px}
:where(button,[role=button],input,select,textarea){font:inherit}
:where(.memberPane,.tabpane) :where(p,.sectionnote){overflow-wrap:anywhere}
#adminToolSearchStatus[role=status]{display:block}
.sePortalPageTop{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:8px 0}
.sePortalPageTop a{color:#f0d8dd;text-decoration:underline;text-underline-offset:3px}
@media(max-width:650px){.seWordmarkHeader{flex-direction:column;gap:2px;padding:8px 12px}.seWordmarkHeader a{max-width:min(92%,320px)}.seWordmarkHeader .sePortalWordmark{max-height:76px}.sePortalWordmarkHome{width:100%}.mastheadOverlay:has(.sePortalWordmarkHome){padding:22px 12px}.memberQuickNav{overflow-x:auto;scrollbar-width:thin}.memberQuickNav button{flex:0 0 auto;min-height:44px}}
@media(prefers-reduced-motion:reduce){.sePortalWordmark{transition:none}}


/* === panel-redesign.css === */
/* Member/admin workspace redesign: scoped, no backend changes */
body[data-page="admin"] #adminDialog{width:min(1420px,98vw)!important;max-width:none!important;margin:0 auto!important;border:0!important;background:#100e11!important;max-height:none!important;position:relative!important;overflow:visible!important}
body[data-page="admin"] #adminDialog>.admin{padding:clamp(14px,2.4vw,32px)!important}
body[data-page="admin"] #adminGroups{display:flex!important;gap:8px!important;flex-wrap:wrap!important;padding:12px!important;margin:12px 0!important;background:#161216!important;border:1px solid #483039!important;border-radius:12px}
body[data-page="admin"] #adminGroups .adminGroup{min-height:44px;padding:9px 15px!important;border-radius:8px!important;flex:0 1 auto!important}
body[data-page="admin"] #adminTabs{display:flex!important;gap:7px!important;overflow-x:auto!important;flex-wrap:nowrap!important;padding:8px 0 16px!important;scrollbar-width:thin;max-width:100%}
body[data-page="admin"] #adminTabs .tab{flex:0 0 auto!important;white-space:nowrap!important;min-height:42px!important}
body[data-page="admin"] .adminHomeGrid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,235px),1fr))!important;gap:12px!important}
body[data-page="admin"] .adminHomeCard{min-height:116px!important;text-align:left!important;display:flex!important;flex-direction:column!important;gap:8px!important;padding:18px!important;border:1px solid #5b3947!important;border-radius:12px!important;background:#1d141a!important}
body[data-page="admin"] .adminHomeCard:hover,body[data-page="admin"] .adminHomeCard:focus-visible{border-color:#d08ba1!important;background:#30202a!important}
body[data-page="admin"] .adminHomeCard strong{font-size:1.1rem!important}
body[data-page="admin"] .tabpane{min-width:0!important}
.certWorkspaceHeader{display:flex;align-items:start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}.certWorkspaceHeader h2{margin:5px 0}.certWorkspaceHeader p{max-width:60ch}
.certWorkspace{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(0,1.6fr);gap:18px;align-items:start}.certPicker,.certDetail{padding:18px;background:#1b151a;border:1px solid #563440;border-radius:14px;min-width:0}.certPicker input{width:100%;min-height:46px;margin:8px 0 14px}.certMemberResults{max-height:540px;overflow:auto;display:grid;gap:7px}.certPerson{display:block;width:100%;text-align:left;border:1px solid #4a3540;border-radius:9px;background:#241b22;padding:12px;color:#f5ebed;cursor:pointer}.certPerson strong,.certPerson small{display:block}.certPerson small{color:#bfb0b7;margin-top:4px}.certPerson[aria-selected="true"]{background:#57263b;border-color:#e2a7bb}.certEmpty{padding:24px 6px}.certDetail h3{margin:0 0 8px}.certDetail h4{margin:24px 0 12px}.certStateRow{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #46313b;align-items:center;flex-wrap:wrap}.certStateRow small{display:block;color:#c4b4bc;margin-top:3px}.certDetail form{padding:16px;border:1px solid #64404f;border-radius:12px;margin:18px 0;background:#241820}.certDetail form label{display:block;margin:12px 0}.certDetail select{width:100%;min-height:44px}.certDetail .status{min-height:22px}.certRemove{min-height:38px}
body[data-page="member"] .memberPaneIntro{padding:clamp(12px,2vw,22px)!important}body[data-page="member"] .memberPaneIntro h3{line-height:1.15!important}body[data-page="member"] .memberQuickGrid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))!important;gap:10px!important}body[data-page="member"] .memberQuickGrid :is(a,button){min-height:54px!important;text-align:left!important}body[data-page="member"] .memberPane{min-width:0!important}body[data-page="member"] .seCourseFilters{display:flex;gap:8px;overflow-x:auto;padding-bottom:10px;scrollbar-width:thin}body[data-page="member"] .seCourseFilters button{flex:0 0 auto;min-height:44px}body[data-page="member"] .courseGrid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))!important;gap:12px!important}
@media(max-width:780px){.certWorkspace{grid-template-columns:1fr}.certMemberResults{max-height:260px}body[data-page="admin"] #adminDialog>.admin{padding:12px!important}body[data-page="admin"] #adminGroups{flex-wrap:nowrap!important;overflow-x:auto!important}body[data-page="admin"] #adminGroups .adminGroup{flex:0 0 auto!important}body[data-page="admin"] .adminHomeGrid{grid-template-columns:1fr 1fr!important}body[data-page="admin"] .adminHomeCard{min-height:105px!important;padding:13px!important}}
@media(max-width:440px){body[data-page="admin"] .adminHomeGrid{grid-template-columns:1fr!important}body[data-page="admin"] .adminHomeCard{min-height:75px!important}.certPicker,.certDetail{padding:12px}}


/* === member-management-fix.css === */
/* Member management containment fix. Scoped to admin page, loaded last. */
body[data-page="admin"]{overflow-x:hidden}
body[data-page="admin"] main,body[data-page="admin"] #adminDialog,body[data-page="admin"] #adminDialog>.admin,body[data-page="admin"] #panel{min-width:0;max-width:100%;box-sizing:border-box}
/* The admin root is an inline workspace, not a modal overlay. */
body[data-page="admin"] #adminDialog[data-inline-root]{position:static!important;inset:auto!important;display:block!important;width:100%!important;max-width:100%!important;max-height:none!important;overflow:visible!important;margin:0!important;padding:0!important;transform:none!important;box-shadow:none!important;border:0!important;background:transparent!important}
body[data-page="admin"] #adminDialog[data-inline-root]::backdrop{display:none!important}
/* Never display more than one workspace pane: prevents sections from appearing on top of one another. */
body[data-page="admin"] #panel .tabpane.hidden{display:none!important}
body[data-page="admin"] #panel .tabpane:not(.hidden){position:relative!important;inset:auto!important;transform:none!important;float:none!important;width:100%!important;max-width:100%!important;overflow:visible!important;z-index:auto!important;isolation:isolate}
body[data-page="admin"] :is(#registryTab,#memberAccountsTab,#pendingTab,#certManagerTab){min-width:0;max-width:100%;overflow-wrap:anywhere}
body[data-page="admin"] :is(#registryTab,#memberAccountsTab,#pendingTab,#certManagerTab) :is(.adminrow,.memberrow,.card,.lookupBox,.reviewfield){min-width:0;max-width:100%;box-sizing:border-box}
body[data-page="admin"] :is(#registryTab,#memberAccountsTab,#pendingTab,#certManagerTab) :is(.toolbar,.rowactions,.rowtop){flex-wrap:wrap;min-width:0}
body[data-page="admin"] :is(#registryTab,#memberAccountsTab,#pendingTab,#certManagerTab) :is(input,select,textarea){min-width:0;max-width:100%}
body[data-page="admin"] :is(#registryTab,#memberAccountsTab,#pendingTab,#certManagerTab) :is(table,.tableWrap){max-width:100%;overflow-x:auto}
/* Member editors are one foreground dialog, not another inline panel. */
body[data-page="admin"] dialog:not(#adminDialog)[open]{position:fixed!important;inset:0!important;margin:auto!important;max-height:calc(100dvh - 24px)!important;overflow-y:auto!important;overscroll-behavior:contain!important;width:min(780px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;z-index:1000!important;background:#171116!important;border:1px solid #714351!important;box-shadow:0 28px 95px #000e!important}
body[data-page="admin"] dialog:not(#adminDialog)[open] :is(form,.admin,.memberShell){max-width:100%;min-width:0;box-sizing:border-box}
body[data-page="admin"] dialog:not(#adminDialog)[open] .x{position:sticky!important;top:0!important;float:right!important;z-index:5!important;min-width:44px;min-height:44px;border-radius:9px;background:#321d26!important;color:white!important}
body[data-page="admin"] #adminGroups{position:relative!important;top:auto!important;z-index:2!important}
body[data-page="admin"] #adminTabs{position:relative!important;top:auto!important;z-index:2!important}
body[data-page="admin"] #panel :is(.two,.reviewgrid,.certWorkspace){min-width:0}
@media(max-width:700px){body[data-page="admin"] main{padding:10px!important}body[data-page="admin"] #adminDialog>.admin{padding:12px!important}body[data-page="admin"] #panel :is(.two,.reviewgrid,.certWorkspace){grid-template-columns:minmax(0,1fr)!important}body[data-page="admin"] #panel :is(.adminrow,.memberrow,.certPicker,.certDetail){padding:12px!important}body[data-page="admin"] dialog:not(#adminDialog)[open]{width:calc(100vw - 12px)!important;max-width:calc(100vw - 12px)!important;max-height:calc(100dvh - 12px)!important}body[data-page="admin"] :is(#registryTab,#memberAccountsTab,#pendingTab) .rowactions button{max-width:100%;white-space:normal}}


/* === dialog-viewport-fix.css === */
/* Fix native dialog clipping on iOS Safari: center in viewport without competing left:50% translations. */
html body dialog[open]:not([data-inline-root]) {
 position:fixed!important; inset:0!important; top:0!important; left:0!important; right:0!important; bottom:0!important;
 transform:none!important; translate:none!important; margin:auto!important;
 box-sizing:border-box!important; width:min(760px,calc(100vw - 24px))!important;
 max-width:calc(100vw - 24px)!important; max-height:calc(100dvh - 24px)!important;
 overflow-x:hidden!important; overflow-y:auto!important; overscroll-behavior:contain;
 padding:clamp(14px,3vw,24px)!important;
}
html body dialog[open]:not([data-inline-root]) > :is(form,.admin,.memberShell),
html body dialog[open]:not([data-inline-root]) :is(.two,.choiceGrid,.vettingIntro,.applicationForm,.rulesPurposeGrid,.rulesAccordion,.ruleBody){
 min-width:0!important; max-width:100%!important; box-sizing:border-box!important;
}
html body dialog[open]:not([data-inline-root]) :is(input,select,textarea,button){max-width:100%;box-sizing:border-box}
html body dialog[open]:not([data-inline-root]) :is(p,span,label,li,strong){overflow-wrap:anywhere}
html body dialog[open]:not([data-inline-root]) .x{position:sticky!important;top:0!important;float:right!important;z-index:10!important;min-width:44px;min-height:44px}
@media(max-width:600px){html body dialog[open]:not([data-inline-root]){width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important;padding:12px!important;border-radius:14px!important}}


/* === panel-visual-refinement.css === */
/* Visual refinement 2026-10: scoped to the logged-in member and admin workspaces.
   Retains existing theme and JavaScript behavior; this is the final CSS layer. */
body[data-page="member"],body[data-page="admin"]{--ux-surface:#191418;--ux-raised:#231b21;--ux-hover:#30212a;--ux-line:#49323e;--ux-line-strong:#755062;--ux-text:#f3eaf0;--ux-muted:#c9b9c3;--ux-accent:#c97e9b;color:var(--ux-text);background:#0d0a0d}
body[data-page="member"] :is(.memberShell,.memberPane,.memberDashboardHead,.memberPaneIntro,.memberAccountTools),body[data-page="admin"] :is(.admin,.tabpane,.adminSubsection){min-width:0;max-width:100%;box-sizing:border-box}
body[data-page="member"] :is(.memberPaneIntro,.memberDashboardHead),body[data-page="admin"] :is(.adminHomeHead,.adminWorkspaceHeader){background:linear-gradient(125deg,#291720 0%,#191216 75%);border:1px solid var(--ux-line);border-radius:16px;padding:clamp(16px,2.8vw,28px);margin-bottom:16px}
body[data-page="member"] :is(.memberPaneIntro,.memberDashboardHead) h2,body[data-page="member"] .memberPaneIntro h3,body[data-page="admin"] .tabpane h2{letter-spacing:-.025em;line-height:1.18;margin-top:6px;margin-bottom:8px;text-wrap:balance}
body[data-page="member"] :is(.sectionnote,.formintro,.memberSettingCard span),body[data-page="admin"] :is(.sectionnote,.formintro,.adminHomeCard small){color:var(--ux-muted);line-height:1.55}
body[data-page="member"] :is(.memberSettingCard,.courseCard,.memberNextEvent,.memberEventDetail,.memberActionItem),body[data-page="admin"] :is(.adminHomeCard,.certPicker,.certDetail){background:var(--ux-raised)!important;border:1px solid var(--ux-line)!important;border-radius:14px!important;box-shadow:none!important;padding:clamp(14px,2vw,20px)!important;min-width:0;overflow-wrap:anywhere}
body[data-page="member"] .memberSettingCard:hover,body[data-page="admin"] .adminHomeCard:hover{background:var(--ux-hover)!important;border-color:var(--ux-line-strong)!important}
body[data-page="member"] .memberSettingCard{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;min-height:94px;text-align:left;transition:background .15s,border-color .15s}
body[data-page="member"] .memberSettingCard strong,body[data-page="admin"] .adminHomeCard strong{font-size:1rem;line-height:1.3;color:var(--ux-text)}
body[data-page="member"] .memberAccountSettingsGrid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin:14px 0 24px}
body[data-page="member"] .seSettingsHeading{font-size:1.1rem;letter-spacing:0;border-bottom:1px solid var(--ux-line);padding-bottom:10px;margin:24px 0 12px}
body[data-page="member"] .memberQuickNav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;background:#151014;border:1px solid var(--ux-line);padding:6px;border-radius:13px;margin:14px 0 22px;position:relative!important;top:auto!important}
body[data-page="member"] .memberQuickNav .memberTab{border:1px solid transparent!important;border-radius:9px!important;background:transparent!important;color:var(--ux-muted)!important;min-height:46px!important;padding:9px 5px!important;font-size:clamp(.76rem,2.6vw,.95rem)!important;text-align:center!important;white-space:normal!important}
body[data-page="member"] .memberQuickNav .memberTab:is(.active,[aria-selected="true"]){background:#58273b!important;color:#fff!important;border-color:#a76380!important;font-weight:700}
body[data-page="admin"] #adminGroups{background:#171116!important;border-color:var(--ux-line)!important;border-radius:14px!important;gap:7px!important}
body[data-page="admin"] #adminGroups .adminGroup{background:transparent;border:1px solid var(--ux-line);color:var(--ux-muted);border-radius:9px!important;min-height:44px}
body[data-page="admin"] #adminGroups .adminGroup:is(.active,[aria-selected="true"]){background:#57273b!important;border-color:#b27591!important;color:white!important}
body[data-page="admin"] #adminTabs{background:transparent;gap:7px!important;padding:8px 0 12px!important}
body[data-page="admin"] #adminTabs .tab{border-radius:9px!important;border:1px solid var(--ux-line)!important;background:var(--ux-raised)!important;color:var(--ux-muted)!important;padding:10px 14px!important}
body[data-page="admin"] #adminTabs .tab:is(.active,[aria-selected="true"]){background:#57273b!important;border-color:#b27591!important;color:white!important}
body[data-page="admin"] .adminHomeGrid{gap:12px!important}
body[data-page="admin"] .adminHomeCard{min-height:100px!important;gap:8px!important}
body[data-page="member"] :is(input,select,textarea),body[data-page="admin"] :is(input,select,textarea){max-width:100%;min-width:0;box-sizing:border-box;border:1px solid #604755;background:#100e11;color:#f7edf1;border-radius:9px;min-height:44px;padding:10px 12px;font-size:16px;line-height:1.4}
body[data-page="member"] :is(input,select,textarea):focus-visible,body[data-page="admin"] :is(input,select,textarea):focus-visible{outline:2px solid #e4a7be;outline-offset:2px;border-color:#e4a7be}
body[data-page="member"] :is(button,a),body[data-page="admin"] :is(button,a){-webkit-tap-highlight-color:transparent}
body[data-page="member"] :is(button,a):focus-visible,body[data-page="admin"] :is(button,a):focus-visible{outline:2px solid #efbad0;outline-offset:3px}
body[data-page="member"] :is(.rowactions,.memberHeaderActions),body[data-page="admin"] :is(.rowactions,.toolbar){gap:9px;min-width:0;flex-wrap:wrap}
body[data-page="member"] :is(.memberPane,.memberAccountTools),body[data-page="admin"] :is(.tabpane,.adminSubsection){scroll-margin-top:20px}
body[data-page="member"] :is(.memberPane,.memberAccountTools) :is(p,li),body[data-page="admin"] :is(.tabpane,.adminSubsection) :is(p,li){overflow-wrap:break-word}
@media(max-width:680px){body[data-page="member"] .memberAccountSettingsGrid{grid-template-columns:minmax(0,1fr)!important;gap:9px!important}body[data-page="member"] .memberSettingCard{min-height:72px;padding:13px 15px!important}body[data-page="member"] .memberQuickNav{grid-template-columns:repeat(4,minmax(0,1fr))!important}body[data-page="member"] .memberDashboardHead{padding:16px!important}body[data-page="admin"] .adminHomeGrid{grid-template-columns:1fr!important}body[data-page="admin"] .adminHomeCard{min-height:78px!important}body[data-page="admin"] #adminGroups{overflow-x:auto!important;flex-wrap:nowrap!important;scrollbar-width:thin}body[data-page="admin"] #adminGroups .adminGroup{flex:0 0 auto!important}body[data-page="admin"] #adminTabs{overflow-x:auto!important}body[data-page="admin"] #adminTabs .tab{flex:0 0 auto!important}body[data-page="member"] .memberQuickNav .memberTab{min-width:0!important}}
@media(prefers-reduced-motion:reduce){body[data-page="member"] .memberSettingCard{transition:none}}


/* === admin-queue-controls.css === */
.adminQueueTools{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.adminQueueEntry{border:1px solid rgba(204,145,165,.24);border-radius:12px;padding:8px;margin-bottom:10px;background:rgba(30,17,24,.7)}.adminQueueEntry .adminQueueItem{width:100%;text-align:left}.adminQueueActions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:7px}.adminQueueActions button,.adminQueueDismissed button{font-size:.86rem;padding:7px 11px}.adminQueueDismissed{border-top:1px solid rgba(204,145,165,.25);margin-top:12px;padding-top:12px}.adminQueueDismissed .adminQueueEntry{display:flex;justify-content:space-between;align-items:center;gap:12px}.adminQueueEntry.queueRead{opacity:.7}@media(max-width:600px){.adminQueueEntry .adminQueueItem{min-width:0}.adminQueueTools{align-items:stretch}.adminQueueActions button{min-height:40px}}

/* === panel-readability.css === */
/* Member and admin readability layer — high-contrast charcoal, accessible spacing. */
body:is([data-page="member"],[data-page="admin"]){--ux-surface:#17171b;--ux-raised:#222127;--ux-hover:#2c2930;--ux-line:#55505b;--ux-line-strong:#9b8393;--ux-text:#f7f4f6;--ux-muted:#ded4dc;--ux-accent:#e6abc3;background:#101014!important;color:#f7f4f6!important}
body:is([data-page="member"],[data-page="admin"]) :is(.memberShell,.memberPane,.memberDashboardHead,.memberPaneIntro,.memberAccountTools,.admin,.tabpane,.adminSubsection,.card,.panel,.memberDashboardSection){min-width:0;max-width:100%;box-sizing:border-box}
body:is([data-page="member"],[data-page="admin"]) :is(.memberShell,.admin,.tabpane,.memberPane){color:#f7f4f6}
body:is([data-page="member"],[data-page="admin"]) :is(.sectionnote,.formintro,.meta,.muted,small,.eyebrow,.memberSettingCard span,.adminHomeCard small){color:#ded4dc!important;line-height:1.55}
body:is([data-page="member"],[data-page="admin"]) :is(.memberPaneIntro,.memberDashboardHead,.adminHomeHead,.adminWorkspaceHeader){background:#242027!important;border-color:#655661!important}
body:is([data-page="member"],[data-page="admin"]) :is(.memberSettingCard,.courseCard,.memberNextEvent,.memberEventDetail,.memberActionItem,.adminHomeCard,.certPicker,.certDetail,.card,.panel){background:#222127!important;border-color:#5d535e!important;color:#f7f4f6!important;box-shadow:none!important}
body:is([data-page="member"],[data-page="admin"]) :is(h1,h2,h3,h4,strong,label){color:#faf7f9}
body:is([data-page="member"],[data-page="admin"]) :is(input,textarea,select){background:#16151a!important;color:#fff!important;border-color:#84717e!important;min-width:0;max-width:100%;font-size:16px}
body:is([data-page="member"],[data-page="admin"]) :is(input,textarea)::placeholder{color:#b9adb7!important;opacity:1}
body:is([data-page="member"],[data-page="admin"]) :is(button,.tab,.memberTab,.adminGroup){line-height:1.35;white-space:normal;overflow-wrap:break-word;min-width:0;max-width:100%;height:auto;min-height:42px}
body:is([data-page="member"],[data-page="admin"]) :is(.memberTab.active,.tab.active,.adminGroup.active,[aria-selected="true"]){background:#65314b!important;border-color:#d79db6!important;color:#fff!important}
body:is([data-page="member"],[data-page="admin"]) :is(a,button):focus-visible{outline:3px solid #f2b9d1!important;outline-offset:2px}
body:is([data-page="member"],[data-page="admin"]) :is(.rowactions,.toolbar,.memberHeaderActions){flex-wrap:wrap;max-width:100%;min-width:0}
body:is([data-page="member"],[data-page="admin"]) :is(.memberAccountSettingsGrid,.adminHomeGrid,.grid){min-width:0;max-width:100%}
body:is([data-page="member"],[data-page="admin"]) :is(.memberPane,.tabpane,.adminSubsection) :is(p,li,span,strong,label,a){overflow-wrap:anywhere}
body:is([data-page="member"],[data-page="admin"]) :is(table,.table){max-width:100%}
body:is([data-page="member"],[data-page="admin"]) :is(dialog,.memberDialog){max-width:min(96vw,900px)!important;max-height:calc(100dvh - 24px)!important;overflow:auto!important;box-sizing:border-box}
body:is([data-page="member"],[data-page="admin"]) :is(dialog,.memberDialog) > *{max-width:100%;min-width:0;box-sizing:border-box}
@media(max-width:680px){body:is([data-page="member"],[data-page="admin"]) :is(.memberShell,.admin,.tabpane,.memberPane){padding-inline:clamp(10px,3vw,16px)}body:is([data-page="member"],[data-page="admin"]) :is(.memberAccountSettingsGrid,.adminHomeGrid){grid-template-columns:minmax(0,1fr)!important}body:is([data-page="member"],[data-page="admin"]) :is(.rowactions,.toolbar,.memberHeaderActions) > button{flex:1 1 auto}body:is([data-page="member"],[data-page="admin"]) :is(dialog,.memberDialog){width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;margin:auto!important;inset:0!important}body:is([data-page="member"],[data-page="admin"]) :is(#adminTabs,#adminGroups){max-width:100%;overflow-x:auto;scrollbar-width:thin}}


/* === portal-experience.css === */
/* Focused mobile readability and content-fit improvements. */
body[data-page="member"],body[data-page="admin"]{color:#f2edf0;background:#141518}
body[data-page="member"] .memberShell,body[data-page="admin"] .admin,body[data-page="admin"] .adminShell{color:#f2edf0}
body[data-page="member"] :is(.memberPane,.memberSettingCard,.memberActionCard,.memberDashboardHead),body[data-page="admin"] :is(.adminPanel,.adminWorkspace,.adminCard,.adminQueueItem){background-color:#24262b;border-color:#50505b;color:#f2edf0}
body[data-page="member"] :is(p,.sectionnote,.meta,small),body[data-page="admin"] :is(p,.sectionnote,.meta,small){line-height:1.55}
body[data-page="member"] :is(input,textarea,select),body[data-page="admin"] :is(input,textarea,select){background:#191b20;color:#f7f2f4;border:1px solid #77717b;max-width:100%;min-width:0}
body[data-page="member"] :is(.memberPane,.memberShell,.memberAccountSettingsGrid,.memberDashboardHead),body[data-page="admin"] :is(.admin,.adminWorkspace,.adminPanel){min-width:0;max-width:100%;overflow-wrap:anywhere}
body[data-page="member"] :is(button,.memberTab),body[data-page="admin"] button{max-width:100%;white-space:normal;overflow-wrap:anywhere;min-height:40px}
body[data-page="member"] :is(.memberQuickNav,.memberSecondaryTabs,.rowactions),body[data-page="admin"] :is(.rowactions,.adminTabs,.adminNav){flex-wrap:wrap;min-width:0}
body[data-page="member"] :is(.memberAccountSettingsGrid,.two),body[data-page="admin"] :is(.two,.adminGrid){min-width:0}
body[data-page="member"] :is(dialog,.memberDialog),body[data-page="admin"] dialog{max-width:min(94vw,960px);max-height:90dvh;overflow:auto;box-sizing:border-box}
body[data-page="member"] :focus-visible,body[data-page="admin"] :focus-visible{outline:3px solid #f2b6c9;outline-offset:2px}
@media(max-width:640px){body[data-page="member"] :is(.memberAccountSettingsGrid,.two),body[data-page="admin"] :is(.two,.adminGrid){grid-template-columns:minmax(0,1fr)!important}body[data-page="member"] :is(.memberShell,.memberPane),body[data-page="admin"] :is(.admin,.adminPanel){padding-inline:clamp(10px,3vw,18px)}body[data-page="member"] :is(button,input,select,textarea),body[data-page="admin"] :is(button,input,select,textarea){font-size:16px}}


/* === workspace-continuation.css === */
.seUnifiedWorkspaces{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;margin:20px 0}.seWorkspace{border:1px solid rgba(231,208,192,.25);border-radius:14px;padding:20px;background:#211d21;color:#f5e9df;min-width:0}.seWorkspace h3{margin:0 0 8px;color:#fff3e9}.seWorkspace p{line-height:1.55;color:#e2d4ce}.seWorkspaceLinks{display:flex;flex-wrap:wrap;gap:9px}.seWorkspaceLinks button{max-width:100%;white-space:normal;overflow-wrap:anywhere}.seSaveFeedback{display:inline-block;margin:8px 10px;color:#e9d5c4;font-size:.9rem}.seSaveFeedback[data-state=failed]{color:#ffb8b8}.seSaveFeedback[data-state=saved]{color:#b8e5c7}.seSaveFeedback[data-state=dirty]{color:#e8c99c}@media(max-width:600px){.seUnifiedWorkspaces{grid-template-columns:minmax(0,1fr)}.seWorkspace{padding:16px}.seWorkspaceLinks button{flex:1 1 130px}}


/* === unified-dark-forms.css === */
/* Unified dark form surfaces: public, member and administration. */
:root{color-scheme:dark}
body[data-page] dialog:not([id="memberDialog"]),body[data-page] dialog.wide{background:#100f14!important;color:#f2edf0!important;border:1px solid #59424e!important;box-shadow:0 24px 90px #000d!important;max-width:min(94vw,980px);max-height:94dvh;overflow-y:auto;overflow-x:hidden}
body[data-page] dialog::backdrop{background:rgba(2,1,5,.87)!important}
body[data-page] dialog :is(.admin,.memberShell,.applicationForm,form,.sePurposeShell,.seCertExperience){min-width:0;max-width:100%;box-sizing:border-box}
body[data-page] dialog :is(.sePurposeHead,.seGuidedHead,.seCertExperienceHead){background:#1d1921!important;border-color:#5d4855!important}
body[data-page] dialog :is(.sePurposeBody,.seGuidedBody,.sePurposeStep,.seGuidedStep,.sePurposeReview,.seCertExperienceBody){background:transparent!important;color:#f2edf0!important}
body[data-page] dialog :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:#1d1b23!important;border:1px solid #6c5967!important;color:#fff!important;max-width:100%;box-sizing:border-box}
body[data-page] dialog :is(input,textarea,select):focus-visible{outline:2px solid #d6ac92!important;outline-offset:2px}
body[data-page] dialog :is(label,legend,h2,h3,h4){color:#f5eef1}
body[data-page] dialog :is(.sectionnote,.meta,.formintro,small){color:#cfc1c9}
body[data-page] dialog :is(.sePurposeNav,.seGuidedNav){background:#100f14!important;border-color:#5d4855!important}
body[data-page] dialog :is(.sePurposeStep,.seGuidedStep,.seCertQuestion){min-height:0!important;height:auto!important}
body[data-page] dialog [hidden],body[data-page] dialog .hidden{display:none!important}
body[data-page] dialog :is(.two,.grid,.formGrid){min-width:0}
body[data-page] dialog :is(.two,.grid,.formGrid)>*{min-width:0}
/* Admin shell: reduce top-of-page bulk without hiding operational tools. */
body[data-page="admin"] #adminDialog{width:min(98vw,1400px)!important;max-width:min(98vw,1400px)!important;background:#111015!important;padding:clamp(12px,2vw,22px)!important}
body[data-page="admin"] #adminDialog>.admin>h2{font-size:clamp(1.35rem,3vw,1.8rem)!important;line-height:1.15;margin:.2rem 0 .6rem}
body[data-page="admin"] #adminDialog>.admin>.eyebrow{font-size:.68rem;letter-spacing:.1em}
body[data-page="admin"] #adminGroups{display:flex;gap:7px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin;padding:6px 0}
body[data-page="admin"] #adminGroups>button{flex:0 0 auto;min-height:40px;padding:8px 12px;white-space:nowrap}
body[data-page="admin"] #adminTabs{gap:6px;overflow-x:auto;scrollbar-width:thin}
body[data-page="admin"] #adminTabs button{min-height:38px}
body[data-page="admin"] :is(.adminHomeCard,.adminActionQueue,.adminQuickActions,.tabpane,.adminHealthWrap){background-color:#19171e;border-color:#4b3b48;color:#f2edf0}
body[data-page="admin"] :is(.adminHomeGrid,.adminQuickGrid)>*{min-width:0}
@media(max-width:620px){body[data-page] dialog{width:calc(100vw - 12px)!important;max-width:calc(100vw - 12px)!important;max-height:calc(100dvh - 18px)!important;padding:12px!important}body[data-page="admin"] #adminDialog{width:calc(100vw - 10px)!important;max-width:calc(100vw - 10px)!important}body[data-page="admin"] .memberBrandHeader{padding:12px!important}body[data-page="admin"] .sePortalWordmark{max-width:min(72vw,280px)!important;height:auto!important}body[data-page] dialog :is(.two,.formGrid){grid-template-columns:minmax(0,1fr)!important}body[data-page] dialog :is(button,input,select,textarea){font-size:16px}}


/* === portal-dual-header.css === */
/* Unified compact headers: member + operations. Loaded last to defeat legacy overrides. */
body[data-page="member"],body[data-page="admin"]{--se-header-edge:#60424f;--se-header-surface:#1a171c}
body[data-page="member"] .memberBrandHeader,body[data-page="admin"] .memberBrandHeader{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:0!important;padding:10px clamp(14px,3vw,26px)!important;margin:0!important;background:#171218!important;border-bottom:1px solid #49313d!important;box-sizing:border-box!important}
body[data-page="member"] .memberBrandHeader a,body[data-page="admin"] .memberBrandHeader a{display:block!important;flex:0 1 235px!important;max-width:235px!important;min-width:0!important}
body[data-page="member"] .memberBrandHeader img,body[data-page="admin"] .memberBrandHeader img{display:block!important;width:100%!important;height:auto!important;max-height:66px!important;object-fit:contain!important;object-position:left center!important}
body[data-page="member"] .memberBrandHeader>span,body[data-page="admin"] .memberBrandHeader>span{font-size:.72rem!important;letter-spacing:.12em!important;color:#d9bac7!important;text-align:right!important;white-space:nowrap!important;margin:0!important}
body[data-page="member"] #memberDashboardView .memberDashboardHead{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:10px!important;padding:15px!important;border:1px solid var(--se-header-edge)!important;border-radius:16px!important;background:var(--se-header-surface)!important;box-shadow:none!important}
body[data-page="member"] #memberDashboardView .memberDashboardHead>div:first-child{flex:1 1 230px!important;min-width:0!important}
body[data-page="member"] #memberDashboardView .memberDashboardHead h2{font-size:clamp(1.35rem,4.5vw,1.95rem)!important;line-height:1.16!important;margin:5px 0!important;overflow-wrap:anywhere!important}
body[data-page="member"] #memberDashboardView .memberHeaderActions{display:flex!important;gap:8px!important;flex:0 0 auto!important;flex-direction:row!important;flex-wrap:wrap!important;margin:0!important}
body[data-page="member"] #memberDashboardView .memberHeaderActions button{width:auto!important;min-height:36px!important;min-width:0!important;padding:8px 12px!important;font-size:.83rem!important;line-height:1.2!important}
body[data-page="admin"] #adminDialog>.admin{padding-top:12px!important}
body[data-page="admin"] #adminDialog>.admin>h2{font-size:clamp(1.3rem,4vw,1.85rem)!important;margin:4px 0 12px!important}
body[data-page="admin"] #panel .seAdminCompactHeader{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;flex-wrap:wrap!important;padding:12px 14px!important;margin:0 0 12px!important;border:1px solid var(--se-header-edge)!important;border-radius:14px!important;background:var(--se-header-surface)!important}
body[data-page="admin"] #panel .seAdminCompactHeader strong{font-size:1.15rem!important;line-height:1.2!important;color:#f5ebef!important}
body[data-page="admin"] #panel .seAdminCompactHeader button{width:auto!important;min-height:36px!important;padding:8px 12px!important;font-size:.85rem!important;margin:0!important}
body[data-page="admin"] #adminGroups{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overscroll-behavior-x:contain!important;gap:6px!important;padding:6px 2px 10px!important;scrollbar-width:thin}
body[data-page="admin"] #adminGroups .adminGroup{flex:0 0 auto!important;white-space:nowrap!important;min-height:38px!important;padding:8px 12px!important}
@media(max-width:600px){body[data-page="member"] .memberBrandHeader,body[data-page="admin"] .memberBrandHeader{padding:8px 14px!important}body[data-page="member"] .memberBrandHeader a,body[data-page="admin"] .memberBrandHeader a{flex-basis:170px!important;max-width:55%!important}body[data-page="member"] .memberBrandHeader img,body[data-page="admin"] .memberBrandHeader img{max-height:52px!important}body[data-page="member"] .memberBrandHeader>span,body[data-page="admin"] .memberBrandHeader>span{font-size:.63rem!important}body[data-page="member"] #memberDashboardView .memberDashboardHead{padding:12px!important}body[data-page="member"] #memberDashboardView .memberHeaderActions{width:100%!important;justify-content:flex-start!important}body[data-page="admin"] #adminDialog>.admin{padding:12px!important}}


/* === admin-v187.css === */
/* v187 consolidated admin navigation, preserving existing functional panels */
#adminGroups{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:12px 0 14px}
#adminGroups .adminGroup{min-width:0;white-space:normal;line-height:1.3;padding:12px 8px}
.adminEventPayments{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:12px 0;padding:12px 14px;border:1px solid rgba(188,151,155,.3);border-radius:12px;background:rgba(60,29,40,.16)}
.adminEventPayments span{font-size:.85rem;opacity:.8}
#adminTabs{display:flex;flex-wrap:wrap;gap:7px}
#adminTabs .tab{min-height:40px}
@media(max-width:700px){#adminGroups{grid-template-columns:repeat(2,minmax(0,1fr))}.adminEventPayments{align-items:stretch;flex-direction:column}.adminEventPayments a{text-align:center}}