/*
 CHISAN / AI-native experience 01
 Conversation-first, local-first, consent-first design.
 This is a frontend-only preview. No live AI, no recording, no external action.
 Built using system fonts and local assets; no remote dependencies.
*/
:root[data-theme="dark"]{
  --ai-glow:rgba(225,192,137,.13);--ai-halo:rgba(225,192,137,.27);
  --ai-midnight:#121b29;--ai-ink:#f5f4f1;--ai-card-hover:#202d3e;
  --ai-line:rgba(199,218,236,.14)
}
:root[data-theme="light"]{
  --ai-glow:rgba(168,119,52,.09);--ai-halo:rgba(151,111,51,.19);
  --ai-midnight:#f4f1ea;--ai-ink:#1a2737;--ai-card-hover:#f3f5f9;
  --ai-line:rgba(54,77,103,.14)
}
/* Rename and recast the shell as a personal AI interface. */
.brand small{font-size:.7rem!important;font-weight:620!important;letter-spacing:.015em!important}
.workspace-label{display:none!important}
.nav-section-label{letter-spacing:.12em!important;font-size:.64rem!important}
.sidebar-locked{position:relative;border-left:2px solid var(--accent)!important}
.sidebar-locked small{line-height:1.55}
.sidebar .nav{padding-top:6px}
.nav-item{font-size:.87rem!important;gap:11px!important}
.sidebar{scrollbar-gutter:stable}
.offline-badge{color:var(--ink)!important;background:var(--accent-soft)!important;border-color:var(--ai-halo)!important}
/* Intent-centred hero, replacing the former administrative dashboard. */
#page-overview:not([hidden]){display:flex;flex-direction:column;gap:0}
#page-overview>.executive-hero{order:1}
#page-overview>.ai-capability-section{order:2}
#page-overview>.ai-council-section{order:3}
#page-overview>.ai-system-details{order:4}
.executive-hero{
  grid-template-columns:minmax(0,1.11fr) minmax(360px,.83fr)!important;
  align-items:stretch!important;min-height:540px!important;
  gap:18px!important;margin-bottom:21px!important
}
.executive-heading{
  position:relative;overflow:hidden;padding:33px clamp(25px,3.1vw,43px)!important;
  justify-content:flex-start!important;align-items:stretch!important;
  background:
    radial-gradient(ellipse at 92% 7%,var(--ai-glow),transparent 54%),
    linear-gradient(155deg,var(--surface),var(--surface2))!important
}
.executive-heading::before{
  content:"";position:absolute;pointer-events:none;width:310px;height:310px;
  border:1px solid var(--ai-halo);border-radius:50%;top:-240px;right:-85px;opacity:.7
}
.ai-kicker{display:flex;align-items:center;gap:9px;color:var(--accent)!important;font-size:.71rem!important;
 letter-spacing:.105em!important;font-weight:710!important;text-transform:uppercase;margin:0 0 20px!important}
.ai-kicker-mark{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--ai-halo);
 border-radius:10px;background:var(--accent-soft);font-size:1.04rem;line-height:1}
.executive-hero h1{font-size:clamp(2.35rem,3.65vw,4.15rem)!important;line-height:1.065!important;
 letter-spacing:-.066em!important;max-width:660px!important;margin:0 0 15px!important}
.executive-hero h1 .ai-title-accent{display:block;color:var(--accent)}
.executive-heading .intro-description{font-size:.95rem!important;max-width:630px!important;
 color:var(--muted)!important;line-height:1.61!important;margin:0 0 22px!important}
.ai-composer{position:relative;min-width:0;margin:1px 0 0;border:1px solid var(--ai-halo);
 background:var(--surface);border-radius:18px;box-shadow:0 12px 38px rgba(0,0,0,.055);
 padding:17px;transition:box-shadow .15s,border-color .15s}
.ai-composer:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--ai-glow)}
.ai-composer-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px;flex-wrap:wrap}
.ai-composer-title{display:inline-flex;align-items:center;gap:7px;font-size:.69rem;font-weight:720;
 letter-spacing:.085em;text-transform:uppercase;color:var(--ink)}
