/* 2026 portal design refresh: calmer hierarchy, workflow-first admin, responsive data. */
:root{--surface:rgba(20,13,13,.94);--surface-soft:rgba(29,18,16,.92);--line:rgba(224,145,65,.3);--muted:#c8bbb3;--green:#58bd86;--red:#e56c6c;--yellow:#eabf55;--gray:#9b9ba4}
.panel{background:var(--surface);backdrop-filter:blur(5px)}
.page-heading h1{font-size:clamp(2.6rem,6vw,5.6rem);line-height:.92}.panel h2{font-size:clamp(1.35rem,2.2vw,2.15rem);line-height:1.05}
.panel-label,.eyebrow,.record-count,.mono,small.mono{font-family:"DM Mono",monospace}.panel p,.panel label,.panel td,.panel button,.panel a{font-family:"Manrope",sans-serif}
.pill.status-active,.pill.open{color:#baf0cf;border-color:rgba(88,189,134,.6);background:rgba(32,107,67,.3)}
.pill.status-danger,.pill.closed{color:#ffc0c0;border-color:rgba(229,108,108,.65);background:rgba(122,38,38,.32)}
.pill.status-pending{color:#ffe5a0;border-color:rgba(234,191,85,.6);background:rgba(125,92,22,.3)}
.pill.status-inactive{color:#ddd;border-color:rgba(155,155,164,.55);background:rgba(74,74,82,.35)}
.page-return-button{display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.55rem .75rem;border:1px solid rgba(224,145,65,.42);background:rgba(20,13,13,.82);color:#dfc6b2;font:600 .7rem "Manrope",sans-serif;cursor:pointer}.page-return-button span{color:#ffad55;font-size:1rem}.page-return-button:hover,.page-return-button:focus-visible{border-color:#f3a74e;color:#fff;outline:none}

/* Navigation groups */
#primary-navigation{gap:clamp(.3rem,1.3vw,1.35rem);align-items:center}
.site-header{z-index:100!important;overflow:visible}.nav-dropdown{position:relative}.nav-dropdown>summary{cursor:pointer;list-style:none;display:flex;gap:.35rem;align-items:center;padding:.75rem .25rem;color:inherit;font-weight:700}.nav-dropdown>summary::-webkit-details-marker{display:none}
.nav-dropdown>div{position:absolute;z-index:30;top:calc(100% + .5rem);left:-1rem;min-width:210px;padding:.5rem;background:#150e0e;border:1px solid var(--line);box-shadow:0 18px 40px rgba(0,0,0,.45)}
.nav-dropdown>div a,.nav-dropdown>div>span,.nav-dropdown>div form{display:block;padding:.7rem .8rem;white-space:nowrap}.nav-dropdown>div a:hover{background:rgba(225,124,30,.13)}
.account-dropdown>div{left:auto;right:0}.nav-account-name{color:var(--muted);border-bottom:1px solid var(--line)}

/* Compact command center */
.command-center-page main{max-width:1500px}.command-heading{margin-bottom:1.25rem}.command-heading h1{font-size:clamp(2.2rem,4vw,4.4rem)}
.command-announcements{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.8rem;margin-bottom:1rem}.command-announcement{padding:1rem 1.2rem;border-left:3px solid var(--yellow)}.command-announcement h2{margin:.3rem 0}.command-announcement p{margin:.25rem 0}.command-announcement small{color:var(--muted)}
.command-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.command-overview-grid>.panel,.command-workflow-card,.command-utility-grid>.panel{padding:1.25rem}
.command-profile{display:flex;align-items:center;gap:1rem;margin:.75rem 0}.command-profile h2{margin:0}.command-profile p{margin:.2rem 0;color:var(--muted)}.player-command-card .avatar{width:64px;height:64px;border-radius:50%;overflow:hidden}.player-command-card .avatar img{width:100%;height:100%;object-fit:cover}
.command-profile-stats{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:0}.command-profile-stats div{padding:.75rem;background:rgba(255,255,255,.035)}.command-profile-stats dt{font:500 .68rem "DM Mono";color:var(--muted)}.command-profile-stats dd{margin:.3rem 0 0;font-size:1.1rem;font-weight:800}
.next-operation-card .pill{float:right}.next-operation-card h2{margin:.75rem 0 .25rem}.operation-date{font-weight:800;color:#ffc477}.command-assignment-list>div,.command-reservation-list>div{display:flex;gap:.65rem;padding:.65rem 0;border-bottom:1px solid rgba(255,255,255,.08)}.command-assignment-list small,.command-reservation-list span{display:block;color:var(--muted)}.status-dot{width:9px;height:9px;margin-top:.35rem;border-radius:50%;background:var(--gray)}.status-dot.first{background:var(--green)}.status-dot.second{background:#78a8ef}
.command-workflow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0}.workflow-card-heading{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.workflow-card-heading h2{margin:.35rem 0}.workflow-mini-stats,.workflow-admin-stats{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}.workflow-mini-stats span,.workflow-admin-stats span{flex:1;min-width:90px;padding:.65rem;background:rgba(255,255,255,.035);color:var(--muted)}.workflow-mini-stats b,.workflow-admin-stats b{display:block;color:#fff;font-size:1.2rem}.command-utility-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:1rem}.command-tools>div:last-child{display:flex;flex-wrap:wrap;gap:.6rem}

/* Workflow-first administration */
.admin-workspace{display:grid;grid-template-columns:250px minmax(0,1fr);gap:1rem;align-items:start}.admin-tabs{position:sticky;top:1rem;display:flex!important;flex-direction:column;gap:.45rem;padding:.65rem;background:rgba(13,9,9,.9);border:1px solid var(--line)}
.admin-tabs .admin-tab{width:100%;text-align:left;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.25rem;padding:.85rem}.admin-tabs .admin-tab small{flex-basis:100%;font-weight:500;color:var(--muted);text-transform:none}.admin-tab-link{text-decoration:none}
.admin-workspace-content{min-width:0}.event-workflow-dashboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.workflow-admin-card{padding:1.25rem}.workflow-steps{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);padding:0;margin:1.2rem 0}.workflow-steps li{position:relative;text-align:center;color:var(--gray);font-size:.72rem}.workflow-steps li:before{content:"";position:absolute;top:13px;left:0;right:0;height:2px;background:#55433a}.workflow-steps i{position:relative;z-index:1;display:grid;place-items:center;width:28px;height:28px;margin:0 auto .4rem;border-radius:50%;background:#332721;font-style:normal}.workflow-steps .complete i{background:#286342}.workflow-steps .active i{background:#be691f;color:#fff;box-shadow:0 0 0 4px rgba(190,105,31,.2)}.workflow-admin-actions{display:flex;gap:.55rem;flex-wrap:wrap}
.admin-operations-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:stretch}.admin-operations-grid>.panel{min-width:0;margin:0;padding:1.25rem}.announcement-admin-panel{display:block}.announcement-admin-panel form{display:grid;gap:.7rem}.announcement-admin-panel textarea{display:block;width:100%;min-height:105px;margin-top:6px;padding:11px 12px;border:1px solid #754329;background:#160e0c;color:#fff4e8;font:13px "Manrope",sans-serif;resize:vertical}.announcement-admin-list{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--line)}.announcement-admin-list article{display:flex;justify-content:space-between;gap:1rem;padding:.85rem 0;border-bottom:1px solid var(--line)}.announcement-admin-list article>div:last-child{display:flex;gap:.45rem;align-items:flex-start}.announcement-admin-list p{margin:.3rem 0;color:var(--muted)}.event-admin .svs-event-name-field{max-width:420px}.event-admin .form-columns{grid-template-columns:1fr}.event-admin .event-list{margin-top:1.25rem}
.signup-control-actions{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}.signup-control-actions form:last-child{margin-left:auto;padding-left:1rem;border-left:1px solid rgba(229,108,108,.35)}
.transfer-state-dashboard{grid-template-columns:1fr!important}.transfer-state-form{grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important}.transfer-state-form>div:first-child{grid-column:1/-1}.transfer-state-form>label{min-width:0}.transfer-state-form select{max-width:none}.transfer-invite-counters{max-width:720px}
.admin-history-picker{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:1.5rem;align-items:end;margin-bottom:1rem}.admin-history-picker h2{margin:.35rem 0}.admin-history-picker p{margin:0}.admin-history-picker form,.admin-history-picker label{margin:0}.admin-history-picker select{display:block;width:100%;margin-top:.45rem;padding:.7rem;border:1px solid #754329;background:#160e0c;color:#fff4e8}.admin-history-summary{display:grid;grid-template-columns:minmax(0,2fr) repeat(3,minmax(120px,.55fr));gap:1rem;margin-bottom:1rem}.admin-history-summary>.panel{margin:0}.admin-history-title h2{margin:.35rem 0}.admin-history-title p{margin:0}.admin-history-dates{margin-bottom:1rem}.admin-history-dates>div:last-child{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;margin-top:.8rem}.admin-history-dates span{display:grid;padding:.7rem;background:rgba(255,255,255,.035);color:var(--muted)}.admin-history-dates b{color:#fff}.admin-history-roster{margin-bottom:1rem!important}.admin-history-roster .table-wrap{max-height:520px}

/* Search, filters, sticky data, and bulk operations */
.table-filter-bar,.table-filter-toolbar,.team-selection-filters,.history-filter-panel,.bulk-attendance-form{display:flex;align-items:end;gap:.75rem;flex-wrap:wrap;padding:.9rem 1rem;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08)}
.table-filter-bar,.table-filter-toolbar{margin:.5rem 0}.table-filter-toolbar input{flex:1;min-width:220px}.table-filter-count{color:#ffc477;font-weight:800}.table-filter-bar label,.team-selection-filters label,.history-filter-panel label,.bulk-attendance-form label{flex:1;min-width:170px}.table-filter-bar input,.team-selection-filters input,.team-selection-filters select,.history-filter-panel input,.history-filter-panel select,.bulk-attendance-form input,.bulk-attendance-form select{width:100%}
.table-wrap{max-height:min(70vh,760px);overflow:auto}.table-wrap thead th{position:sticky;top:0;z-index:2;background:#181010;box-shadow:0 1px 0 var(--line)}.table-wrap th:first-child,.table-wrap td:first-child{position:sticky;left:0;z-index:1;background:#181010}.table-wrap thead th:first-child{z-index:3}
.team-bulk-actions{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 0}.team-bulk-actions>div{display:flex;gap:.5rem;flex-wrap:wrap}.team-selection-filters,.history-filter-panel{margin:1rem 0}.history-filter-panel span,.team-selection-filters>span{margin-left:auto;color:#ffc477;font-weight:800}.bulk-attendance-form{margin-bottom:1rem}.bulk-attendance-form button{min-height:46px}.attendance-form{display:grid;grid-template-columns:minmax(120px,1fr) minmax(140px,1.3fr) auto;gap:.4rem}.attendance-note{margin:.4rem 0 0;padding:.4rem .55rem;border-left:2px solid var(--yellow);color:var(--muted)}

/* Collapsible, guided forms */
details.signup-section{overflow:visible}details.signup-section>summary{cursor:pointer;list-style:none}details.signup-section>summary::-webkit-details-marker{display:none}details.signup-section>summary:after{content:"−";margin-left:auto;display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);color:#ffc477}details.signup-section:not([open])>summary:after{content:"+"}details.signup-section:not([open])>summary{margin-bottom:0}
.signup-question b,.signup-form-intro b{color:#ff8c73}.form-progress{--form-progress:0%;position:relative;width:min(360px,70vw);height:7px;margin-top:.7rem;border-radius:10px;background:rgba(255,255,255,.12)}.form-progress i{display:block;width:var(--form-progress);height:100%;border-radius:inherit;background:linear-gradient(90deg,#d66b1e,#f5bc4b);transition:width .2s}.form-progress span{position:absolute;top:10px;left:0;color:var(--muted);font-size:.75rem}.signup-submit-bar{position:sticky;bottom:0;z-index:8;background:rgba(18,12,12,.97);box-shadow:0 -12px 30px rgba(0,0,0,.35)}.signup-submit-bar>div{min-width:260px}.signup-submit-bar .ready-to-submit{box-shadow:0 0 0 3px rgba(88,189,134,.2)}

/* Quieter footer */
footer{opacity:.72;font-size:.68rem}.kofi-footer-button{padding:.45rem .7rem!important;background:transparent!important;border:1px solid rgba(224,145,65,.35)!important;color:var(--muted)!important;font-size:.72rem!important}

@media (max-width:1100px){.command-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-workspace{grid-template-columns:1fr}.admin-tabs{position:static;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));flex-direction:initial}.event-workflow-dashboard{grid-template-columns:1fr}.admin-history-summary{grid-template-columns:repeat(3,1fr)}.admin-history-title{grid-column:1/-1}}
@media (max-width:760px){.command-overview-grid,.command-workflow-grid,.command-utility-grid,.admin-operations-grid,.admin-history-picker,.admin-history-summary{grid-template-columns:1fr}.admin-history-title{grid-column:auto}.admin-history-dates>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-steps li span{display:none}.signup-submit-bar{position:static}.attendance-form{grid-template-columns:1fr}.signup-control-actions form:last-child{margin-left:0;padding-left:0;border-left:0;width:100%}.nav-dropdown{display:block!important;width:100%}.nav-dropdown>summary{width:100%;padding:12px 11px;color:#fff2e1;font-size:12px}.nav-dropdown>div{position:static;width:100%;min-width:0;margin:0;padding:.2rem .45rem;border-color:rgba(246,173,78,.28);box-shadow:none}.nav-dropdown>div a{padding:10px 12px}.transfer-state-form{grid-template-columns:1fr!important}.transfer-state-form .button{width:100%}
  .responsive-data-table thead{display:none}.responsive-data-table,.responsive-data-table tbody,.responsive-data-table tr,.responsive-data-table td{display:block;width:100%}.responsive-data-table tr{padding:.75rem;border-bottom:1px solid var(--line);background:#181010}.responsive-data-table td{position:static!important;display:grid;grid-template-columns:minmax(105px,34%) 1fr;gap:.7rem;padding:.55rem!important;border:0!important;background:transparent!important;text-align:left!important}.responsive-data-table td:before{content:attr(data-label);font:500 .66rem "DM Mono";color:#dca461;text-transform:uppercase}.responsive-data-table td.table-empty{display:block}.table-wrap{max-height:none}.team-bulk-actions{align-items:flex-start;flex-direction:column}
}
@media (min-width:761px) and (max-width:900px){.nav-dropdown{display:block!important;width:100%}.nav-dropdown>summary{width:100%;padding:12px 11px;color:#fff2e1;font-size:12px}.nav-dropdown>div{position:static;width:100%;min-width:0;margin:0;padding:.2rem .45rem;border-color:rgba(246,173,78,.28);box-shadow:none}.nav-dropdown>div a{padding:10px 12px}}

/* Operational clarity, accessibility, and lower-density administration. */
.skip-link{position:fixed;z-index:9999;top:.5rem;left:.5rem;transform:translateY(-180%);padding:.75rem 1rem;background:#fff;color:#17100d;font-weight:800}.skip-link:focus{transform:none}
.language-control{display:grid;flex:0 0 auto;justify-items:end;gap:.18rem}.language-control .language-selector{margin:0}.translation-attribution{color:#bca998;font:500 .5rem "DM Mono",monospace;text-decoration:none}.translation-attribution:hover,.translation-attribution:focus-visible{color:#ffd06e}
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #ffd06e!important;outline-offset:3px}.nav-active,.nav-section-active>summary,[aria-current="page"]{color:#ffc06b!important;text-decoration-color:#ffc06b}.nav-section-active>summary:after{content:"•";color:#58bd86}
table caption{padding:.65rem;text-align:left;color:var(--muted);font:500 .68rem "DM Mono",monospace;text-transform:uppercase}.profile-freshness{display:block;margin-top:.8rem;color:var(--muted)}.operation-date small{display:block;margin-top:.25rem;color:var(--muted);font-weight:500}.operation-countdown{display:block;margin:.4rem 0 .8rem;color:#ffe09b}.operation-admin-panel{margin:0 0 1rem;padding:1.25rem}.operation-editor{display:grid;gap:.8rem}.operation-editor .form-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.operation-editor input,.operation-editor select,.operation-editor textarea,.admin-filter-form input,.admin-filter-form select,.inline-attendance-form input,.inline-attendance-form select{display:block;width:100%;margin-top:.35rem;padding:.68rem;border:1px solid #754329;background:#160e0c;color:#fff4e8}.check-label{display:flex!important;align-items:center;gap:.55rem}.check-label input{width:auto!important;margin:0!important}.operation-list{display:grid;gap:.55rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}.operation-list article{display:flex;justify-content:space-between;gap:1rem;padding:.75rem;background:rgba(255,255,255,.035)}.operation-list article>div:first-child{display:grid;gap:.25rem}.operation-list article>div:last-child,.audit-actions{display:flex;gap:.45rem;align-items:center}.admin-filter-form{display:flex;align-items:end;gap:.65rem;flex-wrap:wrap;margin:.75rem 0;padding:.8rem;background:rgba(255,255,255,.035)}.admin-filter-form label{min-width:180px;flex:1}.admin-filter-form .button{min-height:42px}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;padding:1rem}.admin-attendance-control{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem}.admin-attendance-control h2{margin:.35rem 0}.admin-attendance-control p{margin:0}.inline-attendance-form{display:grid;grid-template-columns:minmax(120px,1fr) minmax(150px,1.2fr) auto;gap:.4rem;min-width:440px}.inline-attendance-form input,.inline-attendance-form select{margin:0}.audit-admin-panel{padding:1.25rem}.audit-actions form{margin:0}
@media(max-width:760px){.operation-editor .form-columns{grid-template-columns:1fr}.operation-list article,.admin-attendance-control{align-items:stretch;flex-direction:column}.inline-attendance-form{min-width:0;grid-template-columns:1fr}.audit-actions{align-items:stretch;flex-direction:column}.audit-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}