/* Company OS: calm, light workspace. Loaded after legacy component styles. */
:root {
  color-scheme: light;
  --bg:#f5f6f8; --surface:#fff; --card:#f1f3f6; --card2:#e8edf2;
  --line:#d7dde5; --text:#202936; --muted:#596575;
  --accent:#b94616; --accent2:#963710; --success:#19764e;
  --warning:#946000; --danger:#b52c40; --focus:#2465b5;
  --radius:16px; --shadow:0 2px 8px rgba(30,45,65,.035);
}
body,.login-screen { background:var(--bg); }
.sidebar { background:var(--surface); backdrop-filter:none; }
.hero-card,.panel,.chat-card,.agent-layer,.owner-composer {
  background:var(--surface); box-shadow:var(--shadow);
}
.topbar h1 { font-size:clamp(28px,3vw,36px); font-weight:650; letter-spacing:-.025em; }
.hero-card h2,.page-intro h2 { font-size:clamp(23px,2.4vw,30px); font-weight:650; }
.eyebrow { color:var(--muted); letter-spacing:.08em; }
.primary,.brand-mark { background:var(--accent); color:#fff; }
.primary:hover { background:var(--accent2); }
.secondary,.icon-button,.role-button,.model-button { background:var(--surface); color:var(--text); }
.nav-button.active { background:#fff0e8; color:var(--accent); }
.system-state { border:0; background:var(--bg); }
.stat-grid>div { background:var(--surface); border:0; }
.stat-grid strong { font-size:25px; font-weight:650; }
.list-row { background:var(--surface); border-color:var(--line); }
.list-row:hover { background:#faf5f1; }
.message { background:var(--card); line-height:1.65; }
.message.user { background:#fff0e8; color:#723215; }
.message.user small { color:#775646; }
.ai-avatar { background:#fff0e8; color:var(--accent); }
.badge.warning,.badge.working { background:#fff6df; color:#795100; border-color:#d6b75e; }
.badge.success { background:#e8f5ee; color:#176340; border-color:#8abda0; }
.badge.danger,.danger { background:#fff0f1; color:#a12235; border-color:#d99ba4; }
.agent-trace,.smart-handoff { background:var(--bg); }
.agent-trace.created,.credential-box { background:#e8f5ee; border-color:#8abda0; }
.starter-card,.receipt-panel,.agent-now { background:var(--surface); }
.execution-receipt { background:#edf7f1; border-color:#8abda0; }
.execution-receipt.failed { background:#fff0f1; border-color:#d99ba4; }
.execution-receipt dl>div { background:rgba(255,255,255,.8); }
.owner-brief { background:#fff8e8; border-color:#d6b75e; }
.journey-step.done>span,.success-mark { background:#e8f5ee; }
.journey-step.current>span { color:#fff; }
.login-error { color:var(--danger); }
.modal-backdrop { background:rgba(30,40,55,.3); backdrop-filter:blur(4px); }
.modal { background:var(--surface); box-shadow:0 18px 60px rgba(30,40,55,.18); }
.mode-switch button[aria-selected="true"] { background:#fff0e8; border-color:#d6a38d; }
input,textarea,select { background:var(--surface); border-color:#aab5c3; }
input::placeholder,textarea::placeholder { color:var(--muted); opacity:1; }
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible {
  outline:3px solid var(--focus); outline-offset:3px;
}
.chat-card .chat-form { background:var(--surface); border-top:1px solid var(--line); padding-top:12px; }
.messages { scrollbar-color:#aab5c3 transparent; }
@media(max-width:760px) {
  .bottom-nav { background:rgba(255,255,255,.97); padding-bottom:max(8px,env(safe-area-inset-bottom)); }
  body { padding-bottom:calc(76px + env(safe-area-inset-bottom)); }
  .topbar { gap:12px; flex-wrap:wrap; }
  .top-actions { flex-wrap:wrap; }
  .list-row { flex-wrap:wrap; }
  .list-row>span:last-child { flex:1 1 auto; justify-items:start; }
  input,textarea,select { font-size:16px; }
}
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation:none!important; transition:none!important; }
}