.ai-composer-title .ai-spark{color:var(--accent);font-size:1rem}
.ai-model-tag{display:inline-flex;align-items:center;gap:7px;font-size:.69rem;line-height:1.4;
 color:var(--muted);font-weight:580}
.ai-model-tag::before{content:"";width:7px;height:7px;border-radius:50%;
 border:1px solid var(--warning);background:transparent}
#ai-intent-form{display:grid;gap:0;margin:0}
#ai-intent-input{display:block;width:100%;min-width:0;min-height:90px;max-height:160px;
 resize:vertical;color:var(--ink);background:transparent;border:0;outline:none!important;
 box-shadow:none!important;font:inherit;font-size:.93rem;line-height:1.58;padding:7px 2px}
#ai-intent-input::placeholder{color:var(--faint);opacity:1}
.ai-compose-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;
 padding-top:11px;border-top:1px solid var(--border)}
.ai-privacy-hint{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:.69rem;line-height:1.45}
.ai-privacy-hint svg{width:15px;height:15px;stroke:var(--accent);flex:0 0 auto}
.ai-compose-send{display:inline-flex;align-items:center;justify-content:center;gap:8px;
 background:var(--accent);color:var(--accent-dark)!important;border:1px solid var(--accent);
 border-radius:10px;min-height:43px;padding:8px 14px;letter-spacing:-.01em;font-size:.78rem;font-weight:720}
.ai-compose-send:hover{filter:brightness(1.045)}
.ai-compose-send svg{width:15px;height:15px;stroke:currentColor}
#ai-intent-status{font-size:.74rem;color:var(--muted);line-height:1.5;margin:10px 1px 0!important;min-height:0}
.ai-examples{display:flex;align-items:center;gap:7px;margin:12px 0 0;flex-wrap:wrap}
.ai-examples-label{font-size:.7rem;color:var(--faint);padding-right:4px}
.ai-example{display:inline-flex;align-items:center;min-height:39px;padding:7px 11px;
 background:var(--surface3);color:var(--ink);border:1px solid var(--border);border-radius:999px;
 font-size:.71rem;font-weight:610;line-height:1.35}
.ai-example:hover{border-color:var(--accent);background:var(--accent-soft)}
.ai-intent-result{margin:12px 0 0;padding:13px 14px;border:1px solid var(--border);
 background:var(--surface2);border-radius:12px}
.ai-intent-result strong{display:block;font-size:.75rem;color:var(--ink);margin-bottom:5px}
.ai-intent-summary{color:var(--ink);font-size:.84rem;line-height:1.55;overflow-wrap:anywhere;
 white-space:pre-wrap;margin:0 0 7px!important}
.ai-intent-result .ai-result-notice{font-size:.73rem;color:var(--muted);line-height:1.5;margin:0 0 10px!important}
.ai-result-actions{display:flex;flex-wrap:wrap;gap:8px}
.ai-result-actions button{background:var(--surface3)!important;border:1px solid var(--border)!important;
 color:var(--ink)!important;border-radius:9px!important;min-height:40px!important;
 padding:8px 12px!important;font-size:.73rem!important;font-weight:640}
.ai-result-actions button:hover{border-color:var(--accent)!important}
.executive-heading .hero-actions{margin-top:15px!important;gap:12px!important}
.hero-actions button{min-height:41px!important;background:transparent!important;border:0!important;
 color:var(--accent)!important;padding:5px 2px!important;font-size:.77rem!important;font-weight:670!important}
.hero-actions button:hover{text-decoration:underline}
.hero-actions button#open-missions{color:var(--muted)!important}
.executive-heading .health-card{align-self:stretch!important;display:flex;align-items:center;gap:12px;
 border-top:1px solid var(--border)!important;margin:18px 0 0!important;padding:15px 0 0!important}
