@import url('ui/fonts/noto-sans-sc-5.3.0/wght.css');

/* The approved audit page owns its styles. These tokens apply to the other views. */
body.direction-b:not([data-page="audit"]) {
  --sans: 'Noto Sans SC Variable', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --b-canvas: #ecebe7;
  --b-ink: #252932;
  --b-muted: #626b73;
  --b-line: #e2e5e7;
  --b-soft: #f3f5f6;
  --b-selection: #f4eedf;
  --bg: var(--b-canvas);
  --ink: var(--b-ink);
  --muted: var(--b-muted);
  --line: var(--b-line);
  background: var(--b-canvas);
  color: var(--b-ink);
  font-family: var(--sans);
  font-synthesis: none;
  font-size: 14px;
  line-height: 1.65;
}
body.direction-b:not([data-page="audit"]) :is(button, input, select, textarea, summary) { font-family: var(--sans); }
body.direction-b:not([data-page="audit"]) :is(b, strong) { font-weight: 600; }
body.direction-b:not([data-page="audit"]) :focus-visible { outline: 2px solid #9c7c3a; outline-offset: 3px; }
body.direction-b:not([data-page="audit"]) .topbar {
  height: 56px; min-height: 56px; padding-inline: 32px;
  background: #ffffff9e; border-bottom: 1px solid #ffffffb8;
  -webkit-backdrop-filter: blur(16px) saturate(110%); backdrop-filter: blur(16px) saturate(110%);
  color: #28261f; font-size: 14px;
}
body.direction-b:not([data-page="audit"]) .app-rail nav a { min-height: 40px; padding-block: 8px; font-size: 14px; }
body.direction-b:not([data-page="audit"]) .direction-b-nav-group { font-size: 11px; }
body.direction-b:not([data-page="audit"]) main { padding: 12px 32px 28px; min-height: calc(100dvh - 56px); }
body.direction-b:not([data-page="audit"]) .page-heading { min-height: 36px; gap: 16px; margin: 0 0 12px; }
body.direction-b:not([data-page="audit"]) .page-heading p { margin: 0; font-size: 12px; line-height: 1.65; }
body.direction-b:not([data-page="audit"]) .button { min-height: 34px; padding: 6px 12px; font-size: 13px; border-radius: 7px; }
body.direction-b:not([data-page="audit"]) .text-button { font-size: 13px; }
body.direction-b:not([data-page="audit"]) :is(.section-head, .panel-heading) h2 { color: var(--b-ink); font-size: 18px; font-weight: 600; line-height: 1.5; letter-spacing: -.25px; }
body.direction-b:not([data-page="audit"]) .field { color: var(--b-muted); font-size: 12px; }
body.direction-b:not([data-page="audit"]) .field :is(input, select, textarea) { color: var(--b-ink); border-color: #d8dfe3; font-size: 14px; }
body.direction-b:not([data-page="audit"]) :is(.badge, .filter-chip) { font-size: 12px; }
body.direction-b:not([data-page="audit"]) .filter-chip { padding: 5px 10px; color: #5e6265; }
body.direction-b:not([data-page="audit"]) :is(.kb-answer, .source-body, .detail-body) { color: var(--b-ink); font-size: 15px; line-height: 1.75; }
body.direction-b:not([data-page="audit"]) :is(.source-note, .kb-qualifiers) { background: #f8f6f2; color: #68655e; font-size: 12px; line-height: 1.7; }

/* Knowledge: a compact directory and one full-width, independently scrolling table. */
body[data-page="knowledge"] .page-heading > div:first-child { display: none; }
body[data-page="knowledge"] .page-heading { justify-content: flex-end; }
body[data-page="knowledge"] .library-sidebar { background: #f3f5f6; padding: 12px 10px; }
body[data-page="knowledge"] .library-sidebar-head { padding: 7px 10px 10px; }
body[data-page="knowledge"] .library-sidebar-head h2 { font-size: 18px; }
body[data-page="knowledge"] .library-sidebar button { min-height: 37px; font-size: 13px; }
body[data-page="knowledge"] .library-sidebar-note { padding: 10px; background: transparent; }
body[data-page="knowledge"] .detail-column { background: #f8f6f2; padding: 20px; }
body[data-page="knowledge"] .kb-detail-head { top: -20px; margin: -20px -20px 16px; padding: 18px 20px; background: #f8f6f2; }
body[data-page="knowledge"] .result-column > .section-head { padding: 16px 20px 10px; }
body[data-page="knowledge"] .library-search { padding: 0 20px 10px; }
body[data-page="knowledge"] .library-category-select { padding-bottom: 10px; }
body[data-page="knowledge"] .list-item { padding: 11px 12px; }
body[data-page="knowledge"] .list-item-title { font-size: 14px; line-height: 1.65; }
body[data-page="knowledge"] .workspace-grid.library-grid-price { grid-template-columns: 164px minmax(0, 1fr); }
body[data-page="knowledge"] .library-price-main { grid-column: 2 / -1; padding: 18px 20px 12px; }
body[data-page="knowledge"] .library-price-main > .section-head { flex: none; margin: 0 0 13px; align-items: center; }
body[data-page="knowledge"] .library-price-main .section-head p { margin: 3px 0 0; font-size: 12px; }
.library-price-heading-actions { display: flex; align-items: center; justify-content: flex-end; gap: 14px; flex-wrap: wrap; font-size: 12px; }
.library-price-source { color: #514a3d; text-decoration: underline; text-underline-offset: 3px; }
body[data-page="knowledge"] .library-price-filters { display: grid; grid-template-columns: minmax(0, 1fr) 208px; gap: 9px 14px; margin: 0 0 12px; }
body[data-page="knowledge"] .library-batch-tabs { align-items: center; gap: 6px; }
body[data-page="knowledge"] .library-price-filters .library-search { padding: 0; }
body[data-page="knowledge"] .library-price-filters .library-search input { width: 100%; min-height: 34px; margin: 0; padding: 6px 10px; background: #f7f8f8; }
body[data-page="knowledge"] .library-price-filters .library-categories { grid-column: 1 / -1; gap: 5px; padding: 0; }
body[data-page="knowledge"] .library-price-filters .library-categories .filter-chip { font-size: 11px; padding: 4px 8px; }
body[data-page="knowledge"] .library-price-table { flex: 1; min-height: 0; margin: 0; overflow: auto; overscroll-behavior: contain; scrollbar-width: thin; border: 1px solid var(--b-line); border-radius: 8px; }
body[data-page="knowledge"] .library-price-table .data-table { font-size: 13px; line-height: 1.65; }
body[data-page="knowledge"] .data-table :is(th, td) { padding: 11px 12px; }
body[data-page="knowledge"] .data-table thead th { position: sticky; top: 0; z-index: 1; background: #f3f5f6; color: #626b73; font-size: 12px; }
body[data-page="knowledge"] .kb-price-total { color: #252932; font-weight: 600; }
body[data-page="knowledge"] .library-table-note { flex: none; margin: 9px 0 0; font-size: 11px; line-height: 1.7; }

/* Other workbench views share the audit page's quiet reading surfaces. */
body[data-page="content"] .content-context { padding: 11px 20px; margin-bottom: 12px; }
body[data-page="content"] .content-context strong { font-size: 16px; }
body[data-page="content"] :is(.production-source, .draft-panel) { padding: 20px; }
body[data-page="content"] .production-source { background: #f3f5f6; }
body[data-page="content"] .production-source > .panel-heading { top: -20px; margin: -20px -20px 16px; padding: 16px 20px; background: #f3f5f6; }
body[data-page="content"] .draft-panel textarea { font-size: 15px; line-height: 1.75; }
body[data-page="report"] .report-summary { margin-bottom: 12px; }
body[data-page="report"] .report-summary > div { padding: 12px 20px; }
body[data-page="report"] .report-summary strong { font-size: 26px; font-weight: 500; }
body[data-page="report"] :is(.retest-form, .report-records) { padding: 20px; }
body[data-page="report"] .report-records { background: #f8f6f2; }
body[data-page="report"] :is(.retest-form, .report-records) > .section-head { top: -20px; margin: -20px -20px 16px; padding: 16px 20px; background: inherit; }
body[data-page="workflow"] .geo-status { padding: 8px 14px; font-size: 12px; }
body[data-page="workflow"] .geo-stats { margin: 12px 0; }
body[data-page="workflow"] .geo-stats > div { padding: 12px 20px; }
body[data-page="workflow"] .geo-stats strong { font-size: 26px; font-weight: 500; }
body[data-page="workflow"] .geo-tabs { margin: 12px 0; gap: 24px; }
body[data-page="workflow"] .geo-tabs button { padding: 6px 0 8px; font-size: 14px; }
body[data-page="workflow"] .geo-panel { padding: 20px; }
body[data-page="workflow"] .geo-grid > .geo-panel:last-child { background: #f8f6f2; }
body[data-page="workflow"] .geo-panel > .section-head { top: -20px; margin: -20px -20px 16px; padding: 16px 20px; background: inherit; }

/* Execution: recommendations, saved works and connection evidence lead the page. */
body.direction-b[data-page="workflow"] #main { overflow-y: auto; }
body[data-page="workflow"] .geo-status { border: 0; background: transparent; padding: 0; font-size: 11px; margin-top: -7px; }
body[data-page="workflow"] .geo-stats { margin: 10px 0; border: 0; border-radius: 10px; }
body[data-page="workflow"] .geo-stats > div { display: flex; align-items: baseline; gap: 10px; padding: 10px 18px; }
body[data-page="workflow"] .geo-stats strong { font-size: 24px; }
body[data-page="workflow"] .geo-stats span { margin: 0; font-size: 12px; }
body[data-page="workflow"] .geo-tabs { margin: 8px 0 16px; gap: 26px; overflow-x: auto; overflow-y: hidden; flex-wrap: nowrap; }
body[data-page="workflow"] .geo-tabs button { white-space: nowrap; }
body[data-page="workflow"] .exec-next { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 14px 20px; margin-bottom: 16px; border-radius: 10px; background: #f5eedf; }
body[data-page="workflow"] .exec-next span { font-size: 12px; margin-right: 14px; color: #74654d; }
body[data-page="workflow"] .exec-next strong { font-size: 17px; }
body[data-page="workflow"] .exec-next p { margin: 3px 0 0 54px; font-size: 12px; color: var(--b-muted); }
body[data-page="workflow"] .exec-overview-grid { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,1fr); gap: 16px; }
body[data-page="workflow"] .exec-panel { padding: 18px 20px; border-radius: 12px; background: #fff; min-width: 0; }
body[data-page="workflow"] .exec-warm { background: #f8f6f2; }
body[data-page="workflow"] .exec-panel-head { display: flex; gap: 16px; justify-content: space-between; align-items: center; margin-bottom: 12px; }
body[data-page="workflow"] .exec-panel-head h2 { margin: 0; font-size: 18px; font-weight: 600; }
body[data-page="workflow"] .exec-panel-head p { margin: 4px 0 0; font-size: 11px; color: var(--b-muted); }
body[data-page="workflow"] .exec-number { font-size: 14px; font-variant-numeric: tabular-nums; white-space: nowrap; color: #b73e35; }
body[data-page="workflow"] .exec-scroll { height: clamp(250px,calc(100dvh - 465px),560px); overflow: auto; overscroll-behavior: contain; scrollbar-gutter: stable; }
body[data-page="workflow"] .exec-priority { padding: 15px 0; border-top: 1px solid #ecebe7; }
body[data-page="workflow"] .exec-priority:first-child { padding-top: 7px; border: 0; }
body[data-page="workflow"] .exec-row-meta { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; font-size: 11px; color: var(--b-muted); }
body[data-page="workflow"] .exec-danger { color: #b73e35; }
body[data-page="workflow"] .exec-priority h3 { margin: 7px 0; font-size: 15px; line-height: 1.6; font-weight: 600; }
body[data-page="workflow"] .exec-priority h3 a { color: var(--b-ink); text-decoration: none; }
body[data-page="workflow"] .exec-quote { background: #faf2f0; border-left: 2px solid #c2574f; color: #89514c; font-size: 12px; line-height: 1.75; padding: 8px 10px; margin: 6px 0 10px; }
body[data-page="workflow"] .exec-row-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; }
body[data-page="workflow"] .exec-row-actions > a:not(.button), .exec-week a { font-size: 12px; color: #6d5c39; text-decoration: none; }
body[data-page="workflow"] .exec-row-actions > a:hover, .exec-week a:hover { text-decoration: underline; }
body[data-page="workflow"] .exec-pill { padding: 3px 8px; border-radius: 5px; background: #eeece7; color: #6d675c; font-size: 11px; white-space: nowrap; }
body[data-page="workflow"] .exec-ok { color: #266457; background: #e8f2ee; }
body[data-page="workflow"] .exec-week { border-top: 1px solid #e6e1d8; padding-top: 12px; margin-top: 16px; }
body[data-page="workflow"] .exec-week:first-child { border: 0; padding-top: 3px; margin-top: 0; }
body[data-page="workflow"] .exec-week h3 { margin: 0 0 12px; font-size: 15px; font-weight: 600; }
body[data-page="workflow"] .exec-week ol { margin: 0; padding-left: 22px; }
body[data-page="workflow"] .exec-week li { padding-left: 3px; margin-bottom: 13px; font-size: 13px; }
body[data-page="workflow"] .exec-week p { margin: 3px 0; color: var(--b-muted); font-size: 12px; line-height: 1.8; }
body[data-page="workflow"] .exec-week .text-button { padding: 0; font-size: 12px; color: #6d5c39; }
body[data-page="workflow"] .exec-resources { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; margin-top: 16px; }
body[data-page="workflow"] .exec-resources a { display: flex; flex-direction: column; color: var(--b-ink); background: #ffffffbd; padding: 12px 20px; border-radius: 9px; text-decoration: none; }
body[data-page="workflow"] .exec-resources strong { font-size: 13px; }
body[data-page="workflow"] .exec-resources span { font-size: 11px; color: var(--b-muted); margin-top: 3px; }
body[data-page="workflow"] .exec-filters { display: flex; gap: 8px; margin-bottom: 16px; flex-wrap: wrap; }
body[data-page="workflow"] .exec-works { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); align-content: start; gap: 14px; height: calc(100dvh - 355px); min-height: 300px; overflow-y: auto; scrollbar-gutter: stable; }
body[data-page="workflow"] .exec-work { border: 1px solid #e8e8e2; border-radius: 8px; padding: 16px; }
body[data-page="workflow"] .exec-work h3 { margin: 14px 0 8px; font-size: 15px; font-weight: 600; line-height: 1.65; }
body[data-page="workflow"] .exec-task-id { font-size: 10px; color: var(--b-muted); margin: 0 0 14px; overflow-wrap: anywhere; }
body[data-page="workflow"] .exec-work .button { font-size: 12px; padding: 5px 9px; min-height: 30px; }
body[data-page="workflow"] .exec-channel-grid, body[data-page="workflow"] .exec-service-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
body[data-page="workflow"] .exec-channel, body[data-page="workflow"] .exec-service { padding: 22px; border: 1px solid #e8e6df; border-radius: 9px; }
body[data-page="workflow"] .exec-channel h3 { font-size: 21px; font-weight: 600; margin: 14px 0 9px; }
body[data-page="workflow"] .exec-channel p, body[data-page="workflow"] .exec-service p { font-size: 13px; color: var(--b-muted); line-height: 1.85; margin: 8px 0; }
body[data-page="workflow"] .exec-channel small, body[data-page="workflow"] .exec-service small { display: block; font-size: 11px; color: var(--b-muted); }
body[data-page="workflow"] .exec-channel .button { display: inline-flex; margin-top: 18px; }
body[data-page="workflow"] .exec-service .exec-row-meta strong { font-size: 14px; color: var(--b-ink); }
body[data-page="workflow"] .exec-proof-note { color: var(--b-muted); font-size: 12px; margin: 18px 0 0; }
body[data-page="workflow"] .exec-empty { font-size: 13px; color: var(--b-muted); padding: 20px 0; }

/* Weekly planning presents the work at reporting level; questions stay in audit. */
body[data-page="workflow"] .exec-weekly { padding: 20px 22px 16px; }
body[data-page="workflow"] .exec-week-objective { display: flex; align-items: baseline; gap: 22px; background: #f5eedf; padding: 13px 16px; border-radius: 7px; margin-bottom: 14px; }
body[data-page="workflow"] .exec-week-objective strong { flex: none; font-size: 13px; color: #65563b; }
body[data-page="workflow"] .exec-week-objective p { margin: 0; font-size: 13px; line-height: 1.8; }
body[data-page="workflow"] .exec-plan-table-wrap { overflow-x: auto; }
body[data-page="workflow"] .exec-plan-table { width: 100%; border-collapse: collapse; text-align: left; }
body[data-page="workflow"] .exec-plan-table th { padding: 8px 12px; color: var(--b-muted); font-size: 11px; font-weight: 400; }
body[data-page="workflow"] .exec-plan-table td { padding: 18px 12px; border-top: 1px solid #ecebe7; font-size: 13px; vertical-align: middle; }
body[data-page="workflow"] .exec-plan-table td:first-child { width: 94px; color: #756953; white-space: nowrap; }
body[data-page="workflow"] .exec-plan-table td:nth-child(2) { width: 44%; }
body[data-page="workflow"] .exec-plan-table td:last-child { width: 100px; text-align: right; white-space: nowrap; }
body[data-page="workflow"] .exec-plan-table strong { font-size: 15px; }
body[data-page="workflow"] .exec-plan-table p { font-size: 12px; color: var(--b-muted); line-height: 1.75; margin: 4px 0 0; }
body[data-page="workflow"] .exec-plan-table a, body[data-page="workflow"] .exec-plan-table .text-button { color: #6d5c39; font-size: 12px; text-decoration: none; padding: 0; }
body[data-page="workflow"] .exec-plan-table a:hover, body[data-page="workflow"] .exec-plan-table .text-button:hover { text-decoration: underline; }
body[data-page="workflow"] .exec-week-followup { display: flex; align-items: center; justify-content: space-between; gap: 20px; border-top: 1px solid #ecebe7; padding-top: 16px; margin-top: 8px; }
body[data-page="workflow"] .exec-week-followup strong { font-size: 13px; }
body[data-page="workflow"] .exec-week-followup p { font-size: 12px; color: var(--b-muted); line-height: 1.75; margin: 3px 0 0; }

/* Weekly targets keep cumulative work out of the target progress. */
body[data-page="workflow"] .geo-workflow[data-tab="overview"] [data-geo-stats] { display: none; }
body[data-page="workflow"] .exec-week-targets { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin: 16px 0; }
body[data-page="workflow"] .exec-week-targets > div { padding: 13px 16px; border-radius: 8px; background: #f8f6f2; }
body[data-page="workflow"] .exec-week-targets span { display: block; font-size: 12px; color: #70695c; }
body[data-page="workflow"] .exec-week-targets strong { display: block; font-size: 29px; font-weight: 500; line-height: 1.5; font-variant-numeric: tabular-nums; }
body[data-page="workflow"] .exec-week-targets small { font-size: 12px; font-weight: 400; margin-left: 6px; color: #70695c; }
body[data-page="workflow"] .exec-week-targets progress { appearance: none; display: block; width: 100%; height: 3px; margin-top: 11px; border: 0; border-radius: 3px; background: #e8e3d9; }
body[data-page="workflow"] .exec-week-targets progress::-webkit-progress-bar { background: #e8e3d9; border-radius: 3px; }
body[data-page="workflow"] .exec-week-targets progress::-webkit-progress-value { background: #8b774c; border-radius: 3px; }
body[data-page="workflow"] .exec-week-targets progress::-moz-progress-bar { background: #8b774c; }
body[data-page="workflow"] .exec-quantified-table td:first-child { width: 130px; color: var(--b-ink); }
body[data-page="workflow"] .exec-quantified-table td:nth-child(2) { width: 40%; }
body[data-page="workflow"] .exec-quantified-table td:nth-child(3), body[data-page="workflow"] .exec-quantified-table td:nth-child(4) { white-space: nowrap; }
body[data-page="workflow"] .exec-quantified-table .exec-plan-quantity { font-size: 16px; font-weight: 500; font-variant-numeric: tabular-nums; }
body[data-page="workflow"] .exec-plan-scope { text-align: left; font-size: 12px; }
body[data-page="workflow"] .exec-plan-scope summary { cursor: pointer; color: #6d5c39; }
body[data-page="workflow"] .exec-plan-scope a, body[data-page="workflow"] .exec-plan-scope span { display: block; white-space: normal; line-height: 1.7; margin-top: 7px; }
body[data-page="workflow"] .exec-plan-scope span { font-size: 11px; color: var(--b-muted); }
body[data-page="workflow"] .exec-week-evidence { display: flex; justify-content: space-between; gap: 12px; margin: 14px 0; font-size: 12px; color: var(--b-muted); }
body[data-page="workflow"] .exec-week-evidence .text-button { padding: 0; font-size: 12px; }
body[data-page="workflow"] .exec-week-settings, body[data-page="workflow"] .exec-week-counting { border-top: 1px solid #ecebe7; padding-top: 12px; margin-top: 12px; font-size: 12px; }
body[data-page="workflow"] .exec-week-settings summary, body[data-page="workflow"] .exec-week-counting summary { color: #6d5c39; cursor: pointer; }
body[data-page="workflow"] .exec-week-settings form { margin: 16px 0 4px; }
body[data-page="workflow"] .exec-target-inputs { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
body[data-page="workflow"] .exec-week-settings .field { margin-bottom: 12px; }
body[data-page="workflow"] .exec-week-settings .field > span { font-size: 12px; }
body[data-page="workflow"] .exec-week-settings select[multiple] { width: 100%; padding: 5px; font-size: 13px; line-height: 1.8; }
body[data-page="workflow"] .exec-week-settings select[multiple] option { padding: 8px; }
body[data-page="workflow"] .exec-package-checks { border: 1px solid #e8e6df; border-radius: 7px; margin: 8px 0 16px; padding: 12px 16px; }
body[data-page="workflow"] .exec-package-checks legend { padding: 0 6px; font-size: 13px; }
body[data-page="workflow"] .exec-package-checks p { font-size: 12px; color: var(--b-muted); margin: 0 0 10px; }
body[data-page="workflow"] .exec-package-checks label { display: inline-flex; align-items: center; gap: 7px; margin: 5px 22px 5px 0; font-size: 12px; }
body[data-page="workflow"] .exec-week-counting p, body[data-page="workflow"] .exec-plan-message { font-size: 12px; color: var(--b-muted); line-height: 1.8; }
@media(max-width: 1000px) {
  body[data-page="workflow"] .exec-week-targets, body[data-page="workflow"] .exec-target-inputs { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media(max-width: 700px) {
  body[data-page="workflow"] .exec-quantified-table { min-width: 0; }
  body[data-page="workflow"] .exec-quantified-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  body[data-page="workflow"] .exec-quantified-table :is(tbody,tr,td) { display: block; width: auto; }
  body[data-page="workflow"] .exec-quantified-table tr { padding: 10px 0; border-top: 1px solid #ecebe7; }
  body[data-page="workflow"] .exec-quantified-table td { border: 0; padding: 6px 0; text-align: left; white-space: normal; }
  body[data-page="workflow"] .exec-quantified-table td:first-child, body[data-page="workflow"] .exec-quantified-table td:nth-child(2), body[data-page="workflow"] .exec-quantified-table td:last-child { width: auto; text-align: left; white-space: normal; }
  body[data-page="workflow"] .exec-quantified-table td[data-label="本周目标"]::before, body[data-page="workflow"] .exec-quantified-table td[data-label="当前进度"]::before { content: attr(data-label) "："; font-size: 12px; font-weight: 400; color: var(--b-muted); }
  body[data-page="workflow"] .exec-week-evidence { flex-wrap: wrap; }
}

/* Retests are a secondary execution record, with a quiet plan until pairs exist. */
body[data-page="workflow"] .exec-retest-panel > .section-head { position: static; margin: 0 0 12px; padding: 0; background: transparent; }
body[data-page="workflow"] .exec-retest-panel p { font-size: 13px; line-height: 1.8; }
body[data-page="workflow"] .exec-retest-plan { margin: 14px 0; padding: 16px 20px; border-radius: 8px; background: #f8f6f2; }
body[data-page="workflow"] .exec-retest-plan :is(h3, strong) { font-size: 15px; }
body[data-page="workflow"] .exec-retest-plan p { margin: 5px 0; color: var(--b-muted); }
body[data-page="workflow"] .exec-retest-entry { margin-top: 18px; border-top: 1px solid #e8e6df; }
body[data-page="workflow"] .exec-retest-entry > summary { padding: 14px 0; color: #6d5c39; font-size: 13px; cursor: pointer; }
body[data-page="workflow"] .exec-retest-entry .retest-form { padding: 4px 0 12px; background: transparent; height: auto; min-height: 0; overflow: visible; }
body[data-page="workflow"] .exec-retest-entry .field { margin-bottom: 12px; }
body[data-page="workflow"] .exec-retest-entry textarea { width: 100%; font-size: 14px; line-height: 1.8; }
body[data-page="workflow"] .exec-retest-comparison { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; margin: 12px 0; }
body[data-page="workflow"] .exec-retest-answer { padding: 14px 16px; background: #f8f6f2; border-radius: 7px; min-width: 0; overflow-wrap: anywhere; }
body[data-page="workflow"] .exec-retest-answer .detail-body { font-size: 14px; line-height: 1.85; white-space: pre-wrap; }

@media (max-width: 760px) {
  body[data-page="workflow"] .exec-retest-comparison { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  body[data-page="workflow"] .exec-week-objective { align-items: flex-start; flex-direction: column; gap: 4px; }
  body[data-page="workflow"] .exec-plan-table:not(.exec-quantified-table) { min-width: 590px; }
  body[data-page="workflow"] .exec-weekly > .exec-panel-head { align-items: flex-start; flex-wrap: wrap; gap: 8px; }
}
body[data-page="workflow"] .b-sampling-drawer { margin: 16px 0 0; padding: 10px 18px; font-size: 12px; }
@media (max-width:1100px) {
  body[data-page="workflow"] .geo-stats > div { gap: 6px; padding: 10px 12px; }
  body[data-page="workflow"] .geo-stats span { font-size: 11px; }
  body[data-page="workflow"] .exec-works { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width:760px) {
  body[data-page="workflow"] .exec-overview-grid, body[data-page="workflow"] .exec-channel-grid, body[data-page="workflow"] .exec-service-grid, body[data-page="workflow"] .exec-resources { grid-template-columns: 1fr; }
  body[data-page="workflow"] .exec-next { align-items: flex-start; flex-direction: column; }
  body[data-page="workflow"] .exec-next p { margin-left: 0; }
  body[data-page="workflow"] .exec-works { grid-template-columns: 1fr; height: auto; }
}

/* Assets and embedded production: the toolbar leads directly into the work area. */
body.direction-b.assets-app main { min-height: 0; padding: 8px 32px 22px; }
body.direction-b.assets-app .asset-toolbar { display: flex; flex: none; align-items: center; justify-content: space-between; gap: 18px; min-height: 36px; margin: 0 0 12px; }
body.direction-b.assets-app .asset-tabs { gap: 22px; margin: 0; border: 0; }
body.direction-b.assets-app .asset-tabs button { min-height: 34px; padding: 5px 0 7px; font-size: 14px; }
.asset-library-tools { display: flex; align-items: center; justify-content: flex-end; gap: 16px; min-width: 0; color: #626b73; font-size: 11px; }
.asset-library-tools a { white-space: nowrap; text-underline-offset: 3px; }
body.direction-b.assets-app .asset-library-count { text-align: right; font-size: 11px; }
body[data-asset-tab="production"] .asset-library-tools { display: none; }
body.direction-b.assets-app .action-status:empty { display: none; }
body.direction-b.assets-app .asset-workspace { grid-template-columns: minmax(250px, .8fr) minmax(0, 1.35fr) minmax(280px, .9fr); gap: 16px; }
body.direction-b.assets-app .asset-list-panel { background: #f3f5f6; }
body.direction-b.assets-app .asset-review { background: #f8f6f2; }
body.direction-b.assets-app .asset-panel-heading { min-height: 54px; padding: 16px 18px 10px; }
body.direction-b.assets-app .asset-panel-heading h2 { font-size: 18px; }
body.direction-b.assets-app .asset-filters { gap: 8px; padding: 0 18px 7px; }
body.direction-b.assets-app .asset-filters .field { margin: 0; }
body.direction-b.assets-app .asset-filters :is(input, select) { min-height: 33px; padding: 5px 8px; font-size: 12px; }
body.direction-b.assets-app .asset-result-count { margin: 7px 18px 9px; }
body.direction-b.assets-app .asset-choice { padding: 10px; }
body.direction-b.assets-app .asset-choice strong { font-size: 14px; font-weight: 500; }
body.direction-b.assets-app .asset-stage-header { padding: 16px 20px 12px; }
body.direction-b.assets-app .asset-stage-header h2 { font-size: 18px; }
body.direction-b.assets-app .asset-review > h2 { padding: 16px 20px 12px; font-size: 18px; }
body.direction-b.assets-app .direction-b-panel-scroll { padding: 16px 20px 20px; }
body.direction-b.assets-app .asset-description p { font-size: 14px; line-height: 1.75; }
body.direction-b.assets-app .review-section { margin-top: 16px; }
body.direction-b.assets-app :is(.review-section p, .review-section li) { font-size: 13px; line-height: 1.75; }
body.direction-b.assets-app .production-frame { border-radius: 0; }
body.direction-b.assets-app .production-frame-help { display: none; }
body.direction-b.assets-app .voice-connection { padding: 10px 16px; margin-bottom: 12px; border: 0; border-radius: 12px; background: #f8f6f2; }
body.direction-b.assets-app .voice-connection h2 { font-size: 18px; }
body.direction-b.assets-app .trial-job-heading h2 { font-size: 18px; }

@media (max-width: 1100px) {
  body[data-page="knowledge"] .library-price-filters { grid-template-columns: 1fr; }
  body[data-page="knowledge"] .library-price-filters .library-categories { grid-column: auto; }
  .asset-library-tools #library-count { display: none; }
  body.direction-b.assets-app .asset-workspace { grid-template-columns: 220px minmax(0, 1fr); height: auto; }
  body.direction-b.assets-app #panel-assets { overflow: auto; }
  body.direction-b.assets-app .asset-list-panel { grid-row: 1 / 3; height: calc(100dvh - 144px); position: sticky; top: 0; }
  body.direction-b.assets-app .asset-stage { height: 560px; }
  body.direction-b.assets-app .asset-review { grid-column: 2; height: 560px; }
}
@media (max-width: 760px) {
  body.direction-b:not([data-page="audit"]) .topbar { height: auto; min-height: 56px; padding: 12px 16px; }
  body.direction-b:not([data-page="audit"]) main { padding: 12px 16px 22px; }
  body[data-page="knowledge"] .workspace-grid.library-grid-price { grid-template-columns: 1fr; }
  body[data-page="knowledge"] .library-price-main { grid-column: 1; min-height: 560px; }
  body[data-page="knowledge"] .library-price-heading-actions { gap: 6px 12px; }
  body.direction-b.assets-app .asset-toolbar { flex-wrap: wrap; gap: 8px; }
  body.direction-b.assets-app .asset-library-tools { justify-content: flex-start; }
  body.direction-b.assets-app .asset-workspace { grid-template-columns: 1fr; }
  body.direction-b.assets-app :is(.asset-list-panel, .asset-stage, .asset-review) { position: static; grid-row: auto; grid-column: auto; height: 520px; }
  body.direction-b.assets-app .asset-list-panel { height: 400px; }
}

/* Evidence archives stay inside the established execution workspace. */
.case-panel{margin-bottom:16px}.case-select{display:flex;align-items:center;gap:12px;margin:14px 0 20px}.case-select>label{font-size:13px;color:#746b5e;white-space:nowrap}.case-select select{flex:1;min-width:0;background:#f8f7f4;border:1px solid #dedbd4;border-radius:9px;padding:11px;color:#27241d;font:inherit;font-size:14px}.case-title{background:#f4f1ea;padding:18px 20px;border-radius:12px;margin-bottom:12px}.case-title>span,.case-title>p{color:#756d5f;font-size:12px;margin:0}.case-title h3{font-size:19px;line-height:1.5;margin:8px 0}.case-section{border-bottom:1px solid #e5e1d9;padding:13px 0}.case-section>summary,.case-legacy>summary{cursor:pointer;font-size:14px;font-weight:600}.case-section-body{padding:12px 0}.case-text{white-space:pre-wrap;font-size:14px;line-height:1.85}.case-finding,.case-knowledge,.case-output{padding:13px 0;border-bottom:1px solid #efede8}.case-finding:last-child,.case-knowledge:last-child{border:0}.case-finding blockquote{margin:8px 0;padding:9px 14px;background:#f5f3ef;font-size:14px}.case-finding p,.case-knowledge p,.case-output p{font-size:13px;line-height:1.8}.case-knowledge h4,.case-output h4{font-size:14px;margin:0 0 8px}.case-decision{font-size:12px;color:#236b9b}.case-danger{color:#bc3e32}.case-meta,.case-empty,.case-finding small,.case-knowledge small{color:#796f61;font-size:12px;line-height:1.65}.case-materials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.case-materials figure{margin:0;background:#f7f5f1;border-radius:10px;overflow:hidden}.case-materials img{width:100%;height:180px;object-fit:contain;background:#fff}.case-materials figcaption{padding:10px;font-size:12px;line-height:1.6}.case-materials small{display:block;color:#857b6e}.case-table-scroll{overflow-x:auto}.case-table{border-collapse:collapse;width:100%;text-align:left;font-size:13px}.case-table th{background:#f4f1eb;color:#6e665b;font-weight:500;white-space:nowrap}.case-table td,.case-table th{padding:13px 12px;border-bottom:1px solid #e9e5de;vertical-align:top}.case-table td:first-child{max-width:350px;min-width:210px}.case-table strong{font-size:13px;line-height:1.6;font-weight:500}.case-table small{display:block;font-size:11px;color:#887e6f;margin-top:6px}.case-measurement{min-width:120px}.case-measurement>summary{cursor:pointer;color:#6c5b36}.case-measurement form{width:250px;padding-top:12px}.case-measurement label{display:grid;gap:5px;font-size:12px;margin-bottom:10px}.case-measurement input,.case-measurement textarea{width:100%;box-sizing:border-box;border:1px solid #dbd5ca;border-radius:6px;padding:8px;font:inherit;background:#fff}.case-legacy{background:#f5f2ec;padding:16px;border-radius:12px}.case-legacy[open]>summary{margin-bottom:18px}@media(max-width:750px){.case-select{flex-wrap:wrap}.case-select select{flex-basis:70%}.case-materials{grid-template-columns:repeat(2,minmax(0,1fr))}.case-title{padding:14px}.case-title h3{font-size:17px}.case-table td,.case-table th{padding:10px 8px}}
