/* Shared, accessible light/dark appearance. Prize artwork and spot-status colors stay unchanged. */
html[data-appearance="dark"] {
  color-scheme:dark;
  --team-primary:#69d9fa;--team-primary-text:#03202a;--team-accent:#b9cfdf;--team-accent-text:#102535;
  --team-deep:#070b10;--team-bg:#0b141d;--team-soft:#182b3b;--team-line:#3e566b;--team-ink:#eef5fb;--team-muted:#b1c5d5;
  --paper:#132331;--page:#0b141d;--ink:#eef5fb;--muted:#b1c5d5;--line:#3e566b;
  --green:#69d9fa;--mint:#182b3b;--cream:#0b141d;--dark:#070b10;--silver:#bacbd8;
  --warning:#f2d386;--warning-bg:#392e17;--error:#ffb7b1;--error-bg:#422329;--success:#a6e5be;--success-bg:#193e2c;
}
html[data-appearance="light"] {
  color-scheme:light;
  --team-primary:#006b94;--team-primary-text:#fff;--team-accent:#1b7398;--team-accent-text:#fff;
  --team-deep:#101e2b;--team-bg:#f2f6f9;--team-soft:#e1ecf3;--team-line:#b7cbd9;--team-ink:#142c3c;--team-muted:#4c6577;
  --paper:#fff;--page:#f2f6f9;--ink:#142c3c;--muted:#4c6577;--line:#b7cbd9;
  --green:#006b94;--mint:#e1ecf3;--cream:#f2f6f9;--dark:#101e2b;--silver:#bacbd8;
  --warning:#75560e;--warning-bg:#fff8e7;--error:#a12e2e;--error-bg:#fff0ef;--success:#23623d;--success-bg:#edf6ef;
  --site-bg:#eef4f8;--site-panel:#fff;--site-panel-raised:#e8f0f6;--site-line:#b7cbd9;--site-text:#142c3c;--site-muted:#4c6577;
}
html[data-appearance] body{background-color:var(--page);color:var(--ink)}
html[data-appearance] :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #149bc7;outline-offset:4px}
.appearance-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 13px;border:1px solid #7f96a5;border-radius:8px;background:#132330;color:#f1f7fc;font:inherit;font-size:12px;font-weight:650;cursor:pointer;white-space:nowrap}
.appearance-toggle svg,.appearance-preview svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.appearance-preview{display:grid;place-items:center;flex-shrink:0;width:43px;height:45px;border-radius:10px;background:var(--team-soft);color:var(--team-primary)}
.brand-inner>.appearance-toggle{margin-left:auto;flex-shrink:0}
html[data-appearance] .site-theme-button svg{fill:none;stroke:currentColor}
html[data-appearance] :is(.team-option,.theme-option)[aria-pressed="true"]{outline:2px solid var(--team-primary);outline-offset:2px}

/* Workspace cards, forms, financial records and settings use the same readable surfaces. */
html[data-appearance] #app :is(.panel,.metric,.settings-item,.command-strip,.participant-totals>div,.campaign-button,.board-layout-option,.team-option,.auth-card,.empty-state,.campaign-view-nav,.management-nav),
html[data-appearance] #sheet{background-color:var(--paper);color:var(--ink);border-color:var(--line)}
html[data-appearance] #app :is(.campaign-button.active,.board-layout-option.active),html[data-appearance] #sheet .team-option.active{background:var(--team-soft)}
html[data-appearance] #app :is(.btn:not(.primary):not(.soft):not(.danger):not(.hero-secondary),.icon-btn),
html[data-appearance] #sheet :is(.btn:not(.primary):not(.soft):not(.danger),.team-option){background-color:var(--paper);color:var(--team-primary);border-color:var(--line)}
html[data-appearance] #app :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea),
html[data-appearance] #sheet :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){background:var(--team-bg);color:var(--ink);border-color:var(--line)}
html[data-appearance] #sheet :is(.sheet-top,.sheet-body,.dialog-note,.booking-summary,.participant-summary){background-color:var(--paper);color:var(--ink);border-color:var(--line)}
html[data-appearance] #app :is(.board-statuses,.segmented),html[data-appearance] #sheet .segmented{background:var(--team-soft)}
html[data-appearance] #app :is(.board-statuses button.active,.segmented button.active),html[data-appearance] #sheet .segmented button.active{background:var(--paper);color:var(--team-primary)}
html[data-appearance] #app :is(.data-table,.participant-table),html[data-appearance] #sheet :is(.data-table,.participant-table){color:var(--ink)}
html[data-appearance] #app :is(.masthead,.masthead .identity-name,.masthead .identity-name small,.masthead .connection,.masthead .identity-role-mobile){color:#eef5fb}
html[data-appearance] #app .team-switch{border-color:#7f96a5;color:#edf4fa;background:#132330}
html[data-appearance] #app .masthead .btn{color:#eef5fb;background:#132330;border-color:#7f96a5}
html[data-appearance="dark"] #app :is(.campaign-summary,.campaign-tab-bar,.participants-toolbar,.workspace-guide,.booking-person-option,.invite-status,.media-studio-item),
html[data-appearance="dark"] #sheet :is(.field-note,.record-note,.checklist,.booking-person-option,.booking-new-person,.email-setup-card){background-color:var(--team-soft);color:var(--ink);border-color:var(--line)}
html[data-appearance="dark"] #app :is(.notice,.hint,.form-hint),html[data-appearance="dark"] #sheet :is(.notice,.hint,.form-hint){color:var(--ink)}
html[data-appearance="dark"] #app :is(.notice.amber,.sample-banner),html[data-appearance="dark"] #sheet .notice.amber{background:#392e17;color:#f2d386;border-color:#876d34}
html[data-appearance="dark"] #app :is(.notice.red,.notice.error),html[data-appearance="dark"] #sheet :is(.notice.red,.notice.error){background:#422329;color:#ffb7b1;border-color:#87515c}

