/* CHISAN Sprint 09: accessible owner-choice color appearance.
   No external fonts, assets, service calls, or color inversions.
   Apple HIG dark appearance and MDN color-scheme informed this semantic palette. */
:root{--theme-focus:#8b632c;--theme-control-bg:#ffffff;--theme-control-border:#d5e1e3;--theme-detail-bg:#f2ece0}
.appearance-control{display:flex;align-items:center;gap:8px;border-radius:13px;border:1px solid var(--theme-control-border);background:var(--theme-control-bg);color:var(--ink);padding:5px 9px;font-size:.82rem;line-height:1.2;white-space:nowrap}
.appearance-label{color:var(--muted);font-size:.8rem;font-weight:580}.appearance-icon{font-size:1.1rem;color:var(--teal)}
.appearance-control select{padding:6px 3px 6px 5px;min-height:34px;cursor:pointer;color:var(--ink);background:transparent;border:0;font-size:.82rem;font-weight:620;max-width:97px}
.appearance-control:focus-within{outline:2px solid var(--theme-focus);outline-offset:2px}
.mission-detail{background:var(--theme-detail-bg);border:1px solid var(--border);border-radius:18px;padding:21px;margin:18px 0 10px;outline-offset:4px;box-shadow:0 10px 28px #17283809}
.mission-detail-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.mission-detail-head h2{font-size:1.18rem}.mission-detail-head .micro-label{margin-bottom:3px}
.mission-detail-head button{border:1px solid var(--border);color:var(--ink);background:var(--surface);border-radius:100px;min-height:39px;padding:7px 14px;font-size:.83rem}
#mission-detail-objective{font-size:1.35rem;line-height:1.3;letter-spacing:-.035em;margin:15px 0 20px}
.mission-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.mission-detail-grid>div{display:grid;align-content:start;gap:6px;border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:12px;min-width:0}
.mission-detail-grid>div span{color:var(--muted);font-size:.72rem}.mission-detail-grid>div strong{font-size:.9rem;line-height:1.45;overflow-wrap:anywhere;font-weight:650}
.mission-detail-grid .detail-wide{grid-column:1/-1}.detail-safety{font-size:.83rem;color:var(--muted);margin:17px 0 0;line-height:1.5}.detail-safety span{color:var(--gold);font-size:.7rem}
.mission-open{border:1px solid var(--border);border-radius:10px;color:var(--teal);background:var(--surface);font-size:.75rem;padding:8px 10px;min-height:39px;white-space:nowrap;font-weight:650}
.mission-open:hover,.mission-detail-head button:hover{border-color:var(--teal)}

:root[data-theme="dark"]{color-scheme:dark;--canvas:#171613;--bg:#171613;--nav:#1c1a16;--surface:#24211c;--surface2:#302b23;--border:#51483c;--ink:#f5f0e6;--muted:#c9c0b0;--faint:#c9c0b0;--teal:#e4be76;--gold:#e4be76;--heading:#f5f0e6;--ring:#e4be76;--theme-focus:#e4be76;--theme-control-bg:#302b23;--theme-control-border:#51483c;--theme-detail-bg:#211e19}
:root[data-theme="dark"] body{background:var(--canvas);color:var(--ink)}
:root[data-theme="dark"] .sidebar,:root[data-theme="dark"] .topbar{background:var(--nav);border-color:var(--border)}
:root[data-theme="dark"] .nav-item{color:var(--muted)}
:root[data-theme="dark"] .nav-item:hover,:root[data-theme="dark"] .nav-item.is-active{color:var(--ink);background:var(--surface2);border-color:var(--border)}
:root[data-theme="dark"] .nav-item.is-active{box-shadow:inset 3px 0 var(--gold)}
:root[data-theme="dark"] .nav-icon,:root[data-theme="dark"] .appearance-icon{color:var(--gold)}
:root[data-theme="dark"] .nav-number,:root[data-theme="dark"] .owner-tile,:root[data-theme="dark"] .sidebar-locked,:root[data-theme="dark"] .director-safety-notice,:root[data-theme="dark"] .notice,:root[data-theme="dark"] .notice-icon,:root[data-theme="dark"] .health-card{background:var(--surface2);border-color:var(--border);color:var(--ink)}
:root[data-theme="dark"] .metric,:root[data-theme="dark"] .surface,:root[data-theme="dark"] .director-card{background:var(--surface);border-color:var(--border);box-shadow:none;color:var(--ink)}
:root[data-theme="dark"] .brand strong,:root[data-theme="dark"] .brand small,:root[data-theme="dark"] .owner-tile strong,:root[data-theme="dark"] .sidebar-locked strong,:root[data-theme="dark"] .director-safety-notice strong,:root[data-theme="dark"] .notice b,:root[data-theme="dark"] .companion-title,:root[data-theme="dark"] .executive-hero h1,:root[data-theme="dark"] .surface-head h2,:root[data-theme="dark"] .metric strong,:root[data-theme="dark"] .mission-title,:root[data-theme="dark"] .director-name{color:var(--ink)}
:root[data-theme="dark"] .workspace-label,:root[data-theme="dark"] .sidebar-locked small,:root[data-theme="dark"] .director-safety-notice p,:root[data-theme="dark"] .owner-tile small,:root[data-theme="dark"] .timestamp,:root[data-theme="dark"] .intro-description,:root[data-theme="dark"] .metric-head,:root[data-theme="dark"] .metric small,:root[data-theme="dark"] .health-card small,:root[data-theme="dark"] .health-caption,:root[data-theme="dark"] .mission-director,:root[data-theme="dark"] .results-label,:root[data-theme="dark"] .companion-controls p,:root[data-theme="dark"] .director-responsibility,:root[data-theme="dark"] .director-boundary p,:root[data-theme="dark"] .director-focus p,:root[data-theme="dark"] .surface-foot,:root[data-theme="dark"] .rule,:root[data-theme="dark"] .evidence-card p:not(.micro-label),:root[data-theme="dark"] footer{color:var(--muted)}
:root[data-theme="dark"] .eyebrow,:root[data-theme="dark"] .companion-kicker,:root[data-theme="dark"] .health-value strong,:root[data-theme="dark"] .breadcrumb b,:root[data-theme="dark"] footer b{color:var(--gold)}
:root[data-theme="dark"] .breadcrumb{color:var(--muted)}
:root[data-theme="dark"] .filterbar input,:root[data-theme="dark"] .filterbar select{color:var(--ink);background:var(--surface2);border-color:var(--border)}
:root[data-theme="dark"] .filterbar input::placeholder{color:var(--muted)}
:root[data-theme="dark"] .mission-row,:root[data-theme="dark"] .director-details,:root[data-theme="dark"] .director-boundary,:root[data-theme="dark"] .director-focus,:root[data-theme="dark"] .rule,:root[data-theme="dark"] .trust-list>div{border-color:var(--border)}
:root[data-theme="dark"] .trust-list>div,:root[data-theme="dark"] .filterbar label,:root[data-theme="dark"] .director-summary{color:var(--ink)}
:root[data-theme="dark"] .trust-list b,:root[data-theme="dark"] .tag-good{color:var(--gold)!important}
:root[data-theme="dark"] .tag-muted{color:var(--muted)!important}
:root[data-theme="dark"] .state-neutral,:root[data-theme="dark"] .state-done,:root[data-theme="dark"] .state-warn,:root[data-theme="dark"] .director-inactive{color:var(--gold);background:var(--surface2);border-color:var(--border)}
:root[data-theme="dark"] .companion-card,:root[data-theme="dark"] .companion-controls,:root[data-theme="dark"] .companion-art::before{background:transparent;border:0;box-shadow:none;backdrop-filter:none}
:root[data-theme="dark"] .companion-portrait{filter:none}
:root[data-theme="dark"] .mission-detail-grid>div{background:var(--surface);border-color:var(--border)}
@media(max-width:760px){.appearance-label{display:none}.topbar-right{gap:8px}.appearance-control{padding:3px 5px}.appearance-control select{font-size:.75rem;max-width:76px}.mission-row{flex-wrap:wrap}.mission-open{margin-left:51px}}
@media(prefers-reduced-motion:reduce){.appearance-control *,.mission-detail *{transition:none!important;animation:none!important}}
@media(prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;background:#171613;color:#f5f0e6}}

/* Scoped Mission Control read-only event timeline, same semantic theme tokens. */
.mission-history { margin-top: 1.1rem; padding-top: .95rem; border-top: 1px solid var(--stroke, rgba(120,135,145,.22)); }
.mission-history-heading { display:flex; flex-wrap:wrap; gap:.65rem; justify-content:space-between; align-items:baseline; }
.mission-history-heading h3 { font-size:1.04rem; margin:0; }
.history-local-tag { font-size:.77rem; opacity:.85; font-weight:650; }
.history-description { font-size:.88rem; opacity:.82; margin:.5rem 0 .85rem; }
.history-list { padding:0; margin:0; list-style:none; display:grid; gap:.55rem; }
.history-event { display:flex; gap:.4rem .9rem; flex-wrap:wrap; align-items:baseline; padding:.7rem .8rem; background:var(--surface, rgba(127,142,147,.07)); border:1px solid var(--border, rgba(120,135,145,.2)); border-radius:12px; }
.history-event-title { font-size:.9rem; }
.history-event-date, .history-evidence { opacity:.75; font-size:.78rem; overflow-wrap:anywhere; }
.history-unavailable { font-size:.9rem; padding:.5rem; }

/* Evidence Register: read-only, theme-aware and responsive. */
.evidence-register{margin-top:18px}
.evidence-register-list{display:grid;gap:14px}
.evidence-register-card{background:var(--surface);border:1px solid var(--border);border-radius:15px;padding:16px;min-width:0}
.evidence-register-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.evidence-register-title{font-size:1rem;line-height:1.35;color:var(--ink);overflow-wrap:anywhere;margin:0 0 5px}
.evidence-register-copy{flex:1;min-width:0}
.evidence-register-copy .results-label{margin:0}
.evidence-hash-preview{font-size:.78rem;color:var(--muted);overflow-wrap:anywhere}
.evidence-register .history-event{background:var(--theme-detail-bg)}
:root[data-theme="dark"] .evidence-register-card{background:var(--surface2);border-color:var(--border)}
@media(max-width:630px){.evidence-register-card{padding:13px}.evidence-register-card-head{align-items:flex-start}.evidence-register-card-head .mission-open{margin-left:0}}

/* Vector wordmark stays crisp in both appearances; face remains in voice views. */
.brand .brand-face{border-radius:14px;background:transparent;box-shadow:none}
.brand-wordmark{display:block;width:132px;height:24px;background:url("chisan-wordmark-light.svg") center / contain no-repeat}
:root[data-theme="dark"] .brand-wordmark{background-image:url("chisan-wordmark-dark.svg")}
@media(prefers-color-scheme:dark){:root:not([data-theme]) .brand-wordmark{background-image:url("chisan-wordmark-dark.svg")}}
@media(max-width:890px){.brand .brand-face{border-radius:10px}.brand-wordmark{width:112px;height:20px}}

/* Milk and gold palette, with Chisom blending into the page in both modes. */
.topbar{background:var(--nav);border-color:var(--border)}
.breadcrumb-emblem,.offline-badge,.mission-indicator,.metric-symbol{background:var(--surface2);color:var(--teal);border-color:var(--border)}
.primary-action{background:#8b632c;color:#fffdf8;border-color:#8b632c;box-shadow:none}
.secondary-action{background:var(--surface);color:var(--ink);border-color:var(--border)}
.companion-kicker{color:var(--teal)}
.companion-title{color:var(--ink)}
.companion-controls p{color:var(--muted)}
.companion-controls button{background:var(--surface);color:var(--ink);border-color:var(--border)}
.companion-controls button[aria-pressed="true"]{background:var(--surface2);border-color:var(--teal)}
.companion-portrait{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 88%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 88%,transparent 100%)}
:root[data-theme="dark"] .topbar{background:var(--nav);border-color:var(--border)}
:root[data-theme="dark"] .primary-action{background:#e4be76;color:#211b12;border-color:#e4be76;box-shadow:none}
:root[data-theme="dark"] .secondary-action,:root[data-theme="dark"] .companion-controls button{background:var(--surface);color:var(--ink);border-color:var(--border)}
:root[data-theme="dark"] .companion-controls button[aria-pressed="true"]{background:var(--surface2);border-color:var(--teal)}
:root[data-theme="dark"] .breadcrumb-emblem,:root[data-theme="dark"] .offline-badge,:root[data-theme="dark"] .mission-indicator,:root[data-theme="dark"] .metric-symbol{background:var(--surface2);color:var(--teal);border-color:var(--border)}

.director-face{width:72px;height:72px;object-fit:contain;flex:none;border-radius:50%;background:var(--surface2)}
.director-card-head{flex-wrap:wrap}.director-identity{flex:1;min-width:140px}
.director-summon,#return-chisom{padding:10px 14px;min-height:44px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--ink);font:inherit;margin-top:12px}
.portfolio-label{font-size:13px;margin:14px 0 4px;color:var(--ink)}
.portfolio-text{font-size:13px;line-height:1.55;color:var(--muted);margin:0;overflow-wrap:anywhere}
#director-portfolio{max-width:520px;margin:0 auto;text-align:left}
.companion-title{overflow-wrap:anywhere}