/*
 * Ocean Command visual system — presentation only.
 * Loaded last on every page. IDs, data attributes and application behavior are untouched.
 */

:root {
  --oc-canvas: #f5f6f8;
  --oc-surface: #ffffff;
  --oc-surface-2: #f0f2f5;
  --oc-ink: #152033;
  --oc-muted: #5f6b7a;
  --oc-border: #e2e6ec;
  --oc-deep: #0e1828;
  --oc-deep-2: #152238;
  --oc-primary: #3156c8;
  --oc-primary-hover: #2747ac;
  --oc-primary-soft: #e9eeff;
  --oc-ai: #0f8a7b;
  --oc-ai-soft: #e4f5f1;
  --oc-warning: #c07a21;
  --oc-warning-soft: #fff2dd;
  --oc-danger: #c94d59;
  --oc-danger-soft: #fdebed;
  --oc-radius-sm: 8px;
  --oc-radius: 10px;
  --oc-radius-lg: 14px;
  --oc-shadow: 0 1px 2px rgba(17, 35, 59, .05);
  --oc-elevated-shadow: 0 12px 32px rgba(17, 35, 59, .12);
  --oc-font: "PingFang SC", "Microsoft YaHei", Inter, Arial, sans-serif;
}

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

button,
input,
select,
textarea { font-family: var(--oc-font); }

button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid #3d71de;
  outline-offset: 2px;
}

button:disabled,
input:disabled,
select:disabled,
textarea:disabled { cursor: not-allowed; opacity: .55; }

.table-wrap,
.profit-table,
.knowledge-table-wrap,
.us-panel table,
.command-table { overflow-x: auto; -webkit-overflow-scrolling: touch; }

body { font-family: var(--oc-font); }

body,
.metric b,
.selection-kpis b,
.finance-board-scroll .metric b,
.admin-main .metric-grid b,
.money,
.sp-data b { font-variant-numeric: tabular-nums; }

.finance-console-body .table-wrap table,
.profit-table table,
.knowledge-table-wrap table { min-width: 680px; }

.us-panel table,
.command-table table { min-width: 0; width: 100%; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
}