.executive-heading .health-caption{display:none}
.executive-heading .health-value{margin:0!important;min-width:max-content}
.executive-heading .health-value strong{font-size:.66rem!important;letter-spacing:.07em!important}
.executive-heading .health-card small{font-size:.69rem!important;line-height:1.5!important}
/* Visual AI presence: elegant, not an activated AI. */
.companion-card{border-radius:24px!important;min-height:540px!important;
 background:radial-gradient(circle at 35% 30%,var(--ai-glow),transparent 45%),
 linear-gradient(160deg,var(--surface2),var(--surface))!important;
 border:1px solid var(--border)!important}
.companion-art{min-height:530px!important;
 background:radial-gradient(ellipse at 50% 46%,var(--ai-glow),transparent 62%)!important}
.companion-art::after{content:"";position:absolute;inset:18% -35% 22% -40%;
 border:1px solid var(--ai-halo);border-radius:50%;pointer-events:none;opacity:.75}
.companion-controls{justify-content:center!important}
.companion-title{font-size:clamp(1.3rem,1.6vw,1.7rem)!important}
.companion-kicker{font-size:.66rem!important;letter-spacing:.095em!important}
.companion-controls p{line-height:1.6!important}
.companion-card .presence-move{margin-top:10px!important}
/* Primary AI tools: task-first instead of workstation administration. */
.ai-capability-section{border:0;background:none;margin:2px 0 19px;min-width:0}
.ai-section-heading{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;
 gap:18px;margin-bottom:16px}
.ai-section-kicker{font-size:.66rem;color:var(--accent);font-weight:720;letter-spacing:.11em;
 text-transform:uppercase;margin:0 0 5px!important}
.ai-section-heading h2{font-size:clamp(1.2rem,1.45vw,1.53rem)!important;font-weight:700!important;
 margin:0!important;letter-spacing:-.035em!important}
.ai-section-sub{max-width:390px;color:var(--muted)!important;font-size:.78rem!important;
 line-height:1.58!important;margin:0!important}
.ai-capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.ai-capability{
 display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:12px;
 width:100%;min-width:0;min-height:165px;border:1px solid var(--border);border-radius:18px;
 background:var(--surface);color:var(--ink);padding:19px;box-shadow:none;
 transition:border-color .18s,transform .18s,background .18s;cursor:pointer
}
.ai-capability:hover{background:var(--ai-card-hover);border-color:var(--ai-halo);transform:translateY(-2px)}
.ai-capability:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.ai-cap-icon{display:grid;place-items:center;width:39px;height:39px;border:1px solid var(--ai-halo);
 background:var(--accent-soft);border-radius:12px;color:var(--accent)}
.ai-cap-icon svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.7;
 fill:none;stroke-linecap:round;stroke-linejoin:round}
.ai-capability>strong{font-size:.91rem;font-weight:700;color:var(--ink);line-height:1.3}
.ai-capability>span.ai-cap-description{font-size:.74rem;color:var(--muted);line-height:1.5;margin-top:-7px}
.ai-cap-bottom{display:flex;align-items:center;justify-content:space-between;gap:6px;
 margin-top:auto;width:100%;font-size:.69rem;color:var(--faint);font-weight:640}
.ai-cap-bottom .ai-cap-arrow{color:var(--accent);font-size:1.18rem}
/* Council constellation. No Director runtime implied. */
.ai-council-section{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(245px,.9fr);
 align-items:center;gap:28px;padding:29px 32px;margin:0 0 23px;
 border:1px solid var(--border);border-radius:22px;
 background:linear-gradient(110deg,var(--surface),var(--surface2));min-width:0;overflow:hidden}
.ai-council-copy{min-width:0}
.ai-council-copy h2{font-size:clamp(1.35rem,2.05vw,2.2rem)!important;margin:7px 0 10px!important;
 line-height:1.14!important;letter-spacing:-.047em!important}
.ai-council-copy p:not(.ai-section-kicker){font-size:.81rem;line-height:1.62;
 color:var(--muted);margin:0 0 15px!important;max-width:480px}
