/* Clever Signs 12.33 — approved shared header language.
   Explicit server-marked headers only. No global h1/card/form rewriting, no print changes.
   Keep this AFTER screen assets and BEFORE administrator custom CSS. */
@media screen {
  body {
    --ch-ink: var(--ui-text, #1b2940);
    --ch-muted: var(--ui-muted, #65758b);
    --ch-line: var(--ui-border, #dfe6ef);
    --ch-primary: var(--ui-primary, var(--brand-secondary, var(--m-brand, #1463ff)));
    --ch-on-primary: var(--ui-on-primary, var(--brand-secondary-contrast, #fff));
    --ch-soft: var(--ui-surface-soft, #f5f7fa);
    --ch-paper: var(--ui-surface, #fff);
    --ch-radius: 14px;
    --ch-pad: clamp(18px, 1.65vw, 26px);
  }
  /* Shared structural contract. No minimum-height hero or giant title. */
  body:not(.print-page) [data-cs-header][data-cs-header] {
    box-sizing: border-box; display:flex; flex-direction:row; align-items:center; justify-content:space-between;
    flex-wrap:wrap; gap:20px 28px; min-width:0; min-height:0; height:auto;
    padding:var(--ch-pad); margin:0 0 18px; border:1px solid var(--ch-line);
    border-radius:var(--ch-radius); background:var(--ch-paper); color:var(--ch-ink);
    box-shadow:0 2px 9px rgb(18 38 63 / 3%); overflow:visible;
  }
  body:not(.print-page) .workspace-page > [data-cs-header][data-cs-header] { margin-block:0; }
  body:not(.print-page) [data-cs-header][data-cs-header] > :first-child:not(h1):not(a):not(button):not(form) { min-width:0; flex:1 1 380px; }
  body:not(.print-page) [data-cs-header][data-cs-header] h1 {
    font-size:clamp(23px, 1.8vw, 29px); line-height:1.24; letter-spacing:-.025em;
    font-weight:700; color:var(--ch-ink); margin:5px 0 7px; overflow-wrap:anywhere;
    max-width:100%; text-wrap:pretty;
  }
  body:not(.print-page) [data-cs-header][data-cs-header] h1 a { color:inherit; }
  body:not(.print-page) [data-cs-header][data-cs-header] p {
    font-size:14px; font-weight:400; line-height:1.55; color:var(--ch-muted);
    max-width:85ch; margin:0; overflow-wrap:anywhere;
  }
  body:not(.print-page) [data-cs-header][data-cs-header] :is(.eyebrow,.rw-kicker,.ag-eyebrow,.wa-eyebrow,.m-eyebrow,.cs-heading-kicker) {
    font-size:11px; line-height:1.4; letter-spacing:.07em; font-weight:600; color:var(--ch-muted);
  }
  body:not(.print-page) [data-cs-header][data-cs-header] :is(.eyebrow,.rw-kicker,.ag-eyebrow,.wa-eyebrow,.m-eyebrow) { display:block; margin:0 0 5px; }
  body:not(.print-page) [data-cs-header][data-cs-header] :is(.head-actions,.hero-actions,.page-head-actions,.rw-actions,.cw-customer-actions,.sp-header-actions,.fs-actions,.ag-actions,.wa-page-actions,.wa-actions,.xero-actions,.document-view-actions,.invoice-command-actions,.finance-cockpit-actions,.job-editor-hero-actions,.operation-actions,.pw-actions,.portal-hero-actions,.portal-ai-hero-actions,.portal-order-hero-actions,.cs-heading-actions) {
    display:flex; flex:0 1 auto; align-items:center; justify-content:flex-end; flex-direction:row;
    flex-wrap:wrap; gap:8px; min-width:0; max-width:100%; margin:0; padding:0;
    background:none; border:0; box-shadow:none;
  }
  body:not(.print-page) [data-cs-header][data-cs-header] :is(.btn,button:not(.cs-choice)):not(.cs-dialog-close) {
    box-sizing:border-box; min-height:38px; max-width:100%; padding:9px 13px;
    border-radius:8px; font-size:13px; line-height:1.35; font-weight:600;
    white-space:normal; text-align:center; overflow-wrap:anywhere; box-shadow:none;
  }
  body:not(.print-page) [data-cs-header][data-cs-header] .btn.primary { background:var(--ch-primary); color:var(--ch-on-primary); border:1px solid var(--ch-primary); }
  body:not(.print-page) [data-cs-header][data-cs-header] .btn.secondary { background:var(--ch-paper); color:var(--ch-ink); border:1px solid var(--ch-line); }
  body:not(.print-page) [data-cs-header][data-cs-header] .btn.ghost { color:var(--ch-muted); background:transparent; }
  body:not(.print-page) [data-cs-header][data-cs-header] :is(.status-badge,.status-pill,.priority-badge,.type-badge,.revision-pill,.source-pill) {
    display:inline-flex; align-items:center; gap:5px; flex:none; max-width:100%;
    padding:5px 9px; font-size:11px; line-height:1.35; font-weight:600;
    letter-spacing:0; border-radius:999px; white-space:normal;
  }
  body:not(.print-page) [data-cs-header][data-cs-header] .ui-icon, body .cs-breadcrumb .ui-icon { width:18px; height:18px; flex:none; }
  body:not(.print-page) [data-cs-header][data-cs-header] :is(.title-status-row,.commercial-builder-title-line-v128,.sp-title-row,.cs-heading-title-row) {
    display:flex; align-items:center; flex-wrap:wrap; gap:8px 12px; min-width:0;
  }
  body:not(.print-page) [data-cs-header][data-cs-header] :is(.title-status-row,.commercial-builder-title-line-v128,.sp-title-row,.cs-heading-title-row) h1 { margin:0; }
  body:not(.print-page) [data-cs-header][data-cs-header] :is(.cw-customer-meta,.sp-meta,.commercial-builder-meta-v128,.cs-heading-meta) {
    display:flex; align-items:center; flex-wrap:wrap; gap:8px 20px; min-width:0;
    padding:0; margin:10px 0 0; font-size:13px; color:var(--ch-muted);
  }
  body:not(.print-page) [data-cs-header][data-cs-header] :is(.commercial-builder-meta-v128,.sp-meta) > span { border:0; padding:0; background:none; display:inline-flex; flex-wrap:wrap; gap:5px; align-items:baseline; }
  body:not(.print-page) [data-cs-header][data-cs-header] :is(.commercial-builder-meta-v128,.sp-meta) :is(small,strong,b) { font-size:13px; }
  body:not(.print-page) [data-cs-header][data-cs-header] :is(.commercial-builder-meta-v128,.sp-meta) :is(strong,b) { font-weight:600; color:var(--ch-ink); }
  body:not(.print-page) [data-cs-header][data-cs-header] :is(.cw-customer-identity,.sp-identity) { display:flex; align-items:center; gap:18px; min-width:0; }
  body:not(.print-page) [data-cs-header][data-cs-header] :is(.cw-customer-identity,.sp-identity) > :last-child { min-width:0; }
  body:not(.print-page) [data-cs-header][data-cs-header] :is(.rm-thumb--large,.rm-thumb.large,.sp-avatar) { width:64px; height:64px; min-width:64px; border-radius:11px; flex:none; }
  body:not(.print-page) [data-cs-header][data-cs-header].m-page-head { display:block; }
  body:not(.print-page) [data-cs-header][data-cs-header].m-page-head > * { max-width:100%; }
  body:not(.print-page) [data-cs-header][data-cs-header].m-page-head .m-row { justify-content:space-between; }
  body:not(.print-page) [data-cs-header][data-cs-header].m-page-head h1 { font-size:25px; }
  /* Deliberate disclosure keeps every original node, handler, submitter and form owner. */
  body .cs-header-overflow { position:relative; display:block; flex:none; margin:0; padding:0; border:0; background:none; }
  body .cs-header-overflow > summary { cursor:pointer; display:flex; align-items:center; justify-content:center; gap:8px; list-style:none; margin:0; user-select:none; }
  body .cs-header-overflow > summary::-webkit-details-marker { display:none; }
  body .cs-header-overflow > summary::marker { content:''; }
  body .cs-header-overflow > summary:focus-visible { outline:2px solid var(--ch-primary); outline-offset:3px; }
  body .cs-header-overflow[open] > summary { border-color:var(--ch-primary); }
  body .cs-header-popover {
    position:absolute; inset:calc(100% + 8px) 0 auto auto; z-index:75; width:max-content;
    min-width:220px; max-width:min(340px, calc(100vw - 40px)); max-height:min(65dvh,520px);
    overflow:auto; display:flex; flex-direction:column; gap:6px; padding:10px;
    background:var(--ch-paper); border:1px solid var(--ch-line); border-radius:12px;
    box-shadow:0 12px 36px rgb(20 38 62 / 14%);
  }
  body .cs-header-overflow:not([open]) > .cs-header-popover { display:none; }
  body .cs-header-popover :is(.btn,button), body .cs-header-popover > a { justify-content:flex-start; text-align:left; width:100%; min-height:38px; margin:0; }
  body .cs-header-popover :is(form,.job-command-secondary-actions,.job-command-record-actions) { display:flex; flex-direction:column; gap:6px; margin:0; padding:0; border:0; background:none; }
  body .cs-header-popover :is(.job-command-record-actions) { border-top:1px solid var(--ch-line); margin-top:4px; padding-top:8px; }
  body .cs-header-popover .danger { color:var(--ui-danger,#b42318); }
  body .cs-header-secondary { padding:12px 22px; margin:0; border-top:1px solid var(--ch-line); }
  body .cs-header-secondary > summary { cursor:pointer; color:var(--ch-muted); font-size:13px; }
  body .cs-header-secondary[open] > summary { margin-bottom:14px; }
  /* Shared contextual navigation: genuine links remain links, not pretend ARIA tabs. */
  body:not(.print-page) [data-cs-tabs][data-cs-tabs] {
    display:flex; align-items:center; flex-wrap:nowrap; gap:4px; width:100%; min-width:0;
    padding:0 12px; margin:0 0 18px; background:var(--ch-paper); border:1px solid var(--ch-line);
    border-radius:11px; overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:thin;
    box-shadow:none; position:relative; top:auto; z-index:1;
  }
  body:not(.print-page) [data-cs-tabs][data-cs-tabs] > :is(a,button) {
    display:inline-flex; align-items:center; justify-content:center; gap:7px; flex:none;
    min-height:48px; margin:0; padding:12px 14px; font-size:13px; font-weight:550;
    color:var(--ch-muted); border:0; border-bottom:3px solid transparent;
    border-radius:0; background:none; white-space:nowrap; text-decoration:none;
  }
  body:not(.print-page) [data-cs-tabs][data-cs-tabs] > :is(a,button):is(.active,.is-active,[aria-current=page],[aria-current=location],[aria-selected=true]) { color:var(--ch-primary); border-bottom-color:var(--ch-primary); background:none; }
  body:not(.print-page) [data-cs-tabs][data-cs-tabs] > :is(a,button):hover { color:var(--ch-primary); background:var(--ch-soft); }
  body:not(.print-page) [data-cs-tabs][data-cs-tabs] > :is(a,button):focus-visible { outline:2px solid var(--ch-primary); outline-offset:-4px; }
  body:not(.print-page) .workspace-page > [data-cs-tabs][data-cs-tabs] { margin:0; }
  /* Job identity and command band: real scoped data, not mock-up percentages. */
  body .cs-breadcrumb { display:flex; gap:10px; align-items:center; flex-wrap:wrap; color:var(--ch-muted); font-size:13px; margin:0 0 12px; }
  body .workspace-page > .cs-breadcrumb { margin:0; }
  body .cs-breadcrumb a { display:inline-flex; align-items:center; gap:7px; color:var(--ch-muted); }
  body .cs-breadcrumb [aria-current] { font-weight:600; color:var(--ch-ink); }
  body:not(.print-page) [data-cs-header][data-cs-header].cs-job-header { display:grid; grid-template-columns:minmax(0,1fr) minmax(250px,330px); gap:24px; padding:24px; }
  .cs-job-identity { display:flex; align-items:center; gap:20px; min-width:0; }
  .cs-job-visual { flex:none; width:100px; height:100px; border-radius:11px; background:var(--ch-soft); display:grid; place-items:center; border:1px solid var(--ch-line); overflow:hidden; }
  body:not(.print-page) [data-cs-header][data-cs-header] .cs-job-visual .ui-icon { width:38px; height:38px; color:var(--ch-muted); }
  .cs-job-visual img { display:block; width:100%; height:100%; object-fit:contain; }
  .cs-job-heading-copy { min-width:0; }
  .cs-heading-kicker { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-bottom:8px; }
  body .cs-job-ref { color:var(--ch-muted); font-size:12px; font-weight:600; letter-spacing:0; }
  body .cs-heading-meta > span { display:inline-flex; align-items:center; gap:8px; min-width:0; overflow-wrap:anywhere; }
  body .cs-heading-meta b { color:var(--ch-ink); font-weight:600; }
  body .cs-job-command-side { display:flex; flex-direction:column; justify-content:space-between; gap:20px; min-width:0; }
  body .cs-job-header :is(.job-command-actions,.job-command-primary-actions) { display:flex; flex-direction:row; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:8px; margin:0; padding:0; }
  body .cs-manufacturing-progress { width:100%; max-width:330px; align-self:flex-end; }
  .cs-manufacturing-progress > div { display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:12px; color:var(--ch-muted); }
  .cs-manufacturing-progress strong { font-size:19px; color:var(--ch-ink); }
  .cs-manufacturing-progress progress { display:block; width:100%; height:7px; margin:5px 0 4px; border:0; border-radius:9px; overflow:hidden; accent-color:var(--ch-primary); background:#e7ecf2; }
  .cs-manufacturing-progress progress::-webkit-progress-bar { background:#e7ecf2; border-radius:9px; }
  .cs-manufacturing-progress progress::-webkit-progress-value { background:var(--ch-primary); border-radius:9px; }
  .cs-manufacturing-progress progress::-moz-progress-bar { background:var(--ch-primary); }
  .cs-manufacturing-progress small { display:block; font-size:11px; color:var(--ch-muted); text-align:right; }
  body .cs-job-workspace.js32-operation { border:0; background:none; border-radius:0; padding:0; margin:0 0 18px; box-shadow:none; }
  body .cs-job-workspace .js32-stage-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:0 0 16px; }
  body .cs-job-workspace .js32-stage-grid > div { display:grid; grid-template-columns:32px 1fr; align-items:center; gap:4px 14px; padding:16px 20px; border:1px solid var(--ch-line); border-radius:12px; background:var(--ch-paper); min-width:0; }
  .cs-job-workspace .cs-stage-icon { grid-row:1/4; color:var(--ch-muted); display:grid; place-items:center; }
  .cs-job-workspace .cs-stage-icon .ui-icon { width:28px; height:28px; }
  body .cs-job-workspace .js32-stage-grid small { color:var(--ch-muted); font-size:12px; }
  body .cs-job-workspace .js32-stage-grid strong { font-size:22px; line-height:1.2; color:var(--ch-ink); }
  body .cs-job-workspace .js32-stage-grid span:not(.cs-stage-icon) { font-size:11px; }
  .cs-job-overview-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr) minmax(0,1.1fr); gap:16px; align-items:stretch; }
  .cs-job-overview-grid > article { min-width:0; padding:20px; background:var(--ch-paper); border:1px solid var(--ch-line); border-radius:12px; }
  .cs-job-overview-grid h3 { font-size:15px; line-height:1.3; font-weight:650; margin:0 0 16px; color:var(--ch-ink); }
  body .cs-job-workspace .js32-operation-head { display:block; padding:0; margin:0; }
  body .cs-job-workspace .js32-operation-head h2 { font-size:20px; line-height:1.3; margin:0 0 8px; color:var(--ch-ink); }
  body .cs-job-workspace .js32-operation-head p { font-size:13px; line-height:1.6; margin:0 0 16px; }
  body .cs-job-workspace .js32-operation-head > .btn { display:flex; width:100%; min-height:40px; font-size:13px; border-radius:8px; white-space:normal; padding:10px 12px; }
  body .cs-job-workspace .js32-other-actions { margin:12px 0 0; gap:8px; }
  .cs-job-dates { display:flex; flex-direction:column; margin:0; gap:0; }
  .cs-job-dates > div { display:flex; align-items:start; justify-content:space-between; gap:12px; padding:12px 0; border-bottom:1px solid var(--ch-line); }
  .cs-job-dates > div:first-child { padding-top:0; }
  .cs-job-dates > div:last-child { border:0; padding-bottom:0; }
  .cs-job-dates dt { display:flex; align-items:center; gap:7px; font-size:12px; color:var(--ch-muted); }
  .cs-job-dates dt .ui-icon { width:16px; height:16px; flex:none; }
  .cs-job-dates dd { margin:0; text-align:right; font-size:13px; color:var(--ch-ink); overflow-wrap:anywhere; }
  body .cs-job-workspace .js32-doc-strip { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:stretch; gap:8px; margin:0; padding:0; border:0; }
  body .cs-job-workspace .js32-doc-strip .btn { display:flex; justify-content:flex-start; min-height:42px; padding:9px 11px; gap:8px; border:1px solid var(--ch-line); border-radius:8px; font-size:12px; line-height:1.4; font-weight:550; white-space:normal; }
  .cs-job-workspace .js32-doc-strip .btn .ui-icon { width:17px; height:17px; flex:none; }
  body .cs-job-workspace .js32-doc-strip .btn:last-child { grid-column:1/-1; }
  body .cs-job-workspace > .js32-details, body .cs-job-preparation { padding:14px 18px; background:var(--ch-paper); border:1px solid var(--ch-line); border-radius:11px; margin:14px 0 0; }
  body .cs-job-workspace > .js32-details > summary, body .cs-job-preparation > summary { cursor:pointer; color:var(--ch-muted); font-size:13px; line-height:1.4; font-weight:550; }
  body .cs-job-workspace > .js32-details[open] > summary, body .cs-job-preparation[open] > summary { margin-bottom:16px; }
  body .cs-secondary-content { display:flex; flex-direction:column; gap:16px; min-width:0; padding:0; }
  body .cs-secondary-content .rq-identity { display:flex; flex-wrap:wrap; align-items:baseline; gap:8px 16px; padding:12px 16px; margin:0; border:1px solid var(--ch-line); border-radius:9px; background:var(--ch-soft); }
  body .cs-secondary-content .rq-identity :is(span,strong,small) { margin:0; font-size:12px; }
  body .cs-secondary-content .virtual-job-overview { margin:0; gap:16px; }
  body .cs-secondary-content .virtual-job-overview > article { margin:0; box-shadow:none; }
  body .cs-secondary-content .readiness-score strong { font-size:24px; }
  body .workspace-page > .cs-job-workspace.js32-operation, body .workspace-page > .cs-job-preparation.cs-job-preparation { margin-block:0; }
  /* Compact financial headers retain real document totals and official values. */
  body:not(.print-page) [data-cs-header][data-cs-header].finance-document-cockpit { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:start; gap:20px; }
  body:not(.print-page) [data-cs-header][data-cs-header] .finance-cockpit-kicker { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin:0 0 7px; font-size:11px; }
  body:not(.print-page) [data-cs-header][data-cs-header] .finance-cockpit-links { display:flex; flex-wrap:wrap; gap:14px 24px; margin:16px 0 0; padding:0; background:none; border:0; }
  body:not(.print-page) [data-cs-header][data-cs-header] .finance-cockpit-links > * { padding:0; background:none; border:0; border-radius:0; min-width:0; }
  body:not(.print-page) [data-cs-header][data-cs-header] .finance-cockpit-links span { display:block; font-size:11px; letter-spacing:0; color:var(--ch-muted); }
  body:not(.print-page) [data-cs-header][data-cs-header] .finance-cockpit-links strong { display:block; font-size:14px; font-weight:600; color:var(--ch-ink); }
  body:not(.print-page) [data-cs-header][data-cs-header] .finance-cockpit-links small { font-size:12px; }
  body:not(.print-page) [data-cs-header][data-cs-header] :is(.finance-cockpit-actions,.invoice-command-actions) { width:auto; min-width:0; max-width:500px; }
  body:not(.print-page) [data-cs-header][data-cs-header] :is(.finance-cockpit-actions,.invoice-command-actions) > .btn { width:auto; min-width:0; flex:0 1 auto; }
  body .invoice-command-centre { background:var(--ch-paper); border:1px solid var(--ch-line); border-radius:var(--ch-radius); box-shadow:none; overflow:visible; }
  body .invoice-command-centre [data-cs-header] { border:0; box-shadow:none; border-radius:var(--ch-radius) var(--ch-radius) 0 0; margin:0; }
  body .invoice-command-grid { display:block; padding:0 22px 18px; gap:0; margin:0; }
  body .invoice-command-grid .invoice-command-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; padding:0; border:0; }
  body .invoice-command-metrics article { padding:14px 16px; min-width:0; border:0; border-radius:9px; background:var(--ch-soft); }
  body .invoice-command-metrics article > strong { font-size:23px; line-height:1.3; }
  body .invoice-command-metrics article > span { font-size:11px; }
  body .invoice-command-metrics article > small { font-size:12px; }
  body .invoice-command-account { padding:0; background:none; border:0; }
  body .invoice-command-footer { padding:12px 22px; gap:20px; border-top:1px solid var(--ch-line); background:none; }
  body .invoice-command-footer dd { font-size:13px; }
  body .finance-document-lifecycle { padding:12px 18px; gap:10px; min-height:0; border-radius:11px; }
  body .finance-document-lifecycle > div { padding:8px 12px; min-height:0; }
  body .finance-document-lifecycle strong { font-size:13px; }
  body .finance-document-lifecycle small { font-size:10px; }
  /* Context targets opened from the compact links should not hide behind a sticky topbar. */
  body :is(#job-operation,#job-items,#job-documents,#job-logistics,#job-history) { scroll-margin-top:90px; }
  @media (max-width:1100px) {
    body:not(.print-page) [data-cs-header][data-cs-header].cs-job-header { grid-template-columns:minmax(0,1fr); }
    body .cs-job-command-side { flex-direction:row; align-items:center; gap:24px; }
    body .cs-job-header .job-command-actions { justify-content:flex-start; }
    .cs-manufacturing-progress { flex:0 1 270px; }
    .cs-job-overview-grid { grid-template-columns:1fr 1fr; }
    .cs-job-overview-grid > .cs-job-documents { grid-column:1/-1; }
    body .cs-job-workspace .js32-doc-strip { grid-template-columns:repeat(3,minmax(0,1fr)); }
    body .cs-job-workspace .js32-doc-strip .btn:last-child { grid-column:auto; }
  }
  @media (max-width:760px) {
    body:not(.print-page) [data-cs-header][data-cs-header] { align-items:flex-start; gap:18px; padding:18px; border-radius:12px; }
    body:not(.print-page) [data-cs-header][data-cs-header] > :first-child:not(h1):not(a):not(button):not(form) { flex-basis:100%; }
    body:not(.print-page) [data-cs-header][data-cs-header] :is(.head-actions,.hero-actions,.page-head-actions,.rw-actions,.cw-customer-actions,.sp-header-actions,.fs-actions,.ag-actions,.wa-page-actions,.wa-actions,.xero-actions,.document-view-actions,.invoice-command-actions,.finance-cockpit-actions,.job-editor-hero-actions,.operation-actions,.pw-actions,.portal-hero-actions,.portal-ai-hero-actions,.portal-order-hero-actions,.cs-heading-actions) { justify-content:flex-start; flex-basis:100%; }
    body:not(.print-page) [data-cs-header][data-cs-header] .btn { min-height:42px; }
    body:not(.print-page) [data-cs-header][data-cs-header].cs-job-header { padding:18px; gap:18px; }
    .cs-job-identity { gap:14px; align-items:flex-start; }
    .cs-job-visual { width:64px; height:64px; border-radius:9px; }
    body .cs-job-command-side { flex-direction:column; align-items:stretch; gap:14px; }
    body .cs-manufacturing-progress { max-width:none; flex:auto; align-self:stretch; }
    body .cs-job-workspace .js32-stage-grid { gap:8px; }
    body .cs-job-workspace .js32-stage-grid > div { display:flex; flex-direction:column; flex-wrap:nowrap; align-items:flex-start; padding:12px; gap:5px; }
    .cs-job-workspace .cs-stage-icon { display:none; }
    body .cs-job-workspace .js32-stage-grid strong { font-size:19px; }
    body .cs-job-workspace .js32-stage-grid small { font-size:11px; flex-basis:auto; min-height:30px; }
    body .cs-job-workspace .js32-stage-grid > div > * { max-width:100%; overflow-wrap:anywhere; }
    body .cs-job-header :is(.job-command-actions,.job-command-primary-actions) { width:auto; flex-direction:row; flex-wrap:wrap; }
    body .cs-job-header .job-command-primary-actions { flex:1 1 auto; }
    body .cs-job-header .job-command-primary-actions .btn { flex:1 1 auto; width:auto; }
    .cs-job-overview-grid { grid-template-columns:minmax(0,1fr); gap:12px; }
    .cs-job-overview-grid > article { padding:18px; }
    .cs-job-overview-grid > .cs-job-documents { grid-column:auto; }
    body .cs-job-workspace .js32-doc-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }
    body .cs-job-workspace .js32-doc-strip .btn:last-child { grid-column:1/-1; }
    body:not(.print-page) [data-cs-tabs][data-cs-tabs] { padding:0 6px; border-radius:9px; }
    body:not(.print-page) [data-cs-tabs][data-cs-tabs] > :is(a,button) { padding:12px; min-height:46px; }
    body:not(.print-page) [data-cs-header][data-cs-header].finance-document-cockpit { grid-template-columns:minmax(0,1fr); }
    body .invoice-command-grid { padding:0 16px 16px; }
    body .invoice-command-grid .invoice-command-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
    body .invoice-command-metrics article > strong { font-size:20px; overflow-wrap:anywhere; }
    body .invoice-command-footer { flex-wrap:wrap; padding:12px 16px; }
    body .cs-header-popover { inset-inline:auto; left:0; max-width:calc(100vw - 40px); min-width:min(240px, calc(100vw - 40px)); }
    body .cs-header-overflow.cs-overflow-right .cs-header-popover { left:auto; right:0; }
  }
  @media (prefers-reduced-motion:reduce) { body:not(.print-page) [data-cs-header][data-cs-header] *, body:not(.print-page) [data-cs-tabs][data-cs-tabs] * { scroll-behavior:auto; transition:none; } }
  @media (forced-colors:active) { body:not(.print-page) [data-cs-tabs][data-cs-tabs] > [aria-current] { border-bottom-color:Highlight; } body .cs-header-popover { border:1px solid CanvasText; } }
}


/* 12.41: three independent rows; a finance summary never dictates identity height. */
@media screen {
  body:not(.print-page) [data-cs-header][data-cs-header][data-cs-job-layout="compact-1241"] {
    grid-template-columns:minmax(0,1fr) minmax(250px,auto); align-items:start;
    gap:18px 24px; padding:22px 24px;
  }
  body [data-cs-job-layout="compact-1241"] > .cs-job-identity {
    align-items:flex-start; gap:16px; align-self:start; margin:0; padding:0; min-height:0;
  }
  body [data-cs-job-layout="compact-1241"] .cs-job-visual { width:80px; height:80px; }
  body [data-cs-job-layout="compact-1241"] > .cs-job-command-side {
    display:block; margin:0; padding:0; align-self:start; max-width:560px; min-width:0;
  }
  body [data-cs-job-layout="compact-1241"] .job-command-actions { gap:8px; }
  body [data-cs-job-layout="compact-1241"] .job-command-primary-actions { gap:8px; flex-wrap:wrap; }
  body [data-cs-job-layout="compact-1241"] > .jf34-order-facts {
    grid-column:1/-1; display:grid; grid-template-columns:1.15fr 1fr 1fr;
    width:auto; margin:0; padding:14px 0 0; border-top:1px solid var(--ch-line); gap:14px 24px;
  }
  body [data-cs-job-layout="compact-1241"] > .jf34-order-facts > div { min-width:0; }
  body [data-cs-job-layout="compact-1241"] .jf34-order-facts dd { font-size:15px; }
  body [data-cs-job-layout="compact-1241"] .jf34-order-facts .jf34-po dd { font-size:18px; }
  body [data-cs-job-layout="compact-1241"] > .cs-job-summary-band {
    grid-column:1/-1; display:grid; grid-template-columns:minmax(210px,.7fr) minmax(0,1.65fr);
    align-items:start; min-width:0; gap:18px 28px; margin:0; padding:16px 0 0;
    border-top:1px solid var(--ch-line);
  }
  body [data-cs-job-layout="compact-1241"] > .cs-job-summary-band.is-operational-only { grid-template-columns:minmax(0,440px); }
  body [data-cs-job-layout="compact-1241"] .cs-manufacturing-progress { margin:0; align-self:start; max-width:none; }
  body [data-cs-job-layout="compact-1241"] .jf34-header-finance { margin:0; padding:0 0 0 24px; border:0; border-left:1px solid var(--ch-line); }
  body [data-cs-job-layout="compact-1241"] .jf34-header-finance-title { margin:0 0 10px; }
  body [data-cs-job-layout="compact-1241"] .jf34-header-currency {
    display:grid; grid-template-columns:minmax(120px,.85fr) minmax(0,2fr); align-items:start; gap:8px 18px;
  }
  body [data-cs-job-layout="compact-1241"] .jf34-header-currency > .jf34-status { justify-self:start; max-width:100%; white-space:normal; }
  body [data-cs-job-layout="compact-1241"] .jf34-header-currency dl { margin:0; max-width:none; gap:16px; }
  body [data-cs-job-layout="compact-1241"] .jf34-header-unbilled { grid-column:1/-1; font-size:12px; }
  body [data-cs-job-layout="compact-1241"] .jf34-header-currency + .jf34-header-currency { margin-top:14px; padding-top:12px; border-top:1px solid var(--ch-line); }
  @media (max-width:1150px) {
    body:not(.print-page) [data-cs-header][data-cs-header][data-cs-job-layout="compact-1241"] { grid-template-columns:minmax(0,1fr); }
    body [data-cs-job-layout="compact-1241"] > .cs-job-command-side { max-width:none; width:100%; }
    body [data-cs-job-layout="compact-1241"] .job-command-actions { justify-content:flex-start; }
    body [data-cs-job-layout="compact-1241"] .jf34-header-currency { grid-template-columns:minmax(0,1fr); }
  }
  @media (max-width:760px) {
    body:not(.print-page) [data-cs-header][data-cs-header][data-cs-job-layout="compact-1241"] { padding:18px; gap:16px; }
    body [data-cs-job-layout="compact-1241"] > .cs-job-identity { display:flex; gap:14px; }
    body [data-cs-job-layout="compact-1241"] .cs-job-heading-copy { display:block; }
    body [data-cs-job-layout="compact-1241"] .cs-job-visual { width:56px; height:56px; }
    body [data-cs-job-layout="compact-1241"] > .jf34-order-facts { grid-template-columns:repeat(2,minmax(0,1fr)); }
    body [data-cs-job-layout="compact-1241"] > .jf34-order-facts > .jf34-po { grid-column:1/-1; }
    body [data-cs-job-layout="compact-1241"] > .cs-job-summary-band { grid-template-columns:minmax(0,1fr); }
    body [data-cs-job-layout="compact-1241"] .jf34-header-finance { border-left:0; border-top:1px solid var(--ch-line); padding:14px 0 0; }
    body [data-cs-job-layout="compact-1241"] .jf34-header-currency dl { gap:10px; }
  }
}