@media (prefers-reduced-motion: no-preference) {
  button,
  a,
  .workflow-card,
  .agent-card,
  .tool-card,
  .panel,
  .metric { transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
}

/* ---------- Homepage: warm-white canvas, restrained command structure ---------- */
body.platform-page {
  background: radial-gradient(900px 500px at 94% -8%, rgba(49, 86, 200, .10), transparent 64%), var(--oc-canvas);
  color: var(--oc-ink);
}

body.platform-page .platform-nav {
  height: 72px;
  border-bottom-color: var(--oc-border);
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 1px 0 rgba(14, 24, 40, .03);
  backdrop-filter: blur(16px);
}

body.platform-page .brand-mark {
  background: linear-gradient(145deg, #3156c8, #0f8a7b);
  box-shadow: 0 0 0 5px rgba(49, 86, 200, .08);
}

body.platform-page .landing-nav a:hover,
body.platform-page .brand em { color: var(--oc-primary); }

body.platform-page .global-search {
  height: 40px;
  border-color: var(--oc-border);
  border-radius: var(--oc-radius);
  background: var(--oc-surface);
}

body.platform-page .login-btn,
body.platform-page .command-submit {
  background: var(--oc-primary);
}

body.platform-page .login-btn:hover,
body.platform-page .command-submit:hover { background: var(--oc-primary-hover); }

body.platform-page .platform-hero {
  max-width: 1320px;
  padding-top: 78px;
}

body.platform-page .hero-copy h1 {
  max-width: 840px;
  color: var(--oc-ink);
  font-size: clamp(38px, 4vw, 54px);
  letter-spacing: -1.5px;
}

body.platform-page .eyebrow,
body.platform-page .section-heading p,
body.platform-page .trust-area p { color: var(--oc-ai); }

body.platform-page .command-box,
body.platform-page .hero-side,
body.platform-page .workflow-card,
body.platform-page .agent-rail,
body.platform-page .tool-group,
body.platform-page .ai-box {
  border-color: var(--oc-border);
  border-radius: var(--oc-radius-lg);
  background: var(--oc-surface);
  box-shadow: var(--oc-shadow);
}

body.platform-page .command-box:focus-within {
  border-color: #91a9ec;
  box-shadow: 0 0 0 4px rgba(49, 86, 200, .09), 0 10px 24px rgba(17, 35, 59, .09);
}

/* The homepage command field is the one intentional raised working surface. */
body.platform-page .command-box { box-shadow: 0 10px 24px rgba(17, 35, 59, .09); }

body.platform-page .hero-side {
  background: linear-gradient(150deg, #10223a, #123d45);
  border-color: #183c4b;
}

body.platform-page .hero-side strong { color: #eff7ff; }
body.platform-page .hero-side p,
body.platform-page .hero-side .flow-list li { color: #b6c7d9; }
body.platform-page .hero-side .side-label { color: #61d9cf; }

body.platform-page .workflow-card:hover {
  border-color: #a8b9eb;
  box-shadow: 0 14px 28px rgba(17, 35, 59, .10);
  transform: translateY(-2px);
}

body.platform-page .workflow-card b,
body.platform-page .agent-rail b,
body.platform-page .tool-group h3 { color: var(--oc-ink); }

body.platform-page .trust-area {
  border-top: 1px solid var(--oc-border);
  border-bottom: 1px solid var(--oc-border);
  background: #edf4f3;
}

body.platform-page .site-footer { background: var(--oc-deep); }

/* ---------- Console: deep navigation, warm-white general workspace ---------- */
.console-body {
  background: var(--oc-canvas) !important;
  color: var(--oc-ink);
}

.console-body .nav {
  height: 60px;
  border-bottom-color: var(--oc-border);
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 1px 0 rgba(14, 24, 40, .04);
  backdrop-filter: blur(16px);
}

.console-body .logo { color: var(--oc-ink); }
.console-body .logo i { background: var(--oc-primary); box-shadow: 0 0 0 5px rgba(49, 86, 200, .08); }
.console-body .workspace-crumb span { color: #30405a; }
.console-body .workspace-crumb,
.console-body .workspace-crumb b { color: #7b8798; }

.console-body .user-menu button {
  height: 36px;
  border-color: #dce3ec;
  border-radius: var(--oc-radius-sm);
  background: var(--oc-surface);
  color: #44536a;
}

.console-body .user-menu button:hover { border-color: #9db3e5; background: var(--oc-primary-soft); color: var(--oc-primary); }
.console-body .user-menu>span { color: #637188; }

.console-body .console-layout { background: var(--oc-canvas); }

.console-body .agent-sidebar {
  border-right-color: #dce3ec;
  background: var(--oc-deep);
  padding: 15px 11px;
}

.console-body .sidebar-label { color: #7791ac; }
.console-body .staff-label { border-top-color: rgba(188, 212, 235, .16); }

.console-body .agent-card {
  min-height: 53px;
  border: 1px solid transparent;
  border-radius: var(--oc-radius);
  color: #b7c7d9;
}

.console-body .agent-card span { color: #dce8f5; }
.console-body .agent-card em { color: #7890aa; }
.console-body .agent-card b { color: #86a8c8; }

.console-body .agent-card:hover {
  border-color: rgba(102, 180, 196, .34);
  background: rgba(49, 86, 200, .16);
}

.console-body .agent-card.active {
  border-color: rgba(85, 206, 193, .46);
  background: linear-gradient(100deg, #123c4a, #1c3b70);
}

.console-body .agent-card.active b,
.console-body .agent-card.active span { color: #74e6d9; }
.console-body .agent-card.active em { color: #b9e3e3; }

.console-body .agent-workspace { background: var(--oc-canvas); }

.console-body .agent-head {
  height: 76px;
  border-bottom: 1px solid var(--oc-border);
  background: var(--oc-surface);
}

.console-body .agent-head span { color: var(--oc-primary); }
.console-body .agent-head h1 { color: var(--oc-ink); font-size: 28px; letter-spacing: -.5px; }

.console-body .live-pill {
  border-color: #b9dfd7;
  background: var(--oc-ai-soft);
  color: var(--oc-ai);
}

.console-body .agent-main:not(.full-mode) {
  gap: 18px;
  padding: 22px 34px 28px;
  height: calc(100% - 76px);
}

.console-body .chat-stream,
.console-body .agent-status,
.console-body .command-center,
.console-body .recent-work,
.console-body .redesigned-overview div,
.console-body .tool-card {
  border-color: var(--oc-border);
  border-radius: var(--oc-radius-lg);
  background: var(--oc-surface);
  box-shadow: var(--oc-shadow);
}

.console-body .agent-input input,
.console-body .command-entry input {
  border-color: #cfd8e5;
  background: #fff;
  color: var(--oc-ink);
}

.console-body .send-button,
.console-body .command-entry button,
.console-body .workspace-primary { background: var(--oc-primary); }

.console-body .agent-input .attach-btn { background: var(--oc-primary-soft); color: var(--oc-primary); }
.console-body .status-item { border-color: #edf0f5; color: #718097; }
.console-body .status-item b { color: var(--oc-ai); }
.console-body .progress-ring { background: conic-gradient(var(--oc-ai) var(--deg, 0deg), #eaf0f6 0); }
.console-body .progress-ring i { background: var(--oc-surface); }
.console-body .progress-ring strong { color: var(--oc-ai); }
.console-body .chat-msg { border-color: #dfe6ef; background: #f8fafd; color: #41516a; }
.console-body .chat-msg.user { border-color: #a6d8d2; background: var(--oc-ai-soft); color: #17675f; }
.console-body .quick-action { border-color: #d7e0ea; background: #fff; color: #506078; }
.console-body .quick-action:hover { border-color: #8ec9c0; background: var(--oc-ai-soft); color: var(--oc-ai); }

/* Dedicated working surfaces keep their operating-canvas character. */
.console-body.mode-profit .agent-workspace,
.console-body.mode-home .agent-workspace {
  background: radial-gradient(820px 440px at 100% -5%, rgba(18, 112, 101, .26), transparent 64%), #071522;
}

.console-body.mode-profit .agent-head,
.console-body.mode-home .agent-head {
  border-bottom-color: #1e3a58;
  background: #0b1b2c;
}

.console-body.mode-profit .agent-head h1,
.console-body.mode-home .agent-head h1 { color: #eff7ff; }

.console-body.mode-profit .agent-head span,
.console-body.mode-home .agent-head span { color: #5fe1d4; }

.console-body.mode-profit .agent-main.full-mode .chat-stream,
.console-body.mode-home .agent-main.full-mode .chat-stream { background: transparent; }

/* Existing module controls inherit accessible studio inputs without changing layouts. */
.console-body .art-workbench input,
.console-body .art-workbench textarea,
.console-body .cutout-studio input,
.console-body .cutout-studio textarea,
.console-body .product-image-studio input,
.console-body .product-image-studio textarea {
  border-color: #cfd8e5;
  background: #fff;
  color: var(--oc-ink);
}

/* ---------- Finance: readable high-density office dashboard ---------- */
body.finance-console-body { background: var(--oc-canvas); color: var(--oc-ink); }

body.finance-console-body .finance-console-nav {
  border-bottom-color: var(--oc-border);
  background: rgba(255, 255, 255, .94);
}

body.finance-console-body .finance-console-nav a,
body.finance-console-body .finance-console-nav span { color: #4b5c73; }

body.finance-console-body .finance-agent-sidebar {
  border-right-color: #dce3ec;
  background: var(--oc-deep);
}

body.finance-console-body .finance-agent-sidebar a { color: #c2d1e0; }
body.finance-console-body .finance-agent-sidebar .active { background: #143f4a; color: #76e5d8; }
body.finance-console-body .finance-workspace { background: var(--oc-canvas); }
body.finance-console-body .finance-workspace-head h1 { color: var(--oc-ink); }

body.finance-console-body .finance-shell {
  border-color: #203d5a;
  background: linear-gradient(115deg, #0e1e32, #103b3a);
  box-shadow: 0 14px 34px rgba(17, 35, 59, .12);
}

body.finance-console-body .hero h1,
body.finance-console-body .metric b,
body.finance-console-body .panel h2 { color: #f1f7ff; }

body.finance-console-body .metric,
body.finance-console-body .panel { border-color: rgba(134, 173, 211, .26); }

body.finance-console-body .secure-pill { border-color: #acdcd4; background: var(--oc-ai-soft); color: var(--oc-ai); }

/* ---------- Site administration: high-density office surface ---------- */
body.site-admin-page { background: var(--oc-canvas); color: var(--oc-ink); }
body.site-admin-page .admin-sidebar { border-right-color: #dce3ec; background: var(--oc-deep); }
body.site-admin-page .admin-main { background: radial-gradient(740px 420px at 100% 0, rgba(49, 86, 200, .08), transparent 68%), var(--oc-canvas); }
body.site-admin-page .admin-header,
body.site-admin-page .admin-main .panel,
body.site-admin-page .admin-main .metric-grid article { border-color: var(--oc-border); background: var(--oc-surface); box-shadow: var(--oc-shadow); }
body.site-admin-page .admin-main h1,
body.site-admin-page .admin-main h2,
body.site-admin-page .admin-main h3 { color: var(--oc-ink); }
body.site-admin-page .admin-main input,
body.site-admin-page .admin-main select { border-color: #cfd8e5; background: #fff; color: var(--oc-ink); }

/* ---------- Historical demo pages: intentionally marked and visually distinct ---------- */
body.legacy-demo-page,
body.assistant-demo-page { background: radial-gradient(900px 520px at 88% 0, rgba(21, 130, 117, .24), transparent 62%), #071421; color: #dceaf7; }

body.legacy-demo-page .app-shell { position: relative; }
body.legacy-demo-page .app-shell::after,
body.assistant-demo-page .assistant-stage::after {
  content: "演示界面 · 非生产执行记录";
  position: fixed;
  right: 18px;
  bottom: 14px;
  z-index: 30;
  border: 1px solid rgba(116, 230, 217, .35);
  border-radius: 999px;
  background: rgba(6, 22, 35, .82);
  padding: 6px 10px;
  color: #92e6dd;
  font-size: 12px;
  font-weight: 700;
}

body.legacy-demo-page .sidebar,
body.assistant-demo-page .role-sidebar { background: linear-gradient(180deg, #0b1e33, #071220); border-color: rgba(166, 204, 240, .18); }

body.legacy-demo-page .topbar,
body.assistant-demo-page .topbar,
body.assistant-demo-page .work-main,
body.assistant-demo-page .live-panel,
body.assistant-demo-page .result-panel,
body.assistant-demo-page .handoff-card {
  border-color: rgba(122, 171, 215, .30);
  background: #0c2035;
  color: #dceaf7;
  box-shadow: 0 16px 34px rgba(0, 0, 0, .20);
}

body.legacy-demo-page h1,
body.assistant-demo-page h1,
body.assistant-demo-page h2 { color: #eff7ff; }

body.assistant-demo-page .terminal { border-color: #245460; background: #06131f; color: #80eadc; }

/* ---------- Round two: component contracts and page-specific density ---------- */
body.platform-page .agent-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid var(--oc-border);
  border-radius: var(--oc-radius-lg);
  background: var(--oc-surface);
  box-shadow: var(--oc-shadow);
}

body.platform-page .agent-grid button {
  min-height: 132px;
  border: 0;
  border-right: 1px solid var(--oc-border);
  background: var(--oc-surface);
  padding: 18px;
  color: var(--oc-ink);
  text-align: left;
}

body.platform-page .agent-grid button:last-child { border-right: 0; }
body.platform-page .agent-grid button:hover { background: #f7f9fd; }
body.platform-page .agent-grid span { color: var(--oc-primary); font-size: 11px; font-weight: 900; }
body.platform-page .agent-grid b { display: block; margin: 20px 0 7px; color: var(--oc-ink); font-size: 15px; }
body.platform-page .agent-grid small { color: var(--oc-muted); font-size: 12px; font-weight: 700; }

body.platform-page .home-attach,
body.platform-page .home-mode,
body.platform-page .home-model-button {
  border-color: var(--oc-border);
  background: #fff;
  color: #43536a;
}

body.platform-page .home-mode { background: var(--oc-primary-soft); color: var(--oc-primary); }
body.platform-page .home-voice { background: var(--oc-surface-2); color: #526177; }
body.platform-page .prompt-examples button { border-color: #d7e0ef; background: #fff; color: #506078; }
body.platform-page .prompt-examples button:hover { border-color: #a8b9e6; background: var(--oc-primary-soft); color: var(--oc-primary); }
body.platform-page .home-model-dropdown,
body.platform-page .account-dropdown,
body.platform-page .ai-box { box-shadow: var(--oc-elevated-shadow); }
body.platform-page .login-card { border: 1px solid rgba(255, 255, 255, .72); border-radius: 18px; box-shadow: var(--oc-elevated-shadow); }
body.platform-page .auth-intro { background: linear-gradient(145deg, #152d4e, #3156c8 68%, #0f8a7b); }
body.platform-page .auth-form { background: #fff; }
body.platform-page .ai-box { border-radius: var(--oc-radius-lg); }

/* Dedicated Studio screens use a warm office canvas; only command text remains terminal-like. */
.console-body .art-workbench,
.console-body .cutout-studio,
.console-body .product-image-studio { color: var(--oc-ink); }

.console-body .execution-submit textarea {
  border-color: #24445c;
  background: #0c1b2c;
  color: #dcecf8;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

/* The selection room is an information-dense office surface, never a dashboard override. */
.console-body.mode-selection,
.console-body.mode-selection .agent-workspace,
.console-body.mode-selection .agent-head { background: var(--oc-canvas); color: var(--oc-ink); }

.console-body.mode-selection .agent-head { border-bottom-color: var(--oc-border); }
.console-body.mode-selection .agent-head h1 { color: var(--oc-ink); }
.console-body.mode-selection .agent-head span { color: var(--oc-primary); }
.console-body.mode-selection .agent-main.full-mode { padding: 0; }

/* A legacy selection stylesheet loads earlier. These last rules intentionally restore its working surface. */
.console-body .selection-studio {
  --bg: var(--oc-canvas);
  --panel: #fff;
  --panel2: #f8fafc;
  --line: var(--oc-border);
  --text: var(--oc-ink);
  --muted: var(--oc-muted);
  --cyan: var(--oc-ai);
  --blue: var(--oc-primary);
  --orange: var(--oc-warning);
  --red: var(--oc-danger);
  background: var(--oc-canvas);
  color: var(--oc-ink);
}

.console-body .selection-kpis article,
.console-body .selection-library,
.console-body .selection-runs,
.console-body .selection-tabs {
  border-color: var(--oc-border);
  background: var(--oc-surface);
  box-shadow: var(--oc-shadow);
}

.console-body .selection-kpis article { color: var(--oc-muted); }
.console-body .selection-kpis b,
.console-body .selection-library h2,
.console-body .sp-main h3,
.console-body .sp-data b { color: var(--oc-ink); }
.console-body .selection-product { border-bottom-color: #edf0f4; }
.console-body .selection-product:hover { background: #f8fafc; }
.console-body .selection-tools select,
.console-body .selection-pager select,
.console-body .reject-panel select,
.console-body .selection-search,
.console-body .selection-search input,
.console-body .view-toggle,
.console-body .selection-pager button {
  border-color: #cfd8e5;
  background: #fff;
  color: var(--oc-ink);
}

.console-body .selection-search input::placeholder { color: #8a96a7; }
.console-body .status-tab { color: #607087; }
.console-body .status-tab.active { border-color: #8dc9c0; background: var(--oc-ai-soft); color: var(--oc-ai); box-shadow: none; }
.console-body .selection-badge { border-color: #c9d3df; background: #f5f7fa; color: #5d6d82; }
.console-body .selection-badge.available,
.console-body .selection-badge.approved { border-color: #a8d8ce; background: var(--oc-ai-soft); color: var(--oc-ai); }
.console-body .selection-badge.review,
.console-body .selection-badge.pending_manual_review { border-color: #e7c68f; background: var(--oc-warning-soft); color: #9b661c; }
.console-body .selection-badge.claimed { border-color: #b9c8ec; background: var(--oc-primary-soft); color: var(--oc-primary); }
.console-body .selection-badge.rejected { border-color: #e6b7bd; background: var(--oc-danger-soft); color: #ad4250; }

/* Finance has one deep summary band, then a bright, readable accounting surface. */
body.finance-console-body .finance-board-scroll {
  border-color: var(--oc-border);
  background: var(--oc-canvas);
  box-shadow: var(--oc-shadow);
  color: var(--oc-ink);
}

body.finance-console-body .finance-board-scroll .finance-shell {
  color: var(--oc-ink);
  background: transparent;
  border: 0;
  box-shadow: none;
}

body.finance-console-body .finance-board-scroll .dashboard-grid,
body.finance-console-body .finance-board-scroll .ledger-panel { background: transparent; }
body.finance-console-body .finance-board-scroll .hero,
body.finance-console-body .finance-board-scroll .metrics {
  background: #10243a;
}

body.finance-console-body .finance-board-scroll .hero { margin: 0 -38px; padding: 38px 38px 28px; }
body.finance-console-body .finance-board-scroll .metrics { margin: 0 -38px; padding: 0 38px 22px; }
body.finance-console-body .finance-board-scroll .hero h1,
body.finance-console-body .finance-board-scroll .hero>div>span,
body.finance-console-body .finance-board-scroll .hero-date { color: #eef6ff; }
body.finance-console-body .finance-board-scroll .metric { border-color: #27435e; background: #102034; box-shadow: none; }
body.finance-console-body .finance-board-scroll .metric span,
body.finance-console-body .finance-board-scroll .metric em { color: #aebfd1; }
body.finance-console-body .finance-board-scroll .metric b { color: #f4f8ff; }
body.finance-console-body .finance-board-scroll .dashboard-grid,
body.finance-console-body .finance-board-scroll .ledger-panel { margin-top: 18px; }
body.finance-console-body .finance-board-scroll .panel {
  border-color: var(--oc-border);
  background: #fff;
  color: var(--oc-ink);
  box-shadow: var(--oc-shadow);
}

body.finance-console-body .finance-board-scroll .panel h2,
body.finance-console-body .finance-board-scroll .panel b { color: var(--oc-ink); }
body.finance-console-body .finance-board-scroll .panel header span,
body.finance-console-body .finance-board-scroll .panel header small,
body.finance-console-body .finance-board-scroll .structure-row span,
body.finance-console-body .finance-board-scroll .panel-tip,
body.finance-console-body .finance-board-scroll .ledger-summary { color: var(--oc-muted); }
body.finance-console-body .finance-board-scroll .structure-row div { background: #e7edf3; }
body.finance-console-body .finance-board-scroll .table-wrap { border-color: var(--oc-border); }
body.finance-console-body .finance-board-scroll th { background: #f2f5f8; color: #536276; }
body.finance-console-body .finance-board-scroll th,
body.finance-console-body .finance-board-scroll td { border-bottom-color: #e8edf2; color: #34435a; }
body.finance-console-body .finance-board-scroll .filters select,
body.finance-console-body .finance-board-scroll .load-more { border-color: #cfd8e5; background: #fff; color: #42526a; }
body.finance-console-body dialog { border-color: var(--oc-border); background: #fff; color: var(--oc-ink); box-shadow: var(--oc-elevated-shadow); }
body.finance-console-body dialog p { color: var(--oc-muted); }
body.finance-console-body dialog textarea { border-color: #cfd8e5; background: #fff; color: var(--oc-ink); }

/* Site administration inherits the dark navigation, light content hierarchy. */
body.site-admin-page .admin-sidebar { color: #d4e0ed; }
body.site-admin-page .admin-brand { color: #f3f8ff; }
body.site-admin-page .admin-brand em,
body.site-admin-page .sidebar-caption { color: #91adca; }
body.site-admin-page .sidebar-link,
body.site-admin-page .sidebar-bottom a { color: #c0d0e2; }
body.site-admin-page .sidebar-link i,
body.site-admin-page .sidebar-bottom i { color: #83a4c5; }
body.site-admin-page .sidebar-link:hover,
body.site-admin-page .sidebar-link.active { background: #17364e; color: #73e0d2; }
body.site-admin-page .sidebar-link.active i { color: #73e0d2; }
body.site-admin-page .sidebar-bottom { border-top-color: rgba(187, 215, 239, .16); }
body.site-admin-page .sidebar-bottom button { color: #ffb2bb; }
body.site-admin-page .admin-header { background: transparent; box-shadow: none; }

/* Status language remains readable even where old modules use different markup. */
.status-queued, .queued { color: #516b8b; }
.status-running, .running { color: var(--oc-ai); }
.status-validating, .validating { color: #7658c8; }
.status-completed, .completed, .done { color: #23815d; }
.status-review, .review, .status-retry, .retry { color: #9b661c; }
.status-failed, .failed, .dead-letter, .dead_letter { color: var(--oc-danger); }
.status-cancelled, .cancelled { color: #707b88; }

body.legacy-demo-page .app-shell::after,
body.assistant-demo-page .assistant-stage::after { pointer-events: none; padding-bottom: max(6px, env(safe-area-inset-bottom)); }
body.legacy-demo-page .panel,
body.assistant-demo-page .task-command,
body.assistant-demo-page .mission-state,
body.assistant-demo-page .progress-box { border-color: rgba(120, 177, 208, .28); background: #0c2035; color: #dceaf7; }
body.legacy-demo-page .nav-list button.active,
body.assistant-demo-page .role.active { background: #173e58; color: #75e5d7; }

/* ---------- Round three: legacy demos and command dashboards, deliberately quieter ---------- */
body.legacy-demo-page .brand-block,
body.legacy-demo-page .brand-chip,
body.legacy-demo-page .status-card {
  border-color: rgba(137, 183, 223, .22);
  background: rgba(16, 40, 66, .92);
  box-shadow: var(--oc-shadow);
}

body.legacy-demo-page .brand-mark,
body.legacy-demo-page .brand-chip { background: #3156c8; color: #eff7ff; }

body.legacy-demo-page .nav-list button {
  border: 1px solid transparent;
  background: rgba(21, 48, 77, .78);
  color: #dceaf7;
  box-shadow: none;
}

body.legacy-demo-page .nav-list button:hover,
body.legacy-demo-page .nav-list button.active {
  background: #173e58;
  border-color: #3e8fc1;
  color: #8fe5dc;
  box-shadow: none;
}

body.legacy-demo-page .panel,
body.legacy-demo-page .chat-panel,
body.legacy-demo-page .task-panel {
  border-color: rgba(123, 176, 216, .26);
  background: #0c2035;
  color: #dceaf7;
  box-shadow: var(--oc-shadow);
}

body.legacy-demo-page .live-pill {
  background: #12334d;
  color: #dceaf7;
  box-shadow: none;
}

body.legacy-demo-page .live-pill span {
  background: #44cbbb;
  box-shadow: 0 0 0 3px rgba(68, 203, 187, .12);
}

body.legacy-demo-page .chat-window { border-color: #254967; background: #09192a; }
body.legacy-demo-page .msg.ai { border-color: #254967; background: #102941; color: #dceaf7; }
body.legacy-demo-page .msg.user { background: #3156c8; color: #fff; }
body.legacy-demo-page .input-row input { border-color: #31506c; background: #091a2b; color: #eaf4ff; }
body.legacy-demo-page .input-row button,
body.legacy-demo-page .send-box button { background: #3156c8; color: #fff; box-shadow: none; }
body.legacy-demo-page .input-row button:hover,
body.legacy-demo-page .send-box button:hover { background: #2747ac; }
body.legacy-demo-page .agent-list article {
  border-color: #254967;
  background: #102941;
  color: #dceaf7;
  box-shadow: none;
}
body.legacy-demo-page .agent-list article b,
body.legacy-demo-page .agent-list article strong { color: #eaf4ff; }
body.legacy-demo-page .agent-list article em { color: #78d8ce; }

body.assistant-demo-page .role {
  border-color: #2c5f79;
  background: #0d2740;
  color: #dceaf7;
  box-shadow: none;
}

body.assistant-demo-page .role.active {
  background: #173e58;
  border-color: #3e8fc1;
  color: #8fe5dc;
  box-shadow: none;
}

body.assistant-demo-page .task-command {
  border-left-color: #3156c8;
  border-color: #2b6387;
  background: #102941;
  color: #eaf4ff;
}

body.assistant-demo-page .task-command strong,
body.assistant-demo-page .task-command span { color: #65d6ca; }

body.assistant-demo-page .result-metric {
  border-color: #2b6387;
  background: #102941;
  color: #eaf4ff;
}

body.assistant-demo-page .result-metric span { color: #a8bdd0; }
body.assistant-demo-page .result-metric strong { color: #78d8ce; }

body.assistant-demo-page .progress-box { border-color: #49678a; background: #0b2036; }
body.assistant-demo-page .progress-label { color: #dceaf7; }
body.assistant-demo-page .progress-track { background: #081725; }
body.assistant-demo-page .progress-track i { background: linear-gradient(90deg, #3156c8, #42cbbd); box-shadow: none; }

body.assistant-demo-page .handoff-card {
  border-left-color: #c07a21;
  border-color: #715126;
  background: #1e2a33;
  color: #eaf4ff;
}

body.assistant-demo-page .handoff-card span { color: #f0bd68; }
body.assistant-demo-page #rerun { background: #3156c8; box-shadow: none; }
body.assistant-demo-page #rerun:hover { background: #2747ac; }

/* The two command centers stay dark, but decorative scan layers are intentionally subdued. */
.command-board {
  background-image:
    linear-gradient(rgba(11, 74, 129, .06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(11, 74, 129, .06) 1px, transparent 1px),
    radial-gradient(circle at 50% 34%, rgba(8, 77, 159, .12) 0, transparent 32%),
    radial-gradient(circle at 50% 60%, rgba(1, 36, 86, .10) 0, transparent 62%);
}

.command-board::before { opacity: .06; }
.us-command-screen {
  background-image:
    linear-gradient(rgba(13, 75, 123, .06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(13, 75, 123, .06) 1px, transparent 1px),
    radial-gradient(ellipse at 50% 40%, rgba(7, 88, 168, .12), transparent 42%);
}

.command-title h2,
.us-title h2,
.command-kpis b,
.us-kpi b,
.health-score > strong,
.score-number { text-shadow: none; }

.command-kpis article,
.holo-panel,
.us-kpi,
.us-panel {
  border-color: rgba(72, 144, 198, .44);
  box-shadow: inset 0 0 12px rgba(24, 122, 191, .05), 0 1px 2px rgba(0, 6, 17, .16);
}

.command-kpis article::before,
.holo-panel::before,
.us-kpi::before,
.us-panel::before { box-shadow: none; }

.board-health i,
.us-live i,
.ai-status i { box-shadow: 0 0 9px currentColor; }

@media (max-width: 760px) {
  body.platform-page .agent-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.platform-page .agent-grid button:nth-child(even) { border-right: 0; }
  body.finance-console-body .finance-board-scroll .hero,
  body.finance-console-body .finance-board-scroll .metrics { margin-left: -14px; margin-right: -14px; padding-left: 14px; padding-right: 14px; }
  body.finance-console-body .finance-board-scroll .mobile-item { border-color: var(--oc-border); background: #fff; }
}

/* ---------- Responsive office ergonomics ---------- */
@media (max-width: 1100px) {
  .console-body .nav { grid-template-columns: 210px 1fr auto; }
  .console-body .console-layout { grid-template-columns: 210px minmax(0, 1fr); }
  .console-body .agent-main { padding-left: 22px; padding-right: 22px; }
}

@media (max-width: 760px) {
  .console-body { min-height: 100vh; height: auto; overflow: auto; }
  .console-body .nav { grid-template-columns: 1fr auto; height: auto; min-height: 58px; padding: 9px 14px; }
  .console-body .workspace-crumb,
  .console-body .user-menu>span { display: none; }
  .console-body .console-layout { display: block; height: auto; }
  .console-body .agent-sidebar { display: flex; max-height: none; overflow: auto; flex-direction: row; padding: 8px; }
  .console-body .sidebar-label { display: none; }
  .console-body .agent-card { min-width: 132px; }
  .console-body .agent-workspace { min-height: calc(100vh - 58px); }
  .console-body .agent-head { height: auto; min-height: 74px; padding: 15px 18px; }
  .console-body .agent-main { height: auto; padding: 16px; }
  .console-body .agent-main:not(.full-mode) { display: block; }
  .console-body .agent-status { margin-top: 14px; }
  .console-body .chat-room { min-height: 500px; }
  body.platform-page .platform-nav { padding: 0 16px; }
  body.platform-page .platform-hero,
  body.platform-page .workflow-area,
  body.platform-page .platform-content,
  body.platform-page .tool-area { padding-left: 18px; padding-right: 18px; }
  body.platform-page .hero-copy h1 { font-size: 36px; }
}

/* Keep full-mode workspaces flush at every breakpoint. They own their inner layout. */
.console-body .agent-main.full-mode { padding: 0; }

@media (max-width: 1100px) {
  .console-body .agent-main.full-mode { padding-left: 0; padding-right: 0; }
}

@media (max-width: 760px) {
  .console-body .agent-main.full-mode { padding: 0; }
}