.attention-yellow{background:#fff5d6}.attention-red{background:#ffe1df}.action-row{padding:14px;margin:12px 0;border-left:4px solid #996f10}.attention-red.action-row{border-left-color:#a02626}.mail-preview{font-family:Aptos,Calibri,sans-serif;font-size:12pt;white-space:normal;overflow-wrap:anywhere}label{max-width:100%}details summary{cursor:pointer;font-weight:600;padding:8px 0}code{user-select:all}dt{font-weight:600;margin-top:16px}dd{margin-left:0}article+article{border-top:1px solid #d9e3ec;padding-top:12px}
.qs-batch-layout { display: grid; grid-template-columns: minmax(160px, .6fr) minmax(320px, 2fr) minmax(240px, 1fr); gap: 16px; align-items: start; }
.qs-document-list { position: sticky; top: 16px; max-height: 85vh; overflow: auto; }
.qs-document-list a { display: block; padding: 8px; border-radius: 6px; }
.qs-document-list [aria-current] { background: #e4edf7; color: #132f50; font-weight: 600; }
.qs-preview-column img { width: 100%; height: auto; }
.qs-controls .inline { margin-top: 16px; display: flex; flex-wrap: wrap; gap: 8px; }
.metrics > .metric-card { padding:22px 24px; background:white; border-top:3px solid #167f92; border-radius:7px; }
.site-overview { margin-top:32px; }
.total-overview { padding:28px; margin:0 -30px; background:#16384a; border:2px solid #285064; border-radius:16px; box-shadow:0 7px 20px #16384a14; }
.total-overview > p { color:#eef6fa; }
@media(max-width:850px) { .total-overview { margin:0 -10px; padding:8px; } }
@media(max-width:600px) { .metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } .metrics > a,.metrics > .metric-card { padding:18px 14px; overflow-wrap:anywhere; } }
.metrics .metric-card > a { display:block; padding:0; border:0; border-radius:0; background:transparent; text-decoration:none; }
.metrics .metric-card > a + a { margin-top:0; text-decoration:underline; font-size:15px; color:#526977; }
.metric-help summary{display:flex;align-items:center;justify-content:center;gap:8px;list-style:none;font-weight:400;padding:0}
.metric-help summary::-webkit-details-marker{display:none}
.metric-info{display:inline-flex;align-items:center;justify-content:center;border:1px solid #8aa5b4;border-radius:50%;width:18px;height:18px;font:italic 13px Georgia,serif;flex-shrink:0;color:#526977}
.metric-help p{font-size:14px;line-height:1.45;text-align:left;margin:12px 0}
.metric-help summary:focus-visible{outline:2px solid #167f92;outline-offset:5px;border-radius:3px}
.metric-state{display:block;color:#75571c;font-size:13px;min-height:1.2em}
.metric-state:empty{display:none}
.product-measurements { max-width:620px; }
.measurement-field { margin:18px 0; }
.measurement-field input:not([type=checkbox]) { width:100%; }
@media (max-width: 1100px) { .qs-batch-layout { grid-template-columns: 1fr 1fr; } .qs-document-list { position: static; grid-column: 1 / -1; max-height: 180px; } }
@media (max-width: 700px) { .qs-batch-layout { display: block; } }
[data-wall-models]{margin:.5rem 0 1rem 2rem;padding-left:1rem;border-left:2px solid #d9e3ec}
/* Compact reading rhythm; manufacturing data stays complete and left aligned. */
[hidden]{display:none!important}
.article-group-toggle { background: transparent; color: #096f87; padding: 0; text-align: inherit; }
.article-group-toggle:hover { background: transparent; color: #00586a; text-decoration: underline; }
.article-group-row td { background: #f6f9fb; }
tr[data-group-member] > td { background: #edf3f8; }
tr.article-group-end > td { border-bottom: 2px solid #c4d5df; }
[data-auto-filter][aria-busy=true]{opacity:.65;cursor:progress}
fieldset[data-watch-stage]{min-inline-size:0;max-width:100%;margin:16px 0;padding:12px;border:1px solid #cbdde5;border-radius:6px}
.order-count{font-size:1rem;font-weight:400;color:#526977;white-space:nowrap}
.total-overview{margin:0;padding:20px;background:#e7f0f4;border:1px solid #cbdde5;box-shadow:none}
.metrics > a,.metrics > .metric-card{text-align:center;padding:18px 20px}
.total-overview strong{font-size:2.5rem}
.site-overview .metrics strong{font-size:1.9rem;margin-top:8px}
.site-overview .metrics > a,.site-overview .metric-card{padding:14px 18px}
.toolbar-actions{margin-left:auto}
.request-sections details+details{border-top:1px solid #d9e3ec;margin-top:12px;padding-top:12px}
.request-sections summary{padding:8px 0;font-weight:600}
.request-sections details[open] summary{margin-bottom:16px}
.order-editor{max-width:1120px}
.order-editor table{width:auto;min-width:min(100%,680px)}
.order-editor th,.order-editor td{text-align:left;padding-right:28px;overflow-wrap:anywhere}
.order-editor .form-grid{grid-template-columns:repeat(2,minmax(0,420px));gap:0 24px}
.order-editor .postal-fields{display:grid;grid-template-columns:minmax(90px,160px) 90px minmax(120px,1fr);gap:24px;max-width:864px}
.order-editor .postal-fields input{width:100%}
.order-editor .workshop-addition{margin-top:28px}
@media(max-width:450px){.order-editor .postal-fields{grid-template-columns:minmax(90px,1fr) 90px;gap:0 16px}.order-editor .postal-city{grid-column:1/-1}}
.order-editor .product-measurements{max-width:100%;display:block}
.order-editor .measurement-field{margin:10px 0}
.order-editor .measurement-field input:not([type=checkbox]){width:180px}
.order-editor input[name=postal_code],.order-editor input[name=billing_postal_code]{max-width:140px}
.button.secondary{background:#e6eef4;color:#193044}
.button.secondary:hover{background:#cbdde9}
.attention-reasons{margin:0;padding:0;list-style:none;text-align:left;min-width:190px;max-width:360px}
.attention-reasons li+li{margin-top:10px}
.attention-reasons:has(>li:only-child.empty-value){text-align:center}
.job-menus details{border:0;background:transparent;padding:0}
.job-menus summary{border:0;border-radius:4px;padding:8px 10px}
.job-menus summary:hover{background:#e6eef4}
.job-menus summary:focus-visible{outline:2px solid #087f95;outline-offset:2px}
.job-menus details[open]>div{background:white;border:1px solid #d9e3ec;border-radius:6px;padding:8px 14px}
.scan-upload{display:flex;align-items:end;gap:14px;flex-wrap:wrap}
.scan-upload p{margin:0}
.site-document-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,480px),1fr));gap:20px;align-items:start}
.site-document-column{min-width:0}
.site-document-column table{table-layout:auto;font-size:.9rem;min-width:640px}
.site-document-column th,.site-document-column td{padding:8px;overflow-wrap:break-word}
.site-document-column th{white-space:nowrap}
.site-document-column .table-scroll:focus-visible{outline:2px solid #087f95;outline-offset:2px}
.order-action-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.customer-orders th,.customer-orders td{text-align:left}
.comparison-json{white-space:pre-wrap;overflow-wrap:anywhere;max-height:500px;overflow:auto;font-size:.85rem}
.data-comparison,.order-editor .data-comparison{table-layout:fixed;width:100%;min-width:480px}
.data-comparison .comparison-label{width:24%}
.data-comparison.quantity-comparison,.order-editor .data-comparison.quantity-comparison{min-width:680px}
.data-comparison th,.data-comparison td{padding:12px;text-align:left;overflow-wrap:anywhere}
.customer-orders .selected-order{background:#e4f3f5;box-shadow:inset 4px 0 #087f95}
.customer-orders small{display:block;margin-top:4px;font-weight:600}
.customer-orders .pagination{display:flex;justify-content:space-between;gap:16px;margin-top:16px;flex-wrap:wrap}
.parcel-heading{display:flex;align-items:start;justify-content:space-between;gap:16px;flex-wrap:wrap}
.parcel-heading h2{margin-top:0}
.extra-label-form{margin-left:auto;max-width:100%}
.extra-label-form summary{color:#087f95;cursor:pointer;font-weight:600;padding:8px}
.extra-label-form[open]{flex-basis:100%;background:#f5f8fa;padding:12px;border-radius:6px}
.extra-label-form input[type=number]{width:80px}
.case-parts{min-width:0}
.case-parts table{min-width:580px;table-layout:auto}
.case-parts th,.case-parts td{text-align:left;padding:10px}
.case-parts small{display:block;color:#526977;margin-top:4px}
.case-parts input[type=number]{width:88px}
.case-parts select{min-width:145px}
.case-layout{grid-template-columns:minmax(300px,1fr) minmax(800px,2fr)}
@media(max-width:1550px){.case-layout{grid-template-columns:1fr}}
.case-manual{margin-top:20px}
.case-manual #case-add-product{margin-top:20px}
.case-manual [data-remove-addition]{color:#526977}
.case-manual [data-remove-addition]:hover{color:#193044;background:#edf2f6}
.case-manual-row{display:flex;gap:12px;flex-wrap:wrap;border-top:1px solid #d9e3ec;margin-top:12px}
.case-manual-row p:first-child{flex:1;min-width:180px}
@media(max-width:700px){.order-editor .form-grid{grid-template-columns:1fr}.toolbar-actions{margin-top:12px}.order-count{display:block;white-space:normal}.total-overview{padding:10px}}
/* Shared article membership rows: labels above equal-height controls, wrapping. */
.component-rule-row { display:flex; flex-wrap:wrap; align-items:center; gap:1rem; padding:1rem 0; border-top:1px solid var(--border, #d8e3eb); }
.component-rule-row > label { display:flex; flex-direction:column; gap:.35rem; }
.component-rule-row > label:first-of-type { flex:2 1 18rem; }
.component-rule-row input:not([type=checkbox]) { width:7rem; }
.component-rule-row .component-check { flex-direction:row; align-items:center; }
.component-rule-row .component-check { align-self:flex-end; min-height:40px; margin-bottom:0; }
.field-help { margin-top:20px; }
.field-help summary { cursor:pointer; }
.actions.review-actions { align-items:flex-start; }
.release-action { display:flex; flex-direction:column; gap:8px; }
.release-action [data-release-reason] { max-width:24rem; }
button:disabled { background:#e1e7ec; color:#526977; cursor:not-allowed; opacity:1; }
.actions.document-actions { flex-direction:column; align-items:flex-start; }
.return-document-list { display:flex; flex-direction:column; align-items:flex-start; gap:var(--action-gap, .75rem); }
.return-document-list p { margin:0; }
.account > a { color:inherit; }
.account > a.quiet { display:block; }
.case-material-bulk { align-items:flex-end; gap:12px; }
.case-material-bulk > p { margin-bottom:0; }
.component-rule-row [hidden] { display:none; }
.component-rule-row[hidden] { display:none; }
[data-assembly-group] input[type=text] { width:100%; min-width:12rem; max-width:28rem; }
[data-assembly-member] > div { flex:2 1 18rem; }
[data-assembly-member] > label { flex:1 1 18rem; }
[data-product-result] { display: flow-root; }
/* A hold is still readable and actionable, not a disabled/transparent row. */
.pool-held { background:#edf0f3; color:#42556a; }
.b-stock-photos { display:flex; flex-wrap:wrap; gap:1rem; }
.b-stock-photos img { width:15rem; max-width:100%; height:12rem; object-fit:contain; }
.actions, .label-actions, .stock-actions, .toolbar-actions {
  display: flex; flex-wrap: wrap; align-items: center; gap: 12px;
}
.actions > form { margin: 0; }
.action-followup { margin-top: 12px; }
[data-scan-refresh].quiet { color: #526977; }
[data-scan-refresh].quiet:hover { color: #193044; background: #edf2f6; }
.qs-controls > form + a { display: inline-block; margin-top: 12px; }
.qs-page-choice { margin: 12px 0; padding: 12px; }
.qs-page-choice label { margin: 0; }
.qs-controls > form + form { margin-top: 12px; }
#final-add-product { margin-top: 20px; }
#final-additions [data-remove-addition] { color: #526977; }
/* Keep desktop navigation reachable without covering the mobile workspace. */
@media (min-width: 601px) {
  body > aside { position: sticky; top: 0; height: 100vh; height: 100dvh; overflow-y: auto; width: 250px; }
}
@media (min-width: 601px) and (max-width: 850px) { body > aside { width: 224px; } }
.actions [data-release-reason]:empty { display: none; }
.job-menus .link-button, .document-return .link-button, .template-choice .link-button {
  display: inline; padding: 0; border: 0; background: transparent;
  color: #007f96; font: inherit; text-decoration: underline; cursor: pointer;
}
.job-menus .link-button:hover, .document-return .link-button:hover, .template-choice .link-button:hover { color: #00586a; }
.job-menus .link-button:focus-visible, .document-return .link-button:focus-visible, .template-choice .link-button:focus-visible { outline: 2px solid #007f96; outline-offset: 3px; }
.template-choice { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.b-stock-field { margin: 0 0 20px; }
.b-stock-field small { display: block; margin-top: 6px; }
.parcel-group + .parcel-group { margin-top: 24px; padding-top: 20px; border-top: 1px solid #dbe5ed; }
.parcel-reference { overflow-wrap: anywhere; }
/* Each process owns its package area, with a clear boundary to its neighbour. */
.process-group + .process-group > .process-heading > td {
  border-top: 2px solid #b9ced9; padding-top: 24px;
}
.process-package-row > td { padding: 8px 12px 24px; text-align: left; }
.process-packages { padding: 8px 16px; border-left: 3px solid #b9ced9; border-radius: 4px; background: #f3f7fa; }
.process-packages .action-followup { margin-top: 8px; }
.process-packages td { background: #fff; }
/* Short metadata controls stay compact; document choices may use the full rail. */
@media (min-width: 1101px) {
  .qs-layout { grid-template-columns: minmax(0, 1fr) minmax(280px, 380px); }
}
.qs-layout > section { min-width: 0; }
.qs-layout .scan-preview { max-width: 100%; }
.qs-controls select[name="employee"], .qs-controls select[name="supplier"] {
  width: auto; min-width: 14ch; max-width: 100%;
}
.implicit-copack { color: #758591; }
aside nav { grid-template-columns: minmax(0, 1fr); }
aside nav a { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-width: 0; overflow-wrap: anywhere; }
aside .edition, aside .account { overflow-wrap: anywhere; }
aside nav a > span { min-width: 0; overflow-wrap: anywhere; }
.nav-count { flex: 0 0 auto; min-width: 24px; padding: 2px 6px; border-radius: 12px;
  font-size: 13px; line-height: 1.3; text-align: center; background: #8ed8e1; color: #16384a; }
.action-row .actions { align-items: flex-end; }
.action-row .actions label { margin: 0; }
.action-row input[name="days"] { width: 8ch; }

/* Return sheets zoom independently; the assignment controls keep their size. */
.qs-zoom-bar { display: flex; align-items: center; gap: 12px; margin: 0 0 16px; }
.qs-zoom-bar[hidden] { display: none; }
.qs-zoom-bar button { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin: 0; padding: 9px; color: #096f87; background: #fff; border: 1px solid #a7bac8; }
.qs-zoom-bar button:hover { background: #e8f2f5; }
.qs-zoom-bar button:disabled { opacity: .45; cursor: default; }
.qs-zoom-bar svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; }
.qs-zoom-layout > section, .qs-sheet { min-width: 0; }
.qs-zoom-layout { grid-template-columns: minmax(0, calc(min(500px, 45vh) * var(--scan-zoom, 1) + 50px)) minmax(300px, 1fr); }
.qs-sheet-viewport { overflow-x: auto; }
.qs-sheet { margin-top: 0; }
.qs-zoom-layout > .qs-controls { margin-top: 0; }
@media(max-width:1100px) {
  .qs-zoom-layout { grid-template-columns: minmax(0, 1fr); }
  .qs-zoom-layout > section:first-child { width: min(100%, calc(min(500px, 45vh) * var(--scan-zoom, 1) + 50px)); }
}
.qs-zoom-layout .scan-preview { width: calc(min(500px, 45vh) * var(--scan-zoom, 1)); max-width: none; margin: 0 auto; }
.qs-signature { margin-top: 24px; padding-top: 16px; border-top: 1px solid #cddde8; }
.qs-signature img { display: block; width: 100%; max-width: 550px; height: auto; background: white; }
.qs-duplicate { padding: 16px; }
.qs-duplicate button { max-width: 100%; white-space: normal; }
.qs-zoom-layout .qs-controls { position: static; }

.actions.document-actions .document-status:empty { display:none; }

.article-setting-block{border:0;padding:0;margin:0;min-width:0}
.article-setting-block:disabled{opacity:.72}
.article-block-origin{margin-bottom:1rem}

.capability-group{margin:0 0 .5rem}
.capability-group > summary{color:inherit;font-weight:600;padding:0}
.capability-group[open] > .capability-items{padding-left:1rem}
.capability-items{padding:.5rem 0}

aside nav a.has-superwarning span { color: #ff6969; font-weight: 700; }
tr.bundle-unread td { background: #e5ecf2; }