/* ============================================================
   SARPRAS-INTELLIGENCE.CSS — Sarpras Intelligence workspace (V2.0.10)

   Scoped entirely under `.sic-root`, mirroring the isolation idiom already
   used by petty-cash.css (.pc-root) and engineering.css (.eng-root) — every
   colour is a token, nothing hardcoded, theme follows [data-theme]. Only the
   subset of the Sarpras Operations palette this workspace actually uses.
   ============================================================ */

.sic-root {
  --canvas:#fbfbfd; --surface:#fff; --border:rgba(17,18,28,.055);
  --text:#18181d; --text-dim:#5b5b64; --text-faint:#8a8a93;
  --accent:#cf4a43;
  --c-green:#2f9e6b; --c-green-weak:rgba(47,158,107,.12);
  --c-blue:#3f72d6; --c-blue-weak:rgba(63,114,214,.12);
  --c-neutral:#8c8c95; --c-neutral-weak:rgba(140,140,149,.12);
  --shadow-sm:0 1px 2px rgba(16,17,26,.03);
  --font-display:'Archivo',system-ui,-apple-system,sans-serif;
  --font-sans:'Manrope',system-ui,-apple-system,sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,'SF Mono',monospace;
  color:var(--text); font-family:var(--font-sans);
  background:transparent; /* inherits the platform canvas, like Engineering (v1.20.2) */
  min-height:100%;
}
:root[data-theme="dark"] .sic-root {
  --canvas:#0a0a0c; --surface:#141417; --border:rgba(255,255,255,.08);
  --text:#f3f3f5; --text-dim:#a4a4ac; --text-faint:#6f6f78;
  --accent:#e0574f;
  --c-green:#3fb27f; --c-green-weak:rgba(63,178,127,.15);
  --c-blue:#5a8cef; --c-blue-weak:rgba(90,140,239,.15);
  --c-neutral:#7d7d86; --c-neutral-weak:rgba(125,125,134,.15);
  --shadow-sm:0 1px 2px rgba(0,0,0,.4);
}

.sic-root *,.sic-root *::before,.sic-root *::after{box-sizing:border-box;}

/* Persistent sibling screen containers (V2.0.11) — mount once, toggle
   display; see sarpras-intelligence-center.js#buildShell(). No layout of
   their own — each screen owns its own inner wrapper (.sic-content,
   .v2-module-placeholder, or nor-center.css's .nc-root). */
.sic-screen{min-height:100%;}

.sic-content{
  max-width:var(--workspace-max-width, 1180px);
  margin-left:0;margin-right:0;
  padding:var(--workspace-pad-top, 28px) var(--workspace-pad-inline, 24px) var(--workspace-pad-bottom, 40px);
}

.sic-page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap;}
.sic-page-crumb{font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--text-faint);margin-bottom:8px;}
.sic-page-title{font-family:var(--font-display);font-weight:800;font-size:30px;letter-spacing:-.025em;margin:0;color:var(--text);}
.sic-page-lede{font-size:14px;color:var(--text-dim);margin:8px 0 0;max-width:640px;line-height:1.55;}

.sic-card{
  margin-top:28px;background:var(--surface);border:1px solid var(--border);
  border-radius:16px;box-shadow:var(--shadow-sm);padding:24px;max-width:640px;
}
.sic-card-head{margin-bottom:16px;}
.sic-card-h-title{font-family:var(--font-display);font-weight:800;font-size:15px;letter-spacing:-.01em;color:var(--text);}
.sic-card-h-sub{font-size:12px;color:var(--text-faint);margin-top:4px;line-height:1.5;}

/* Sprint 0 (Presentation Truth) — ONE shared Normal/Developer toggle,
   persistent above all five screens (mode bar). See
   sarpras-intelligence-center.js#buildShell()/renderModeBar(). */
.sic-mode-bar{
  max-width:var(--workspace-max-width, 1180px);
  padding:14px 24px 0;
}
.sic-mode-toggle{display:inline-flex;border:1px solid var(--border);border-radius:999px;padding:3px;gap:2px;background:var(--surface);}
.sic-mode-btn{
  font-family:var(--font-sans);font-size:12px;font-weight:700;letter-spacing:.01em;
  border:none;background:transparent;color:var(--text-faint);padding:6px 14px;border-radius:999px;cursor:pointer;
}
.sic-mode-btn--active{background:var(--c-blue-weak);color:var(--c-blue);}

/* Executive Briefing — five plain-language question cards, reusing
   .sic-card's existing surface/border/shadow. */
.sic-brief-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;}
.sic-brief-list li{
  display:flex;align-items:baseline;gap:10px;
  padding:9px 0;border-top:1px solid var(--border);
}
.sic-brief-list li:first-child{border-top:none;}
.sic-brief-count{font-family:var(--font-display);font-weight:800;font-size:20px;color:var(--accent);min-width:2ch;}
.sic-brief-label{font-size:13px;color:var(--text-dim);}
.sic-next-action{font-size:14px;color:var(--text);line-height:1.55;margin:0;}

/* ── Home — Phase 2, Stage 1 (Prompt -> Generate Foundation). Was Part 5
   (Search) / Part 6 (Action-first) / Part 9 (Conversation), Experience
   Architecture phase: a standalone search bar, quick-action buttons, and a
   4th-position Conversation card. Home is now prompt-first — the
   Conversation card's own input/button styling (sic-search-row/
   sic-search-input) is reused as the one prompt field; sic-search-results
   is reused too (the prompt can still route to Search — see
   renderSearchResults()). The old standalone search wrapper and quick
   actions are gone with their UI. ────── */
.sic-search-row{display:flex;gap:8px;}
.sic-search-input{
  flex:1;font-family:var(--font-sans);font-size:14px;color:var(--text);
  background:var(--surface);border:1px solid var(--border);border-radius:12px;
  padding:11px 14px;
}
.sic-search-input:focus-visible{outline:2px solid var(--c-blue);outline-offset:1px;}
.sic-search-results{margin-top:14px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px 20px;}

.sic-card--conversation{border-color:var(--accent);}
.sic-brief-sub{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);margin:14px 0 6px;}
.sic-brief-sub:first-child{margin-top:0;}
.sic-conv-result{margin-top:14px;}

/* Phase 2, Stage 1 (Prompt -> Generate Foundation) — Home became prompt-
   first: no dashboard, no statistics. This is the one deliberately quiet
   remainder of navigation, so Archive/Knowledge/Learning/Settings stay
   reachable without becoming a second dashboard — plain text links, not
   buttons, not cards. */
.sic-secondary-nav{display:flex;flex-wrap:wrap;gap:18px;margin-top:32px;padding-top:16px;border-top:1px solid var(--border);max-width:640px;}
.sic-secondary-nav-link{appearance:none;cursor:pointer;font-family:var(--font-sans);font-size:13px;color:var(--text-dim);background:none;border:none;padding:0;text-decoration:underline;text-underline-offset:3px;}
.sic-secondary-nav-link:hover{color:var(--accent);}

@media (max-width: 640px) {
  .sic-page-title{font-size:24px;}
  .sic-card{padding:18px;}
  .sic-mode-bar{padding:12px 16px 0;}
  .sic-search-row{flex-direction:column;}
}