/* Personal display mode is independent of the team's shared palette. */
:root{
  color-scheme:light;
  --brand:#20332e;--action:#b74414;--on-action:#fff;--accent:#b74414;--accent-soft:#fff0e3;--focus:#9a3810;
}
:root[data-team-palette="ocean"]{--brand:#17374f;--action:#175e9a;--accent:#175e9a;--accent-soft:#eaf3fc;--focus:#175e9a}
:root[data-team-palette="forest"]{--brand:#17392e;--action:#246746;--accent:#246746;--accent-soft:#edf6ed;--focus:#246746}
:root[data-team-palette="violet"]{--brand:#342248;--action:#7341a1;--accent:#7341a1;--accent-soft:#f3edfb;--focus:#7341a1}
:root[data-team-palette="berry"]{--brand:#432333;--action:#9b365c;--accent:#9b365c;--accent-soft:#fdeef4;--focus:#9b365c}
:root[data-team-palette="teal"]{--brand:#163b3e;--action:#086d74;--accent:#086d74;--accent-soft:#e8f6f6;--focus:#086d74}
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#121a21;--surface:#1b2630;--ink:#e8eff3;--muted:#b1bec7;--line:#435460;
  --accent:#ffb184;--accent-soft:#34271f;--focus:#ffb184;
  --green:#98ddb5;--green-soft:#20382d;--amber:#f3cc76;--amber-soft:#392f1d;
  --red:#ffaaa3;--red-soft:#3b262c;--blue:#a7cff4;--blue-soft:#213449;
  --shadow:0 5px 22px #0003;
  --theme-bg-neutral:#1b2630;--theme-bg-muted:#22313b;--theme-bg-warm:#342c23;
  --theme-bg-red:#3b262c;--theme-bg-green:#21382f;--theme-bg-blue:#223449;--theme-bg-purple:#322a42;
  --theme-text-neutral:#e8eff3;--theme-text-muted:#bbc8d1;--theme-text-on-dark:#fffefa;
  --theme-text-red:#ffaaa3;--theme-text-warm:#ffd099;--theme-text-green:#a0dfb9;
  --theme-text-blue:#add3fa;--theme-text-purple:#ddc3ff;
  --theme-line-neutral:#435460;--theme-line-warm:#776348;--theme-line-red:#86525b;
  --theme-line-green:#50745e;--theme-line-blue:#526f8c;--theme-line-purple:#725b8d;
}
:root[data-theme="dark"][data-team-palette="ocean"]{--accent:#8fc9ff;--accent-soft:#213449;--focus:#8fc9ff}
:root[data-theme="dark"][data-team-palette="forest"]{--accent:#8fd9ae;--accent-soft:#20382d;--focus:#8fd9ae}
:root[data-theme="dark"][data-team-palette="violet"]{--accent:#d2b2ff;--accent-soft:#322a42;--focus:#d2b2ff}
:root[data-theme="dark"][data-team-palette="berry"]{--accent:#ffb1cc;--accent-soft:#3b2633;--focus:#ffb1cc}
:root[data-theme="dark"][data-team-palette="teal"]{--accent:#85dce0;--accent-soft:#20383c;--focus:#85dce0}
body{background:var(--bg);color:var(--ink)}
button,a,input,select,textarea{accent-color:var(--action)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-color:var(--focus)}
.nav a.active,.hero,.btn.dark,.skip-link,#toast,.calendar-cell.is-today .calendar-date-button>span:first-child{background:var(--brand)}
.nav a.active,.btn.dark{border-color:var(--brand)}
.btn.primary,.home-banner .team-alert-actions .btn.primary{background:var(--action);border-color:var(--action);color:var(--on-action)}
.btn.primary:hover,.home-banner .team-alert-actions .btn.primary:hover{background:var(--action);filter:brightness(.92)}
.nav a.active,.hero,.btn.dark,.skip-link,#toast{color:#fffefa}
.pill.robotics{color:var(--accent)}
.progress-fill{background:var(--accent)}
.progress-fill.innovation{background:var(--green)}
.progress-fill.team{background:var(--blue)}
.appearance-panel{margin-bottom:22px}
.appearance-panel>p{margin:9px 0 18px;max-width:760px}
.appearance-fieldset{border:0;padding:0;margin:0;min-width:0}
.appearance-fieldset legend{font-size:13px;font-weight:750;margin-bottom:10px;padding:0}
.appearance-options,.team-palette-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.appearance-option{display:flex;align-items:flex-start;gap:11px;border:1px solid var(--line);border-radius:12px;padding:15px;background:var(--surface);cursor:pointer;min-width:0}
.appearance-option:has(input:checked){border:2px solid var(--accent);padding:14px;background:var(--accent-soft)}
.appearance-option:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:3px}
.appearance-option input{width:18px;height:18px;flex:0 0 18px;margin:4px 0 0}
.appearance-option-copy{display:grid;gap:7px;min-width:0}
.appearance-option-copy strong{font-size:15px;line-height:1.35}
.appearance-option-copy small{color:var(--muted);font-size:12px;line-height:1.45}
.appearance-symbol{font-size:25px;line-height:1;color:var(--accent)}
.palette-swatches{display:flex;gap:5px;height:27px;align-items:center}
.palette-swatches i{display:block;width:27px;height:27px;border-radius:50%;border:1px solid #ffffff45}
.appearance-status{min-height:1.6em;margin:14px 0}
:root[data-theme="dark"] .field input,:root[data-theme="dark"] .field select,:root[data-theme="dark"] .field textarea{background:var(--surface);border-color:#6e8290;color:var(--ink)}
:root[data-theme="dark"] input::placeholder,:root[data-theme="dark"] textarea::placeholder{color:#aab9c4;opacity:1}
:root[data-theme="dark"] .brand img,:root[data-theme="dark"] .hero-stamp img{mix-blend-mode:normal}
:root[data-theme="dark"] .hero .btn{background:var(--surface);color:var(--ink);border-color:var(--line)}
:root[data-theme="dark"] .hero .btn.ghost{background:transparent;color:#fffefa;border-color:#a0b3be}
:root[data-theme="dark"] .hero p,:root[data-theme="dark"] .home-banner-brand p{color:#d6e2e8}
:root[data-theme="dark"] .tl-progress-span{background:var(--green)}
:root[data-theme="dark"] .tl-progress-span.due-soon{background:var(--amber)}
:root[data-theme="dark"] .tl-progress-span.late{background:var(--red)}
:root[data-theme="dark"] .tl-progress-span.undated{background:#9baeb9}
:root[data-theme="dark"] .timeline-card .legend-swatch.on-track,:root[data-theme="dark"] .tl-row-indicator{background:var(--green)}
:root[data-theme="dark"] .timeline-card .legend-swatch.due-soon,:root[data-theme="dark"] .tl-row-indicator.due-soon{background:var(--amber)}
:root[data-theme="dark"] .timeline-card .legend-swatch.late,:root[data-theme="dark"] .tl-row-indicator.late{background:var(--red)}
:root[data-theme="dark"] .timeline-card .legend-swatch.undated,:root[data-theme="dark"] .tl-row-indicator.undated{background:#9baeb9}
:root[data-theme="dark"] .tl-row-indicator,:root[data-theme="dark"] .goal-step.done{color:var(--bg)}
:root[data-theme="dark"] .team-alert-count{background:var(--accent);color:var(--bg)}
:root[data-theme="dark"] .calendar-event-dots>i{background:var(--green)}
:root[data-theme="dark"] .calendar-event-dots>i.is-completed{background:var(--muted)}
:root[data-theme="dark"] .skill-review-row,:root[data-theme="dark"] .skill-mini{background:var(--surface)}
:root[data-theme="dark"] .board-heading .board-status-title .dot{background:currentColor}
:root[data-theme="dark"] .history-dot:not(.task){background:var(--muted)}
@media(max-width:650px){.appearance-options{grid-template-columns:1fr}.team-palette-options{grid-template-columns:repeat(2,minmax(0,1fr))}.appearance-option{padding:13px}.appearance-option:has(input:checked){padding:12px}.appearance-panel .actions{gap:10px}.appearance-panel .actions .btn{min-height:44px}}
@media print{.appearance-panel{display:none}}