:root{--navy:#062c55;--navy2:#0d416f;--red:#e11d2e;--green:#118943;--ink:#142033;--muted:#6f7886;--line:#dfe4ea;--bg:#f4f6f8;--card:#fff;--shadow:0 5px 18px rgba(15,35,58,.08)}*{box-sizing:border-box}body{margin:0;background:linear-gradient(#f8fafc,#eef2f5);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink)}button{font:inherit}.app-shell{max-width:560px;margin:0 auto;min-height:100vh;background:#fff;box-shadow:0 0 40px rgba(0,0,0,.08);padding-bottom:84px}.topbar{display:flex;align-items:center;gap:12px;padding:20px 18px 12px;background:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid #edf0f3}.brandmark{width:48px;height:48px;border:3px solid var(--navy);border-radius:14px;display:grid;place-items:center;font-size:11px;color:var(--red);position:relative}.brandmark span{font-size:21px;position:absolute}.eyebrow{font-size:12px;font-weight:900;letter-spacing:.13em;color:var(--navy)}h1{font-family:Georgia,serif;font-size:29px;line-height:.9;margin:3px 0 0;color:var(--navy);letter-spacing:-.03em}.icon-btn{margin-left:auto;border:0;background:transparent;font-size:22px;position:relative}.icon-btn b{position:absolute;right:-5px;top:-5px;background:var(--red);color:white;border-radius:99px;font-size:10px;padding:2px 5px}.page{padding:18px;background:var(--bg);min-height:calc(100vh - 146px)}.week-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.week-head h2{font-size:20px;margin:0;color:var(--navy)}.lock-note{font-size:12px;font-weight:900;color:var(--red);margin-top:2px}.primary{background:var(--navy);color:white;border:0;border-radius:8px;padding:10px 16px;font-weight:800}.stats{display:grid;grid-template-columns:repeat(3,1fr);background:white;border-radius:12px;box-shadow:var(--shadow);padding:14px 6px;margin-bottom:14px}.stat{text-align:center;border-right:1px solid var(--line)}.stat:last-child{border:0}.label{font-size:11px;color:var(--muted);font-weight:800;text-transform:uppercase}.value{font-size:34px;font-weight:950;color:var(--navy);line-height:1.05;margin-top:7px}.value.green{color:var(--green)}.sub{font-size:12px;color:var(--muted);font-weight:700}.alert{display:flex;align-items:center;gap:12px;background:linear-gradient(120deg,var(--navy),var(--navy2));color:white;border-radius:10px;padding:15px;margin-bottom:20px;box-shadow:var(--shadow)}.alert .clock{font-size:28px}.alert strong{font-size:16px}.alert small{display:block;color:#ff8a93;margin-top:4px;font-weight:800}.section-title{display:flex;align-items:center;justify-content:space-between;margin:18px 2px 9px}.section-title h3{margin:0;color:var(--navy);font-size:17px}.link{border:0;background:transparent;color:var(--muted);font-size:12px;font-weight:900}.card{background:white;border-radius:12px;box-shadow:var(--shadow);border:1px solid #e8ebef}.standing-row{display:grid;grid-template-columns:42px 1fr 64px 52px 62px;align-items:center;gap:4px;padding:11px 10px;border-bottom:1px solid #edf0f2;font-size:13px}.standing-row:last-child{border:0}.standing-row.me{background:#fff3f3}.rank{width:28px;height:28px;border-radius:6px;background:#eef1f4;display:grid;place-items:center;font-weight:900}.rank.gold{background:#f3c329;color:white}.player{font-weight:800}.green{color:var(--green)}.red{color:var(--red)}.season-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:14px 6px;text-align:center}.season-grid strong{display:block;margin-top:7px}.season-grid span{font-size:11px;color:var(--muted);font-weight:800}.tabs{display:flex;background:white;border-bottom:1px solid var(--line);margin:0 -18px 14px}.tabs button{flex:1;padding:13px 4px;border:0;background:white;font-weight:800;color:#596273;border-bottom:3px solid transparent}.tabs button.active{color:var(--red);border-color:var(--red)}.progress-row{display:flex;gap:8px;align-items:center;margin-bottom:12px}.week-selector{flex:1;background:#fff;border:1px solid var(--line);border-radius:9px;padding:11px;text-align:center;font-weight:900;color:var(--navy)}.progress{font-size:12px;font-weight:900}.game{padding:14px;margin-bottom:12px}.game-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:900;margin-bottom:15px}.kick{color:var(--red)}.badge{padding:5px 9px;border-radius:7px;border:1px solid #bdc5cf;color:#4a5360}.badge.locked{background:#4b5563;color:white;border-color:#4b5563}.match{display:grid;grid-template-columns:1fr 28px 1fr;align-items:center;text-align:center;gap:7px}.team{font-weight:950}.team small{display:block;color:var(--muted);font-weight:700;margin-top:3px}.team-logo{font-size:30px}.vs{font-size:11px;color:var(--muted);font-weight:900}.pick-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.pick-btn{padding:11px;border-radius:8px;border:1px solid #aeb7c3;background:white;font-weight:900}.pick-btn.selected{background:var(--green);border-color:var(--green);color:#fff}.pick-btn:disabled{opacity:.65}.venue{text-align:center;color:var(--muted);font-size:11px;font-weight:700;margin-top:11px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(560px,100%);display:flex;background:rgba(255,255,255,.97);border-top:1px solid var(--line);z-index:20;padding:7px 4px 8px;backdrop-filter:blur(10px)}.bottom-nav button{flex:1;border:0;background:transparent;color:#687180;font-size:10px;font-weight:800;padding:3px}.bottom-nav span{display:block;font-size:20px;margin-bottom:3px}.bottom-nav button.active{color:var(--red)}.admin-only{display:none}.commissioner .admin-only{display:block}.big-list .standing-row{grid-template-columns:42px 1fr 70px 60px 70px}.panel{padding:15px;margin-bottom:12px}.panel h3{margin:0 0 8px;color:var(--navy)}.panel p{margin:4px 0;color:var(--muted);font-size:13px;line-height:1.45}.toggle{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.switch{width:44px;height:24px;border-radius:99px;background:#cfd5dd;padding:3px}.switch.on{background:var(--green)}.switch:after{content:"";display:block;width:18px;height:18px;background:#fff;border-radius:50%;transition:.15s}.switch.on:after{transform:translateX(20px)}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.admin-action{padding:16px 10px;border:1px solid var(--line);background:white;border-radius:10px;text-align:left}.admin-action b{display:block;color:var(--navy);margin-bottom:4px}.admin-action small{color:var(--muted)}@media(min-width:760px){body{padding:28px}.app-shell{border-radius:22px;overflow:hidden;min-height:calc(100vh - 56px)}.bottom-nav{bottom:28px;border-radius:0 0 22px 22px}}
.status-line{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}.import-result{margin-top:12px;padding:12px;border-radius:9px;background:#eef7f1;border:1px solid #cce8d6;color:var(--green)}.import-result small{display:block;color:var(--muted);margin-top:4px}
.auth-page{min-height:calc(100vh - 82px);padding:32px 18px;background:linear-gradient(155deg,#f7fafc,#edf3f7)}.auth-hero{text-align:center;padding:18px 8px 22px}.brandmark.big{margin:0 auto 14px;width:62px;height:62px}.auth-hero h1{font-size:38px}.auth-hero p{color:var(--muted);font-weight:650}.auth-card{padding:16px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;margin:-16px -16px 16px}.auth-tabs button{padding:14px;border:0;border-bottom:3px solid transparent;background:#fff;font-weight:900;color:var(--muted)}.auth-tabs button.active{color:var(--red);border-color:var(--red)}label{display:block;font-size:12px;font-weight:900;color:var(--navy);margin:11px 0}input,select{width:100%;margin-top:5px;border:1px solid #cfd6df;border-radius:9px;padding:12px;background:#fff;color:var(--ink);font:inherit}.full{width:100%;margin-top:10px}.secondary{border:1px solid #cbd3dd;background:#fff;color:var(--navy);border-radius:8px;padding:11px;font-weight:900}.form-note{font-size:11px!important;text-align:center;margin-top:12px!important}.form-error{color:var(--red);font-size:12px;font-weight:800;margin-top:8px}.hidden{display:none}.demo-link{display:block;margin:14px auto;border:0;background:transparent;color:var(--muted);font-weight:800}.approval-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.approval-row button{border:0;border-radius:7px;padding:7px 9px;font-size:11px;font-weight:900;margin-left:5px}.approve{background:#e9f7ee;color:var(--green)}.decline{background:#fff0f1;color:var(--red)}.import-controls{display:grid;grid-template-columns:1.5fr .6fr .8fr;gap:7px;align-items:end}.import-controls input,.import-controls select{margin:0}.import-controls .primary{height:43px}
.setup-choice{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.setup-choice button{border:1px solid #cfd6df;border-radius:9px;background:#fff;padding:11px 8px;font-weight:850;color:var(--navy)}.setup-choice button.selected{border-color:var(--red);background:#fff3f3;color:var(--red)}.form-success{color:var(--green);font-size:12px;font-weight:850;line-height:1.45;margin-top:10px}.success-banner{background:#eaf8ef;border:1px solid #c8e9d3;color:var(--green);padding:11px 12px;border-radius:9px;font-weight:850;margin-bottom:12px}.league-code-box{background:#f4f7fa;border:1px dashed #9ba9b8;border-radius:10px;padding:14px;text-align:center;margin:12px 0}.league-code-box span{display:block;font-size:10px;letter-spacing:.12em;color:var(--muted);font-weight:900}.league-code-box b{display:block;font-size:27px;color:var(--navy);letter-spacing:.08em;margin:5px 0}.league-code-box small{color:var(--muted)}.code-pill{display:inline-block;background:#edf2f6;border-radius:6px;padding:4px 7px;letter-spacing:.08em;color:var(--navy)}.empty-state{padding:18px;color:var(--muted);font-size:13px;text-align:center}

.preview-list{margin:12px 0;display:grid;gap:8px}.preview-game{padding:12px;border:1px solid var(--line);border-radius:12px;background:#fafbfc}.preview-game small,.result-row small{display:block;color:var(--muted);margin-top:4px}.danger-outline{margin-top:10px;background:white;color:#b42318;border:1px solid #f0a5a0;padding:12px;border-radius:10px;font-weight:800}.result-row{align-items:center}.result-row>div:last-child{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.panel hr{border:0;border-top:1px solid var(--line);margin:18px 0}
.validation-wrap{margin:12px 0}.validation-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.validation-grid>div{background:#f5f7fa;border:1px solid var(--line);border-radius:9px;padding:9px 5px;text-align:center}.validation-grid span{display:block;font-size:9px;text-transform:uppercase;color:var(--muted);font-weight:900}.validation-grid b{display:block;color:var(--navy);font-size:18px;margin-top:3px}.validation-status{margin-top:8px;padding:10px 11px;border-radius:9px}.validation-status.ok{background:#eaf8ef;border:1px solid #c8e9d3;color:var(--green)}.validation-status.warn{background:#fff6e8;border:1px solid #f2d198;color:#9a6700}.validation-status small{display:block;color:var(--muted);margin-top:3px}.missing-list{margin-top:8px;padding:9px;border-radius:8px;background:#fff3f3;color:#a51d2d;font-size:12px}.compact-preview{margin:12px 0;display:grid;gap:11px}.preview-day{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.preview-date{display:flex;justify-content:space-between;padding:8px 10px;background:#f4f7fa;color:var(--navy);font-size:12px;font-weight:900}.preview-date span{color:var(--muted);font-weight:800}.preview-game.compact{border:0;border-top:1px solid #edf0f2;border-radius:0;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:8px}.preview-game.compact:first-of-type{border-top:0}.preview-match{font-size:12px;line-height:1.35}.preview-match span{color:var(--muted);margin:0 4px}.preview-match em{display:inline-block;margin-left:6px;font-style:normal;font-size:8px;background:#fff0f1;color:var(--red);border-radius:5px;padding:2px 4px;font-weight:900}.preview-game.compact small{margin:0;white-space:nowrap;font-size:10px}@media(max-width:430px){.validation-grid{grid-template-columns:1fr 1fr}.preview-game.compact{align-items:flex-start;flex-direction:column;gap:2px}}

.sandbox-panel{border:2px dashed #e3a91b;background:#fffdf5}
.sandbox-kicker{font-weight:900;color:#9a6500;letter-spacing:.08em;font-size:.8rem;margin-bottom:5px}
.sandbox-game{padding:14px 0;border-top:1px solid #e8e8e8}
.sandbox-game:first-of-type{border-top:0}
.sandbox-game small{display:block;color:var(--muted);margin-top:3px}
.sandbox-pick-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.sandbox-pick-buttons button{padding:11px;border:1px solid #aeb8c5;background:white;border-radius:9px;font-weight:800}
.sandbox-pick-buttons button.selected{background:#119447;color:white;border-color:#119447}
.sandbox-pick-buttons button:disabled{opacity:.7}
.sandbox-standings .standing-row{display:grid;grid-template-columns:1.6fr .7fr .7fr .7fr;gap:8px;padding:10px 0;border-top:1px solid #e6e6e6;align-items:center}
@media(max-width:560px){.sandbox-standings .standing-row{grid-template-columns:1.4fr .6fr .7fr .7fr;font-size:.88rem}.sandbox-pick-buttons{grid-template-columns:1fr}}

.conf-validation div:nth-child(3) b{font-size:1.05rem}.import-controls input:disabled{background:#eef1f4;cursor:not-allowed}

.preview-context{margin:14px 0 8px;padding:11px 14px;border-left:4px solid var(--navy);background:#f3f7fb;border-radius:8px}
.preview-context b{display:block;color:var(--navy);font-size:1rem}
.preview-context small{display:block;color:var(--muted);margin-top:2px}

.preview-bowl-name{font-weight:900;color:var(--navy);margin-bottom:5px;font-size:.9rem}
.bowl-title{margin:-2px -2px 12px;padding:9px 12px;background:#f6f1df;border-radius:9px;color:#735100;font-weight:900;text-align:center;letter-spacing:.01em}

.cfp-hero{background:linear-gradient(180deg,#fff,#f6f8fb)}
.cfp-score-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}
.cfp-score-strip span{background:#eef3f8;border-radius:9px;padding:9px 6px;text-align:center;font-size:.78rem;color:var(--muted)}
.cfp-score-strip b{display:block;font-size:1.15rem;color:var(--navy)}
.cfp-bracket{display:grid;grid-template-columns:repeat(4,minmax(210px,1fr));gap:12px;overflow-x:auto;padding-bottom:8px}
.cfp-round{min-width:210px}
.cfp-round>h3{text-align:center;font-size:.82rem;letter-spacing:.05em;color:var(--muted)}
.cfp-match{background:#fff;border:1px solid #d8e0e8;border-radius:12px;padding:11px;margin-bottom:10px}
.cfp-match-head{display:flex;justify-content:space-between;color:var(--muted);font-size:.75rem;margin-bottom:8px}
.cfp-buttons{display:grid;gap:7px}
.cfp-buttons button{border:1px solid #b8c2ce;background:#fff;border-radius:8px;padding:10px;text-align:left;font-weight:800}
.cfp-buttons button.selected{background:#119447;color:#fff;border-color:#119447}
.cfp-placeholder{padding:12px 5px;color:var(--muted);font-size:.82rem}
.score-predict{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}
.score-predict label{font-weight:800}.score-predict input{width:100%;margin-top:5px;padding:11px;border:1px solid #b8c2ce;border-radius:8px}
.cfp-seed-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}
.cfp-seed-grid label{display:flex;align-items:center;gap:8px}
.cfp-seed-grid span{width:30px;font-weight:900;color:var(--navy)}
.cfp-seed-grid input,.cfp-lock-label input{flex:1;padding:10px;border:1px solid #b8c2ce;border-radius:8px}
.cfp-lock-label{display:grid;gap:5px;font-weight:800;margin:12px 0}
@media(max-width:700px){.cfp-score-strip{grid-template-columns:1fr 1fr}.cfp-seed-grid{grid-template-columns:1fr}.cfp-bracket{grid-template-columns:repeat(4,82vw)}}

/* v1.2.1 — CFP vertical responsive flow */
.cfp-bracket.cfp-bracket-vertical{display:block;overflow:visible;padding:0;margin:0}
.cfp-round.cfp-round-vertical{min-width:0;margin:0 0 6px}
.cfp-round-title{display:flex;align-items:center;gap:11px;margin:14px 2px 10px}
.cfp-round-title>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--navy);color:#fff;font-weight:900;flex:0 0 34px}
.cfp-round-title h3{margin:0;color:var(--navy);font-size:1rem;letter-spacing:.035em}
.cfp-round-title small{display:block;margin-top:2px;color:var(--muted);font-size:.78rem}
.cfp-round-games{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.cfp-round-vertical .cfp-match{margin:0;min-width:0}
.cfp-advance{margin-top:8px;padding-top:7px;border-top:1px solid #e6ebf0;color:var(--muted);font-size:.72rem;font-weight:700;text-align:center}
.cfp-flow-arrow{text-align:center;color:var(--navy);font-size:1.65rem;font-weight:900;line-height:1;margin:8px 0}
@media(max-width:700px){
  .cfp-round-games{grid-template-columns:1fr}
  .cfp-round-title{margin-top:12px}
  .cfp-round-title h3{font-size:.95rem}
  .cfp-bracket.cfp-bracket-vertical{overflow:visible}
}

.cfp-score-sandbox{border:2px dashed #e3a91b;background:#fffdf5}
.cfp-sandbox-round{margin:16px 0}
.cfp-sandbox-round h4,.cfp-final-score h4{margin:0 0 8px;color:var(--navy);letter-spacing:.03em}
.cfp-sandbox-game{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid #e4e6e8}
.cfp-sandbox-game small{display:block;color:var(--muted);margin-top:3px}
.cfp-sandbox-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.cfp-sandbox-actions button{border:1px solid #aeb8c5;background:white;border-radius:8px;padding:8px 10px;font-weight:800}
.cfp-final-score{padding:14px;background:#f4f7fa;border-radius:10px;margin:15px 0}
.cfp-sandbox-table{overflow-x:auto}
.cfp-sandbox-row{display:grid;grid-template-columns:minmax(120px,1.4fr) repeat(6,minmax(55px,.6fr));gap:7px;align-items:center;padding:9px 4px;border-top:1px solid #e5e5e5;min-width:610px}
.cfp-sandbox-row.head{font-size:.72rem;color:var(--muted);font-weight:900;text-transform:uppercase}
.cfp-sandbox-row strong{color:var(--navy);font-size:1.05rem}
.cfp-tie-errors{display:grid;gap:5px;margin:12px 0;padding:11px;background:#f4f7fa;border-radius:9px}
.danger-outline{border:1px solid #e25a55;background:white;color:#b3221b;border-radius:10px;padding:12px;font-weight:900}
@media(max-width:650px){.cfp-sandbox-game{grid-template-columns:1fr}.cfp-sandbox-actions{justify-content:flex-start}.cfp-sandbox-actions button{flex:1}}

.live-cfp-card{border-left:5px solid var(--navy)}
.cfp-grade{margin-top:8px;padding:7px 9px;border-radius:8px;text-align:center;font-weight:900;font-size:.8rem}
.cfp-grade.won{background:#e9f7ee;color:#087c35}.cfp-grade.lost{background:#f2f3f5;color:#657080}
.cfp-live-total{margin-top:12px;padding:10px;background:#fff;border:1px solid #dbe3eb;border-radius:9px;text-align:center;color:var(--muted);font-weight:800}
.cfp-live-total b{color:var(--navy);font-size:1.25rem;margin-left:6px}

.password-rules{margin:-2px 0 11px;color:var(--muted);font-size:.78rem;line-height:1.35}
.text-button{border:0;background:transparent;color:var(--navy);font-weight:800;padding:10px;cursor:pointer}
.security-card{margin:16px 0;padding:16px;border:1px solid #d8e1ea;border-radius:12px;background:#f8fafc}
.security-card h3{margin-top:0}.security-card form{display:grid;gap:10px}
.security-card label{display:grid;gap:5px;font-weight:800}.security-card input{padding:11px;border:1px solid #b8c2ce;border-radius:8px}

.game-live{border:2px solid #d7a20b;box-shadow:0 2px 10px rgba(0,0,0,.07)}
.live-badge{background:#fff0bf!important;color:#8a5b00!important;border-color:#e0b239!important}
.live-dot{color:#b3241d;font-weight:900;letter-spacing:.03em}
.live-home-list{display:grid;gap:9px;margin-bottom:16px}
.live-home-game{padding:12px 14px}
.live-home-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:.78rem;font-weight:800}
.live-home-score{display:grid;grid-template-columns:minmax(80px,1fr) auto auto auto minmax(80px,1fr);align-items:center;gap:8px;margin:9px 0}
.live-home-score b:first-child{text-align:right}.live-home-score b:last-child{text-align:left}
.live-home-score strong{font-size:1.35rem;color:var(--navy)}
.live-home-game small{display:block;text-align:center;color:var(--muted)}
.game-live .team small{font-size:1.35rem;font-weight:900;color:var(--navy)}
@media(max-width:520px){
  .live-home-score{grid-template-columns:minmax(65px,1fr) auto auto auto minmax(65px,1fr);gap:5px;font-size:.84rem}
}

.sandbox-live{border:2px solid #d7a20b;background:#fffdf4}
.sandbox-live-score{display:flex;justify-content:center;gap:10px;margin-top:8px;font-weight:900;color:var(--navy)}
.sandbox-admin-game{align-items:flex-start}
.sandbox-live-controls{display:grid;gap:7px;min-width:300px}
.sandbox-score-inputs{display:grid;grid-template-columns:repeat(2,minmax(95px,1fr));gap:7px}
.sandbox-score-inputs label{display:grid;gap:4px;font-size:.75rem;font-weight:800}
.sandbox-score-inputs input{width:100%;padding:8px;border:1px solid #bcc5d0;border-radius:7px}
@media(max-width:650px){.sandbox-live-controls{min-width:0}.sandbox-score-inputs{grid-template-columns:1fr 1fr}.sandbox-admin-game{grid-template-columns:1fr}}

.readiness-card{border-left:6px solid var(--navy);margin-bottom:16px}
.readiness-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.readiness-head h3{margin:4px 0 0}
.readiness-pill{font-size:.72rem;font-weight:900;padding:7px 10px;border-radius:999px}
.readiness-pill.ready{background:#e6f5ec;color:#0d7a3a}.readiness-pill.warn{background:#fff0df;color:#a04a00}
.readiness-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}
.readiness-grid>div{background:#f5f7fa;border:1px solid #dfe5ec;border-radius:10px;padding:10px;text-align:center}
.readiness-grid b{display:block;color:var(--navy);font-size:1.12rem}.readiness-grid small{color:var(--muted)}
.readiness-checks{display:grid;gap:7px;margin:12px 0}
.readiness-check{display:grid;grid-template-columns:26px 1fr;gap:8px;align-items:flex-start;padding:9px 10px;border-radius:9px}
.readiness-check.ok{background:#f0faf4}.readiness-check.bad{background:#fff3ee}
.readiness-check>span{font-weight:900}.readiness-check.ok>span{color:#158746}.readiness-check.bad>span{color:#b53322}
.readiness-check small{display:block;color:var(--muted);margin-top:2px}
@media(max-width:650px){.readiness-grid{grid-template-columns:1fr 1fr}.readiness-head{align-items:center}}

.backup-card{border-left:6px solid var(--navy)}
.backup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}
.backup-grid>div{background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:14px;text-align:center;display:flex;flex-direction:column;gap:4px}
.backup-grid b{font-size:1.35rem;color:var(--navy)}
.backup-grid small{color:var(--muted)}
.backup-verify{display:block;margin-top:18px;font-weight:800}
.backup-verify input{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid var(--line);border-radius:12px;background:white}
@media(max-width:520px){.backup-grid{grid-template-columns:1fr}}

.restore-preview{margin-top:18px;border:1px solid var(--line);border-radius:14px;padding:16px;background:#fbfcfe}
.restore-preview-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.restore-preview-head h4{margin:4px 0 0;color:var(--navy);font-size:1.1rem}
.restore-preview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}
.restore-preview-grid>div{background:white;border:1px solid var(--line);border-radius:10px;padding:10px;text-align:center}
.restore-preview-grid b{display:block;color:var(--navy);font-size:1.15rem}
.restore-preview-grid small{color:var(--muted)}
.restore-meta{display:grid;gap:6px;font-size:.88rem;color:var(--muted);margin-bottom:12px}
.restore-warnings{display:grid;gap:7px;margin:12px 0}
.restore-warnings>div{padding:9px 10px;border-radius:9px}
.restore-warnings .bad{background:#fff0ed;color:#9b2b22}
.restore-warnings .ok{background:#eef8f2;color:#246b42}
.restore-safety-box{background:#eef4fb;border:1px solid #cbd9e9;border-radius:10px;padding:12px;margin:14px 0;color:var(--navy)}
@media(max-width:650px){.restore-preview-grid{grid-template-columns:1fr 1fr}.restore-preview-head{align-items:center}}

.restore-confirm{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.restore-confirm input{width:100%;box-sizing:border-box;margin:8px 0 10px}
button.danger{background:#b42318;color:white;border-color:#b42318}
button.danger:disabled{opacity:.45;cursor:not-allowed}

.notification-wrap{position:relative;margin-left:auto}
#notifyBtn{position:relative}
#notificationBadge{position:absolute;right:-4px;top:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--red);color:#fff;font-size:11px;line-height:18px;text-align:center;border:2px solid #fff}
.notification-panel{position:absolute;z-index:80;right:0;top:calc(100% + 12px);width:min(365px,calc(100vw - 28px));max-height:min(520px,70vh);overflow:auto;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 50px rgba(8,35,66,.2)}
.notification-head{position:sticky;top:0;background:#fff;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 15px;border-bottom:1px solid var(--line)}
.notification-head>div{display:grid}.notification-head b{color:var(--navy);font-size:1rem}.notification-head small{color:var(--muted)}
.notification-head button{border:0;background:transparent;color:var(--navy);font-weight:900;padding:6px;white-space:nowrap}
.notification-list{display:grid}
.notification-item{display:grid;grid-template-columns:32px 1fr;gap:10px;text-align:left;border:0;border-bottom:1px solid var(--line);background:#fff;padding:13px 15px;color:inherit}
.notification-item:hover{background:#f7f9fc}.notification-item.unread{background:#f1f7ff}
.notification-item.unread b:after{content:' •';color:var(--red)}
.notification-item>span{font-size:20px}.notification-item>div{display:grid;gap:3px}
.notification-item b{color:var(--navy);font-size:.9rem}.notification-item small{color:var(--muted);line-height:1.35}
.notification-empty{padding:26px 18px;text-align:center;display:grid;gap:6px}
.notification-empty span{font-size:28px}.notification-empty b{color:var(--navy)}.notification-empty small{color:var(--muted);line-height:1.4}
@media(max-width:600px){.notification-panel{position:fixed;top:82px;right:12px;left:12px;width:auto;max-height:65vh}}

.team-logo{min-height:38px;display:flex;align-items:center;justify-content:center}
.team-logo-img{width:38px;height:38px;object-fit:contain;display:block}
.team-logo-fallback{font-size:30px;line-height:38px}

.admin-overview{border-left:6px solid var(--navy)}
.admin-overview-head,.admin-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.admin-overview-head h3,.admin-section-head h3{margin:4px 0}.admin-overview-head p,.admin-section-head p{margin:2px 0;color:var(--muted)}
.admin-health{font-size:.72rem;font-weight:950;padding:7px 10px;border-radius:999px;white-space:nowrap}
.admin-health.good{background:#e8f6ed;color:#087d37}.admin-health.attention{background:#fff2d5;color:#9a6500}
.admin-metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}
.admin-metric-grid>div{border:1px solid var(--line);background:#f8fafc;border-radius:12px;padding:13px;text-align:center}
.admin-metric-grid b{display:block;font-size:1.45rem;color:var(--navy)}.admin-metric-grid small{color:var(--muted);font-weight:750}
.admin-next-kick{display:flex;align-items:center;gap:10px;padding:12px;border-radius:10px;background:#f4f7fb}
.admin-next-kick>span{font-size:22px}.admin-next-kick>div{display:grid;gap:2px}.admin-next-kick small{color:var(--muted)}
.player-management{overflow:hidden}.member-manage-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:13px 0;border-top:1px solid var(--line)}
.member-manage-row:first-of-type{margin-top:10px}.member-main{display:grid;gap:3px;min-width:0}.member-main b{color:var(--navy)}.member-main small{color:var(--muted)}
.member-status{font-size:.68rem;font-weight:950;padding:5px 8px;border-radius:999px}.member-status.approved{background:#e8f6ed;color:#087d37}.member-status.inactive{background:#eef1f5;color:#596273}.member-status.pending{background:#fff2d5;color:#9a6500}.member-status.declined{background:#fdeceb;color:#b3241d}
.member-actions{min-width:92px;text-align:right}.protected-label{font-size:.72rem;color:var(--muted);font-weight:800}
button.compact,.compact{padding:7px 9px!important;font-size:.75rem!important;width:auto!important}
@media(max-width:650px){.admin-metric-grid{grid-template-columns:repeat(2,1fr)}.admin-overview-head,.admin-section-head{align-items:stretch}.admin-section-head{display:grid}.member-manage-row{grid-template-columns:minmax(0,1fr) auto}.member-actions{grid-column:1/-1;text-align:left}.member-actions button{width:100%!important}}

.gameday-ops{border-left:6px solid var(--navy)}
.ops-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.ops-head h3{margin:4px 0}.ops-head p{margin:4px 0;color:var(--muted)}
.ops-status{font-size:.7rem;font-weight:950;padding:7px 10px;border-radius:999px;white-space:nowrap}.ops-status.ok{background:#e8f6ed;color:#087d37}.ops-status.warn{background:#fff2d5;color:#9a6500}.ops-status.bad{background:#fdeceb;color:#b3241d}
.ops-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:15px 0}.ops-summary>div{border:1px solid var(--line);border-radius:11px;text-align:center;padding:11px;background:#f8fafc}.ops-summary b{display:block;font-size:1.35rem;color:var(--navy)}.ops-summary small{color:var(--muted);font-weight:750}
.ops-sync-strip{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#f4f7fb;border-radius:11px;padding:12px;margin-bottom:12px}.ops-sync-strip>div{display:grid;gap:2px}.ops-sync-strip small{color:var(--muted)}
.ops-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.ops-actions button{width:100%}
.ops-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ops-columns>div{border:1px solid var(--line);border-radius:11px;padding:11px}.ops-columns h4{margin:0 0 8px;color:var(--navy)}
.ops-game-row,.ops-mini-row{display:grid;grid-template-columns:24px 1fr;gap:8px;padding:8px 0;border-top:1px solid var(--line)}.ops-game-row:first-of-type,.ops-mini-row:first-of-type{border-top:0}.ops-game-row>div,.ops-mini-row>div{display:grid;gap:2px}.ops-game-row small,.ops-mini-row small{color:var(--muted)}.ops-game-row.live>span{color:var(--red)}.ops-game-row.attention>span{color:#a86c00;font-weight:950}
.ops-empty{color:var(--muted);font-size:.88rem;padding:5px 0}.ops-error{background:#fdeceb;color:#8f211b;border-radius:9px;padding:10px;margin:10px 0}.ops-details{margin-top:12px}.ops-details summary{cursor:pointer;color:var(--navy);font-weight:900;margin-bottom:10px}
@media(max-width:650px){.ops-head{display:grid}.ops-summary{grid-template-columns:repeat(2,1fr)}.ops-sync-strip,.ops-actions,.ops-columns{grid-template-columns:1fr}}

.slate-manager{border-left:6px solid var(--navy)}.slate-manager-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.slate-manager-head h3{margin:4px 0}.slate-manager-head p{margin:2px 0;color:var(--muted);text-transform:capitalize}
.slate-audit-pill{font-size:.68rem;font-weight:950;padding:7px 9px;border-radius:999px;white-space:nowrap}.slate-audit-pill.ok{background:#e8f6ed;color:#087d37}.slate-audit-pill.warn{background:#fff2d5;color:#9a6500}.slate-audit-pill.neutral{background:#eef1f5;color:#596273}
.slate-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:15px 0}.slate-metrics>div{border:1px solid var(--line);border-radius:11px;background:#f8fafc;padding:11px;text-align:center}.slate-metrics b{display:block;color:var(--navy);font-size:1.3rem}.slate-metrics small{color:var(--muted);font-weight:750}
.slate-window{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#f4f7fb;border-radius:11px;padding:12px}.slate-window>div{display:grid;gap:2px}.slate-window small{color:var(--muted)}
.slate-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.slate-actions button{width:100%}
.current-slate-list{border:1px solid var(--line);border-radius:11px;overflow:hidden;margin:10px 0}.current-slate-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border-top:1px solid var(--line)}.current-slate-row:first-child{border-top:0}.current-slate-row>div{display:grid;gap:2px}.current-slate-row small{color:var(--muted)}
.slate-audit-result{display:grid;gap:5px;border-radius:10px;padding:11px;margin:10px 0}.slate-audit-result.ok{background:#eaf7ef;color:#087d37}.slate-audit-result.warn{background:#fff5dd;color:#805400}.slate-audit-result.bad{background:#fdeceb;color:#9a251f}.slate-audit-result small{color:inherit}.slate-diff-list{display:grid;gap:5px;margin-top:5px;font-size:.86rem}
.publish-review-check{display:flex!important;align-items:flex-start;gap:9px;border:1px solid var(--line);border-radius:10px;padding:11px;margin:12px 0;background:#f8fafc;font-weight:800}.publish-review-check input{width:auto!important;margin-top:2px}
@media(max-width:650px){.slate-manager-head{display:grid}.slate-metrics{grid-template-columns:repeat(2,1fr)}.slate-window,.slate-actions{grid-template-columns:1fr}.current-slate-row{align-items:flex-start}}

.commissioner-alerts{border-left:6px solid var(--navy)}
.commissioner-alerts.healthy{border-left-color:#0b8a43}
.alerts-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.alerts-head h3{margin:4px 0}.alerts-head p{margin:3px 0;color:var(--muted)}
.alerts-pill{font-size:.7rem;font-weight:950;padding:7px 10px;border-radius:999px;white-space:nowrap}
.alerts-pill.ok{background:#e8f6ed;color:#087d37}.alerts-pill.warn{background:#fff2d5;color:#9a6500}.alerts-pill.bad{background:#fdeceb;color:#b3241d}
.alerts-list{display:grid;gap:9px;margin-top:14px}
.alert-row{display:grid;grid-template-columns:30px 1fr 20px;gap:10px;align-items:center;text-align:left;width:100%;border:1px solid var(--line);border-radius:11px;padding:12px;background:#fff;color:inherit}
.alert-row:hover{background:#f8fafc}.alert-row.warn{border-left:4px solid #d29a19}.alert-row.bad{border-left:4px solid var(--red)}
.alert-row>div{display:grid;gap:3px}.alert-row b{color:var(--navy)}.alert-row small{color:var(--muted);line-height:1.35}
.alert-icon{font-size:20px}.alert-arrow{font-size:26px;color:var(--muted);text-align:right}
#adminApprovals,#adminPlayers,#adminSlate,#adminScores,#adminReadiness{scroll-margin-top:18px}
@media(max-width:650px){.alerts-head{display:grid}.alert-row{grid-template-columns:28px 1fr 16px}}

.pick-monitoring{border-left:6px solid var(--navy)}
.pick-monitor-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.pick-monitor-head h3{margin:4px 0}.pick-monitor-head p{margin:3px 0;color:var(--muted)}
.pick-monitor-pill{font-size:.7rem;font-weight:950;padding:7px 10px;border-radius:999px;white-space:nowrap}
.pick-monitor-pill.ok{background:#e8f6ed;color:#087d37}.pick-monitor-pill.open{background:#eef3f8;color:#38516a}.pick-monitor-pill.warn{background:#fff2d5;color:#9a6500}.pick-monitor-pill.bad{background:#fdeceb;color:#b3241d}
.pick-monitor-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:15px 0}
.pick-monitor-summary>div{border:1px solid var(--line);background:#f8fafc;border-radius:11px;padding:11px;text-align:center}
.pick-monitor-summary b{display:block;color:var(--navy);font-size:1.25rem}.pick-monitor-summary small{color:var(--muted);font-weight:750}
.pick-monitor-list{display:grid;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.pick-monitor-row{padding:12px;border-top:1px solid var(--line)}.pick-monitor-row:first-child{border-top:0}
.pick-monitor-player{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.pick-monitor-player>div{display:grid;gap:2px}.pick-monitor-player small{color:var(--muted)}
.completion-status{font-size:.66rem;font-weight:950;padding:5px 8px;border-radius:999px;white-space:nowrap}.completion-status.ok{background:#e8f6ed;color:#087d37}.completion-status.open{background:#eef3f8;color:#38516a}.completion-status.warn{background:#fff2d5;color:#9a6500}.completion-status.bad{background:#fdeceb;color:#b3241d}
.pick-progress-track{height:8px;border-radius:999px;background:#e8edf3;overflow:hidden;margin:9px 0 6px}.pick-progress-track span{display:block;height:100%;background:#0b8a43;border-radius:999px}
.pick-monitor-detail{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:.8rem}
.pick-monitor-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.pick-monitor-actions button{width:100%}
#adminPickMonitoring{scroll-margin-top:18px}
@media(max-width:650px){.pick-monitor-head{display:grid}.pick-monitor-summary{grid-template-columns:repeat(2,1fr)}.pick-monitor-detail{display:grid;gap:3px}.pick-monitor-actions{grid-template-columns:1fr}}

.scoring-health{border-left:6px solid var(--navy)}
.scoring-health-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.scoring-health-head h3{margin:4px 0}.scoring-health-head p{margin:3px 0;color:var(--muted)}
.scoring-health-pill{font-size:.7rem;font-weight:950;padding:7px 10px;border-radius:999px;white-space:nowrap}
.scoring-health-pill.ok{background:#e8f6ed;color:#087d37}.scoring-health-pill.bad{background:#fdeceb;color:#b3241d}.scoring-health-pill.neutral{background:#eef1f5;color:#596273}
.scoring-health-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:15px 0}
.scoring-health-summary>div{border:1px solid var(--line);background:#f8fafc;border-radius:11px;padding:11px;text-align:center}
.scoring-health-summary b{display:block;color:var(--navy);font-size:1.2rem}.scoring-health-summary small{color:var(--muted);font-weight:750}
.scoring-health-clear{display:grid;gap:3px;background:#eaf7ef;border-radius:11px;padding:13px;color:#087d37}
.scoring-health-clear small{color:#43745a}
.scoring-health-row{display:grid;grid-template-columns:30px 1fr;gap:9px;border:1px solid #f0c9c6;border-left:4px solid var(--red);border-radius:10px;padding:11px;margin:8px 0;background:#fffafa}
.scoring-health-row>div{display:grid;gap:2px}.scoring-health-row b{text-transform:capitalize;color:var(--navy)}.scoring-health-row small{color:var(--muted)}.scoring-health-row p{margin:3px 0 0;color:#8e2b24}
.scoring-health-actions{margin-top:12px}.scoring-health-actions button{width:100%}
#adminScoringHealth{scroll-margin-top:18px}
@media(max-width:650px){.scoring-health-head{display:grid}.scoring-health-summary{grid-template-columns:repeat(2,1fr)}}

.scoring-health-pill.warn{background:#fff2d5;color:#9a6500}
.scoring-health-monitor-error{display:grid;gap:4px;background:#fff6df;border:1px solid #efd28a;border-left:4px solid #d29a19;border-radius:11px;padding:13px;color:#805400}
.scoring-health-monitor-error small{color:#805400}.scoring-health-monitor-error p{margin:2px 0 0;color:#7a6330}

.reveal-card{border-left:6px solid var(--navy)}
.reveal-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.reveal-head h3{margin:4px 0}.reveal-head p{margin:3px 0;color:var(--muted)}
.reveal-pill{font-size:.7rem;font-weight:950;padding:7px 10px;border-radius:999px;background:#eef3f8;color:#38516a;white-space:nowrap}
.reveal-list{display:grid;gap:9px;margin-top:14px}
.reveal-game{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}
.reveal-game summary{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px;cursor:pointer;list-style:none}
.reveal-game summary::-webkit-details-marker{display:none}
.reveal-game summary>div{display:grid;gap:2px}.reveal-game summary small{color:var(--muted)}
.reveal-count{font-size:.72rem;font-weight:900;color:var(--muted);white-space:nowrap}
.reveal-rows{border-top:1px solid var(--line)}
.reveal-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px 12px;border-top:1px solid var(--line)}
.reveal-row:first-child{border-top:0}.reveal-row>div{display:grid;gap:2px}.reveal-row small{color:var(--muted)}
.reveal-result{font-size:.72rem;font-weight:950;padding:6px 8px;border-radius:999px;white-space:nowrap}
.reveal-result.win{background:#e8f6ed;color:#087d37}.reveal-result.loss{background:#fdeceb;color:#b3241d}.reveal-result.none{background:#eef1f5;color:#596273}
.reveal-empty{padding:12px;color:var(--muted)}
@media(max-width:650px){.reveal-head{display:grid}.reveal-row,.reveal-game summary{align-items:flex-start}}

.automation-card{border-left:6px solid var(--navy)}
.automation-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.automation-head h3{margin:4px 0}.automation-head p{margin:3px 0;color:var(--muted)}
.automation-pill{font-size:.7rem;font-weight:950;padding:7px 10px;border-radius:999px;white-space:nowrap}
.automation-pill.ok{background:#e8f6ed;color:#087d37}.automation-pill.bad{background:#fdeceb;color:#b3241d}.automation-pill.neutral{background:#eef1f5;color:#596273}.automation-pill.standby{background:#eef3f8;color:#38516a}
.automation-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:15px 0}
.automation-grid>div{border:1px solid var(--line);background:#f8fafc;border-radius:11px;padding:11px;text-align:center}
.automation-grid b{display:block;color:var(--navy);font-size:1.2rem}.automation-grid small{color:var(--muted);font-weight:750}
.automation-strip{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#f3f6fa;border-radius:11px;padding:12px;margin-bottom:12px}
.automation-strip>div{display:grid;gap:2px}.automation-strip small{color:var(--muted)}
.automation-warning{display:grid;gap:3px;background:#fff6df;border:1px solid #efd28a;border-left:4px solid #d29a19;border-radius:10px;padding:11px;margin:10px 0;color:#805400}
.automation-warning small{color:#7a6330}
#adminAutomation{scroll-margin-top:18px}
@media(max-width:650px){.automation-head{display:grid}.automation-grid{grid-template-columns:repeat(2,1fr)}.automation-strip{grid-template-columns:1fr}}

.transition-card{border-left:6px solid var(--navy)}
.transition-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.transition-head h3{margin:4px 0}.transition-head p{margin:3px 0;color:var(--muted)}
.transition-pill{font-size:.7rem;font-weight:950;padding:7px 10px;border-radius:999px;white-space:nowrap}
.transition-pill.ok{background:#e8f6ed;color:#087d37}.transition-pill.bad{background:#fdeceb;color:#b3241d}.transition-pill.warn{background:#fff2d5;color:#9a6500}.transition-pill.standby{background:#eef3f8;color:#38516a}
.transition-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:15px 0}
.transition-grid>div{border:1px solid var(--line);background:#f8fafc;border-radius:11px;padding:11px;text-align:center}
.transition-grid b{display:block;color:var(--navy);font-size:1.05rem;word-break:break-word}.transition-grid small{color:var(--muted);font-weight:750}
.transition-alert{display:grid;gap:3px;background:#fff6df;border:1px solid #efd28a;border-left:4px solid #d29a19;border-radius:10px;padding:11px;margin:10px 0;color:#805400}
.transition-alert small{color:#7a6330}
.transition-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.transition-actions button{width:100%}
#adminTransition{scroll-margin-top:18px}
@media(max-width:650px){.transition-head{display:grid}.transition-grid{grid-template-columns:repeat(2,1fr)}.transition-actions{grid-template-columns:1fr}}

.transition-result{display:grid;gap:4px;border-radius:11px;padding:13px;margin:12px 0}
.transition-result b{font-size:1rem}
.transition-result small{font-weight:800}
.transition-result p{margin:2px 0 0}
.transition-result.success{background:#eaf7ef;border:1px solid #c7ead3;border-left:4px solid #169b55;color:#087d37}
.transition-result.success small,.transition-result.success p{color:#43745a}
.transition-result.failure{background:#fdeceb;border:1px solid #f3c4c0;border-left:4px solid #d53b31;color:#a1221b}
.transition-result.failure small,.transition-result.failure p{color:#7f342f}

.handoff-test-button{margin-top:10px}
.handoff-result{display:grid;gap:4px;border-radius:11px;padding:13px;margin:12px 0}
.handoff-result b{font-size:1rem}.handoff-result small{font-weight:800}.handoff-result p{margin:2px 0 0}
.handoff-result.success{background:#eaf7ef;border:1px solid #c7ead3;border-left:4px solid #169b55;color:#087d37}
.handoff-result.success small,.handoff-result.success p{color:#43745a}
.handoff-result.failure{background:#fdeceb;border:1px solid #f3c4c0;border-left:4px solid #d53b31;color:#a1221b}
.handoff-result.failure small,.handoff-result.failure p{color:#7f342f}

.pipeline-card{border-left:6px solid var(--navy)}
.pipeline-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.pipeline-head h3{margin:4px 0}.pipeline-head p{margin:3px 0;color:var(--muted)}
.pipeline-pill{font-size:.7rem;font-weight:950;padding:7px 10px;border-radius:999px;white-space:nowrap}
.pipeline-pill.ok{background:#e8f6ed;color:#087d37}.pipeline-pill.bad{background:#fdeceb;color:#b3241d}.pipeline-pill.standby{background:#eef3f8;color:#38516a}
.pipeline-result{display:grid;gap:4px;border-radius:11px;padding:13px;margin:14px 0}
.pipeline-result b{font-size:1rem}.pipeline-result small{font-weight:800}.pipeline-result p{margin:2px 0 0}
.pipeline-result.success{background:#eaf7ef;border:1px solid #c7ead3;border-left:4px solid #169b55;color:#087d37}
.pipeline-result.success small,.pipeline-result.success p{color:#43745a}
.pipeline-result.failure{background:#fdeceb;border:1px solid #f3c4c0;border-left:4px solid #d53b31;color:#a1221b}
.pipeline-result.failure small,.pipeline-result.failure p{color:#7f342f}
.pipeline-details{margin:12px 0}.pipeline-details summary{cursor:pointer;font-weight:900;color:var(--navy)}
.pipeline-checks{display:grid;gap:7px;margin-top:10px}
.pipeline-check{display:grid;grid-template-columns:26px 1fr;gap:8px;border-radius:9px;padding:9px}
.pipeline-check.ok{background:#f1faf4}.pipeline-check.bad{background:#fff1f0}
.pipeline-check>span{font-weight:950}.pipeline-check>div{display:grid;gap:2px}.pipeline-check small{color:var(--muted)}
#adminPipelineTest{scroll-margin-top:18px}
@media(max-width:650px){.pipeline-head{display:grid}}

.production-mode-card{border-left:6px solid var(--navy)}
.production-mode-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.production-mode-head h3{margin:4px 0}.production-mode-head p{margin:3px 0;color:var(--muted)}
.production-mode-pill{font-size:.72rem;font-weight:950;padding:7px 11px;border-radius:999px;white-space:nowrap}
.production-mode-pill.ok{background:#e8f6ed;color:#087d37}.production-mode-pill.warn{background:#fff2d5;color:#9a6500}
.production-mode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:14px}
.production-mode-grid>div{border:1px solid var(--line);background:#f8fafc;border-radius:11px;padding:11px;text-align:center}
.production-mode-grid b{display:block;color:var(--navy);font-size:1.25rem}.production-mode-grid small{color:var(--muted);font-weight:750}

.commissioner-diagnostics{padding:0;overflow:hidden;border-left:6px solid #758094}
.commissioner-diagnostics>summary{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:18px 20px;cursor:pointer;list-style:none}
.commissioner-diagnostics>summary::-webkit-details-marker{display:none}
.commissioner-diagnostics>summary h3{margin:4px 0}.commissioner-diagnostics>summary p{margin:3px 0;color:var(--muted)}
.commissioner-diagnostics>summary>span{font-size:.72rem;font-weight:950;color:#596273;background:#eef1f5;padding:7px 10px;border-radius:999px}
.commissioner-diagnostics[open]>summary{border-bottom:1px solid var(--line)}
.diagnostics-body{display:grid;gap:14px;padding:16px}
.diagnostics-body>.panel.card{margin:0}
.diagnostic-tool{border:1px solid var(--line);border-radius:12px;padding:15px;background:#fbfcfe}
.diagnostic-tool h4{margin:4px 0}.diagnostic-tool p{margin:4px 0 12px;color:var(--muted)}
#adminDiagnostics{scroll-margin-top:18px}

@media(max-width:650px){
  .production-mode-head{display:grid}
  .production-mode-grid{grid-template-columns:repeat(2,1fr)}
  .commissioner-diagnostics>summary{align-items:flex-start}
}

.command-center{border-left:6px solid var(--navy)}
.command-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.command-head h3{margin:4px 0}.command-head p{margin:3px 0;color:var(--muted)}
.command-pill{font-size:.72rem;font-weight:950;padding:7px 11px;border-radius:999px;white-space:nowrap}
.command-pill.ok{background:#e8f6ed;color:#087d37}.command-pill.bad{background:#fdeceb;color:#b3241d}
.command-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:15px 0}
.command-metrics>div{border:1px solid var(--line);background:#f8fafc;border-radius:11px;padding:11px;text-align:center}
.command-metrics b{display:block;color:var(--navy);font-size:1.25rem}.command-metrics small{color:var(--muted);font-weight:750}
.command-status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:12px}
.command-status-grid>div{display:grid;grid-template-columns:28px 1fr;gap:8px;border-radius:11px;padding:11px}
.command-status-grid>div.good{background:#f1faf4}.command-status-grid>div.bad{background:#fff1f0}.command-status-grid>div.warn{background:#fff8e8}
.command-status-grid span{font-weight:950}.command-status-grid>div>div{display:grid;gap:2px}.command-status-grid small{color:var(--muted)}
.command-next{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#f3f6fa;border-radius:11px;padding:12px;margin-bottom:12px}
.command-next>div{display:grid;gap:2px}.command-next small{color:var(--muted)}
.command-live{display:grid;gap:7px;margin-bottom:10px}.command-live-row{display:grid;grid-template-columns:22px 1fr;gap:7px;align-items:center;padding:9px;border:1px solid var(--line);border-radius:9px}.command-live-row>div{display:grid;gap:2px}.command-live-row small{color:var(--muted)}.live-dot{color:#d62828}
.command-empty{color:var(--muted);padding:4px 0}
.command-success{display:grid;gap:3px;background:#eaf7ef;border-radius:11px;padding:12px;color:#087d37}.command-success small{color:#43745a}
.command-attention{display:grid;gap:3px;background:#fff6df;border:1px solid #efd28a;border-left:4px solid #d29a19;border-radius:11px;padding:12px;color:#805400}.command-attention small{color:#7a6330}
.command-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.command-actions button{width:100%}
#adminCommandCenter{scroll-margin-top:18px}

.season-ready-card{border-left:6px solid #169b55;background:#fbfffc}
.season-ready-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.season-ready-head h3{margin:4px 0}.season-ready-head p{margin:3px 0;color:var(--muted)}
.season-ready-head>span{font-size:.72rem;font-weight:950;padding:7px 11px;border-radius:999px;background:#e8f6ed;color:#087d37}

@media(max-width:650px){
  .command-head,.season-ready-head{display:grid}
  .command-metrics{grid-template-columns:repeat(2,1fr)}
  .command-status-grid,.command-next,.command-actions{grid-template-columns:1fr}
}

.install-app-card{border-left:6px solid #169b55}
.install-app-head{display:grid;grid-template-columns:64px 1fr;gap:13px;align-items:center}
.install-app-icon{width:64px;height:64px;border-radius:16px;box-shadow:0 5px 16px rgba(5,48,91,.12)}
.install-app-head h3{margin:3px 0}.install-app-head p{margin:3px 0;color:var(--muted)}
.install-steps{display:grid;gap:7px;margin-top:13px;padding:12px;border-radius:11px;background:#f3f6fa}
@media(max-width:650px){
  body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
  .app-shell{min-height:100dvh}
  .topbar{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}
  .bottom-nav{padding-bottom:max(6px,env(safe-area-inset-bottom))}
}
