/* KOSIF 4 · Editorial surfaces, purposeful motion, Arabic-first interactions. */
:root {
 --bg: #f4f3f7; --surface-2: #f9f8fb; --surface-3: #efedf5;
 --text: #251d36; --muted: #716c7e; --primary: #6544a7; --primary-strong: #482679;
 --primary-soft: #ece6f5; --accent: #216753; --line: #e5e1eb;
 --sidebar-width: 248px; --radius: 18px; --radius-lg: 26px;
 --shadow-sm: 0 2px 4px #21153103, 0 8px 30px #21153104;
 --shadow-md: 0 16px 45px #21153112;
 --ease-studio: cubic-bezier(.2,.8,.2,1);
}
:root[data-theme="dark"] {
 --bg: #14121c; --surface: #1d1a29; --surface-2: #242032; --surface-3: #2e293e;
 --text: #f2edf8; --muted: #b3aabd; --primary: #c3a8f2; --primary-strong: #ddc8ff;
 --primary-soft: #34294b; --accent: #a4ddc0; --line: #393347;
}
[hidden] { display: none !important; }
button,a,input,textarea,select { -webkit-tap-highlight-color: transparent; }
button:focus-visible,a:focus-visible { outline: 3px solid var(--accent); outline-offset: 4px; }
input:focus-visible,select:focus-visible,textarea:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; }
button,a { touch-action: manipulation; }
button { cursor: pointer; }
button:disabled { cursor: not-allowed; opacity: .55; }
::selection { background: #c9e7db; color: #211830; }
.sidebar { background: #211830; box-shadow: none; border-inline-end: 1px solid #ffffff0a; }
.brand { gap: 12px; height: 90px; padding: 0 23px; }
.brand-mark { background: #dbf6cd; color: #2c2835; width: 42px; height: 46px; border-radius: 13px 4px 13px 4px; box-shadow: none; font-family: Georgia,serif; font-size: 34px; font-weight: 500; }
.brand strong { font-size: 19px; letter-spacing: .16em; line-height: 1.35; }
.brand span { font-size: 10px; color: #aea2bd; }
.brand-version { font-size: 9px; border: 1px solid #ffffff24; border-radius: 4px; padding: 0 4px; margin-inline-start: 4px; }
.nav-list { padding: 4px 14px 14px; scrollbar-width: thin; scrollbar-color: #5d4f6e transparent; }
.nav-group { font-size: 10px; color: #afa3bf; padding-top: 20px; padding-bottom: 5px; }
.nav-item { min-height: 43px; font-size: 12.5px; color: #c9bfd6; border-radius: 9px; gap: 9px; transition: background .2s, color .2s; }
.nav-item svg { width: 18px; height: 18px; opacity: .85; }
.nav-item.active { background: #dbf6cd; color: #2f3630; box-shadow: none; }
.nav-item.active .nav-badge { background: #bdd8b2; color: #2b4429; }
.nav-badge { font-size: 10px; }
.new-badge { border: 1px solid #beb0d94d; background: none; }
.new-indicator { width: 6px; height: 6px; border-radius: 50%; background: #d8ebae; }
.sidebar-status { margin: 12px 20px 20px; padding: 12px 0 0; border-radius: 0; border: 0; border-top: 1px solid #ffffff15; background: transparent; }
.sidebar-status strong { font-size: 11px; }.sidebar-status span { font-size: 10px; }
.topbar { box-shadow: none; background: var(--bg); backdrop-filter: blur(18px); border-bottom: 1px solid var(--line); padding-inline: 30px; min-width: 0; }
.topbar-context { min-width: 0; }.topbar-context strong { font-size: 12px; max-width: 290px; }
.topbar-context .eyebrow { font-size: 9px; }
.global-search { background: var(--surface); border: 1px solid var(--line); min-height: 40px; }
.icon-button { border-color: var(--line); background: var(--surface); border-radius: 11px; }
.avatar { background: var(--primary-soft); color: var(--primary-strong); border: 1px solid var(--line); }
.main-content { max-width: 1600px; padding: 32px 32px 70px; }
.dashboard-intro { display:flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 25px; }
.dashboard-intro h2 { font-size: 25px; letter-spacing: -.7px; margin: 3px 0 0; font-weight: 600; }
.eyebrow { font-size: 10px; letter-spacing: .065em; color: var(--muted); font-weight: 500; }
.button { border-radius: 11px; min-height: 42px; font-size: 12px; font-weight: 600; transition: transform .2s var(--ease-studio), background .2s, box-shadow .2s; }
.button:hover { transform: translateY(-1px); }.button:active { transform: translateY(1px); }
.button.primary { box-shadow: 0 4px 10px #6544a714; }
.button.secondary { background: var(--surface); border: 1px solid var(--line); }
.button.small { min-height: 34px; }.button svg { width: 17px; height: 17px; }
.command-hero { min-height: 355px; padding: 35px 40px; border-radius: 24px; background: radial-gradient(ellipse at 0% 100%,#45624c44,transparent 56%),linear-gradient(115deg,#2a223c,#312442 65%,#20192e); grid-template-columns: minmax(0,1.5fr) minmax(260px,.8fr); gap: 20px; box-shadow: 0 16px 40px #27133d12; }
.command-hero::before { inset: -80px auto auto -65px; width: 470px; height: 470px; border: 1px solid #c4e7bf16; box-shadow: 0 0 0 50px #bdd1c004,0 0 0 100px #bdd1c005; animation: atmosphere-in 1.5s var(--ease-studio) both; }
.command-hero::after { content: ''; position: absolute; inset: 0; background-image: radial-gradient(#ffffff16 .6px,transparent .6px); background-size: 6px 6px; opacity: .25; pointer-events: none; }
.command-heading-row { gap: 12px; margin-bottom: 17px; }.hero-kicker { color: #cec1e1; font-size: 9px; letter-spacing: .12em; }
.command-stage { border: 1px solid #ffffff22; background: #ffffff08; color: #e4dbee; font-size: 10px; }
.command-hero .hero-copy h1 { font-size: clamp(36px,3.5vw,54px); font-weight: 500; line-height: 1.36; letter-spacing: -1.8px; }
.hero-copy h1 em { font-style: normal; color: #d9f3c7; }
.command-hero .hero-copy p { font-size: 12px; color: #cfc5db; max-width: 410px; margin: 12px 0 20px; line-height: 1.9; }
.hero-card .button.primary { background: #d9f3c7; color: #283729; border-color: #d9f3c7; }
.hero-card .button.primary:hover { background: #edffdf; }
.hero-card .button.secondary { background: #ffffff09; border-color: #ffffff21; color: #eee8f6; font-size: 10px; }
.hero-actions { gap: 9px; }.command-authority { gap: 15px; margin-top: 20px; color: #c6bcd1; font-size: 9px; }.command-authority svg { width: 12px; height: 12px; }
.hero-visual { isolation: isolate; gap: 25px; padding-top: 15px; }
.hero-visual::before { content:''; position:absolute; width:250px; height:250px; border:1px solid #d9f3c730; border-radius:50%; top:-5px; box-shadow:0 0 0 24px #d9f3c70a,0 0 0 50px #d9f3c705; z-index:-1; transform:rotateX(18deg) rotateZ(-20deg); }
.hero-visual::after { content:''; position:absolute; top:12px; width:248px; height:220px; border:1px solid #cec1e13d; border-radius:50%; transform:rotate(-35deg) scaleY(.46); z-index:-1; animation:orbit-reveal 1.5s var(--ease-studio) both; }
.readiness-ring { width:210px; height:210px; padding: 0; background: conic-gradient(#d9f3c7 var(--progress),#ffffff12 0); box-shadow:0 0 35px #b7f5c10a,0 0 0 10px #c3c0d106; }
.readiness-ring::after { inset:4px; background:radial-gradient(ellipse at 30% 70%,#38423c,#2c223e 80%); box-shadow:inset 0 0 34px #22142b5e; }
.readiness-ring::before { content:''; position:absolute; height:8px; width:8px; background:#d9f3c7; border-radius:50%; top:-3px; box-shadow:0 0 16px #d9f3c7bb; }
.readiness-ring strong { font-family:var(--font); font-size:43px; font-weight:500; letter-spacing:-2px; }
.readiness-ring span { font-size:10px; color:#d8cfe4; }
.command-hero .hero-mini-metrics { gap:10px; width:100%; margin-top:8px; }.hero-mini-metrics div { padding:0 8px; }
.hero-mini-metrics strong { font-size:12px; color:#e1f5d3; }.hero-mini-metrics span { font-size:9px; }
.metric-grid { gap:14px; margin-top:22px; margin-bottom:22px; }.metric-card { padding:20px 22px; border:1px solid var(--line); border-radius:16px; box-shadow:none; position:relative; }
.metric-card::before { content:''; position:absolute; inset-inline-end:20px; top:23px; width:7px; height:7px; border-radius:2px; background:#9072bd; }
.metric-card:nth-child(2)::before { background:#c39171; }.metric-card:nth-child(3)::before { background:#75a592; }.metric-card:nth-child(4)::before { background:#a394c4; }
.metric-label { font-size:11px; }.metric-card strong { font-size:30px; font-weight:500; margin:4px 0 2px; }.metric-card small { font-size:10px; }
.panel { box-shadow:var(--shadow-sm); border:1px solid var(--line); border-radius:17px; }
.panel-header h2 { font-size:14px; font-weight:600; }.panel-header { margin-bottom:15px; }
.dashboard-studio-grid { display:grid; grid-template-columns:1.1fr 1fr; gap:18px; margin-bottom:22px; }
.dashboard-agent-card { padding:23px; background:linear-gradient(115deg,var(--surface),var(--surface-2)); }
.dashboard-agent-card p { font-size:12px; line-height:1.9; color:var(--muted); margin:4px 0 15px; }
.inline-label { display:flex; align-items:center; gap:8px; }.agent-dot { width:8px; height:8px; border-radius:50%; background:var(--primary); box-shadow:0 0 0 4px var(--primary-soft); }
.tiny-label { font-size:10px; color:var(--muted); }.text-link { display:inline-flex; align-items:center; gap:7px; background:transparent; border:0; color:var(--primary-strong); font-size:11px; font-weight:600; padding:6px 0; text-decoration:none; }.text-link svg { width:14px; height:14px; }
.brief-priority { display:flex; align-items:center; width:100%; gap:12px; border:0; background:none; border-top:1px solid var(--line); text-align:start; padding:10px 0; font-size:11px; }.brief-priority span { font-family:var(--mono); color:var(--muted); font-size:10px; }.brief-priority strong { flex:1; font-weight:500; }.brief-priority svg { width:15px; color:var(--muted); }
.dashboard-work-card { padding:23px; }.dashboard-work-card .muted { font-size:12px; }
.dashboard-grid { gap:18px; }.dashboard-gate { border-radius:12px; }.dashboard-gate strong { font-size:10px; }.dashboard-gate span { font-size:9px; }
.page-heading h1 { line-height:1.5; font-weight:500; }.page-heading p { font-size:13px; }.studio-heading { align-items:center; margin-bottom:26px; }
.mode-badge { display:inline-flex; align-items:center; gap:7px; padding:7px 11px; border:1px solid var(--line); border-radius:99px; background:var(--surface); font-size:10px; color:var(--muted); white-space:nowrap; }.mode-badge i { width:6px; height:6px; border-radius:50%; background:var(--accent); }.mode-badge svg { width:13px; height:13px; }
.agent-layout { display:grid; grid-template-columns:minmax(0,1.9fr) minmax(270px,1fr); align-items:start; gap:22px; }
.agent-conversation { padding:26px; overflow:hidden; min-height:630px; display:flex; flex-direction:column; }
.agent-welcome { display:flex; gap:16px; align-items:center; margin-bottom:25px; }.agent-welcome h2 { margin:3px 0; font-size:26px; font-weight:500; }.agent-welcome p { font-size:12px; color:var(--muted); margin:0; }
.agent-emblem { height:64px; width:64px; flex-shrink:0; display:grid; place-items:center; border-radius:21px; color:#e3f4d5; background:radial-gradient(ellipse at 0 100%,#758574,#473357 80%); box-shadow:inset 0 0 0 1px #d8c7ee30,0 6px 25px #21183019; }.agent-emblem svg { width:31px; height:31px; stroke-width:1.3; }
.prompt-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:18px; }.prompt-grid button { padding:16px; text-align:start; display:grid; grid-template-columns:20px 1fr; gap:5px 9px; border:1px solid var(--line); background:var(--surface-2); border-radius:13px; transition:border-color .2s,transform .2s; }.prompt-grid button:hover { border-color:var(--primary); transform:translateY(-2px); }.prompt-grid button svg { width:17px; color:var(--primary); grid-row:span 2; }.prompt-grid strong { font-size:11px; font-weight:600; }.prompt-grid span { font-size:10px; color:var(--muted); }
.agent-messages { display:flex; flex-direction:column; gap:16px; max-height:600px; overflow-y:auto; scrollbar-width:thin; padding:2px; }
.message { padding:17px; border-radius:15px; width:95%; animation:scene-in .35s var(--ease-studio) both; }.message-label { font-size:10px; color:var(--muted); margin-bottom:5px; }.message p { white-space:pre-wrap; font-size:12px; line-height:2; margin:0 0 10px; overflow-wrap:anywhere; }.user-message { background:var(--primary-soft); align-self:flex-start; width:auto; max-width:85%; border-start-start-radius:4px; }.assistant-message { border:1px solid var(--line); background:var(--surface-2); align-self:flex-end; border-start-end-radius:4px; }
.reference-links,.message-actions { display:flex; flex-wrap:wrap; gap:7px; margin-top:10px; }.source-pill { display:inline-flex; align-items:center; gap:4px; text-decoration:none; padding:4px 7px; background:var(--surface); border:1px solid var(--line); border-radius:6px; font-family:var(--font); font-size:9px; color:var(--primary-strong); }.source-pill svg { width:10px; height:10px; }.source-pill:hover { border-color:var(--primary); }.source-stamp { display:block; color:var(--muted); font-size:9px; margin-top:14px; overflow-wrap:anywhere; }
.agent-composer { margin-top:auto; padding-top:25px; }.agent-composer textarea { display:block; width:100%; resize:vertical; min-height:90px; max-height:220px; padding:16px; border:1px solid var(--line-strong); background:var(--surface); color:var(--text); border-radius:14px; font-size:12px; line-height:1.8; }.agent-composer>div { display:flex; justify-content:space-between; align-items:center; gap:8px; margin-top:10px; }.agent-composer>div>span { color:var(--muted); font-size:9px; }
.agent-context { display:grid; gap:16px; }.context-card { padding:24px; }.context-card h2 { font-size:16px; margin:5px 0 16px; }.context-stat { display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid var(--line); padding:10px 0; font-size:11px; }.context-stat strong { font-size:15px; font-weight:500; }.context-stat span { color:var(--muted); }.next-actions-panel { padding:22px; }
.next-action { border:0; background:transparent; display:flex; align-items:flex-start; gap:10px; width:100%; text-align:start; padding:12px 0; border-bottom:1px solid var(--line); }.next-action>span { font-size:10px; color:var(--muted); font-family:var(--mono); padding-top:3px; }.next-action div { flex:1; }.next-action strong { font-size:11px; font-weight:600; display:block; }.next-action small { display:block; font-size:10px; color:var(--muted); margin-top:5px; line-height:1.7; }.next-action svg { width:14px; flex-shrink:0; color:var(--muted); }.full-button { width:100%; justify-content:center; margin-top:12px; }
.agent-boundary { display:flex; align-items:flex-start; padding:5px 10px; gap:8px; color:var(--muted); font-size:10px; }.agent-boundary svg { width:17px; flex-shrink:0; }
.heading-actions { display:flex; flex-wrap:wrap; gap:9px; }
.studio-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-bottom:25px; }.studio-stats article { position:relative; padding:20px 23px; background:var(--surface); border:1px solid var(--line); border-radius:15px; }.studio-stats article>span { font-size:11px; color:var(--muted); }.studio-stats strong { display:block; font-size:31px; font-weight:500; line-height:1.5; }.stat-accent { position:absolute; inset-inline-end:23px; top:25px; width:7px; height:7px; border-radius:3px; background:var(--primary); }.accent-1 { background:#4f81aa; }.accent-2 { background:#b79353; }.accent-3 { background:#6b9f89; }
.workflow-toolbar { display:flex; justify-content:space-between; align-items:center; gap:15px; margin-bottom:17px; }.segmented { display:flex; padding:4px; border:1px solid var(--line); border-radius:11px; gap:4px; background:var(--surface-3); }.segmented button { padding:7px 15px; border:0; background:transparent; border-radius:7px; font-size:11px; color:var(--muted); min-height:34px; }.segmented button.active { background:var(--surface); box-shadow:var(--shadow-sm); color:var(--primary-strong); }.workflow-mode { display:flex; align-items:center; gap:10px; font-size:10px; color:var(--muted); }.workflow-mode select { color:var(--text); background:var(--surface); border:1px solid var(--line); border-radius:9px; padding:7px; min-height:39px; font-size:11px; }
.workflow-board { background:var(--surface); border:1px solid var(--line); border-radius:17px; overflow:hidden; }.task-table-heading { display:grid; grid-template-columns:minmax(0,1fr) 72px 125px 95px; gap:15px; padding:16px 30px; background:var(--surface-2); border-bottom:1px solid var(--line); color:var(--muted); font-size:10px; }.task-row { width:100%; display:grid; grid-template-columns:32px minmax(0,1fr) 62px 120px 75px 16px; align-items:center; gap:15px; border:0; border-bottom:1px solid var(--line); background:transparent; text-align:start; padding:20px 25px; transition:background .2s; }.task-row:last-child { border-bottom:0; }.task-row:hover { background:var(--surface-2); }.task-state { display:grid; place-items:center; width:32px; height:35px; border-radius:10px; background:var(--primary-soft); color:var(--primary); }.task-state svg { width:16px; }.task-state[data-state="done"] { background:var(--success-soft); color:var(--success); }.task-state[data-state="blocked"] { background:var(--warning-soft); color:var(--warning); }.task-state[data-state="active"] { background:var(--info-soft); color:var(--info); }.task-main { min-width:0; }.task-main strong { display:block; font-size:12px; font-weight:600; overflow-wrap:anywhere; }.task-main small { font-size:10px; color:var(--muted); display:block; margin-top:4px; line-height:1.8; }.task-owner { display:flex; align-items:center; gap:6px; font-size:10px; overflow-wrap:anywhere; }.task-owner i { font-style:normal; display:grid; place-items:center; width:25px; height:25px; flex-shrink:0; border:1px solid var(--line); border-radius:50%; background:var(--surface-3); color:var(--primary-strong); }.task-date { font-size:10px; color:var(--muted); }.task-date.overdue { color:var(--danger); }.task-arrow { color:var(--muted); font-size:15px; }.compact-task { grid-template-columns:30px minmax(0,1fr) 15px; padding:12px 0; gap:10px; }.compact-task .task-main strong { font-size:11px; }.workflow-footnote { font-size:10px; color:var(--muted); margin-top:15px; }
.studio-empty { text-align:center; padding:60px 24px; color:var(--muted); grid-column:1/-1; }.studio-empty>svg { width:35px; height:35px; color:var(--primary); }.studio-empty h2 { font-size:20px; color:var(--text); font-weight:500; }.studio-empty p { font-size:12px; margin-bottom:20px; }
.freshness-banner { display:flex; align-items:center; gap:10px; padding:14px 18px; background:var(--warning-soft); color:var(--warning); border:1px solid color-mix(in srgb,var(--warning) 25%,transparent); border-radius:13px; font-size:11px; margin-bottom:20px; }.freshness-banner svg { flex-shrink:0; width:18px; }.freshness-banner>span { flex:1; }.freshness-banner.fresh { background:var(--success-soft); color:var(--success); border-color:color-mix(in srgb,var(--success) 20%,transparent); }.freshness-banner small { font-size:10px; }
.reference-hero { padding:30px 36px; border-radius:22px; background:linear-gradient(110deg,#28392f,#2e253e 75%); color:#f2f3ec; display:flex; justify-content:space-between; gap:30px; align-items:center; margin-bottom:22px; }.reference-hero .eyebrow { color:#c8dfba; }.reference-hero h2 { font-size:31px; line-height:1.5; font-weight:500; margin:8px 0; letter-spacing:-.7px; }.reference-hero p { font-size:12px; color:#d0cdd6; max-width:500px; line-height:1.9; }.reference-date { display:grid; gap:10px; padding:22px; border:1px solid #ffffff25; background:#ffffff07; border-radius:16px; min-width:260px; }.reference-date label { font-size:12px; }.reference-date input { background:#f0f4e9; border:0; padding:10px; min-height:46px; border-radius:8px; color:#29352b; color-scheme:light; font-size:14px; }.reference-date small { font-size:9px; color:#d4cfdd; max-width:240px; }
.reference-toolbar { display:flex; gap:15px; margin-bottom:22px; align-items:center; justify-content:space-between; }.reference-search { display:flex; align-items:center; gap:10px; border:1px solid var(--line); background:var(--surface); padding:10px 14px; border-radius:12px; width:55%; }.reference-search svg { width:17px; color:var(--muted); }.reference-search input { width:100%; background:transparent; border:0; color:var(--text); font-size:12px; min-width:0; }
.reference-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:17px; }.reference-card { background:var(--surface); border:1px solid var(--line); border-radius:17px; padding:22px; display:flex; flex-direction:column; animation:scene-in .55s var(--ease-studio) both; animation-delay:calc(var(--card-order,0)*45ms); }.reference-card header { display:flex; justify-content:space-between; align-items:center; margin-bottom:18px; }.reference-code { font-family:var(--font); font-size:12px; font-weight:600; color:var(--primary-strong); direction:ltr; }.bookmark-button { border:1px solid var(--line); width:32px; height:32px; display:grid; place-items:center; border-radius:9px; background:transparent; color:var(--muted); }.bookmark-button svg { width:14px; }.bookmark-button.saved { color:var(--success); background:var(--success-soft); }.reference-card h2 { font-size:18px; font-weight:500; line-height:1.6; margin:7px 0; }.reference-card>p { font-size:11px; color:var(--muted); margin:0 0 15px; line-height:1.9; }.reference-timing { display:flex; align-items:flex-start; gap:6px; font-size:9px; color:var(--warning); background:var(--warning-soft); padding:7px 9px; border-radius:7px; margin-top:auto; }.reference-timing i { width:5px; height:5px; background:currentColor; border-radius:50%; flex-shrink:0; margin-top:7px; }.reference-timing[data-timing="effective"] { color:var(--info); background:var(--info-soft); }.reference-timing[data-timing="reference"] { background:var(--surface-3); color:var(--muted); }.reference-card dl { margin:17px 0 13px; font-size:9px; }.reference-card dl>div { display:flex; justify-content:space-between; gap:10px; margin-bottom:8px; }.reference-card dt { color:var(--muted); }.reference-card dd { margin:0; text-align:end; }.reference-action { border-top:1px solid var(--line); padding-top:12px; }.reference-action>span { font-size:10px; font-weight:600; color:var(--accent); }.reference-action p { font-size:10px; line-height:1.9; color:var(--muted); }.reference-card footer { border-top:1px solid var(--line); display:flex; justify-content:space-between; gap:6px; align-items:center; padding-top:13px; margin-top:8px; }.reference-card footer a { text-decoration:none; font-size:10px; display:flex; align-items:center; gap:4px; color:var(--primary-strong); }.reference-card footer svg { width:11px; }.reference-card footer>span { font-size:8px; color:var(--muted); }
.methods-panel { padding:25px; margin-top:22px; }.method-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }.method-grid>div>span { font-family:var(--mono); color:var(--primary); font-size:11px; }.method-grid h3 { font-size:13px; margin:8px 0; }.method-grid p { color:var(--muted); font-size:11px; line-height:1.9; margin:0; }
.council-lens-bar { display:flex; justify-content:space-between; align-items:center; gap:15px; margin:0 0 20px; padding-bottom:14px; border-bottom:1px solid var(--line); }.council-lens-bar>span { font-size:12px; color:var(--muted); }.council-lens-bar>div { display:flex; gap:7px; }.council-result { background:linear-gradient(115deg,var(--surface),var(--surface-3)); border-radius:22px; border:1px solid var(--line); padding:26px; }.council-seat { border-radius:17px; padding:23px; animation:scene-in .5s var(--ease-studio) both; animation-delay:calc(var(--card-order,0)*40ms); }.council-seat header h2 { font-size:15px; font-weight:600; }.council-seat header small { font-size:10px; }.council-seat>p { font-size:12px; line-height:1.9; }.reviewer-sources { margin-top:18px; padding-top:12px; border-top:1px solid var(--line); }.reviewer-sources>span { font-size:9px; color:var(--muted); }.reviewer-sources .reference-links { margin-top:6px; }.seat-asks { font-size:11px; }
.studio-dialog { width:min(640px,calc(100vw - 30px)); border:1px solid var(--line); border-radius:22px; padding:0; background:var(--surface); color:var(--text); box-shadow:0 30px 100px #15111a45; max-height:90dvh; }.studio-dialog::backdrop { background:#181320a6; backdrop-filter:blur(7px); }.studio-dialog .modal-header { padding:22px 25px; }.studio-dialog .modal-header h2 { font-size:20px; line-height:1.5; }.studio-dialog .modal-body { padding:24px; }.studio-dialog input,.studio-dialog select,.studio-dialog textarea { width:100%; background:var(--surface-2); color:var(--text); border:1px solid var(--line-strong); padding:10px 12px; border-radius:9px; min-height:43px; font-size:12px; }.studio-dialog label { font-size:11px; }.task-steps { font-size:12px; line-height:2; color:var(--muted); padding-inline-start:23px; }.studio-dialog .reference-links { margin-bottom:20px; }.studio-dialog .form-grid { gap:16px; }.form-help { font-size:10px; color:var(--muted); display:block; line-height:1.9; }.form-error { color:var(--danger); font-size:12px; }.dialog-actions { display:flex; flex-wrap:wrap; gap:10px; justify-content:flex-end; margin-top:20px; }.memo-text { display:block; resize:vertical; line-height:1.9; min-height:320px; margin-top:12px; }.memo-history { font-size:10px; color:var(--muted); margin-top:15px; }.field-block { display:grid; gap:7px; margin:15px 0; }
.mobile-dock { display:none; }.voice-fab { width:50px; height:50px; background:linear-gradient(135deg,#453556,#395744); box-shadow:0 8px 25px #21183030; }.voice-fab svg { width:21px; }.voice-panel { bottom:87px; }
.mobile-menu-open { overflow:hidden; }
.view.active { animation:scene-in .48s var(--ease-studio) both; }.view.active>.metric-grid>.metric-card { animation:scene-in .5s var(--ease-studio) both; }.metric-card:nth-child(2) { animation-delay:40ms!important; }.metric-card:nth-child(3) { animation-delay:80ms!important; }.metric-card:nth-child(4) { animation-delay:120ms!important; }
@keyframes scene-in { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:translateY(0); } }
@keyframes atmosphere-in { from { opacity:0; transform:scale(.86); } to { opacity:1; transform:scale(1); } }
@keyframes orbit-reveal { from { opacity:0; transform:rotate(-10deg) scaleY(.25); } to { opacity:1; transform:rotate(-35deg) scaleY(.46); } }
@media(min-width:1500px) { .main-content { padding-inline:45px; }.command-hero { min-height:380px; }.hero-copy h1 { font-size:58px!important; }.reference-grid { gap:23px; } }
@media(max-width:1200px) { :root { --sidebar-width:222px; }.main-content { padding:25px 22px 65px; }.topbar { padding-inline:22px; }.topbar-context strong { max-width:230px; }.global-search { width:230px; }.command-hero { grid-template-columns:minmax(0,1.5fr) minmax(220px,.8fr); padding:30px; }.command-hero .hero-copy h1 { font-size:42px; }.hero-visual::before { width:210px; height:210px; top:8px; }.hero-visual::after { width:220px; height:195px; top:19px; }.readiness-ring { width:185px; height:185px; }.agent-layout { grid-template-columns:minmax(0,1.6fr) minmax(250px,1fr); gap:16px; }.reference-grid { grid-template-columns:1fr 1fr; }.task-row { grid-template-columns:30px minmax(0,1fr) 56px 90px 70px 12px; gap:10px; padding:17px; }.compact-task { grid-template-columns:30px minmax(0,1fr) 12px; padding:12px 0; }.task-table-heading { grid-template-columns:1fr 65px 90px 80px; }.hero-actions { flex-wrap:wrap; }.topbar-actions { gap:7px; } }
@media(max-width:1000px) { .global-search { display:none; }.command-hero .hero-copy h1 { font-size:36px; }.agent-layout { grid-template-columns:1fr; }.agent-context { grid-template-columns:1fr 1fr; }.agent-boundary { grid-column:1/-1; }.agent-conversation { min-height:580px; }.workflow-toolbar { align-items:flex-start; flex-direction:column; }.studio-heading { align-items:flex-start; flex-direction:column; }.dashboard-studio-grid { grid-template-columns:1fr 1fr; }.command-authority { flex-wrap:wrap; }.command-hero { gap:12px; padding:27px; }.hero-mini-metrics { gap:2px!important; }.hero-mini-metrics div { padding:0 3px; }.hero-mini-metrics strong { font-size:10px; } }
@media(max-width:900px) {
 .workspace { margin-right:0; }.sidebar { width:270px; z-index:250; }.sidebar-backdrop { z-index:240; }.main-content { padding:24px 22px 115px; }.topbar { padding:0 20px; }.topbar-context strong { max-width:300px; }.topbar-actions { gap:8px; }.mobile-dock { display:flex; position:fixed; inset:auto 16px max(10px,env(safe-area-inset-bottom)) 16px; z-index:185; justify-content:space-around; align-items:center; padding:8px 4px; background:color-mix(in srgb,var(--surface) 94%,transparent); border:1px solid var(--line); border-radius:21px; backdrop-filter:blur(22px); box-shadow:0 8px 35px #21183026; max-width:560px; margin-inline:auto; height:70px; }
 .mobile-dock button { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; min-width:54px; min-height:49px; border:0; background:transparent; border-radius:13px; color:var(--muted); padding:5px 10px; }.mobile-dock button svg { width:19px; height:19px; }.mobile-dock button span { font-size:9px; }.mobile-dock button.active { background:var(--primary-soft); color:var(--primary-strong); }.mobile-dock .dock-agent { background:#2d233e; color:#ddf4ce; }.mobile-dock .dock-agent.active { background:#d9f3c7; color:#2d3e2b; }.voice-fab { bottom:calc(92px + env(safe-area-inset-bottom)); left:18px; }.voice-panel { bottom:calc(153px + env(safe-area-inset-bottom)); max-height:calc(100dvh - 230px); }.toast-region { bottom:calc(100px + env(safe-area-inset-bottom)); }.command-hero { grid-template-columns:1.6fr 1fr; }.command-hero .hero-copy h1 { font-size:44px; }.command-authority { font-size:9px; }.reference-hero { padding:28px; }.view.active { scroll-margin-top:80px; }.task-row:not(.compact-task) { min-height:90px; }.bookmark-button { min-width:44px; min-height:44px; }.segmented button { min-height:40px; }.source-pill { min-height:30px; }.nav-item { min-height:44px; }
}
@media(max-width:640px) {
 .topbar { height:65px; padding:0 14px; gap:10px; }.topbar-context { flex:1; overflow:hidden; }.topbar-context .eyebrow { font-size:8px; }.topbar-context strong { max-width:100%; font-size:10px; }.topbar-actions { gap:6px; }.topbar-actions .avatar,#paletteButton,#motionButton { display:none; }.icon-button { width:36px; height:38px; flex-shrink:0; border-radius:10px; }.main-content { padding:23px 15px 120px; }.dashboard-intro { margin-bottom:20px; gap:10px; flex-wrap:wrap; }.dashboard-intro h2 { font-size:23px; }.dashboard-intro .eyebrow { font-size:8px; }.dashboard-intro .button { font-size:10px; padding:8px 12px; }.dashboard-intro .button svg { width:15px; }
 .command-hero { grid-template-columns:minmax(0,1fr); padding:26px 23px 24px; gap:22px; min-height:0; border-radius:22px; }.command-heading-row { flex-wrap:wrap; gap:8px; margin-bottom:16px; }.hero-kicker { font-size:8px; }.command-stage { font-size:9px; }.command-hero .hero-copy h1 { font-size:42px; line-height:1.4; }.command-hero .hero-copy p { font-size:11px; line-height:1.95; margin:10px 0 18px; }.command-hero .hero-actions { display:grid; grid-template-columns:1fr; gap:8px; }.command-hero .button { width:100%; justify-content:center; min-height:44px; }.command-authority { margin-top:17px; gap:13px; font-size:8px; }.hero-visual { display:grid; grid-template-columns:130px minmax(0,1fr); align-items:center; gap:30px; padding:15px 10px 0; border-top:1px solid #ffffff1a; }.hero-visual::before { width:146px; height:146px; inset-inline-start:1px; top:8px; box-shadow:0 0 0 10px #d9f3c707; }.hero-visual::after { display:none; }.readiness-ring { width:126px; height:126px; }.readiness-ring strong { font-size:30px; }.readiness-ring span { font-size:9px; }.readiness-ring::after { inset:3px; }.command-hero .hero-mini-metrics { display:grid; grid-template-columns:1fr; margin:0; gap:7px!important; }.command-hero .hero-mini-metrics div { display:flex; justify-content:space-between; align-items:center; gap:5px; padding:5px 0; border:0; border-bottom:1px solid #ffffff12; }.hero-mini-metrics span { font-size:8px; }.hero-mini-metrics strong { font-size:10px; }
 .metric-grid { gap:10px; margin-top:16px; margin-bottom:16px; grid-template-columns:1fr 1fr; }.metric-card { padding:15px; border-radius:13px; min-height:110px; }.metric-card::before { top:22px; inset-inline-end:15px; width:6px; height:6px; }.metric-label { font-size:10px; }.metric-card strong { font-size:27px; }.metric-card small { font-size:8px; line-height:1.8; }.dashboard-studio-grid { grid-template-columns:1fr; gap:14px; margin-bottom:16px; }.dashboard-agent-card,.dashboard-work-card { padding:20px; }.dashboard-grid { gap:14px; }.dashboard-gate { min-width:95px; }.page-heading h1 { font-size:29px; letter-spacing:-.6px; line-height:1.6; }.page-heading p { font-size:11px; line-height:1.9; }.studio-heading { gap:14px; margin-bottom:21px; }.mode-badge { font-size:9px; white-space:normal; }.agent-conversation { padding:20px 16px; min-height:550px; border-radius:18px; }.agent-welcome { gap:12px; }.agent-emblem { width:48px; height:48px; border-radius:16px; }.agent-emblem svg { width:24px; }.agent-welcome h2 { font-size:23px; }.agent-welcome p { font-size:10px; }.prompt-grid { gap:8px; }.prompt-grid button { display:flex; flex-direction:column; padding:13px; gap:7px; min-height:113px; }.prompt-grid strong { font-size:10px; }.prompt-grid span { font-size:9px; }.message { padding:14px; width:100%; }.message p { font-size:12px; line-height:2; }.user-message { max-width:90%; }.agent-messages { max-height:530px; }.agent-composer textarea { font-size:16px; min-height:100px; }.agent-composer>div>span { max-width:55%; font-size:8px; }.agent-context { grid-template-columns:1fr; }.context-card,.next-actions-panel { padding:22px; }.heading-actions { width:100%; }.heading-actions .button { flex:1; justify-content:center; font-size:10px; }.studio-stats { gap:10px; grid-template-columns:1fr 1fr; margin-bottom:17px; }.studio-stats article { padding:16px 20px; }.studio-stats strong { font-size:27px; }.studio-stats article>span { font-size:10px; }.workflow-toolbar { gap:12px; }.segmented { width:100%; gap:1px; }.segmented button { flex:1; padding:7px 5px; font-size:9px; min-height:42px; }.workflow-mode { width:100%; justify-content:space-between; }.task-table-heading { display:none; }.task-row:not(.compact-task) { grid-template-columns:30px minmax(0,1fr) 60px; gap:10px; padding:18px 15px; }.task-row:not(.compact-task) .task-state { grid-row:span 2; align-self:start; }.task-main strong { font-size:12px; }.task-main small { font-size:9px; }.task-owner { grid-column:2; font-size:9px; }.task-date { grid-column:3; grid-row:2; font-size:9px; text-align:end; }.task-row:not(.compact-task) .task-arrow { display:none; }.task-row .severity-chip { font-size:9px; padding:4px 6px; }.workflow-footnote { font-size:9px; line-height:1.9; }.freshness-banner { font-size:10px; padding:13px; flex-wrap:wrap; }.freshness-banner small { margin-inline-start:27px; }.freshness-banner .button { margin-inline-start:27px; }
 .reference-hero { flex-direction:column; align-items:stretch; padding:25px; gap:15px; }.reference-hero h2 { font-size:29px; }.reference-hero p { font-size:11px; }.reference-date { min-width:0; padding:17px; }.reference-date input { font-size:16px; }.reference-toolbar { flex-direction:column; align-items:stretch; gap:10px; }.reference-search { width:100%; min-height:46px; }.reference-search input { font-size:16px; }.reference-toolbar .button { justify-content:center; }.reference-grid { grid-template-columns:1fr; gap:14px; }.reference-card { padding:23px; }.reference-card h2 { font-size:21px; }.reference-card>p { font-size:12px; }.reference-card dl { font-size:10px; }.reference-card footer a { font-size:11px; }.reference-card footer>span { font-size:9px; }.method-grid { grid-template-columns:1fr; gap:22px; }.method-grid>div { border-bottom:1px solid var(--line); padding-bottom:18px; }.method-grid>div:last-child { border-bottom:0; padding-bottom:0; }.methods-panel { padding:23px; }.council-lens-bar { flex-direction:column; align-items:stretch; gap:10px; }.council-lens-bar>span { font-size:11px; }.council-lens-bar>div { justify-content:space-between; }.council-lens-bar .button { font-size:9px; padding:6px 10px; }.council-grid { grid-template-columns:minmax(0,1fr); }.council-seat { padding:21px; }.council-seat>p { font-size:12px; }.council-result { padding:21px; }.council-conclusion h2 { font-size:18px; }.studio-dialog { width:calc(100vw - 20px); max-height:90dvh; }.studio-dialog .modal-header,.studio-dialog .modal-body { padding:20px; }.studio-dialog input,.studio-dialog select,.studio-dialog textarea { font-size:16px; }.studio-dialog .form-grid { grid-template-columns:1fr; }.dialog-actions .button { flex:1; justify-content:center; font-size:11px; }.voice-panel { left:12px; right:12px; max-height:calc(100dvh - 220px); }.voice-fab { width:44px; height:44px; left:17px; }.voice-panel .icon-button { min-width:38px; min-height:38px; }
}
@media(max-width:360px) { .main-content { padding-inline:11px; }.command-hero { padding:22px 18px; }.command-hero .hero-copy h1 { font-size:37px; }.hero-visual { gap:18px; grid-template-columns:115px minmax(0,1fr); padding-inline:3px; }.readiness-ring { width:110px; height:110px; }.hero-visual::before { width:126px; height:126px; top:9px; inset-inline-start:-5px; }.command-authority { gap:7px; }.mobile-dock { inset-inline:10px; }.mobile-dock button { min-width:48px; padding-inline:8px; }.topbar-actions { gap:4px; }.topbar .icon-button { width:32px; }.reference-card { padding:18px; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }
@media(max-width:900px) { .button,.icon-button { min-height:44px; min-width:44px; }.source-pill { min-height:44px; }.topbar .icon-button { width:44px; height:44px; }.memo-history .button { margin-top:5px; } }
:root[data-motion="quiet"] *, :root[data-motion="quiet"] *::before, :root[data-motion="quiet"] *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
@media print { .mobile-dock,.dashboard-intro,.studio-heading,.agent-layout,.reference-hero,.workflow-toolbar,.freshness-banner,.council-lens-bar { display:none!important; }.workspace { margin:0; }.main-content { max-width:none; padding:0; }.view { animation:none; }.report-document { box-shadow:none; border:0; } }