/* v2.6.1: extend the approved Chicago visual language across the remaining app. */
body.chicago-theme{
  --card:linear-gradient(145deg,#122941e8,#0b1b30ed);
  --card-2:#10243bd9;
  --border:#315578;
  --shadow:0 14px 42px #0003;
  --accent:#168ef0;
}
body.chicago-theme .app-shell{width:min(100%,760px)}
body.chicago-theme #appHeader{display:block;margin:0 0 18px;padding:0!important;border:0;background:none;box-shadow:none}
body.chicago-theme #appHeader .demo-header-main{display:flex;justify-content:space-between;align-items:center;gap:12px}
body.chicago-theme #appHome{font-size:27px;font-weight:850;font-style:italic;letter-spacing:-1px;color:#f4f8ff;line-height:1.05}
body.chicago-theme #appVersion{font-size:11px;color:#9db3cb}
body.chicago-theme #sessionBar{display:none!important}
body.chicago-theme #menuToggle{width:46px;min-width:46px;min-height:46px;padding:6px;border:1px solid #456b91;border-radius:13px;background:#0b1d32df;color:#d6e9ff;box-shadow:inset 0 1px 0 #ffffff12}
body.chicago-theme #setup{padding:0!important;border:0;background:none;box-shadow:none}
body.chicago-theme .card,body.chicago-theme .stat-card,body.chicago-theme .compare-card{border:1px solid var(--ch-line);border-radius:20px;background:linear-gradient(145deg,#122941e8,#0b1b30ed);box-shadow:0 14px 42px #0003}
body.chicago-theme .hint,body.chicago-theme .welcome-copy{color:var(--ch-muted)}
body.chicago-theme input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),body.chicago-theme select{border:1px solid #3a5b7d;border-radius:12px;background:#061426;color:#fff}
body.chicago-theme :is(input,select):focus-visible{outline:3px solid #8ed1ff;outline-offset:2px}
body.chicago-theme button.secondary{border:1px solid #466b91;background:#142a43;color:#eff7ff}
body.chicago-theme .primary-action,body.chicago-theme #startConfirmedRound,body.chicago-theme #refreshEarlyConfirm,body.chicago-theme .auth-single button[type="submit"]{border:1px solid #6bbcff;border-radius:13px;background:linear-gradient(#159bf4,#076acb);box-shadow:0 0 20px #117ed62b,inset 0 1px 0 #a9e1ff3d;color:#fff}
body.chicago-theme button:disabled{box-shadow:none;cursor:not-allowed}
body.chicago-theme #startConfirmedRound:disabled{border-color:#496582;background:#304459;color:#a9b8cb;box-shadow:none}
body.chicago-theme .demo-menu{background:#081629;border:1px solid #416b93;color:#f4f8ff}
body.chicago-theme .demo-menu nav button:not(.cancel-menu-button):not(.active-return){background:#112a43;border:1px solid #315578;color:#f4f8ff}
body.chicago-theme #demoMenu #activeMenuReturn{border:1px solid #6bbcff;background:linear-gradient(#159bf4,#076acb);color:#fff}

/* Round preparation: the golf course and settings are steps in the same app. */
body.chicago-theme[data-chicago-view="round"] .app-shell{width:min(100%,650px)}
body.chicago-theme #roundStep>h2{font-size:30px;line-height:1.12;letter-spacing:-.8px;margin:3px 0 14px}
body.chicago-theme #roundStep #modeDescription{font-size:14px;line-height:1.45;margin:0 0 12px}
body.chicago-theme #roundStep .select-box,body.chicago-theme #roundStep .bonus-box{min-width:0;margin-top:12px;padding:17px;border:1px solid var(--ch-line);border-radius:18px;background:linear-gradient(145deg,#122941e6,#0b1b30ec);box-shadow:0 12px 35px #0002}
body.chicago-theme #roundStep .select-box>label,body.chicago-theme #roundStep .bonus-box>h3{font-size:18px;color:#f4f8ff}
body.chicago-theme #roundStep .course-lookup-controls{gap:9px}
body.chicago-theme #roundStep #courseSearch{min-height:49px;margin:0}
body.chicago-theme #roundStep #onlineSearch{min-height:49px;border:1px solid #5aa9df;background:#123a5e;color:#eff8ff}
body.chicago-theme #courseResults button{border:1px solid #375b7d;border-radius:12px;background:#0a2037;color:#f4f8ff;text-align:left}
body.chicago-theme #roundStep .points-area{margin-top:12px}
body.chicago-theme #roundStep .bonus-box>p.hint{font-size:13px;line-height:1.45}
body.chicago-theme #roundStep .stop-loss-choice{margin:14px 0 0;padding:12px;border:1px solid #517192;border-radius:14px;background:#092038}
body.chicago-theme #roundStep .stop-loss-choice strong{font-size:17px}
body.chicago-theme #roundStep .stop-loss-choice .hint{font-size:14px}
body.chicago-theme #roundStep #stopLossMode{margin:9px 2px 11px;color:#b8efd1}
body.chicago-theme #roundStep .points-mini-card{background:#081a2e;border-color:#315578}
body.chicago-theme #roundStep #startRound{min-height:52px}
body.chicago-theme #pendingPreparation{border-color:#4b85b4;background:#102c49}

/* Participation is a normal page, with the same cards and action hierarchy. */
body.chicago-theme[data-chicago-view="participation"] .app-shell{width:min(100%,650px)}
body.chicago-theme #participationDialog h2{font-size:30px;letter-spacing:-.7px}
body.chicago-theme #earlyConfirm{border:1px solid var(--ch-line);border-radius:20px;background:linear-gradient(145deg,#122941e8,#0b1b30ed);padding:15px}
body.chicago-theme #earlyConfirm>summary{color:#f4f8ff}
body.chicago-theme #earlyPlayers .confirmation-row{border-color:#315578}
body.chicago-theme #participationDialog .dialog-actions button{border-radius:13px}
body.chicago-theme #participationDialog #cancelParticipationRound{min-height:48px;padding:10px 16px;border:1px solid #8c4455;border-radius:13px;background:#2c1825;color:#ffd0d8;text-decoration:none}

/* Scorer: keep all controls, but use the same navy cards and blue main action. */
body.chicago-theme #play #totalCard,body.chicago-theme #play #currentHoleCard{border:1px solid #416b93;border-radius:18px;background:linear-gradient(145deg,#122941f2,#0b1b30f2);box-shadow:0 12px 32px #0003}
body.chicago-theme #play #totalCard .status-label{color:#adc9e4}
body.chicago-theme #play .fourer-balance{min-width:0}
body.chicago-theme #play .score-team{border:1px solid #416b93;border-radius:16px;background:#0d233be8;box-shadow:inset 0 1px 0 #ffffff09}
body.chicago-theme #play .score-team-1{border-color:#4a9ad4;background:#102a47}
body.chicago-theme #play .score-team-2{border-color:#657c95;background:#15283b}
body.chicago-theme #play .score-team-3{border-color:#6d88aa!important;background:#102a44}
body.chicago-theme #play .score-team-2 .score-team-head{color:#e6edf7}
body.chicago-theme #play .score-team .score-display{border:1px solid #3b5d7c;background:#07182c;color:#fff}
body.chicago-theme #play .score-team .step-btn{box-shadow:inset 0 1px 0 #ffffff29}
body.chicago-theme #play .step-btn[data-step="plus"]{background:#1bc36b;color:#06351e}
body.chicago-theme #play .coin-rate-strip{border:1px solid #355b7d;border-radius:13px;background:#0b2741;padding:8px 10px;gap:8px}
body.chicago-theme #play #coinRateStrip:not([hidden]){display:grid;grid-template-columns:minmax(0,1fr) auto 32px;align-items:center;gap:5px 8px}
body.chicago-theme #play #coinRateStrip[hidden]{display:none!important}
body.chicago-theme #play #coinRateStrip .coin-glyph{display:none}
body.chicago-theme #play #coinRateStrip>strong{min-width:0;font-size:13px;line-height:1.3}
body.chicago-theme #play #coinRateStrip>.info-button{grid-column:3;grid-row:1;width:32px;min-width:32px}
body.chicago-theme #play #coinRateHint{grid-column:1/-1;margin:0;font-size:12px;line-height:1.3;color:#b4c9df}
body.chicago-theme #play #changeCoinRate{border:1px solid #6bbcff;border-radius:11px;background:#1267ac;color:#fff;min-height:44px}
body.chicago-theme #play #saveHole{min-height:51px;border:1px solid #6bbcff;border-radius:13px;background:linear-gradient(#159bf4,#076acb);box-shadow:0 0 20px #117ed62b;color:#fff}
body.chicago-theme #play #teamSelection,body.chicago-theme #play #teamSummary{border-color:#416b93;border-radius:14px;background:#0b2741}
body.chicago-theme #play .round-final{border-color:#4c9fce;background:#0b2b46}
body.chicago-theme #play .mobile-result-card,body.chicago-theme #play .fourer-result{border-color:#315578;background:#0d233b}
body.chicago-theme #play #cancelScorerRound{border:1px solid #8c4455;border-radius:12px;background:#2c1825;color:#ffd0d8}
body.chicago-theme .hole-navigator{border-left:1px solid #416b93;background:#081629}

/* Career, rivals, history, coins, rules and account use the same calm surface. */
body.chicago-theme :is(#lifetimeContent,#compareContent,#coinMain,#coinList,#coinHistory,#coinDetail){background:transparent;color:#f4f8ff}
body.chicago-theme .coin-totals{margin:18px 0;gap:11px}
body.chicago-theme .coin-totals button{min-height:106px;padding:18px;border:1px solid #315578;border-radius:17px;background:linear-gradient(145deg,#12324ce8,#0b2339ed);color:#f4f8ff;text-align:left}
body.chicago-theme .coin-totals button strong{color:#b5f5ce}
body.chicago-theme .coin-totals button[data-direction="owe"]{background:linear-gradient(145deg,#362632e8,#201d2ded);border-color:#755364;color:#f4f8ff}
body.chicago-theme .coin-totals button[data-direction="owe"] strong{color:#ffc3cf}
body.chicago-theme :is(.coin-person,.coin-open,.coin-booking){border:1px solid #315578;background:#0d2339;color:#f4f8ff}
body.chicago-theme :is(.coin-person,.coin-open,.coin-booking) :is(span,strong,small,b){color:#f4f8ff}
body.chicago-theme :is(.coin-person.coin-credit,.coin-open.coin-credit,.coin-booking.coin-credit) :is(span,strong,b){color:#b5f5ce}
body.chicago-theme :is(.coin-person.coin-debt,.coin-open.coin-debt,.coin-booking.coin-debt){border-color:#755364;background:#251d2c}
body.chicago-theme :is(.coin-person.coin-debt,.coin-open.coin-debt,.coin-booking.coin-debt) :is(span,strong,b){color:#ffc3cf}
body.chicago-theme :is([data-step-view="lifetime"],[data-step-view="compare"],[data-step-view="head-to-head"],[data-step-view="account"],[data-step-view="history"],[data-step-view="coin-account"],[data-step-view="coin-list"],[data-step-view="coin-history"],[data-step-view="coin-detail"],[data-step-view="help"]) h1{font-size:30px;line-height:1.15;letter-spacing:-.7px}
body.chicago-theme :is(.stat-card,.h2h-hero,.coin-totals,.coin-person,.coin-open,.coin-booking,.my-history,.help-chapter){border-color:#315578;background:linear-gradient(145deg,#122941e8,#0b1b30ed);border-radius:18px;box-shadow:0 12px 32px #0002}
body.chicago-theme .help-chapter .rule-example{border-left-color:#64b9fa;background:#123455}
body.chicago-theme #accountInfo{border:1px solid var(--ch-line);border-radius:20px;background:linear-gradient(145deg,#122941e8,#0b1b30ed);padding:5px 17px}
body.chicago-theme #myDevices{margin:18px 0}
body.chicago-theme #myDevices>p.hint{font-size:14px;line-height:1.45}
body.chicago-theme #deviceList{display:grid;gap:10px;margin:14px 0}
body.chicago-theme #deviceList .device-row{display:flex;flex-direction:column;gap:10px;padding:13px;border:1px solid #315578;border-radius:14px;background:#0d2339}
body.chicago-theme #deviceList .device-row-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 12px}
body.chicago-theme #deviceList .device-row-info strong{grid-column:1/-1}
body.chicago-theme #deviceList .device-row-info small{margin:0;overflow-wrap:anywhere}
body.chicago-theme #deviceList .device-remove{min-height:44px;border:1px solid #466b91;background:#142a43;color:#eff7ff}
body.chicago-theme #lifetimeContent #openCompare{width:100%;min-height:50px;margin-top:8px;border:1px solid #6bbcff;border-radius:13px;background:linear-gradient(#159bf4,#076acb);color:#fff!important}
body.chicago-theme :is(#pinStep,#pinResetStep) .auth-single{padding:22px;border:1px solid #315578;border-radius:20px;background:linear-gradient(145deg,#122941e8,#0b1b30ed)}
body.chicago-theme :is(#pinStep,#pinResetStep) .auth-single button[type="submit"]{min-height:50px}
body.chicago-theme #profileEditor,body.chicago-theme .chicago-dialog{border:1px solid #416b93;border-radius:20px;background:#0b1b30;color:#f4f8ff;box-shadow:0 24px 70px #0009}
body.chicago-theme .coin-settlement-dialog{border-color:#416b93;background:#0b1b30;color:#f4f8ff}
body.chicago-theme .chicago-dialog::backdrop{background:#030914b8;backdrop-filter:blur(3px)}
body.chicago-theme .chicago-dialog .dialog-actions button:not(.secondary):not(.discard-confirm){background:#126fbd;color:#fff}
body.chicago-theme .chicago-dialog .dialog-actions .discard-confirm{background:#6e2231;color:#fff}

@media(max-width:640px){
 body.chicago-theme:not([data-chicago-view="home"]) .app-shell,body.chicago-theme[data-chicago-home="active"] .app-shell{padding:max(12px,env(safe-area-inset-top)) 14px max(24px,env(safe-area-inset-bottom))}
 body.chicago-theme #appHeader{margin-bottom:13px}
 body.chicago-theme #roundStep .select-box,body.chicago-theme #roundStep .bonus-box{padding:15px}
 body.chicago-theme #roundStep #onlineSearch{width:100%;max-width:none}
 body.chicago-theme #play #totalCard{padding:10px 12px!important;margin-bottom:8px}
 body.chicago-theme #play #currentHoleCard{padding:11px!important}
 body.chicago-theme #play .score-team{padding:8px;margin:7px 0 9px}
 body.chicago-theme.mode-2 #play .score-team .step-btn,body.chicago-theme.mode-2 #play .score-team .score-display{height:63px;min-height:63px!important}
 body.chicago-theme.mode-2 #play .score-team .player-name{margin-bottom:6px!important}
 body.chicago-theme #play .coin-rate-strip{padding:7px 9px}
 body.chicago-theme #deviceList .device-row-info{grid-template-columns:1fr}
}