/* Shared cockpit surfaces. Pale covers distinguish clients and capabilities. */
:root { --paper:#111114; --panel:#1a1a1f; --raised:#222228; --ink:#f3f1f7; --muted:#a6a2af; --line:#303037; --accent:#c2a5ff; --accent-wash:#b18be314; --green:var(--accent); --deep:#aa87e5; --purple:#c2a5ff; --orange:#e3b777; --success:#91c9ac; color-scheme:dark; background:var(--paper); color:var(--ink); }
:root[data-theme="light"] { --paper:#f5f4f7; --panel:#fff; --raised:#eeecf2; --ink:#26212e; --muted:#6c6676; --line:#dedbe5; --accent:#7045ad; --accent-wash:#855bb90c; --deep:#7950b5; --purple:#7045ad; --orange:#8d5e24; --success:#367355; color-scheme:light; }
body { font-size:12px; }
button { color:inherit; }
.sidebar { width:218px; background:var(--paper); border-right:1px solid var(--line); padding:28px 16px 20px; overflow-y:auto; }
.brand { color:var(--ink); padding:0 12px 25px; font-size:56px; }
.brand small { color:var(--muted); font-size:8px; letter-spacing:3.5px; }
.team-switch { padding:9px; border-color:var(--line); margin:0 0 26px; background:var(--panel); gap:9px; }
.team-icon { background:var(--accent-wash); color:var(--accent); flex:0 0 29px; }
.workspace-selector { min-width:0; flex:1; }
.workspace-selector label { margin:0 0 5px; font-size:7px; letter-spacing:1px; color:var(--muted); }
.workspace-selector select { padding:0; border:0; border-radius:0; background:transparent; width:100%; font-size:10px; text-overflow:ellipsis; }
.nav-caption { color:var(--accent); font-size:8px; letter-spacing:1.3px; margin-bottom:8px; }
.sidebar nav { gap:3px; margin-bottom:27px; }
.sidebar nav a { padding:10px 11px; font-size:11px; color:var(--muted); border:1px solid transparent; }
.sidebar nav a>span { font-size:15px; }
.sidebar nav a:hover { background:var(--raised); color:var(--ink); }
.sidebar nav a.active { background:var(--accent-wash); border-color:#aa87e533; color:var(--accent); }
.sidebar nav b { background:var(--raised); color:var(--accent); }
.sidebar nav a[hidden],.team-switch[hidden],.workspace-sections a[hidden] { display:none; }
.workspace-sections { display:flex; gap:6px; overflow-x:auto; padding:14px 30px 0; scrollbar-width:thin; }
.workspace-sections a { display:flex; align-items:center; gap:7px; flex:0 0 auto; padding:10px 13px; border:1px solid transparent; border-radius:7px; color:var(--muted); text-decoration:none; font-size:11px; white-space:nowrap; }
.workspace-sections a:hover { background:var(--raised); color:var(--ink); }
.workspace-sections a.active { background:var(--accent-wash); border-color:#aa87e533; color:var(--accent); }
.workspace-sections b { padding:2px 6px; border-radius:4px; font-size:10px; background:var(--raised); }
.workspace-sections a:focus-visible,.sidebar nav a:focus-visible { outline:2px solid var(--accent); outline-offset:-2px; }
@media(max-width:650px) { .workspace-sections { padding:10px 16px 0; } .workspace-sections a { min-height:42px; padding:9px 11px; } .sidebar nav a { min-height:42px; flex-shrink:0; } }
.sidebar-bottom { padding:14px 11px 0; }
.sidebar-bottom p { font-size:17px; color:var(--muted); margin:12px 0 25px; }
.sidebar-bottom strong { color:var(--ink); font-weight:550; }
.profile { border-color:var(--line); }
.profile small,.small-label { color:var(--muted); }
.avatar { color:var(--accent); background:var(--raised); }
.workspace { margin-left:218px; }
.topbar { height:62px; background:var(--paper); padding:0 30px; }
.breadcrumb { color:var(--muted); }
.top-actions { gap:12px; }
.ops-search-button,.theme-toggle { background:var(--panel); border:1px solid var(--line); border-radius:6px; color:var(--muted); padding:7px 10px; font-size:10px; }
.ops-search-button { min-width:148px; text-align:left; }
.ops-search-button span { margin-left:8px; }
.mode { color:var(--muted); font-size:9px; }
.mode:before { background:var(--accent); }
.quiet { color:var(--muted); }
main { padding:30px; max-width:1720px; }
.page-head { margin-bottom:26px; align-items:center; }
h1 { font-size:29px; font-weight:600; letter-spacing:-1px; }
h2 { font-size:16px; font-weight:550; }
h3 { font-weight:550; }
.eyebrow { color:var(--muted); letter-spacing:1.2px; font-size:8px; margin-bottom:8px; }
.button { background:var(--panel); color:var(--ink); border-color:var(--line); padding:10px 13px; font-size:11px; }
.button.primary { background:var(--deep); border-color:var(--deep); color:#17101f; }
[data-theme="light"] .button.primary { color:#fff; }
.button.soft { color:var(--accent); background:var(--accent-wash); border-color:#aa87e533; }
.button.danger { color:#e9a39e; }
[data-theme="light"] .button.danger { color:#9c3932; }
.button:hover { filter:brightness(1.1); }
.text-link { color:var(--accent); font-size:10px; white-space:nowrap; }
.count { background:var(--raised); color:var(--muted); font-size:9px; min-width:21px; }
.section-top { margin:0 0 16px; }
.ops-icon { width:19px; height:19px; flex-shrink:0; vertical-align:middle; }
.button .ops-icon { width:16px; height:16px; }
.ops-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border:1px solid var(--line); border-radius:10px; background:var(--panel); margin-bottom:20px; }
.ops-metrics article { padding:19px 20px; min-width:0; }
.ops-metrics article+article { border-left:1px solid var(--line); }
.ops-metrics article>div { display:flex; align-items:center; justify-content:space-between; color:var(--muted); font-size:11px; gap:6px; }
.ops-metrics .ops-icon { color:var(--accent); width:16px; height:16px; }
.ops-metrics strong { display:block; font-size:33px; font-weight:500; letter-spacing:-1px; margin:10px 0 5px; font-variant-numeric:tabular-nums; }
.ops-metrics article>span { color:var(--muted); font-size:9px; }
.ops-launchpad { background:var(--accent-wash); border:1px solid #aa87e530; border-radius:10px; padding:19px 21px; display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:32px; }
.ops-launch-title { display:flex; align-items:center; gap:13px; }
.ops-launch-title h2 { font-size:14px; }
.ops-launch-title p { color:var(--muted); font-size:10px; margin:6px 0 0; }
.ops-spark { color:var(--accent); }
.ops-spark .ops-icon { width:27px; height:27px; }
.ops-shortcuts { display:flex; gap:7px; flex-wrap:wrap; }
.ops-shortcuts button { border:1px solid #aa87e530; border-radius:6px; background:var(--panel); padding:10px; font-size:10px; display:flex; align-items:center; gap:7px; }
.ops-shortcuts button>.ops-icon { width:15px; height:15px; color:var(--accent); }
.ops-shortcuts button>span { color:var(--muted); margin-left:4px; }
.ops-shortcuts button:hover,.agent-row:hover { background:var(--raised); }
.ops-columns { display:grid; grid-template-columns:minmax(0,1fr) 264px; gap:24px; align-items:start; }
.ops-primary,.ops-rail { min-width:0; }
.client-grid,.crm-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.client-tile,.crm-card { background:var(--panel); border:1px solid var(--line); border-radius:10px; overflow:hidden; min-width:0; }
.client-cover { border:0; width:100%; min-height:113px; padding:17px; position:relative; display:flex; flex-direction:column; justify-content:center; text-align:left; gap:16px; color:#342945; background:#ece4f4; }
.client-cover:hover { filter:brightness(1.04); }
.client-tone-1 { background:#e4ebe6; color:#2d4a40; }
.client-tone-2 { background:#e8e6e1; color:#4e4940; }
.client-cover-label { font-size:8px; letter-spacing:.6px; opacity:.7; }
.client-cover strong { font-size:23px; font-weight:650; letter-spacing:-.7px; line-height:1.1; overflow-wrap:anywhere; padding-right:10px; }
.client-cover-arrow { position:absolute; top:15px; right:16px; font-size:16px; }
.client-tile-body { padding:16px; }
.client-tile-body h3 { font-size:12px; margin:0 0 8px; }
.client-tile-body>p { color:var(--muted); font-size:10px; margin:0 0 20px; min-height:32px; }
.client-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; padding:0 0 17px; border-bottom:1px solid var(--line); }
.client-metrics span { display:block; font-size:8px; color:var(--muted); margin-bottom:7px; }
.client-metrics strong { font-size:19px; font-weight:500; }
.client-metrics small { font-size:10px; color:var(--muted); }
.client-readiness { display:flex; flex-wrap:wrap; justify-content:space-between; gap:9px; margin-top:16px; color:var(--muted); font-size:9px; }
.client-readiness strong { color:var(--ink); font-weight:500; }
progress { display:block; width:100%; height:3px; border:0; appearance:none; border-radius:8px; overflow:hidden; background:var(--line); accent-color:var(--accent); }
progress::-webkit-progress-bar { background:var(--line); }
progress::-webkit-progress-value { background:var(--accent); }
progress::-moz-progress-bar { background:var(--accent); }
.client-next { display:flex; align-items:center; gap:6px; color:var(--muted); font-size:8px; margin:16px 0; min-height:12px; }
.signal-dot { width:5px; height:5px; border-radius:100%; background:var(--success); flex-shrink:0; }
.signal-dot.amber { background:var(--orange); }
.client-open { display:flex; align-items:center; justify-content:space-between; width:100%; padding:12px 0 0; border:0; border-top:1px solid var(--line); background:transparent; color:var(--accent); font-size:10px; }
.client-open .ops-icon { width:16px; }
.ops-decisions { margin-top:31px; }
.decision-card { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(205px,1fr); border:1px solid var(--line); background:var(--panel); border-radius:10px; overflow:hidden; margin-bottom:14px; }
.decision-evidence { padding:22px; min-width:0; }
.ops-overline { display:flex; justify-content:space-between; gap:10px; font-size:8px; letter-spacing:.65px; color:var(--muted); }
.decision-role { display:inline-flex; gap:7px; align-items:center; color:var(--accent); font-size:9px; margin:19px 0 9px; }
.decision-role .ops-icon { width:14px; height:14px; }
.decision-evidence h3 { font-size:16px; line-height:1.4; margin-bottom:9px; }
.decision-evidence>p { font-size:11px; color:var(--muted); margin:0 0 17px; }
.decision-facts { display:flex; flex-wrap:wrap; gap:13px; font-size:9px; color:var(--muted); }
.decision-facts b { color:var(--ink); font-weight:550; }
.decision-source { border-top:1px solid var(--line); margin-top:20px; padding-top:15px; }
.decision-source>span { color:var(--muted); font-size:8px; letter-spacing:.5px; }
.decision-source blockquote { margin:8px 0 0; padding-left:12px; border-left:2px solid #aa87e566; color:var(--muted); font-size:10px; line-height:1.7; overflow-wrap:anywhere; }
.decision-action { padding:25px 22px; border-left:1px solid var(--line); background:var(--accent-wash); display:flex; flex-direction:column; align-items:flex-start; justify-content:center; }
.decision-action h4 { font-size:15px; font-weight:550; margin:18px 0 8px; line-height:1.4; }
.decision-action p { color:var(--muted); font-size:10px; margin:0 0 20px; }
.decision-action .button { width:100%; }
.decision-action small { color:var(--muted); font-size:8px; margin-top:12px; }
.ops-panel { padding:20px; border:1px solid var(--line); border-radius:10px; background:var(--panel); margin-bottom:16px; }
.ops-panel .section-top h2 { font-size:13px; }
.ops-rail-note { color:var(--muted); font-size:9px; margin:-5px 0 16px; }
.agent-row { width:100%; text-align:left; display:flex; align-items:center; gap:10px; padding:10px 0; border:0; border-top:1px solid var(--line); background:transparent; }
.agent-avatar { display:grid; place-items:center; width:32px; height:32px; background:var(--raised); border:1px solid var(--line); border-radius:8px; color:var(--accent); flex-shrink:0; }
.agent-avatar .ops-icon { width:16px; height:16px; }
.agent-row strong { font-size:10px; font-weight:500; }
.agent-row small { display:block; font-size:8px; color:var(--muted); margin-top:4px; }
.agent-row>span:last-child { margin-left:auto; color:var(--muted); }
.ops-panel-link { color:var(--accent); display:flex; align-items:center; justify-content:space-between; font-size:9px; margin-top:15px; }
.ops-panel-link .ops-icon { width:14px; height:14px; }
.stage-bars { display:grid; gap:15px; }
.stage-bars>div { display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px; font-size:10px; color:var(--muted); }
.stage-bars b { color:var(--ink); font-weight:500; }
.ops-context-panel { background:var(--accent-wash); }
.ops-small-icon { display:block; color:var(--accent); margin-bottom:18px; }
.ops-context-panel h2 { font-size:16px; }
.ops-context-panel p { font-size:11px; color:var(--muted); }
.ops-context-status { margin:18px 0; }
.ops-empty { border:1px dashed var(--line); border-radius:10px; padding:28px; text-align:center; color:var(--muted); }
.ops-empty>.ops-icon { color:var(--accent); margin-bottom:12px; }
.ops-empty h3 { color:var(--ink); font-size:13px; }
.ops-empty p { margin:8px 0 0; font-size:11px; }
.ops-coverage { padding:12px; background:var(--raised); color:var(--orange); font-size:11px; border-radius:7px; }
.catalog-toolbar { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:20px; }
.catalog-toolbar .filters { margin:0; gap:6px; }
.catalog-search { display:flex; align-items:center; gap:10px; margin:0; border:1px solid var(--line); background:var(--panel); border-radius:7px; padding:0 12px; width:320px; }
.catalog-search>.ops-icon { width:15px; height:15px; color:var(--muted); }
.catalog-search input { border:0; background:transparent; padding:10px 0; font-size:11px; }
.catalog-status { display:flex; gap:8px; align-items:center; flex-wrap:wrap; color:var(--muted); font-size:10px; border-top:1px solid var(--line); padding-top:15px; margin-bottom:25px; }
.catalog-status>span:last-child { margin-left:auto; color:var(--orange); }
.catalog-count { font-size:10px; color:var(--muted); margin:0 0 15px; }
.cap-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.cap-card { border:1px solid var(--line); background:var(--panel); border-radius:10px; overflow:hidden; display:flex; flex-direction:column; min-width:0; }
.cap-cover { width:100%; min-height:149px; border:0; padding:19px; text-align:left; display:flex; flex-direction:column; gap:20px; background:#eeece5; color:#39362e; }
.cap-agent { background:#e8dff3; color:#3c2c53; }
.cap-cover .ops-overline { color:inherit; opacity:.7; align-items:center; }
.cap-cover .ops-icon { width:17px; height:17px; }
.cap-cover>strong { font-size:19px; font-weight:500; line-height:1.25; letter-spacing:-.4px; overflow-wrap:anywhere; }
.cap-io { font-size:8px; opacity:.65; margin-top:auto; }
.cap-io span { margin:0 4px; }
.cap-body { padding:17px; flex:1; display:flex; flex-direction:column; }
.cap-category { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; font-size:7px; letter-spacing:.6px; color:var(--muted); }
.cap-category .tag { letter-spacing:0; font-size:8px; }
.cap-body>p { font-size:11px; line-height:1.7; color:var(--muted); margin:14px 0 19px; }
.cap-output { font-size:10px; line-height:1.6; margin-top:auto; padding-bottom:17px; }
.cap-output>span { display:block; font-size:7px; color:var(--muted); letter-spacing:.8px; margin-bottom:6px; }
.cap-action { display:flex; justify-content:space-between; gap:8px; width:100%; padding:13px 0 0; border:0; border-top:1px solid var(--line); background:transparent; color:var(--accent); text-align:left; font-size:10px; }
.cap-cover:hover { filter:brightness(1.04); }
.ops-library-label { color:var(--muted); display:flex; align-items:center; gap:8px; font-size:8px; letter-spacing:1px; }
.knowledge-links { display:flex; align-items:center; gap:15px; flex-wrap:wrap; margin:28px 0 0; padding:24px; border:1px solid var(--line); border-radius:10px; }
.knowledge-links>div { margin-right:auto; }
.knowledge-links h3 { margin:0 0 6px; }
.knowledge-links p { color:var(--muted); font-size:11px; margin:0; }
.cap-detail-icon { width:55px; height:55px; border-radius:12px; background:var(--raised); color:var(--accent); display:grid; place-items:center; margin-bottom:25px; }
.cap-detail-icon .ops-icon { width:27px; height:27px; }
.cap-contract { display:grid; grid-template-columns:1fr 1fr; gap:15px; background:var(--panel); padding:20px; border:1px solid var(--line); border-radius:9px; margin:24px 0; }
.cap-contract span { font-size:8px; color:var(--accent); letter-spacing:.8px; }
.cap-contract p { margin:10px 0 0; }
#launch-project { width:100%; font-size:12px; }
.launch-project { margin:22px 0; border:1px solid var(--line); border-radius:8px; padding:20px; }
.launch-project h3 { margin:12px 0; }
.work-search-result { display:flex; width:100%; justify-content:space-between; align-items:center; border:1px solid var(--line); border-radius:8px; background:var(--panel); padding:15px; text-align:left; margin:10px 0; }
.work-search-result strong,.work-search-result small { display:block; margin-top:8px; }
.work-search-result strong { font-weight:500; }
.work-search-result small { color:var(--muted); font-size:10px; }
.work-search-result:hover { background:var(--raised); }
.crm-grid { margin-bottom:24px; }
.crm-card .client-cover { min-height:163px; }
.crm-card .client-cover strong { font-size:30px; }
.crm-card .client-tile-body>p { min-height:0; }
.crm-card .card-meta { margin:16px 0 20px; }
.board-column .client-tile { margin-bottom:12px; }
.card,.source-list,.table-wrap,.attention-list,.project-card,.brief-item { background:var(--panel); }
.card p,.route-card p,.route-steps,.card-meta,.card-bottom,.project-foot,.source-row small,td,td small,th,label,.event small,.event .time,.library-grid ul,.guide p,#drawer-content p,.detail-facts dt,.evidence,.task-preview small,.login p,.muted { color:var(--muted); }
.card-bottom,.source-row,.event,td { border-color:var(--line); }
.tag { color:var(--muted); background:var(--raised); }
.tag.purple,.tag.green { color:var(--accent); background:var(--accent-wash); }
.tag.orange { color:var(--orange); background:#c091471a; }
.tag.red { color:#e9a39e; background:#dc726c18; }
[data-theme="light"] .tag.red { color:#9c3932; }
.route-card,.detail-facts,.board-column,.client-draft { background:var(--raised); border-color:var(--line); }
.route-card .eyebrow,.source-mark,.mini-avatar,.skill-symbol { color:var(--accent); }
.mini-avatar,.route-steps b { background:var(--raised); }
.route-steps b.current { background:var(--deep); color:#17101f; }
.source-mark,.source-chip { border-color:var(--line); }
th { background:var(--raised); }
td strong,.detail-facts dd { color:var(--ink); }
select,input,textarea { border-color:var(--line); background:var(--panel); color:var(--ink); }
input::placeholder,textarea::placeholder { color:var(--muted); opacity:.8; }
.filter { background:var(--panel); color:var(--muted); }
.filter.selected { background:var(--accent-wash); color:var(--accent); border-color:#aa87e566; }
.empty { background:var(--panel); border-color:var(--line); color:var(--muted); }
.empty h3 { color:var(--ink); }
footer { color:var(--muted); padding:0 30px 24px; }
dialog,.drawer-top { background:var(--paper); }
dialog { box-shadow:-20px 0 80px #0006; }
dialog::backdrop { background:#0007; backdrop-filter:blur(3px); }
.drawer-top { color:var(--muted); }
.drawer-note { color:var(--muted)!important; }
.evidence a,.source-chip { color:var(--accent); }
.warning,.notice { background:#bb89451a; color:var(--orange); border-color:#bf944943; }
#drawer-content .warning p { color:var(--orange); }
.notice { margin:16px 30px 0; }
.prep-intro { background:var(--accent-wash); border-color:#aa87e530; padding:26px; border-radius:12px; }
.prep-intro h2 { font-size:25px; }
.prep-intro ol { color:var(--accent); font-size:12px; }
.mission-card { background:var(--accent-wash); border-color:#aa87e530; }
.mission-card strong { color:var(--accent); }
.mission-card:hover { background:var(--raised); border-color:var(--accent); }
.mission-card span { color:var(--muted); }
@media(min-width:1650px) { .client-cover { min-height:138px; } .cap-cover { min-height:167px; } }
@media(max-width:1300px) { .ops-columns { grid-template-columns:minmax(0,1fr) 228px; gap:18px; } .cap-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } .ops-launch-title p { max-width:270px; } .ops-shortcuts button { padding:9px; gap:5px; } .ops-shortcuts button>.ops-icon { display:none; } .decision-evidence,.decision-action { padding:18px; } }
@media(max-width:1100px) { .ops-launchpad { align-items:flex-start; flex-direction:column; gap:16px; } .ops-shortcuts { width:100%; } .ops-shortcuts button { flex:1; justify-content:center; } .sidebar { width:200px; padding-left:12px; padding-right:12px; } .workspace { margin-left:200px; } main { padding:26px; } .topbar { padding:0 26px; } .ops-columns { grid-template-columns:1fr; } .ops-rail { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; } .ops-panel { padding:16px; margin:0; } .ops-panel .section-top { flex-wrap:wrap; gap:8px; } .client-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } .decision-card { grid-template-columns:minmax(0,1.5fr) minmax(210px,1fr); } .decision-action { border-top:0; border-left:1px solid var(--line); } .ops-metrics article { padding:16px; } .ops-metrics article>div { font-size:10px; } .ops-search-button { min-width:0; } .top-actions { gap:7px; } .ops-search-button span { display:none; } .cap-grid { gap:12px; } .cap-cover { padding:16px; } .cap-cover>strong { font-size:18px; } }
@media(max-width:850px) { .client-grid,.crm-grid,.cap-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .ops-rail { grid-template-columns:1fr; } .ops-panel { padding:20px; } .decision-card { grid-template-columns:1fr; } .decision-action { border-left:0; border-top:1px solid var(--line); } .ops-metrics { grid-template-columns:1fr 1fr; } .ops-metrics article:nth-child(3) { border-left:0; border-top:1px solid var(--line); } .ops-metrics article:nth-child(4) { border-top:1px solid var(--line); } .ops-shortcuts { display:grid; grid-template-columns:1fr 1fr; } .catalog-toolbar { align-items:stretch; flex-direction:column; gap:13px; } .catalog-search { width:100%; } .catalog-status>span:last-child { margin-left:0; } .ops-library-label { display:none; } .section-top { align-items:flex-start; } .section-top h2 { font-size:14px; } }
@media(max-width:650px) { .sidebar { width:100%; padding:20px 16px 0; position:relative; } .brand { font-size:39px; padding:0; margin-bottom:21px; } .brand small { letter-spacing:2px; } .team-switch { display:flex; margin-bottom:18px; } .sidebar nav { display:flex; margin:0; gap:6px; padding-bottom:12px; } .sidebar nav a { font-size:10px; padding:9px; } .sidebar-bottom,.nav-caption { display:none; } .workspace { margin-left:0; } .topbar { height:54px; padding:0 16px; } .topbar .breadcrumb { display:none; } .mode { max-width:88px; font-size:8px; } .ops-search-button,.theme-toggle { padding:6px 8px; } .quiet { padding:5px; } main { padding:25px 16px; } h1 { font-size:26px; } .page-head { display:block; } .ops-metrics article { padding:16px; } .ops-metrics article>span { font-size:8px; } .ops-metrics strong { font-size:30px; } .ops-launchpad { padding:18px; } .ops-launch-title h2 { font-size:13px; } .client-grid,.crm-grid,.cap-grid { grid-template-columns:1fr; } .client-cover { min-height:126px; } .client-cover strong { font-size:29px; } .client-tile-body { padding:19px; } .client-tile-body>p { min-height:0; } .client-metrics span { font-size:9px; } .client-next { font-size:9px; } .client-grid .empty { grid-column:1/-1; } .cap-cover { min-height:146px; padding:22px; } .cap-cover>strong { font-size:23px; } .cap-body { padding:20px; } .cap-category { font-size:8px; } .cap-body>p { font-size:12px; } .cap-output { font-size:11px; } .cap-action { font-size:11px; } .section-top .text-link { font-size:9px; } .section-top h2 { max-width:220px; line-height:1.5; } .decision-evidence,.decision-action { padding:20px; } .knowledge-links { padding:20px; } .cap-contract { grid-template-columns:1fr; } .notice { margin:16px 16px 0; } footer { padding:0 16px 24px; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }

.worker-panel { display:flex; align-items:center; gap:16px; padding:18px; margin:0 0 24px; border:1px solid var(--line); border-radius:10px; background:var(--panel); }
.worker-panel>div { flex:1; min-width:0; }
.worker-icon { color:var(--accent); padding:10px; background:var(--accent-wash); border-radius:8px; }
.worker-heading { display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.worker-heading strong { font-size:15px; }
.worker-panel p { margin:8px 0; }
.worker-panel small,.execution-label { color:var(--muted); font-size:10px; line-height:1.6; }
.execution-label { display:block; margin:0 0 10px; }
@media (max-width:700px) { .worker-panel { display:grid; grid-template-columns:28px minmax(0,1fr); align-items:start; gap:12px; } .worker-panel>.button { grid-column:2; justify-self:start; } .worker-icon { padding:4px; } }

/* Personal sources lead into shared project preparation. */
.source-journey{display:grid;grid-template-columns:1.15fr 1fr;gap:36px;padding:30px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(115deg,rgba(154,104,255,.13),rgba(154,104,255,.025));margin-bottom:24px}
.source-journey h2{font-size:clamp(26px,3vw,38px);line-height:1.12;letter-spacing:-1px;margin:12px 0}
.source-journey p{max-width:510px;color:var(--muted)}
.source-journey ol{list-style:none;padding:0;margin:0;display:grid;align-content:center;gap:20px}
.source-journey li{display:flex;gap:20px;align-items:center}.source-journey li b{font:600 13px ui-monospace,monospace;color:var(--purple)}
.source-journey li span{font-weight:650}.source-journey li small{display:block;font-weight:400;color:var(--muted);margin-top:4px}
.source-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.source-card{display:flex;flex-direction:column;gap:12px;min-width:0}
.source-card h2{font-size:20px;margin:0;overflow-wrap:anywhere}.source-card .eyebrow{margin:0}.source-location{color:var(--muted);font-size:13px;overflow-wrap:anywhere}
.source-card-meta{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--muted);margin-top:auto}.source-fingerprint{font:11px ui-monospace,monospace;color:var(--muted)}
.source-text-input{min-height:240px}.source-text-preview{max-height:380px;overflow:auto;overflow-wrap:anywhere;line-height:1.65;margin-top:16px;padding-right:12px;white-space:pre-wrap}
@media(max-width:1100px){.source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.source-journey{grid-template-columns:1fr;padding:22px;gap:20px}.source-grid{grid-template-columns:1fr}}

/* Exact project code versions, alongside the existing preparation. */
.repo-panel{padding:24px;margin:24px 0;border:1px solid var(--line);border-radius:12px;background:linear-gradient(115deg,rgba(154,104,255,.14),rgba(154,104,255,.025))}
.repo-panel h2{margin:9px 0}.repo-journey{display:grid;gap:12px;margin:24px 0;padding:20px;border:1px solid var(--line);border-radius:10px}.repo-journey span{display:flex;gap:14px;align-items:center}.repo-journey b{color:var(--accent);font:12px ui-monospace,monospace}
.repo-grid{display:grid;gap:16px}.repo-card{padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--panel);min-width:0}.repo-card h3{font-size:20px;overflow-wrap:anywhere;margin:12px 0}.repo-card p{overflow-wrap:anywhere}.repo-card details{margin:18px 0}.repo-card summary{cursor:pointer}.repo-card .text-link{display:inline-block;margin-top:14px}.repo-version{display:grid;gap:8px;font-size:11px;color:var(--muted)}.repo-version code{overflow-wrap:anywhere;color:var(--text);font:11px ui-monospace,monospace;line-height:1.6}
.repo-command{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;padding:18px;border:1px solid var(--line);border-radius:10px;font:12px/1.7 ui-monospace,monospace;background:var(--panel)}.repo-commit-input{font-family:ui-monospace,monospace}
@media(max-width:650px){.repo-panel,.repo-card{padding:18px}.repo-card h3{font-size:17px}}

/* Shared navigation across CRM, project delivery and preparation. */
.team-switch[hidden]{display:none}
.evidence strong{overflow-wrap:anywhere}
.workspace-areas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 28px}
.workspace-area{text-align:left;padding:23px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink);font:inherit;cursor:pointer;min-width:0}
.workspace-area:hover,.workspace-area:focus-visible{border-color:var(--accent);background:var(--accent-wash)}
.workspace-area .eyebrow{display:block;font-size:9px;color:var(--accent);margin-bottom:17px}
.workspace-area>strong{display:flex;align-items:center;gap:10px;font-size:24px;letter-spacing:-.6px}.workspace-area>strong>span{margin-left:auto;color:var(--accent)}
.workspace-area p{color:var(--muted);font-size:12px;line-height:1.6;margin:12px 0 0}
.project-context{padding:19px 21px;margin:0 0 26px;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:10px;background:var(--accent-wash)}
.project-context-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}.project-context-heading>div{min-width:0}
.project-context small{display:block;color:var(--accent);font-size:8px;letter-spacing:1.1px;margin-bottom:7px}.project-context strong{font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.project-context-heading>.text-link{flex-shrink:0;font-size:11px}.project-context nav{display:flex;flex-wrap:wrap;gap:7px}.project-context .button{font-size:11px;padding:9px 13px}
@media(max-width:650px){.workspace-areas{grid-template-columns:1fr;gap:10px}.workspace-area{padding:18px}.workspace-area .eyebrow{margin-bottom:9px}.workspace-area>strong{font-size:21px}.project-context{padding:16px}.project-context-heading{align-items:flex-start;flex-direction:column;gap:9px}.project-context .button{padding:9px 11px;font-size:10px}}

/* Read-through actions from the existing CRM, task and proposal records. */
.workspace-preview-note{padding:13px 17px;margin:0 0 27px;border:1px solid var(--line);border-radius:9px;font-size:11px;line-height:1.7;color:var(--muted)}
.workspace-preview-note strong{color:var(--accent);margin-right:10px}
.workday{margin:0 0 32px}
.workday-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.workday-column{display:flex;flex-direction:column;min-width:0;padding:23px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.workday-column:first-child{background:linear-gradient(150deg,var(--accent-wash),var(--panel) 65%)}
.workday-column>.eyebrow{font-size:8px;color:var(--accent);margin:0 0 12px;letter-spacing:1px}
.workday-column h3{font-size:19px;letter-spacing:-.35px;margin:0 0 8px}
.workday-note,.workday-explanation{font-size:11px;color:var(--muted);line-height:1.65;margin:0 0 16px}
.workday-item{border-top:1px solid var(--line);padding:17px 0;overflow-wrap:anywhere}
.workday-meta{display:flex;justify-content:space-between;gap:12px;font-size:9px;color:var(--muted);margin-bottom:10px}
.workday-meta>span:first-child{color:var(--accent)}
.workday-item>.text-link{font-size:13px;line-height:1.6;text-align:left;font-weight:550;overflow-wrap:anywhere;max-width:100%;white-space:normal}
.workday-item p{font-size:11px;line-height:1.7;color:var(--muted);margin:7px 0}
.workday-item p+.text-link,.workday-context{font-family:inherit;font-size:10px;line-height:1.6;color:var(--muted);text-align:left;background:transparent;border:0;padding:0;cursor:pointer}
.workday-bottom{display:flex;flex-wrap:wrap;gap:15px;margin-top:auto;padding-top:18px;border-top:1px solid var(--line)}
.workday-bottom .text-link,.workday>.section-top>.text-link{font-size:11px}
.workday-explanation{margin:14px 0 0}
@media(max-width:1200px){.workspace-areas{grid-template-columns:repeat(2,minmax(0,1fr))}.workday-column{padding:18px}.workday-column h3{font-size:17px}}
@media(max-width:850px){.workday-grid{grid-template-columns:1fr}.workday-column{padding:22px}}
@media(max-width:650px){.workspace-areas{grid-template-columns:1fr}.workday>.section-top{flex-wrap:wrap;gap:12px}}

/* Review an existing source trajectory before native CRM and PM creation. */
.import-section{margin:24px 0;padding-top:18px;border-top:1px solid var(--line)}
.import-steps{display:grid;gap:12px;padding:22px 22px 22px 40px;background:var(--accent-wash);border-radius:10px;margin:24px 0;color:var(--accent)}
.import-choice{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:16px;margin-top:16px;border:1px solid var(--line);border-radius:8px}
.import-choice strong,.import-choice small{flex-basis:100%;overflow-wrap:anywhere}.import-choice small{color:var(--muted);font-size:11px}
.import-result{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}
.import-result .button{white-space:normal}#import-draft select{width:100%}#import-draft input[type=date]{max-width:100%;min-width:0}
@media(max-width:650px){.import-result{grid-template-columns:1fr}}

/* Kickoff preparation references ordinary project tasks. */
.kickoff-summary { margin: 24px 0; border-left: 3px solid var(--accent); }
.kickoff-task { padding: 20px; margin: 12px 0; border: 1px solid var(--line); border-radius: 12px; background: var(--panel); }
.kickoff-choice { display: flex; align-items: flex-start; gap: 12px; padding: 16px; margin: 8px 0; border: 1px solid var(--line); border-radius: 10px; }
.kickoff-choice input { width: auto; margin: 5px 0 0; flex: 0 0 auto; }
.kickoff-choice > span { display: grid; gap: 6px; min-width: 0; overflow-wrap: anywhere; }
.kickoff-choice small { color: var(--muted); }
.kickoff-selection > div { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--line); }
.kickoff-selection span { overflow-wrap: anywhere; min-width: 0; }
#kickoff-plan-form textarea, #kickoff-confirm-form textarea { min-height: 100px; }
@media (max-width: 600px) { .kickoff-selection > div { align-items: flex-start; flex-direction: column; } }

.task-evidence a{overflow-wrap:anywhere}.task-evidence-source{padding:14px 0;border-bottom:1px solid var(--line)}.task-evidence fieldset{margin:20px 0;padding:16px;border:1px solid var(--line);border-radius:12px}.task-evidence legend{padding:0 6px}.task-evidence-record{margin-bottom:16px}
.task-evidence .check-line{display:flex;flex-direction:row;align-items:flex-start;gap:8px}.task-evidence .check-line input{width:auto;flex:none;margin-top:3px}

.worker-routing{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}.worker-routing summary{cursor:pointer;font-size:12px;color:var(--accent)}.worker-routing p{max-width:66ch}.worker-route-list{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:10px}.worker-route-list li{display:flex;justify-content:space-between;gap:12px;font-size:11px}.worker-route-list li strong{font-size:11px}.worker-route-list li span{color:var(--muted);text-align:right;overflow-wrap:anywhere}
@media(max-width:650px){.worker-route-list li{flex-direction:column;gap:4px}.worker-route-list li span{text-align:left}}

/* Shared project shortcuts keep CRM and AI preparation on the project board. */
.project-shortcuts{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}
.project-shortcuts .text-link{font-size:10px;min-height:32px;text-align:left}
.workspace-route-note{max-width:850px;color:var(--muted);font-size:12px;line-height:1.7;margin:0 0 18px}

.insights-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:28px}
.insight-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.insight-card h2{font-size:22px;margin:0 0 14px}
.insight-card p{font-size:12px;line-height:1.7;color:var(--muted)}
.insight-card p strong{color:var(--ink)}
.insight-card .button{margin-top:auto}
@media(max-width:1100px){.insights-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.insights-grid{grid-template-columns:1fr}}