:root {
  --ink: #182121;
  --muted: #70807e;
  --soft-muted: #98a4a2;
  --paper: #f4f6f2;
  --surface: #ffffff;
  --line: #e5e9e3;
  --line-strong: #d7ded6;
  --sidebar: #162523;
  --sidebar-soft: #21312f;
  --brand: #ee6a4b;
  --brand-dark: #d65034;
  --brand-soft: #fff0eb;
  --green: #248568;
  --green-soft: #e9f6f0;
  --blue: #4675a7;
  --blue-soft: #edf3fa;
  --amber: #b57721;
  --amber-soft: #fff4df;
  --red: #b84e46;
  --red-soft: #fbecea;
  --radius-lg: 18px;
  --radius-md: 12px;
  --shadow: 0 12px 32px rgba(33, 49, 47, .065);
}

* { box-sizing: border-box; }
html { color-scheme: light; }
body { margin: 0; min-width: 320px; background: var(--paper); color: var(--ink); font-family: Inter, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif; font-size: 14px; }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
.app-shell { min-height: 100vh; display: flex; }

.sidebar { position: fixed; inset: 0 auto 0 0; width: 242px; padding: 24px 16px 18px; background: var(--sidebar); color: #eef3f0; display: flex; flex-direction: column; z-index: 30; }
.brand { display: flex; gap: 12px; align-items: center; padding: 0 8px 28px; }
.brand-mark { width: 38px; height: 38px; border-radius: 11px; display: grid; place-items: center; background: var(--brand); color: white; font: 700 21px Georgia, serif; transform: rotate(-4deg); }
.brand strong, .brand span { display: block; }
.brand strong { font-size: 15px; letter-spacing: .02em; }
.brand .version-tag{display:inline-block;margin-left:5px;padding:2px 5px;border-radius:4px;color:#ffc2b2;background:rgba(238,106,75,.16);font:600 8px/1.2 ui-monospace,monospace;vertical-align:2px}
.brand span { margin-top: 3px; color: #879894; font: 500 9px/1.2 ui-monospace, monospace; letter-spacing: .13em; text-transform: uppercase; }
.main-nav { display: grid; gap: 5px; }
.nav-item, .category-item { width: 100%; border: 0; color: #9caaa7; background: transparent; display: flex; align-items: center; text-align: left; }
.nav-item { min-height: 44px; gap: 12px; border-radius: 10px; padding: 0 12px; font-weight: 600; }
.nav-item:hover, .nav-item.active { color: white; background: var(--sidebar-soft); }
.nav-item.active::before { content: ""; position: absolute; left: 0; width: 3px; height: 24px; border-radius: 3px; background: var(--brand); }
.nav-icon { width: 18px; text-align: center; font-size: 17px; color: #879894; }
.nav-item.active .nav-icon { color: var(--brand); }
.nav-count { margin-left: auto; min-width: 21px; padding: 2px 6px; border-radius: 12px; text-align: center; font-size: 11px; color: white; background: var(--brand); }
.sidebar-section { margin-top: 29px; padding-top: 23px; border-top: 1px solid #2a3b38; }
.sidebar-label { padding: 0 12px 11px; color: #657673; font: 600 10px ui-monospace, monospace; text-transform: uppercase; letter-spacing: .12em; }
.category-item { padding: 9px 12px; gap: 9px; font-size: 12px; border-radius: 8px; }
.category-item:hover { color: white; }
.category-item span:last-child { margin-left: auto; color: #647572; font-size: 11px; }
.category-dot { width: 6px; height: 6px; border-radius: 50%; }
.coral { background: var(--brand); }.blue { background: #6b9ed3; }.amber { background: #dba24c; }
.sidebar-bottom { margin-top: auto; display: grid; gap: 13px; }
.strategy-card { padding: 15px; border: 1px solid #31423f; border-radius: 12px; background: linear-gradient(140deg, #20312f, #1a2927); }
.strategy-card > span { display: block; color: #82928f; font-size: 10px; }
.strategy-card .strategy-kicker { letter-spacing: .08em; }
.strategy-card strong { display: block; margin: 8px 0 2px; color: white; font-size: 20px; }.strategy-card strong b { color: var(--brand); }
.tiny-progress { height: 3px; margin-top: 12px; border-radius: 3px; overflow: hidden; background: #354542; }.tiny-progress i { display: block; height: 100%; background: var(--brand); }
.user-box { display: flex; align-items: center; gap: 10px; padding: 10px 8px; border: 0; background: transparent; color: white; text-align: left; }
.user-box .avatar { width: 31px; height: 31px; border-radius: 9px; display: grid; place-items: center; color: #d4dfdc; background: #31423f; }
.user-box strong, .user-box small { display: block; }.user-box strong { font-size: 12px; }.user-box small { color: #72837f; font-size: 10px; margin-top: 2px; }.user-box b { margin-left: auto; color: #647572; letter-spacing: 2px; }

.main-area { min-width: 0; flex: 1; margin-left: 242px; }
.topbar { height: 70px; padding: 0 31px; background: rgba(255,255,255,.88); border-bottom: 1px solid var(--line); backdrop-filter: blur(14px); display: flex; align-items: center; justify-content: space-between; position: sticky; top: 0; z-index: 20; }
.breadcrumb { display: flex; align-items: center; gap: 9px; font-size: 12px; }.breadcrumb span { color: var(--soft-muted); }.breadcrumb b { color: #c2c9c5; font-weight: 400; }.breadcrumb strong { font-weight: 600; }
.top-actions { display: flex; align-items: center; gap: 10px; }
.search-box { width: 238px; height: 38px; padding: 0 12px; border: 1px solid var(--line); border-radius: 10px; background: #f8faf7; display: flex; align-items: center; gap: 8px; color: var(--soft-muted); }
.search-box input { width: 100%; border: 0; outline: 0; background: transparent; color: var(--ink); font-size: 12px; }.search-box input::placeholder { color: #a6b0ae; }
.icon-button { position: relative; width: 38px; height: 38px; border: 1px solid var(--line); border-radius: 10px; background: white; color: var(--muted); }.icon-button i { position: absolute; right: 8px; top: 7px; width: 5px; height: 5px; border-radius: 50%; background: var(--brand); }
.primary-button, .secondary-button { min-height: 38px; padding: 0 15px; border-radius: 9px; border: 0; font-weight: 650; font-size: 12px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; }
.primary-button { color: white; background: var(--brand); box-shadow: 0 5px 12px rgba(238,106,75,.2); }.primary-button:hover { background: var(--brand-dark); }.primary-button span { font-size: 17px; line-height: 0; }
.secondary-button { color: var(--ink); background: white; border: 1px solid var(--line-strong); }
.mobile-menu { display: none; border: 0; background: transparent; font-size: 20px; }

.page { display: none; padding: 34px 31px 48px; max-width: 1600px; margin: 0 auto; }.page.active { display: block; }
.page-heading { margin-bottom: 25px; display: flex; justify-content: space-between; align-items: flex-end; }
.page-heading.compact { align-items: start; }.page-heading h1 { margin: 3px 0 8px; font: 500 29px/1.2 Georgia, "Songti SC", serif; letter-spacing: -.02em; }.page-heading p { margin: 0; color: var(--muted); font-size: 12px; }.page-heading .eyebrow { color: var(--brand); font: 700 9px ui-monospace, monospace; letter-spacing: .16em; }
.heading-meta { text-align: right; }.heading-meta span, .heading-meta strong { display: block; }.heading-meta span { color: var(--soft-muted); font-size: 10px; }.heading-meta strong { margin-top: 4px; font-size: 11px; }
.metric-row { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 13px; margin-bottom: 17px; }
.metric-card { min-height: 104px; padding: 18px; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--surface); box-shadow: 0 4px 18px rgba(33,49,47,.025); display: flex; align-items: center; gap: 14px; }
.metric-icon { width: 43px; height: 43px; border-radius: 11px; display: grid; place-items: center; font-size: 18px; }.coral-bg { color: var(--brand); background: var(--brand-soft); }.blue-bg { color: var(--blue); background: var(--blue-soft); }.green-bg { color: var(--green); background: var(--green-soft); }.amber-bg { color: var(--amber); background: var(--amber-soft); }
.metric-card span, .metric-card strong, .metric-card small { display: block; }.metric-card span { color: var(--muted); font-size: 11px; }.metric-card strong { margin: 1px 0 2px; font: 500 24px Georgia, serif; }.metric-card small { color: var(--soft-muted); font-size: 9px; }.metric-card small b { color: var(--green); }
.workspace-grid { display: grid; grid-template-columns: minmax(510px, 1.13fr) minmax(390px, .87fr); gap: 17px; align-items: start; }
.panel { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-lg); box-shadow: var(--shadow); }
.panel-header { min-height: 67px; padding: 0 20px; border-bottom: 1px solid var(--line); display: flex; justify-content: space-between; align-items: center; }.panel-header h2 { display: inline; margin: 0; font-size: 13px; }.panel-header > div > span { margin-left: 8px; color: var(--soft-muted); font-size: 10px; }
.segmented { padding: 3px; border-radius: 8px; background: var(--paper); display: flex; }.segmented button { border: 0; padding: 6px 9px; border-radius: 6px; color: var(--muted); background: transparent; font-size: 9px; }.segmented button.active { color: var(--ink); background: white; box-shadow: 0 2px 7px rgba(0,0,0,.06); }
.product-table-head { height: 35px; padding: 0 18px; display: grid; grid-template-columns: 2.1fr 1fr .7fr .85fr; align-items: center; color: #98a4a2; background: #fafbf9; font-size: 9px; letter-spacing: .03em; }
.product-row { position: relative; min-height: 75px; padding: 12px 18px; border: 0; border-top: 1px solid #edf0ec; background: white; width: 100%; display: grid; grid-template-columns: 2.1fr 1fr .7fr .85fr; align-items: center; text-align: left; color: var(--ink); }.product-row:first-child { border-top: 0; }.product-row:hover { background: #fcfdfb; }.product-row.active { background: #fffaf7; }.product-row.active::before { content: ""; position: absolute; left: 0; top: 15px; bottom: 15px; width: 3px; border-radius: 0 4px 4px 0; background: var(--brand); }
.product-cell { display: flex; align-items: center; gap: 11px; min-width: 0; }.product-thumb { width: 43px; height: 43px; flex: 0 0 auto; border-radius: 10px; display: grid; place-items: center; font-size: 20px; background: linear-gradient(145deg,#f2eee8,#e0e7e2); }.product-cell strong, .product-cell small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.product-cell strong { font-size: 11px; }.product-cell small { color: var(--soft-muted); font-size: 9px; margin-top: 5px; }
.stage { color: var(--muted); font-size: 9px; }.stage::before { content: ""; display: inline-block; width: 5px; height: 5px; margin-right: 6px; border-radius: 50%; background: var(--blue); }.stage.ready::before { background: var(--green); }.stage.hold::before { background: var(--amber); }.stage.stop::before { background: var(--red); }
.evidence-cell { display: flex; align-items: center; gap: 7px; }.mini-ring { --p: 0; width: 25px; height: 25px; border-radius: 50%; display: grid; place-items: center; background: conic-gradient(var(--green) calc(var(--p)*1%), #edf0ec 0); }.mini-ring::after { content: ""; width: 19px; height: 19px; border-radius: 50%; background: white; }.evidence-cell span { font-size: 9px; color: var(--muted); }
.owner { display: flex; align-items: center; gap: 7px; color: var(--muted); font-size: 9px; }.owner-avatar { width: 23px; height: 23px; border-radius: 7px; display: grid; place-items: center; color: var(--ink); background: #edf1ed; font-weight: 600; }

.detail-panel { overflow: hidden; }.detail-hero { padding: 21px 22px 17px; background: linear-gradient(135deg,#fff,#fbfcf9); border-bottom: 1px solid var(--line); }.detail-top { display: flex; gap: 13px; align-items: flex-start; }.detail-thumb { width: 55px; height: 55px; flex: 0 0 auto; border-radius: 14px; background: linear-gradient(145deg,#f0ede7,#dfe8e2); display: grid; place-items: center; font-size: 25px; }.detail-title { min-width: 0; flex: 1; }.detail-title h2 { margin: 3px 0 5px; font-size: 15px; }.detail-title p { margin: 0; color: var(--muted); font-size: 10px; }.case-id { color: var(--brand); font: 650 8px ui-monospace,monospace; letter-spacing: .09em; }.more-button { border: 0; background: transparent; color: var(--soft-muted); font-size: 16px; }
.decision-banner { margin-top: 16px; padding: 12px; border-radius: 10px; display: flex; gap: 10px; align-items: flex-start; }.decision-banner.hold { background: var(--amber-soft); }.decision-banner.advance { background: var(--green-soft); }.decision-banner.rework { background: var(--red-soft); }.decision-symbol { width: 24px; height: 24px; flex: 0 0 auto; border-radius: 50%; display: grid; place-items: center; background: rgba(255,255,255,.7); font-weight: 700; }.decision-banner strong, .decision-banner span { display: block; }.decision-banner strong { font-size: 10px; }.decision-banner span { margin-top: 4px; color: var(--muted); font-size: 9px; line-height: 1.5; }
.detail-tabs { display: flex; padding: 0 22px; border-bottom: 1px solid var(--line); }.detail-tabs button { border: 0; border-bottom: 2px solid transparent; background: transparent; padding: 13px 12px 11px; color: var(--soft-muted); font-size: 9px; }.detail-tabs button:first-child { padding-left: 0; }.detail-tabs button.active { color: var(--ink); border-bottom-color: var(--brand); }
.detail-body { padding: 19px 22px 22px; }.detail-section + .detail-section { margin-top: 20px; }.detail-section-heading { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }.detail-section-heading h3 { margin: 0; font-size: 10px; text-transform: uppercase; letter-spacing: .06em; }.detail-section-heading span { color: var(--soft-muted); font-size: 8px; }
.definition-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }.definition-item { min-height: 61px; padding: 11px; border-radius: 9px; background: #f7f9f6; }.definition-item.full { grid-column: 1/-1; }.definition-item label, .definition-item strong { display: block; }.definition-item label { color: var(--soft-muted); font-size: 8px; }.definition-item strong { margin-top: 5px; font-size: 9px; line-height: 1.5; font-weight: 600; }
.gate-list { display: grid; gap: 7px; }.gate-row { display: grid; grid-template-columns: 1.2fr 1.5fr auto; align-items: center; gap: 8px; min-height: 34px; padding: 0 9px; border: 1px solid #eef1ed; border-radius: 8px; }.gate-name { font-size: 9px; font-weight: 600; }.gate-note { color: var(--soft-muted); font-size: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.status-pill { min-width: 48px; padding: 4px 7px; border-radius: 20px; text-align: center; font-size: 8px; font-weight: 700; }.status-pass { color: var(--green); background: var(--green-soft); }.status-conditional { color: var(--amber); background: var(--amber-soft); }.status-unknown { color: var(--muted); background: #eef1ed; }.status-fail { color: var(--red); background: var(--red-soft); }
.next-action { padding: 12px; border: 1px solid #f1dfd8; border-radius: 10px; background: #fffaf7; }.next-action > span { color: var(--brand); font-size: 8px; font-weight: 700; letter-spacing: .08em; }.next-action h4 { margin: 5px 0 4px; font-size: 10px; }.next-action p { margin: 0 0 10px; color: var(--muted); font-size: 8px; line-height: 1.5; }.next-action button { min-height: 31px; }

.task-layout { display: grid; grid-template-columns: minmax(0,1fr) 280px; gap: 17px; align-items: start; }.task-list { overflow: hidden; }.task-list-header { padding: 18px 21px; border-bottom: 1px solid var(--line); display: flex; justify-content: space-between; align-items: center; }.task-list-header h2 { margin: 0; font-size: 13px; }.task-list-header span { color: var(--muted); font-size: 10px; }.task-row { padding: 17px 21px; border-top: 1px solid var(--line); display: grid; grid-template-columns: 38px minmax(0,1fr) auto; gap: 12px; align-items: start; }.task-row:first-of-type { border-top: 0; }.task-number { width: 31px; height: 31px; border-radius: 9px; display: grid; place-items: center; color: var(--brand); background: var(--brand-soft); font: 600 10px ui-monospace,monospace; }.task-info h3 { margin: 0 0 5px; font-size: 11px; }.task-info p { margin: 0; color: var(--muted); font-size: 9px; line-height: 1.6; }.task-meta { margin-top: 9px; display: flex; gap: 12px; flex-wrap: wrap; color: var(--soft-muted); font-size: 8px; }.task-meta b { color: var(--red); }.task-row .secondary-button { min-height: 31px; padding: 0 11px; font-size: 9px; }.task-row.done { opacity: .65; }.task-row.done .task-number { color: var(--green); background: var(--green-soft); }
.task-guide { padding: 23px; position: sticky; top: 89px; }.ai-orb { width: 37px; height: 37px; border-radius: 12px; display: grid; place-items: center; color: white; background: var(--sidebar); font: 600 11px ui-monospace,monospace; }.task-guide h3 { margin: 14px 0 8px; font-size: 13px; }.task-guide p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.7; }.task-guide ul { margin: 16px 0 0; padding: 14px 0 0 18px; border-top: 1px solid var(--line); }.task-guide li { margin: 8px 0; color: var(--muted); font-size: 9px; }

.review-board { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }.review-card { padding: 20px; }.review-card-top { display: flex; justify-content: space-between; gap: 12px; }.review-card h2 { margin: 3px 0 5px; font-size: 13px; }.review-card .case-id { display: block; }.score-dial { --score:0; width: 55px; height: 55px; flex: 0 0 auto; border-radius: 50%; background: conic-gradient(var(--brand) calc(var(--score)*1%), #edf0ec 0); display: grid; place-items: center; }.score-dial::after { content: attr(data-score); width: 43px; height: 43px; border-radius: 50%; display: grid; place-items: center; background: white; font: 500 14px Georgia,serif; }.review-summary { margin: 15px 0; color: var(--muted); font-size: 9px; line-height: 1.6; min-height: 44px; }.review-bar { display: flex; height: 5px; border-radius: 4px; overflow: hidden; background: #eef1ed; }.review-bar i { display: block; background: var(--green); }.review-card-footer { margin-top: 13px; display: flex; justify-content: space-between; color: var(--soft-muted); font-size: 8px; }
.archive-panel { overflow: hidden; }.archive-row { display: grid; grid-template-columns: 100px 1.3fr 1fr 1.6fr; gap: 14px; padding: 17px 21px; align-items: center; border-top: 1px solid var(--line); }.archive-row:first-child { border-top: 0; }.archive-row time { color: var(--soft-muted); font: 500 9px ui-monospace,monospace; }.archive-row strong { font-size: 10px; }.archive-row p { margin: 0; color: var(--muted); font-size: 9px; line-height: 1.5; }

.modal-backdrop { position: fixed; inset: 0; z-index: 100; padding: 25px; background: rgba(11,24,22,.45); backdrop-filter: blur(4px); display: grid; place-items: center; }.modal-backdrop[hidden] { display: none; }.modal { width: min(620px,100%); max-height: calc(100vh - 50px); overflow-y: auto; border-radius: 18px; background: white; box-shadow: 0 25px 80px rgba(0,0,0,.2); }.modal-header { padding: 22px 24px 16px; display: flex; align-items: flex-start; justify-content: space-between; }.modal-header h2 { margin: 4px 0 0; font: 500 22px Georgia,"Songti SC",serif; }.modal-kicker { color: var(--brand); font: 700 8px ui-monospace,monospace; letter-spacing: .14em; }.close-button { width: 31px; height: 31px; border: 0; border-radius: 8px; color: var(--muted); background: var(--paper); font-size: 20px; }.modal form { padding: 0 24px 23px; }.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }.field { display: grid; gap: 6px; }.field.full { grid-column: 1/-1; }.field > span { color: var(--muted); font-size: 9px; font-weight: 600; }.field input, .field textarea, .field select { width: 100%; border: 1px solid var(--line-strong); border-radius: 9px; outline: 0; background: white; color: var(--ink); padding: 10px 11px; font-size: 11px; }.field textarea { min-height: 80px; resize: vertical; }.field input:focus, .field textarea:focus, .field select:focus { border-color: var(--brand); box-shadow: 0 0 0 3px var(--brand-soft); }.modal-note { margin-top: 16px; padding: 11px; border-radius: 10px; background: #f3f7f3; display: flex; gap: 10px; align-items: flex-start; }.modal-note span { width: 26px; height: 26px; flex: 0 0 auto; border-radius: 8px; display: grid; place-items: center; color: white; background: var(--sidebar); font: 600 8px ui-monospace,monospace; }.modal-note p { margin: 2px 0 0; color: var(--muted); font-size: 9px; line-height: 1.55; }.modal-actions { margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--line); display: flex; justify-content: flex-end; gap: 9px; }.task-context { margin-bottom: 16px; padding: 12px; border-radius: 10px; background: var(--brand-soft); }.task-context strong, .task-context span { display: block; }.task-context strong { font-size: 10px; }.task-context span { margin-top: 5px; color: var(--muted); font-size: 9px; line-height: 1.5; }
.toast { position: fixed; right: 25px; bottom: 25px; z-index: 200; max-width: 350px; padding: 13px 16px; border-radius: 10px; color: white; background: var(--sidebar); box-shadow: 0 15px 40px rgba(0,0,0,.18); font-size: 10px; transform: translateY(20px); opacity: 0; pointer-events: none; transition: .24s ease; }.toast.show { transform: none; opacity: 1; }
.empty-state { padding: 44px 20px; text-align: center; color: var(--muted); }.empty-state strong { display: block; color: var(--ink); margin-bottom: 6px; }

@media (max-width: 1120px) {
  .metric-row { grid-template-columns: repeat(2,1fr); }
  .workspace-grid { grid-template-columns: 1fr; }.detail-panel { order: -1; }
  .review-board { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 820px) {
  .sidebar { transform: translateX(-100%); transition: transform .22s ease; box-shadow: 20px 0 50px rgba(0,0,0,.18); }.sidebar.open { transform: none; }
  .main-area { margin-left: 0; }.mobile-menu { display: block; }.breadcrumb { display: none; }
  .topbar { padding: 0 18px; }.search-box { width: min(42vw,230px); }.page { padding: 25px 18px 40px; }
  .task-layout { grid-template-columns: 1fr; }.task-guide { position: static; }
}
@media (max-width: 600px) {
  .topbar { height: 62px; }.top-actions { gap: 6px; }.search-box { display: none; }.icon-button { display: none; }.primary-button { padding: 0 11px; }
  .page-heading { align-items: flex-start; }.heading-meta { display: none; }.page-heading h1 { font-size: 25px; }
  .metric-row { grid-template-columns: 1fr 1fr; gap: 9px; }.metric-card { min-height: 95px; padding: 13px; gap: 10px; }.metric-icon { width: 36px; height: 36px; }.metric-card strong { font-size: 20px; }
  .product-table-head { display: none; }.product-row { grid-template-columns: minmax(0,1fr) auto; gap: 10px; padding: 12px 14px; }.product-row > .stage { grid-column: 1; margin-left: 54px; }.product-row > .evidence-cell { grid-column: 2; grid-row: 1/3; }.product-row > .owner { display: none; }
  .definition-grid { grid-template-columns: 1fr; }.definition-item.full { grid-column: auto; }
  .review-board { grid-template-columns: 1fr; }.archive-row { grid-template-columns: 80px 1fr; }.archive-row p { grid-column: 1/-1; }
  .form-grid { grid-template-columns: 1fr; }.field.full { grid-column: auto; }.modal-backdrop { padding: 10px; }.modal { max-height: calc(100vh - 20px); }.modal-header { padding: 19px 18px 13px; }.modal form { padding: 0 18px 18px; }
  .task-row { grid-template-columns: 33px minmax(0,1fr); }.task-row .secondary-button { grid-column: 2; justify-self: start; }
}
@media (max-width: 400px) {
  .metric-row { grid-template-columns: 1fr; }.metric-card { min-height: 82px; }.detail-tabs { overflow-x: auto; }.detail-tabs button { white-space: nowrap; }.product-cell small { max-width: 170px; }
}

/* Decision workflow */
.workflow-heading{align-items:center}.report-button{min-width:176px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:white;display:flex;align-items:center;gap:10px;text-align:left;box-shadow:var(--shadow)}.report-button>span{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:white;background:var(--sidebar);font:600 13px Georgia,serif}.report-button small,.report-button strong{display:block}.report-button small{color:var(--soft-muted);font-size:8px}.report-button strong{margin-top:2px;font-size:10px}.report-button b{margin-left:auto;color:var(--brand)}
.workflow-summary{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:12px;margin-bottom:17px}.summary-lead,.summary-stat{min-height:92px;padding:17px 18px;border:1px solid var(--line);border-radius:13px;background:white}.summary-lead{color:white;background:linear-gradient(135deg,#1a2c29,#233b37);border-color:transparent;display:flex;align-items:center;gap:16px}.summary-ring{--p:50;width:54px;height:54px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--brand) calc(var(--p)*1%),#3c4d49 0)}.summary-ring::after{content:attr(data-value);width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#1e312e;font:500 12px Georgia,serif}.summary-lead span,.summary-lead strong,.summary-lead small,.summary-stat span,.summary-stat strong,.summary-stat small{display:block}.summary-lead span{color:#91a29e;font-size:8px;letter-spacing:.08em}.summary-lead strong{margin:5px 0 3px;font-size:13px}.summary-lead small{color:#91a29e;font-size:8px}.summary-stat span{color:var(--muted);font-size:9px}.summary-stat strong{margin:6px 0 4px;font:500 20px Georgia,serif}.summary-stat small{color:var(--soft-muted);font-size:8px}.summary-stat small b{color:var(--red)}
.workflow-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:17px;align-items:start}.case-queue{overflow:hidden}.queue-header{min-height:67px;padding:0 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.queue-header h2{margin:0 0 3px;font-size:12px}.queue-header span{color:var(--soft-muted);font-size:8px}.queue-header b{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;color:var(--brand);background:var(--brand-soft);font-size:10px}.queue-item{width:100%;padding:14px 17px;border:0;border-top:1px solid var(--line);background:white;color:var(--ink);text-align:left;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center}.queue-item:first-child{border-top:0}.queue-item:hover,.queue-item.active{background:#fffaf7}.queue-item.active{box-shadow:inset 3px 0 var(--brand)}.queue-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#eef2ee}.queue-copy strong,.queue-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-copy strong{font-size:10px}.queue-copy span{margin-top:4px;color:var(--soft-muted);font-size:8px}.queue-stage{font-size:8px;color:var(--amber);text-align:right}.queue-stage b{display:block;margin-top:4px;color:var(--soft-muted);font-weight:500}
.decision-workbench{overflow:hidden}.workbench-head{padding:21px 23px 17px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px}.workbench-head .case-id{display:block}.workbench-head h2{margin:4px 0 6px;font-size:17px}.workbench-head p{margin:0;color:var(--muted);font-size:9px}.decision-chip{align-self:flex-start;min-width:92px;padding:8px 10px;border-radius:9px;text-align:center;font-size:9px;font-weight:700}.decision-chip.hold{color:var(--amber);background:var(--amber-soft)}.decision-chip.advance{color:var(--green);background:var(--green-soft)}.decision-chip.stop{color:var(--red);background:var(--red-soft)}.stage-track{padding:18px 22px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);gap:0}.stage-node{position:relative;text-align:center;color:var(--soft-muted)}.stage-node:not(:last-child)::after{content:"";position:absolute;top:12px;left:58%;right:-42%;height:2px;background:#e7ebe6}.stage-node.complete:not(:last-child)::after{background:var(--green)}.stage-node i{position:relative;z-index:1;width:25px;height:25px;margin:0 auto 7px;border:2px solid #dfe5df;border-radius:50%;display:grid;place-items:center;background:white;font-style:normal;font-size:8px}.stage-node.complete i{color:white;border-color:var(--green);background:var(--green)}.stage-node.current i{color:white;border-color:var(--brand);background:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}.stage-node span{display:block;font-size:8px}.stage-node.current span{color:var(--ink);font-weight:700}
.workbench-body{padding:21px 23px}.stage-focus{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:17px}.focus-main h3{margin:3px 0 6px;font-size:15px}.focus-main>p{margin:0 0 17px;color:var(--muted);font-size:9px;line-height:1.6}.step-kicker{color:var(--brand);font:700 8px ui-monospace,monospace;letter-spacing:.11em}.required-list{display:grid;gap:7px}.required-row{min-height:42px;padding:9px 10px;border:1px solid #edf0ec;border-radius:9px;display:flex;align-items:center;gap:9px}.required-row i{width:20px;height:20px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:#eef1ed;color:var(--soft-muted);font-style:normal;font-size:8px}.required-row.filled i{color:var(--green);background:var(--green-soft)}.required-row strong,.required-row span{display:block}.required-row strong{font-size:9px}.required-row span{margin-top:3px;color:var(--soft-muted);font-size:8px}.focus-main .primary-button{margin-top:15px}.ai-audit{padding:15px;border-radius:11px;background:#f4f7f3}.ai-audit-head{display:flex;align-items:center;gap:8px}.ai-audit-head i{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;color:white;background:var(--sidebar);font:600 8px ui-monospace,monospace}.ai-audit-head strong{font-size:10px}.ai-audit>p{margin:12px 0;color:var(--muted);font-size:8px;line-height:1.6}.audit-item{padding:8px 0;border-top:1px solid #e1e7e0}.audit-item span{display:block;color:var(--soft-muted);font-size:7px}.audit-item strong{display:block;margin-top:3px;font-size:8px;line-height:1.45}.weekly-conclusion{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);display:flex;gap:11px;align-items:flex-start}.weekly-conclusion>span{padding:5px 7px;border-radius:6px;color:var(--amber);background:var(--amber-soft);font-size:8px;font-weight:700}.weekly-conclusion strong,.weekly-conclusion p{display:block}.weekly-conclusion strong{font-size:10px}.weekly-conclusion p{margin:4px 0 0;color:var(--muted);font-size:8px;line-height:1.5}
.stage-purpose{margin-bottom:16px;padding:12px 13px;border-left:3px solid var(--brand);background:#fff8f5}.stage-purpose strong,.stage-purpose span{display:block}.stage-purpose strong{font-size:10px}.stage-purpose span{margin-top:5px;color:var(--muted);font-size:9px;line-height:1.55}.evidence-standard{margin-top:15px;padding:11px 12px;border-radius:9px;background:#f3f7f3}.evidence-standard strong,.evidence-standard span{display:block}.evidence-standard strong{font-size:9px}.evidence-standard span{margin-top:4px;color:var(--muted);font-size:8px;line-height:1.55}.report-modal{width:min(760px,100%)}.report-content{padding:0 24px 20px}.report-cover{padding:16px 17px;border-radius:12px;color:white;background:var(--sidebar);display:flex;align-items:center;justify-content:space-between}.report-cover span,.report-cover strong{display:block}.report-cover span{color:#8fa19d;font-size:8px}.report-cover strong{margin-top:5px;font:500 17px Georgia,"Songti SC",serif}.report-cover b{color:var(--brand);font-size:11px}.report-section{padding:16px 2px;border-bottom:1px solid var(--line)}.report-section h3{margin:0 0 9px;font-size:11px}.report-product{padding:10px 0;border-top:1px dashed #dfe4df}.report-product:first-of-type{border-top:0}.report-product-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.report-product-head strong{font-size:10px}.report-product p{margin:5px 0 0;color:var(--muted);font-size:9px;line-height:1.6}.report-product ul{margin:7px 0 0;padding-left:16px;color:var(--muted);font-size:8px}.report-product li{margin:4px 0}.report-actions{padding:15px 24px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:flex-end;gap:9px}.report-actions>span{margin-right:auto;color:var(--soft-muted);font-size:8px;max-width:300px;line-height:1.5}
@media(max-width:1120px){.workflow-summary{grid-template-columns:1.5fr repeat(3,1fr)}.workflow-layout{grid-template-columns:275px minmax(0,1fr)}.stage-focus{grid-template-columns:1fr}.ai-audit{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.ai-audit-head,.ai-audit>p{grid-column:1/-1}}
@media(max-width:820px){.workflow-summary{grid-template-columns:1fr 1fr}.summary-lead{grid-column:1/-1}.workflow-layout{grid-template-columns:1fr}.case-queue{max-height:280px;overflow:auto}.stage-track{overflow-x:auto}}
@media(max-width:600px){.workflow-heading{align-items:flex-start}.workflow-heading .report-button{margin-top:14px}.workflow-summary{grid-template-columns:1fr 1fr}.workbench-head{padding:17px;display:block}.decision-chip{display:inline-block;margin-top:10px}.workbench-body{padding:17px}.ai-audit{display:block}.report-actions{flex-wrap:wrap}.report-actions>span{width:100%;max-width:none;margin:0 0 5px}.report-button{min-width:160px}}

/* Structured evidence entry */
.workbench-actions{display:flex;align-items:flex-start;gap:8px}.delete-product-button{min-height:31px;padding:0 11px;border:1px solid #f0c9c4;border-radius:9px;color:var(--red);background:white;font-size:9px;font-weight:650}.delete-product-button:hover{background:var(--red-soft)}
.entry-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.import-file-button,.connect-source-button{min-height:28px;padding:0 9px;border-radius:7px;font-size:8px;font-weight:700;display:inline-flex;align-items:center;cursor:pointer}.import-file-button{color:white;background:var(--brand)}.import-file-button input{display:none}.connect-source-button{color:var(--ink);background:white;border:1px solid var(--line-strong)}.import-note{margin:-2px 0 10px;padding:7px 9px;border-radius:7px;color:var(--soft-muted);background:#f3f6f2;font-size:7px;line-height:1.5}
.readiness-label{max-width:100px;padding:8px 10px;border-radius:9px;color:var(--green);background:var(--green-soft);text-align:center;font-size:9px;font-weight:700}
.heading-actions{display:flex;align-items:center;gap:9px}.document-upload-button{min-width:184px;height:48px;padding:0 12px;border:1px solid #d9e7e1;border-radius:12px;background:#f3f8f5;display:flex;align-items:center;gap:10px;cursor:pointer}.document-upload-button>span{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:white;background:var(--sidebar);font:700 8px ui-monospace,monospace}.document-upload-button small,.document-upload-button strong{display:block}.document-upload-button small{color:var(--muted);font-size:7px}.document-upload-button strong{margin-top:2px;font-size:10px}.document-upload-button input{display:none}.document-upload-button.loading{opacity:.55;pointer-events:none}.document-upload-button.loading>span{animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.35}}@media(max-width:700px){.heading-actions{width:100%;flex-wrap:wrap}.document-upload-button,.report-button{flex:1;min-width:155px}}
.model-status{height:30px;padding:0 9px;border-radius:8px;display:flex;align-items:center;gap:6px;background:#f3f5f2;color:var(--muted);font-size:8px;white-space:nowrap}.model-status i{width:7px;height:7px;border-radius:50%;background:var(--soft-muted)}.model-status.online{color:var(--green);background:var(--green-soft)}.model-status.online i{background:var(--green);box-shadow:0 0 0 3px rgba(45,143,94,.12)}.model-status.offline{color:var(--red);background:var(--red-soft)}.model-status.offline i{background:var(--red)}.model-status.checking i{animation:pulse 1s infinite}
.required-row strong em{margin-left:6px;padding:2px 5px;border-radius:5px;color:var(--red);background:var(--red-soft);font-style:normal;font-size:7px}.required-row.optional strong em{color:var(--soft-muted);background:#f0f2ef}.field-requirement{margin-left:5px;padding:2px 5px;border-radius:5px;color:var(--red);background:var(--red-soft);font-size:7px}.field-requirement.optional{color:var(--soft-muted);background:#eef1ed}
.entry-row label>span em{margin-left:4px;color:var(--soft-muted);font-style:normal;font-size:8px}.entry-row input[type="url"]{min-width:210px;color:var(--blue)}
.ai-read-link-button{min-height:30px;padding:0 11px;border:0;border-radius:7px;color:white;background:var(--sidebar);font-size:11px;font-weight:700}.ai-read-link-button:disabled{opacity:.55}.competitor-ai-results{margin:0 0 16px;padding:14px;border:1px solid #dce9e3;border-radius:11px;background:#f4f8f5}.competitor-result-head{display:flex;justify-content:space-between;gap:12px}.competitor-result-head strong,.competitor-result-head span{display:block}.competitor-result-head strong{font-size:13px}.competitor-result-head span{margin-top:4px;color:var(--muted);font-size:11px}.competitor-result-head>b{color:var(--green);font-size:10px}.competitor-result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:9px;margin-top:11px}.competitor-result-grid article{padding:11px;border:1px solid var(--line);border-radius:9px;background:white}.competitor-result-grid a{color:var(--blue);font-size:12px;font-weight:700}.competitor-result-grid span,.competitor-result-grid small{display:block;margin-top:5px;color:var(--soft-muted);font-size:10px}.competitor-result-grid p{margin:7px 0 0;color:var(--muted);font-size:11px;line-height:1.55}.competitor-unresolved{margin:10px 0 0;color:var(--red);font-size:10px}
.stage-node{border:0;background:transparent;font-family:inherit;cursor:pointer}.stage-node:hover span{color:var(--ink)}
.workflow-modal{width:min(980px,100%)}.workflow-modal .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.entry-block{min-width:0;padding:13px;border:1px solid var(--line);border-radius:11px;background:#fbfcfa}.entry-block.full{grid-column:1/-1}.entry-block-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.entry-block-head strong,.entry-block-head span{display:block}.entry-block-head strong{font-size:10px}.entry-block-head span{margin-top:3px;color:var(--soft-muted);font-size:8px}.add-row-button{min-height:28px;padding:0 9px;border:1px solid var(--line-strong);border-radius:7px;color:var(--brand);background:white;font-size:8px;font-weight:700}.entry-table{display:grid;gap:8px}.entry-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(95px,1fr)) 25px;gap:7px;align-items:end;padding:9px;border-radius:8px;background:white;border:1px solid #edf0ec}.entry-row label{min-width:0}.entry-row label>span{display:block;margin-bottom:4px;color:var(--soft-muted);font-size:7px}.entry-row input,.entry-row select{width:100%;height:31px;padding:0 7px;border:1px solid var(--line-strong);border-radius:7px;background:white;color:var(--ink);font-size:8px}.remove-row{width:25px;height:31px;border:0;border-radius:6px;color:var(--soft-muted);background:#f2f4f1;font-size:15px}.remove-row:hover{color:var(--red);background:var(--red-soft)}fieldset.entry-block{margin:0}fieldset.entry-block legend{padding:0 5px;color:var(--muted);font-size:9px;font-weight:600}.check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.check-grid label{display:flex;align-items:center;gap:7px;min-height:34px;padding:7px 9px;border:1px solid #edf0ec;border-radius:8px;background:white;color:var(--muted);font-size:8px}.check-grid input{accent-color:var(--brand)}
@media(max-width:700px){.workflow-modal .form-grid{grid-template-columns:1fr}.entry-block.full{grid-column:auto}.entry-row{grid-template-columns:1fr 1fr 25px}.entry-row label:nth-last-of-type(1){grid-column:1/3}.check-grid{grid-template-columns:1fr}}

/* Readability scale */
body{font-size:15px;line-height:1.5}.page-heading p{font-size:14px;line-height:1.65}.page-heading .eyebrow{font-size:11px}.nav-item{font-size:14px}.category-item{font-size:13px}.breadcrumb{font-size:13px}.search-box input{font-size:13px}
.workflow-layout{grid-template-columns:330px minmax(0,1fr)}.summary-lead span,.summary-lead small,.summary-stat small{font-size:11px}.summary-lead strong{font-size:15px}.summary-stat span{font-size:12px}.queue-header h2{font-size:14px}.queue-header span{font-size:11px}.queue-copy strong{font-size:13px}.queue-copy span,.queue-stage{font-size:11px}.queue-stage b{font-size:10px}
.workbench-head p,.decision-chip{font-size:12px}.stage-node span{font-size:11px}.stage-node i{font-size:10px}.focus-main h3{font-size:18px}.focus-main>p{font-size:13px;line-height:1.7}.step-kicker{font-size:10px}.required-row{min-height:52px;padding:11px 12px}.required-row strong{font-size:13px}.required-row span{font-size:11px;line-height:1.5}.required-row strong em{font-size:9px}.ai-audit-head strong{font-size:13px}.ai-audit>p{font-size:11px;line-height:1.7}.audit-item span{font-size:10px}.audit-item strong{font-size:11px;line-height:1.6}.weekly-conclusion>span{font-size:10px}.weekly-conclusion strong{font-size:13px}.weekly-conclusion p{font-size:11px;line-height:1.65}
.primary-button,.secondary-button{font-size:13px}.delete-product-button,.import-file-button,.connect-source-button,.add-row-button{font-size:11px}.stage-purpose strong{font-size:13px}.stage-purpose span{font-size:12px;line-height:1.65}.evidence-standard strong{font-size:12px}.evidence-standard span{font-size:11px;line-height:1.65}.entry-block-head strong{font-size:13px}.entry-block-head span,.import-note{font-size:11px;line-height:1.55}.entry-row label>span{font-size:10px}.entry-row input,.entry-row select{height:38px;font-size:12px}.check-grid label{min-height:40px;font-size:12px}fieldset.entry-block legend{font-size:12px}.field-requirement{font-size:9px}
.report-button small,.document-upload-button small{font-size:10px}.report-button strong,.document-upload-button strong{font-size:13px}.model-status{font-size:10px}.report-section h3{font-size:14px}.report-product-head strong{font-size:13px}.report-product p{font-size:12px}.report-product ul{font-size:11px}.report-actions>span{font-size:11px}.task-info h3{font-size:13px}.task-info p{font-size:11px}.task-meta{font-size:10px}
@media(max-width:1120px){.workflow-layout{grid-template-columns:295px minmax(0,1fr)}}@media(max-width:820px){.workflow-layout{grid-template-columns:1fr}}
.core-decision-panel{margin-bottom:17px;padding:15px;border:1px solid #dfe6df;border-radius:14px;background:white;display:grid;grid-template-columns:220px repeat(2,minmax(0,1fr));gap:11px;align-items:stretch}.core-decision-title{padding:12px 14px;border-radius:11px;color:white;background:var(--sidebar);display:flex;flex-direction:column;justify-content:center}.core-decision-title span{color:#9caeaa;font-size:11px}.core-decision-title strong{margin-top:6px;font-size:14px;line-height:1.5}.core-criterion{position:relative;padding:14px 74px 14px 52px;border:1px solid var(--line);border-radius:11px;background:#fafbf9}.core-criterion>i{position:absolute;left:14px;top:16px;width:27px;height:27px;border-radius:8px;display:grid;place-items:center;background:#edf0ec;color:var(--soft-muted);font-style:normal;font-weight:700}.core-criterion span{color:var(--muted);font-size:11px}.core-criterion strong{display:block;margin-top:4px;font-size:13px}.core-criterion p{margin:5px 0 0;color:var(--soft-muted);font-size:11px;line-height:1.5}.core-criterion>b{position:absolute;right:13px;top:15px;padding:4px 7px;border-radius:6px;color:var(--amber);background:var(--amber-soft);font-size:10px}.core-criterion.pass{border-color:#cce7da;background:#f5fbf8}.core-criterion.pass>i{color:white;background:var(--green)}.core-criterion.pass>b{color:var(--green);background:var(--green-soft)}@media(max-width:1000px){.core-decision-panel{grid-template-columns:1fr 1fr}.core-decision-title{grid-column:1/-1}}@media(max-width:650px){.core-decision-panel{grid-template-columns:1fr}.core-decision-title{grid-column:auto}.core-criterion{padding-right:14px}.core-criterion>b{position:static;display:inline-block;margin-top:8px}}
.checklist-hint{margin:2px 0 10px;color:var(--muted);font-size:11px;line-height:1.6}.check-grid label:has(input:checked){border-color:#b9ddce;background:var(--green-soft);color:var(--green)}