/* Participant account: the same choice continues after signing in. */
html[data-appearance] :is(#participant-app,.no-script){color:var(--ink)}
html[data-appearance] #participant-app :is(.field input,.button.secondary,.notice:not(.warning):not(.error):not(.success),.preferences,.empty-card){background:var(--paper);color:var(--ink);border-color:var(--line)}
html[data-appearance] #participant-app :is(.balance-row,.receipt .adjustment,.status-pill:not(.paid):not(.pending)){background:var(--team-soft)}
html[data-appearance="dark"] #participant-app .field input::placeholder{color:#b1c5d5}
html[data-appearance="dark"] #participant-app .reservation.released .spot-list li{background:#253747;color:#c2cbd2}

/* Public light mode retains the chrome identity and original prize imagery. */
html[data-appearance="light"] body:has(#public-app){background:linear-gradient(#e8f0f6,#f7fafc 700px);color:var(--site-text)}
html[data-appearance] #public-app .site-header{color:#f4f7fa}
html[data-appearance="light"] #public-app .site-header{--site-accent:#35cdf7}
html[data-appearance] #public-app .site-account-button{color:#f4f7fa}
html[data-appearance="light"] #public-app :is(.site-hero,.giveaway-copy,.detail-hero,.archive-card,.site-signup,.site-footer){--site-text:#f4f7fa;--site-muted:#b3c7d7;--site-accent:#35cdf7;--site-accent-2:#d7e1ea;--site-accent-ink:#061217;color:#f4f7fa}
html[data-appearance="light"] #public-app :is(.page-intro,.about-intro,.about-values,.photo-section,.public-board,.site-faq,.rules-section){color:var(--site-text)}
html[data-appearance="light"] #public-app :is(.site-note,.site-back-link,.site-text-button,.photo-group>p,.board-updated,.board-help){color:#4c6577}
html[data-appearance="light"] #public-app :is(.site-signup .signup-consent,.site-signup p){color:#b3c7d7}
html[data-appearance="light"] #public-app :is(.board-canvas,.public-board-grid,.board-panel,.board-stats,.detail-tabs,.details-grid>div,.spec-grid>div,.about-values>div,.public-faq details){background:#fff;color:#142c3c;border-color:#b7cbd9}
html[data-appearance="light"] #public-app :is(.board-layout-tabs,.board-filters,.shortlist){background:#e1ecf3;color:#142c3c;border-color:#b7cbd9}
html[data-appearance="light"] #public-app :is(.board-layout-tabs button,.board-filters button){color:#25516b}
html[data-appearance="light"] #public-app :is(.board-layout-tabs button.active,.board-layout-tabs button[aria-pressed="true"],.board-filters button.active){background:#006b94;color:#fff}
html[data-appearance="light"] #public-app :is(.site-button.secondary,.site-button.outline){color:#f4f7fa}
html[data-appearance="light"] #public-app .chrome-title{-webkit-text-fill-color:#23475f;background:none;color:#23475f;text-shadow:none;filter:none}
html[data-appearance="light"] #public-app .chrome-art-title{filter:drop-shadow(0 1px 1px #36576f)}
html[data-appearance="light"] #public-dialog{background:#f2f6f9;color:#142c3c;border-color:#b7cbd9}
html[data-appearance="light"] #public-dialog :is(.public-gallery-top,.theme-option){background:#fff;color:#142c3c;border-color:#b7cbd9}
html[data-appearance="light"] #public-dialog .theme-option[aria-pressed="true"]{background:#e1ecf3}
html[data-appearance="light"] #public-dialog .gallery-close{background:#e1ecf3;color:#142c3c}
@media(max-width:640px){.brand-inner>.appearance-toggle{padding:9px;gap:5px}.brand-inner>.appearance-toggle span{display:none}.appearance-preview{width:32px;height:40px}}
@media print{.appearance-toggle,.site-theme-button,.team-switch{display:none!important}}
html[data-appearance] #sheet .down-payment-choice [data-down-payment-fields]{background:var(--page);color:var(--ink);border-color:var(--line)}
html[data-appearance] #sheet .down-payment-choice [data-down-payment-fields] .field{color:var(--ink)}
html[data-appearance] #sheet .down-payment-choice [data-down-payment-fields] .help{color:var(--muted)}
@media(max-width:600px){.operator-nav .operator-nav-group{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:6px;padding-bottom:5px}.operator-nav .operator-nav-group>p{display:none}.operator-nav .operator-nav-link{flex:0 0 auto;width:auto;min-height:44px;padding:10px 12px;font-size:12px;white-space:nowrap}.operator-nav .operator-nav-link span{overflow-wrap:normal;word-break:normal}.operator-nav .operator-nav-link svg{flex:none}}