.ai-council-open{min-height:44px;background:var(--surface3);border:1px solid var(--ai-halo);
 border-radius:11px;padding:10px 15px;color:var(--ink);font-size:.79rem;font-weight:680}
.ai-council-open:hover{border-color:var(--accent)}
.ai-council-visual{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;
 align-items:center;min-width:0}
.ai-council-face{position:relative;width:100%;aspect-ratio:1;max-height:79px;
 border-radius:16px;background:var(--surface3);border:1px solid var(--border);
 object-fit:cover;filter:saturate(.89);display:block}
.ai-council-count{display:grid;place-items:center;aspect-ratio:1;max-height:79px;
 border-radius:16px;background:var(--accent-soft);color:var(--accent);
 border:1px solid var(--ai-halo);font-size:1.08rem;font-weight:780;letter-spacing:-.04em}
.ai-council-visual-note{grid-column:1/-1;text-align:center;font-size:.67rem;
 color:var(--muted);margin:5px 0 0!important}
/* Administrative details are no longer the product's opening experience. */
.ai-system-details{min-width:0;margin-bottom:5px;border:1px solid var(--border);border-radius:17px;
 background:var(--surface);overflow:hidden}
.ai-system-details>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;
 padding:19px 23px;cursor:pointer;min-height:70px;list-style:none}
.ai-system-details>summary::-webkit-details-marker{display:none}
.ai-system-details>summary:hover{background:var(--surface2)}
.ai-system-detail-label{display:flex;flex-direction:column;gap:4px}
.ai-system-detail-label strong{font-size:.87rem;color:var(--ink);font-weight:690}
.ai-system-detail-label span{font-size:.74rem;color:var(--muted);line-height:1.5}
.ai-system-toggle{display:inline-flex;align-items:center;justify-content:center;
 flex:0 0 34px;height:34px;border:1px solid var(--border);border-radius:10px;
 color:var(--accent);font-size:1.1rem}
.ai-system-details[open]>summary .ai-system-toggle{transform:rotate(180deg)}
.ai-system-details>.ai-details-body{padding:10px 23px 23px;border-top:1px solid var(--border)}
.ai-system-details .metrics{margin:12px 0 16px!important}
.ai-system-details .dashboard-grid{margin-bottom:18px!important}
.ai-system-details .preview-connectivity{margin:0!important}
.ai-system-details .metric{min-height:117px!important}
.ai-system-details .metric strong{font-size:1.85rem!important}
/* The AI trust model is always visible without claiming services are online. */
.notice{margin-bottom:16px!important}
.notice b{font-weight:700}
#page-overview .surface .micro-label{letter-spacing:.065em}
@media(max-width:1450px){
 .executive-hero{grid-template-columns:minmax(0,1fr) minmax(340px,.85fr)!important}
 .executive-heading{padding:30px 28px!important}
 .ai-capability-grid{gap:11px}
 .ai-capability{padding:16px;min-height:160px}
 .ai-council-section{padding:24px}
}
@media(max-width:1150px){
 .executive-hero{grid-template-columns:1fr!important;min-height:0!important}
 .executive-heading{padding:31px!important}
 .companion-card{min-height:355px!important}
 .companion-art{min-height:360px!important}
 .ai-capability-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .ai-council-section{grid-template-columns:1fr minmax(230px,.8fr)}
}
@media(max-width:790px){
 .ai-capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ai-council-section{grid-template-columns:1fr;gap:18px}
 .ai-council-visual{max-width:380px;justify-self:stretch}
 .ai-council-face,.ai-council-count{max-height:86px}
 .ai-section-heading{gap:6px}
 .ai-section-sub{max-width:none}
}
@media(max-width:680px){
 .executive-heading{padding:26px 22px!important;border-radius:19px}
 .executive-hero h1{font-size:clamp(2.15rem,9.7vw,3rem)!important;line-height:1.075!important}
 .executive-heading .intro-description{font-size:.84rem!important;margin-bottom:17px!important}
 .ai-kicker{margin-bottom:16px!important;font-size:.66rem!important}
 .ai-composer{padding:13px;border-radius:15px}
 #ai-intent-input{min-height:82px;font-size:.85rem;line-height:1.55}
 .ai-compose-send{min-height:44px;padding:8px 11px;font-size:.72rem}
 .ai-privacy-hint{font-size:.66rem}
 .ai-examples{gap:6px;margin-top:10px}
 .ai-examples-label{flex-basis:100%;padding-bottom:2px}
 .ai-example{min-height:41px;font-size:.7rem;padding:7px 10px}
 .executive-heading .hero-actions{margin-top:9px!important}
 .executive-heading .health-card{margin-top:12px!important;padding:11px 0 0!important;align-items:flex-start}
 .executive-heading .health-card small{font-size:.67rem!important}
 .companion-card{min-height:420px!important}
 .companion-art{min-height:410px!important}
 .companion-controls{padding:17px 12px 15px 0!important}
 .ai-capability-section{margin-bottom:15px}
 .ai-section-heading{margin-bottom:12px}
 .ai-capability{min-height:156px;padding:14px;border-radius:15px;gap:9px}
 .ai-capability>strong{font-size:.8rem}
 .ai-capability>span.ai-cap-description{font-size:.69rem;line-height:1.46}
 .ai-cap-icon{width:35px;height:35px;border-radius:11px}
 .ai-council-section{padding:19px;border-radius:17px;margin-bottom:17px}
 .ai-system-details>summary{padding:16px;min-height:70px}
 .ai-system-detail-label strong{font-size:.8rem}
 .ai-system-detail-label span{font-size:.69rem}
 .ai-system-details>.ai-details-body{padding:8px 13px 15px}
}
@media(max-width:380px){
 .ai-capability-grid{grid-template-columns:1fr}
 .ai-capability{min-height:116px}
 .ai-council-visual{gap:6px}
 .ai-compose-footer{align-items:flex-start}
 .ai-compose-send{width:100%}
 .ai-privacy-hint{width:100%}
}
@media(prefers-reduced-motion:reduce){
 .ai-capability,.ai-composer,.ai-system-details>*{transition:none!important}
 .ai-capability:hover{transform:none}
}

/* Mobile-first conversation arrival. Keep Stop voice accessible, fold duplicate
   nav shortcuts into the existing mobile menu and remove redundant status rows. */
@media(max-width:680px){
  .topbar{height:53px!important;min-height:53px!important;display:flex!important;
    flex-wrap:nowrap!important;align-items:center!important;gap:6px!important;padding:6px 13px!important}
  .topbar-right{display:flex!important;flex-wrap:nowrap!important;margin-left:auto;gap:5px!important}
  .topbar .offline-badge{display:none!important}
  .topbar .breadcrumb{font-size:.62rem!important;white-space:nowrap;gap:5px!important}
  .topbar .appearance-control{min-height:36px!important;max-width:103px!important}
  .presence-rail{padding:8px 12px!important;min-height:55px;gap:9px!important;margin-bottom:9px!important}
  .presence-rail-identity{gap:8px!important}
  .presence-rail-identity img{width:34px!important;height:34px!important}
  .presence-rail-identity strong{font-size:.76rem!important}
  .presence-rail-identity span{font-size:.68rem!important}
  .presence-rail-privacy{display:none!important}
  .presence-rail-actions{margin-left:auto!important}
  .presence-rail-actions a[data-page]{display:none!important}
  .presence-rail-actions #presence-rail-stop{min-height:44px!important;padding:7px 10px!important}
  .notice{padding:8px 11px!important;margin-bottom:11px!important;
    font-size:.69rem!important;line-height:1.43!important;border-radius:11px!important}
  .executive-heading{padding:22px 20px!important}
  .ai-kicker{margin:0 0 12px!important}
  .executive-hero h1{font-size:clamp(2.1rem,9.1vw,2.75rem)!important;margin:0 0 10px!important}
  .executive-heading .intro-description{font-size:.79rem!important;line-height:1.52!important;margin:0 0 13px!important}
  .ai-composer{padding:12px}
}