/* Production Board refinements */
.production-stepper > strong {
  padding-top: 3px;
  color: #1c69d8;
  background:
    radial-gradient(closest-side, #fff 76%, transparent 77%),
    conic-gradient(var(--blue) 0 30%, #dce7f4 30% 100%);
  box-shadow: none;
  font-weight: 800;
  line-height: 1;
}

.production-stepper > strong small {
  margin-top: -9px;
  color: #667994;
  font-size: 7px;
  font-weight: 700;
}

/* Inventory mockup */
.inventory-kpis { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; margin-bottom:12px; }
.inventory-toolbar { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:12px; overflow:auto; }
.inventory-toolbar > div { display:flex; gap:8px; align-items:center; white-space:nowrap; }
.inventory-tabs button { min-height:42px; padding:0 18px; color:#324b6b; background:#eef4fb; border:0; font-size:11px; font-weight:700; }
.inventory-tabs button.active { color:#fff; background:var(--blue); }
.inventory-toolbar .quote-search { min-width:200px; }
.receive-stock { color:#fff; background:var(--green); }.adjust-stock { color:#fff; background:#7354dc; }
.inventory-main-grid { display:grid; grid-template-columns:minmax(0,2.15fr) minmax(330px,.95fr); gap:12px; }
.inventory-register .panel-heading > div { display:flex; gap:6px; }.inventory-register .filter-button { min-height:29px; }
.inventory-table { width:100%; border-collapse:collapse; font-size:9px; white-space:nowrap; }
.inventory-table th { padding:11px 8px; background:#f7faff; border-bottom:1px solid var(--line); font-size:8px; text-align:left; }
.inventory-table td { padding:10px 8px; border-bottom:1px solid var(--line); }.inventory-table td:first-child { color:var(--blue); }
.inventory-table .critical-row { background:#fff1f2; }.inventory-side-panels { display:grid; gap:12px; }.side-stock-card .compact-table { padding:0 10px; }.side-stock-card .compact-table th,.side-stock-card .compact-table td { padding:7px 10px; }.side-stock-card .compact-table td:first-child { color:var(--blue); font-weight:700; }
.inventory-history { margin-top:12px; }.inventory-history .panel-heading { align-items:center; }.inventory-history .panel-heading > div { display:flex; gap:6px; align-items:center; }.movement-table { font-size:9px; }.movement-table th,.movement-table td { padding:8px 9px; white-space:nowrap; }
@media (max-width:1200px) { .inventory-kpis { grid-template-columns:repeat(3,1fr); }.inventory-main-grid { grid-template-columns:minmax(750px,2.15fr) minmax(330px,.95fr); overflow-x:auto; }.inventory-toolbar { min-width:900px; }.inventory-history { overflow-x:auto; } }

/* Dies mockup */
.dies-kpis { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; margin-bottom:12px; }
.dies-layout { display:grid; grid-template-columns:minmax(0,2fr) minmax(400px,1.1fr); gap:12px; }
.dies-toolbar { display:flex; gap:9px; align-items:center; padding:12px; }.dies-toolbar .quote-search { flex:1; min-width:170px; }.dies-toolbar .button.primary { margin-left:auto; }
.dies-table { width:100%; border-collapse:collapse; font-size:9px; white-space:nowrap; }.dies-table th { padding:10px 7px; background:#f7faff; border-bottom:1px solid var(--line); font-size:8px; text-align:left; }.dies-table td { padding:9px 7px; border-bottom:1px solid var(--line); }.dies-table tr.selected { background:#eaf4ff; outline:1px solid #77b5ff; }.dies-table small { display:block; color:var(--muted); font-size:8px; }.die-health { display:flex; gap:5px; align-items:center; min-width:75px; }.die-health::before { width:52px; height:8px; content:""; background:#e5ebf4; border-radius:5px; }.die-health { position:relative; }.die-health i { position:absolute; left:0; display:block; width:0; height:8px; border-radius:5px; }.die-health i.green { background:var(--green); }.die-health i.amber { background:var(--amber); }.die-health i.red { background:var(--red); }.die-health span { margin-left:55px; font-size:9px; }.trend { font-size:14px; font-weight:700; letter-spacing:-2px; }.trend.green { color:var(--green); }.trend.amber { color:var(--amber); }.trend.red { color:var(--red); }
.die-detail { padding:12px; }.die-detail-header { display:flex; align-items:center; justify-content:space-between; }.die-detail-header h2 { margin:0; font-size:20px; }.die-detail > p { font-size:11px; }.die-tabs { display:flex; gap:13px; margin:0 -12px 10px; padding:0 12px 9px; overflow:auto; border-bottom:1px solid var(--line); }.die-tabs button { padding:0 0 8px; color:var(--muted); background:transparent; border:0; border-bottom:2px solid transparent; font-size:10px; font-weight:700; white-space:nowrap; }.die-tabs button.active { color:var(--blue); border-color:var(--blue); }.die-detail-grid,.die-small-grid { display:grid; grid-template-columns:1fr 1fr; gap:9px; }.die-donut { display:flex; gap:10px; align-items:center; }.die-donut b { display:grid; width:70px; height:70px; place-items:center; color:var(--blue); background:radial-gradient(closest-side,#fff 76%,transparent 77%),conic-gradient(var(--blue) 0 70%,#e2eaf5 70%); border-radius:50%; font-size:14px; }.die-donut small { display:block; color:var(--muted); font-size:7px; }.die-donut span { color:var(--muted); font-size:8px; line-height:1.7; }.die-donut strong { float:right; margin-left:8px; color:var(--text); }.mini-chart { padding:25px 2px 10px; color:var(--blue); font-size:28px; letter-spacing:2px; }.blue-chart { color:#1475ed; }.die-detail .selected-card p { font-size:8px; }.die-quick-actions { display:grid; gap:6px; }.die-quick-actions button { min-height:31px; border:0; border-radius:5px; font-size:9px; font-weight:700; }
@media (max-width:1200px) { .dies-kpis { grid-template-columns:repeat(3,1fr); }.dies-layout { grid-template-columns:minmax(750px,2fr) minmax(400px,1.1fr); overflow-x:auto; } }

/* Keep the Die Management table readable; wrap headings rather than data. */
.dies-layout { grid-template-columns:minmax(0,2fr) minmax(330px,1fr); }
.dies-table { table-layout:auto; white-space:nowrap; }
.dies-table th { max-width:72px; white-space:normal; line-height:1.25; }
.dies-table td { white-space:nowrap; }
.dies-table th:nth-child(6), .dies-table th:nth-child(7), .dies-table th:nth-child(8) { width:82px; }
.dies-table th:nth-child(9) { width:88px; }.dies-table th:nth-child(10) { width:80px; }
.dies-table th:nth-child(11) { width:58px; }.dies-table .trend { min-width:52px; font-size:13px; }
.defect-line-chart { position:relative; height:112px; padding:6px 0 17px 17px; }.defect-line-chart svg { width:100%; height:86px; overflow:visible; }.chart-grid { fill:none; stroke:#e6edf6; stroke-width:1; }.chart-line { fill:none; stroke:#1475ed; stroke-width:2.5; stroke-linejoin:round; stroke-linecap:round; }.chart-dots circle { fill:#1475ed; stroke:#fff; stroke-width:1.5; }.chart-y { position:absolute; left:0; color:#7c8ca4; font-size:7px; }.chart-y.y6 { top:8px; }.chart-y.y3 { top:45px; }.chart-y.y0 { top:82px; }.chart-axis { display:flex; justify-content:space-between; margin-left:2px; color:#7c8ca4; font-size:7px; }

/* Quality & Defects mockup */
.quality-kpis { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; margin-bottom:12px; }
.quality-tabs { display:flex; gap:5px; margin-bottom:12px; border-bottom:1px solid var(--line); }
.quality-tabs button { min-height:38px; padding:0 18px; color:#61738c; background:transparent; border:0; border-bottom:2px solid transparent; font-size:10px; font-weight:800; }
.quality-tabs button.active { color:var(--blue); border-color:var(--blue); }
.quality-layout { display:grid; grid-template-columns:minmax(0,3fr) minmax(300px,.9fr); gap:12px; align-items:start; }
.quality-main { display:grid; min-width:0; gap:12px; }
.qc-queue .panel-heading,.defect-log .panel-heading { align-items:center; }
.qc-queue .panel-heading > div,.defect-log .panel-heading > div { display:flex; align-items:center; gap:6px; }
.qc-queue .quote-search { min-width:150px; }.qc-queue .filter-button,.defect-log .filter-button { min-height:29px; white-space:nowrap; }
.qc-table { width:100%; border-collapse:collapse; font-size:9px; white-space:nowrap; }
.qc-table th { padding:10px 7px; color:#60728b; background:#f7faff; border-bottom:1px solid var(--line); font-size:8px; text-align:left; }
.qc-table td { padding:9px 7px; border-bottom:1px solid var(--line); }.qc-table tr.selected,.compact-table tr.selected { background:#eaf4ff; outline:1px solid #8dc0fa; }
.qc-table .pill,.compact-table .pill { font-size:8px; }.qc-table .purple-pill { color:#6d52cf; background:#eeeaff; }
.quality-lower-grid { display:grid; grid-template-columns:minmax(0,2.1fr) minmax(155px,.8fr) minmax(155px,.8fr); gap:12px; }
.defect-log { grid-row:span 2; }.defect-log .compact-table { font-size:8px; white-space:nowrap; }.defect-log .compact-table th,.defect-log .compact-table td { padding:9px 7px; }
.causes-panel .panel-heading,.quality-chart .panel-heading,.yield-panel .panel-heading { align-items:center; }.causes-panel .filter-button,.quality-chart .filter-button,.yield-panel .filter-button { min-height:25px; font-size:8px; }
.cause-bars { padding:6px 2px 1px; }.cause-bars p { display:grid; grid-template-columns:78px minmax(32px,1fr) 26px; gap:5px; align-items:center; margin:8px 0; color:#526780; font-size:8px; }.cause-bars i { display:block; height:7px; overflow:hidden; background:#ebf0f6; border-radius:5px; }.cause-bars b { display:block; height:100%; background:#1875df; border-radius:inherit; }
.cause-bars p:nth-child(1) i b { background:#ee5b67; }.cause-bars p:nth-child(2) i b { background:#f5a63b; }.cause-bars p:nth-child(3) i b { background:#7a60d8; }.cause-bars p:nth-child(4) i b { background:#329a9d; }
.cost-chart { display:grid; grid-template-columns:25px minmax(0,1fr); gap:6px; height:114px; padding:8px 0 0; }.cost-axis { display:flex; flex-direction:column; justify-content:space-between; padding:1px 0 18px; color:#6f82a0; font-size:7px; text-align:right; }.cost-columns { display:flex; align-items:end; justify-content:space-around; height:96px; padding:0 4px 18px; border-bottom:1px solid #dfe8f2; background:repeating-linear-gradient(to bottom,transparent 0,transparent 25%,#edf2f7 25.7%,transparent 26.5%); }.cost-column { position:relative; display:flex; align-items:end; justify-content:center; width:11px; height:100%; }.cost-column i { display:block; width:100%; min-height:5px; background:linear-gradient(180deg,#4c9df1,#176cdc); border-radius:2px 2px 0 0; }.cost-column small { position:absolute; top:calc(100% + 5px); color:#6d7f9a; font-size:7px; }.cost-column b { position:absolute; bottom:calc(36% + 8px); z-index:1; padding:4px 5px; color:#fff; background:#172d52; border-radius:3px; font-size:8px; white-space:nowrap; }.cost-column b::after { position:absolute; bottom:-4px; left:50%; width:7px; height:7px; content:""; background:#172d52; transform:translateX(-50%) rotate(45deg); }
.yield-chart { display:grid; grid-template-columns:27px minmax(0,1fr); gap:6px; height:108px; padding-top:5px; }.yield-axis { display:flex; flex-direction:column; justify-content:space-between; height:79px; color:#6f82a0; font-size:7px; text-align:right; }.yield-plot { position:relative; height:96px; }.yield-plot svg { width:100%; height:78px; overflow:visible; background:repeating-linear-gradient(to bottom,transparent 0,transparent 32%,#edf2f7 33%,transparent 34%); }.yield-area { fill:#dff5ec; opacity:.9; }.yield-target-line { fill:none; stroke:#f0515d; stroke-width:1.5; stroke-dasharray:4 3; }.yield-path { fill:none; stroke:#10a477; stroke-width:2.5; stroke-linejoin:round; stroke-linecap:round; }.yield-dots circle { fill:#10a477; stroke:#fff; stroke-width:1.3; }.yield-target { position:absolute; top:27px; right:-1px; z-index:1; color:#ec4b5b; background:rgba(255,255,255,.85); font-size:7px; font-weight:800; line-height:1.15; }.yield-weeks { display:flex; justify-content:space-between; padding-top:3px; color:#6f82a0; font-size:7px; }

/* Dispatch mockup */
.dispatch-kpis { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; margin-bottom:14px; }.dispatch-layout { display:grid; grid-template-columns:minmax(0,3fr) minmax(340px,1.2fr); gap:12px; align-items:start; }.dispatch-queue .panel-heading > div { display:flex; align-items:center; gap:8px; }.dispatch-queue .quote-search { min-width:220px; }.dispatch-tabs { display:flex; gap:5px; padding:0 12px; border-bottom:1px solid var(--line); }.dispatch-tabs button { min-height:38px; padding:0 15px; color:#536782; background:#f3f7fc; border:1px solid #e0e8f3; border-bottom:0; border-radius:7px 7px 0 0; font-size:10px; font-weight:800; }.dispatch-tabs button.active { color:#fff; background:var(--blue); border-color:var(--blue); }.dispatch-table { width:100%; border-collapse:collapse; font-size:9px; white-space:nowrap; }.dispatch-table th { padding:11px 7px; color:#50647e; background:#f6f9fd; border-bottom:1px solid var(--line); font-size:8px; text-align:left; }.dispatch-table td { padding:10px 7px; border-bottom:1px solid var(--line); }.dispatch-table tr.selected { background:#e7f3ff; outline:1px solid #b2d8ff; }.dispatch-table small { display:block; margin-top:3px; color:#667b95; font-size:8px; }.dispatch-table .pill { font-size:8px; }.pill.slate { color:#5f728c; background:#e8edf4; }.dispatch-detail { padding:12px; }.dispatch-detail-header { display:grid; grid-template-columns:1fr auto 23px; gap:7px; align-items:start; }.dispatch-detail-header h2 { margin:0 0 3px; font-size:20px; }.dispatch-detail-header p { margin:0; color:#4f6481; font-size:9px; line-height:1.6; }.dispatch-detail .die-tabs { margin:10px -12px 10px; padding:0 12px 8px; }.dispatch-info-grid { display:grid; grid-template-columns:1.4fr 1fr; gap:9px; }.dispatch-detail .selected-card { margin:0; padding:10px; }.dispatch-detail .selected-card h3 { margin:0 0 9px; font-size:10px; }.consignment { grid-row:span 1; }.consignment dl { display:grid; grid-template-columns:1fr 1.25fr; gap:4px 8px; margin:0; font-size:8px; }.consignment dt { color:#7486a1; }.consignment dd { margin:0; color:#263b58; font-weight:700; }.consignment p,.payment-card p,.packing-card p,.dimensions-card p { color:#61748e; font-size:8px; line-height:1.45; }.consignment p b { color:#263b58; }.payment-card .pill { display:inline-block; margin-bottom:7px; }.dispatch-detail .button.secondary { width:100%; min-height:28px; padding:0 6px; color:#106bd8; background:#fff; border-color:#bcd7f6; font-size:8px; }.packing-card p b { float:right; color:#233958; }.freight-card { margin-top:9px !important; }.freight-card h3 { display:flex; justify-content:space-between; }.freight-card a { color:var(--blue); font-size:8px; }.freight-card p { display:flex; justify-content:space-between; margin:7px 0; padding-bottom:6px; border-bottom:1px solid #edf1f6; color:#2b405c; font-size:8px; }.freight-card span { color:#667994; }.dispatch-actions { display:grid; grid-template-columns:1fr 1fr; gap:7px; margin-top:10px; }.dispatch-actions button { min-height:35px; border:0; border-radius:5px; color:#fff; font-size:9px; font-weight:800; }.mark-paid { background:#0ca878; }.book-freight { background:#1074ef; }.print-slip { color:#146ee0 !important; background:#fff; border:1px solid #b9d5f5 !important; }.mark-dispatched { background:#7146df; }
.freight-card header { display:flex; align-items:center; justify-content:space-between; margin-bottom:5px; }.freight-card header h3 { margin:0; }.freight-card header button { padding:0; color:#086ee1; background:transparent; border:0; font-size:8px; font-weight:700; }.freight-option { display:grid; grid-template-columns:30px minmax(66px,1.1fr) .75fr .7fr auto 14px; align-items:center; gap:5px; min-height:28px; border-top:1px solid #edf1f6; color:#50637c; font-size:7px; cursor:pointer; }.carrier-logo { display:grid; width:26px; height:15px; place-items:center; font-size:8px; font-weight:900; font-style:italic; }.carrier-logo.toll { color:#008c54; }.carrier-logo.linfox { color:#dcad00; background:#fae82e; clip-path:polygon(18% 0,82% 0,100% 50%,82% 100%,18% 100%,0 50%); font-size:6px; }.carrier-logo.direct { color:#234c81; font-size:15px; }.carrier-name { color:#2c415d; font-weight:700; }.carrier-price,.carrier-time { white-space:nowrap; }.freight-option b { padding:3px 5px; color:#0c9774; background:#daf5e9; border-radius:4px; font-size:6px; white-space:nowrap; }.freight-option i { color:#9cacbf; font-size:15px; font-style:normal; }.freight-option.selected i { color:#1675e8; }
.dispatch-actions button { display:flex; align-items:center; justify-content:center; gap:8px; }.dispatch-button-icon { display:inline-grid; width:17px; height:17px; place-items:center; font-size:17px; line-height:1; }

/* Customers mockup */
.customer-kpis { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; margin-bottom:12px; }.customers-layout { display:grid; grid-template-columns:minmax(0,3fr) minmax(360px,1fr); gap:12px; align-items:start; }.customer-directory .panel-heading > div,.customer-toolbar { display:flex; align-items:center; gap:8px; }.customer-toolbar { padding:0 12px 12px; }.customer-toolbar .quote-search { flex:1; min-width:200px; }.customers-table { width:100%; border-collapse:collapse; font-size:9px; white-space:nowrap; }.customers-table th { padding:10px 8px; color:#53657e; background:#f6f9fd; border-bottom:1px solid var(--line); font-size:8px; text-align:left; }.customers-table td { padding:8px; border-bottom:1px solid var(--line); vertical-align:middle; }.customers-table tr.selected { background:#e5f2ff; outline:1px solid #b6dcff; }.customers-table small { display:block; margin-top:3px; color:#617590; font-size:8px; line-height:1.35; }.customer-avatar { display:inline-grid; width:34px; height:34px; place-items:center; margin-right:7px; color:#fff; background:#2785e9; border-radius:50%; font-size:10px; vertical-align:middle; }.customers-table tr:nth-child(3n) .customer-avatar { background:#fa513e; }.customers-table tr:nth-child(3n+2) .customer-avatar { background:#5c9dd7; }.terms { padding:4px 7px; color:#456183; background:#edf3fb; border-radius:4px; font-size:8px; }.terms.cod { color:#ad6c06; background:#fff1d8; }.balance { color:#e33743; }.customer-detail { padding:12px; }.customer-detail-top,.customer-profile { display:flex; align-items:center; justify-content:space-between; gap:9px; }.customer-detail-top h2 { margin:0; font-size:17px; }.customer-profile { justify-content:flex-start; padding:12px 0 9px; }.customer-avatar.large { width:46px; height:46px; font-size:14px; }.customer-profile h3 { margin:0 0 4px; font-size:12px; }.customer-profile p { margin:0; color:#647791; font-size:8px; }.customer-profile .row-action { margin-left:auto; }.customer-detail .die-tabs { margin:0 -12px 10px; padding:0 12px 8px; }.customer-detail-grid,.customer-bottom-grid { display:grid; grid-template-columns:1fr 1fr; gap:0; border-top:1px solid #edf1f6; }.customer-detail-grid section,.customer-bottom-grid section { padding:10px; border-right:1px solid #edf1f6; }.customer-detail-grid h3,.customer-panel h3 { display:flex; justify-content:space-between; margin:0 0 8px; font-size:10px; }.customer-detail-grid h3 button { color:#0870e5; background:transparent; border:0; font-size:8px; }.customer-detail-grid p,.customer-panel p { margin:0; color:#596e89; font-size:8px; line-height:1.35; }.customer-panel { padding:10px; border-top:1px solid #edf1f6; }.customer-panel h3 a,.customer-panel a { color:#0870e5; font-size:8px; }.address-grid,.profile-products { display:grid; grid-template-columns:1fr 1fr; gap:6px; }.address-grid p,.profile-products b { padding:7px; background:#f9fbfe; border:1px solid #e9eff6; border-radius:5px; }.profile-products { grid-template-columns:repeat(3,1fr); }.profile-products b { font-size:7px; }.profile-products small { color:#71839c; font-weight:400; }.customer-bottom-grid { border-top:1px solid #edf1f6; }.customer-bottom-grid em { padding:3px 5px; color:#0870e5; background:#e5f1ff; border-radius:4px; font-size:7px; font-style:normal; }.activity small { float:right; color:#8493a6; }.customer-actions { display:grid; grid-template-columns:1fr 1fr 1fr 1.1fr; gap:3px; margin:10px -12px -12px; padding:8px 10px; border-top:1px solid #e6edf6; }.customer-actions button { min-height:32px; color:#fff; background:#0873e8; border:0; border-radius:4px; font-size:7px; font-weight:700; }.customer-actions button:nth-child(2) { background:#0ca779; }.customer-actions button:nth-child(3) { background:#703ee0; }.customer-actions button:nth-child(4) { color:#29425f; background:#f3f7fc; }
@media (max-width:1200px) { .customer-kpis { grid-template-columns:repeat(3,1fr); }.customers-layout { grid-template-columns:minmax(880px,3fr) minmax(360px,1fr); overflow-x:auto; } }

/* Reports mockup */
.report-filters { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)) 130px 80px; gap:10px; padding:10px; margin-bottom:10px; background:#fff; border:1px solid var(--line); border-radius:8px; }.report-filters button { min-height:43px; padding:6px 9px; color:#536782; background:#fff; border:1px solid #dce6f2; border-radius:5px; font-size:8px; text-align:left; }.report-filters button b { display:block; margin-top:3px; color:#253b58; font-size:9px; }.report-filters .apply { color:#fff; background:var(--blue); border:0; text-align:center; font-weight:800; }.report-kpis { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; margin-bottom:10px; }.report-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }.report-chart,.report-donut { min-height:220px; padding:11px; }.report-chart .panel-heading h2,.report-donut .panel-heading h2 { font-size:11px; }.chart-legend { margin:0 0 8px; color:#4f6381; font-size:8px; }.report-bars { display:flex; align-items:end; justify-content:space-around; height:110px; padding:0 6px; border-bottom:1px solid #dbe5f0; background:repeating-linear-gradient(to bottom,transparent 0,transparent 24%,#eef3f8 25%,transparent 26%); }.report-bars i { width:13px; background:linear-gradient(180deg,#328df1,#116ee5); border-radius:3px 3px 0 0; }.defect .report-bars i { background:linear-gradient(180deg,#ff857e,#f14b54); }.margin .report-bars i:nth-child(odd) { background:#ad8dff; }.margin .report-bars i:nth-child(even) { background:#713ce7; }.delivery .report-bars i { background:#17ac7d; }.report-weeks { margin-top:7px; color:#75879f; font-size:7px; white-space:nowrap; }.report-donut { display:grid; grid-template-columns:135px 1fr; align-items:center; }.report-donut .panel-heading { grid-column:1/-1; }.donut { width:125px; height:125px; background:radial-gradient(closest-side,#fff 54%,transparent 55%),conic-gradient(#ff414d 0 38%,#ff872c 38% 59%,#ffcc41 59% 73%,#398df2 73% 85%,#8759e7 85% 93%,#b8c4d4 93%); border-radius:50%; }.report-donut p { margin:7px 0; color:#50657e; font-size:8px; }.report-table { grid-column:1/-1; }.report-table .panel-heading > div { display:flex; gap:6px; }.report-table .compact-table { width:100%; font-size:8px; white-space:nowrap; }.report-table .compact-table th,.report-table .compact-table td { padding:7px 8px; }
.report-filter-field { display:grid; grid-template-columns:27px minmax(0,1fr) 12px; gap:7px; align-items:center; min-height:48px; padding:4px 8px; color:#5d708a; background:#fff; border:1px solid #d9e4f0; border-radius:6px; font-size:8px; }.report-filter-icon { display:grid; width:27px; height:27px; place-items:center; color:#126fe0; background:#edf5ff; border-radius:5px; font-size:15px; }.report-filter-field output { display:block; margin-top:3px; color:#2b4260; font-size:9px; font-weight:700; white-space:nowrap; }.report-filter-field > b { color:#647b99; font-size:10px; }.report-filters .reset-filter { color:#42607f; text-align:center; }
.report-donut .donut { display:grid; place-items:center; }.report-donut .donut span { display:grid; place-items:center; width:68px; height:68px; text-align:center; }.report-donut .donut b { color:#142b4c; font-size:16px; }.report-donut .donut small { color:#657a95; font-size:7px; }.cause-key p { display:grid; grid-template-columns:10px minmax(0,1fr) 26px 35px; align-items:center; gap:4px; margin:7px 0; color:#4d6380; font-size:8px; }.cause-key i { width:9px; height:9px; border-radius:50%; }.cause-key b { color:#243c5c; }.cause-key em { color:#405877; font-style:normal; text-align:right; }.cause-key .surface { background:#ff414d; }.cause-key .dimensional { background:#ff872c; }.cause-key .trim { background:#ffcc41; }.cause-key .scratches { background:#398df2; }.cause-key .oxidation { background:#8759e7; }.cause-key .other { background:#b8c4d4; }.delivery-bars { display:flex; align-items:end; justify-content:space-around; height:110px; padding:0 7px; border-bottom:1px solid #dbe5f0; background:repeating-linear-gradient(to bottom,transparent 0,transparent 24%,#eef3f8 25%,transparent 26%); }.delivery-bars i { display:flex; flex-direction:column-reverse; width:14px; height:100%; overflow:hidden; border-radius:2px 2px 0 0; font-style:normal; }.delivery-bars b { display:block; width:100%; background:#18ac7d; }.delivery-bars em { display:block; width:100%; background:#fa5a62; }.on-time-dot,.late-dot { display:inline-block; width:9px; height:9px; margin-right:3px; border-radius:50%; vertical-align:middle; }.on-time-dot { background:#18ac7d; }.late-dot { background:#fa5a62; }
.combined-chart { display:grid; grid-template-columns:27px minmax(0,1fr); gap:5px; height:112px; }.combined-scale { display:flex; flex-direction:column; justify-content:space-between; padding-bottom:10px; color:#70829b; font-size:7px; text-align:right; }.combined-plot { position:relative; height:102px; border-bottom:1px solid #dce6f1; background:repeating-linear-gradient(to bottom,transparent 0,transparent 31%,#edf2f7 32%,transparent 33%); }.combined-bars { position:absolute; inset:0 4px 0; display:flex; align-items:end; justify-content:space-around; }.combined-bars i { width:13px; background:linear-gradient(#3d96ef,#176ee1); border-radius:2px 2px 0 0; }.defect .combined-bars i { background:linear-gradient(#ff827b,#f04a54); }.combined-plot svg { position:absolute; inset:0; width:100%; height:100%; overflow:visible; }.combined-plot polyline { fill:none; stroke:#192b55; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }.combined-plot circle { fill:#fff; stroke:#172c59; stroke-width:1.5; }.die .combined-plot polyline,.die .combined-plot circle { stroke:#f2535b; }.blue-dot,.red-dot,.rate-dot { display:inline-block; width:9px; height:9px; margin-right:3px; border-radius:50%; vertical-align:middle; }.blue-dot { background:#1e7de7; }.red-dot { background:#f65059; }.rate-dot { width:9px; height:9px; background:#fff; border:2px solid #192b55; }
.defect-trend-chart { display:grid; grid-template-columns:24px minmax(0,1fr) 18px; gap:5px; height:122px; }.defect-cost-axis,.defect-rate-axis { display:flex; flex-direction:column; justify-content:space-between; padding-bottom:8px; color:#70829b; font-size:7px; }.defect-cost-axis { text-align:right; }.defect-rate-axis { text-align:left; }.defect-trend-plot { position:relative; height:114px; border-bottom:1px solid #dce6f1; background:repeating-linear-gradient(to bottom,transparent 0,transparent 24%,#edf2f7 25%,transparent 26%); }.defect-trend-plot .combined-bars { inset:0 5px; }.defect-trend-plot .combined-bars i { width:14px; background:linear-gradient(#ff8a81,#f04d56); }.defect-trend-plot svg { position:absolute; inset:0; width:100%; height:100%; overflow:visible; }.defect-trend-plot polyline { fill:none; stroke:#172d55; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }.defect-trend-plot circle { fill:#fff; stroke:#172d55; stroke-width:1.5; }

/* Settings mockup */
.settings-tabs { display:flex; gap:0; margin-bottom:12px; overflow:auto; background:#fff; border:1px solid var(--line); border-radius:8px; }.settings-tabs button { min-height:52px; padding:0 18px; color:#263e60; background:#fff; border:0; border-right:1px solid #e5ecf5; font-size:9px; font-weight:700; white-space:nowrap; }.settings-tabs button.active { color:#fff; background:var(--blue); border-radius:6px; }.settings-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }.settings-card { padding:14px; }.settings-card h2 { margin:0; color:#152a4c; font-size:13px; }.settings-card > p { margin:5px 0 13px; color:#7184a0; font-size:9px; }.settings-card h3 { margin:14px 0 8px; font-size:10px; }.settings-fields { display:grid; grid-template-columns:1fr 1fr; gap:12px 20px; }.setting-field > span { display:block; margin-bottom:5px; color:#243956; font-size:9px; font-weight:700; }.setting-field b { display:flex; align-items:center; justify-content:space-between; min-height:33px; padding:0 9px; color:#405671; border:1px solid #d7e2ef; border-radius:5px; font-size:8px; font-weight:600; }.workflow-fields { gap:13px 22px; }.setting-toggle { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:36px; }.setting-toggle b { display:block; color:#263b58; font-size:9px; }.setting-toggle small { display:block; max-width:165px; margin-top:3px; color:#7889a1; font-size:8px; line-height:1.25; }.setting-toggle i { position:relative; flex:none; width:35px; height:20px; background:#d8e2ef; border-radius:11px; }.setting-toggle i::after { position:absolute; top:3px; left:3px; width:14px; height:14px; content:""; background:#fff; border-radius:50%; }.setting-toggle i.on { background:#1479ed; }.setting-toggle i.on::after { left:18px; }.payment-methods { color:#394f6d; font-size:8px; }.sla-list { display:grid; grid-template-columns:1fr 1fr; gap:13px; color:#324867; font-size:9px; }.sla-list span { display:flex; justify-content:space-between; }.sla-list b { color:#4c607a; }.roles-card { grid-column:span 1; }.roles-card .compact-table { width:100%; color:#116fde; font-size:9px; }.roles-card .compact-table th,.roles-card .compact-table td { padding:7px; }.roles-card small { color:#73839a; font-size:7px; }.notifications-card .setting-toggle { padding:3px 0; border-bottom:1px solid #edf1f6; }.integration-list { display:grid; grid-template-columns:1fr 1fr; gap:7px; }.integration-list b { padding:10px; color:#283e5d; background:#fafcff; border:1px solid #e2eaf4; border-radius:5px; font-size:8px; }.integration-list em { color:#0aa373; font-size:7px; font-style:normal; }.integration-list em.warn { color:#ef4e55; }.integration-list button { float:right; padding:4px 7px; color:#1475e7; background:#edf5ff; border:0; border-radius:4px; font-size:7px; }.demo-tools { display:grid; grid-template-columns:auto 1fr auto; gap:8px; align-items:center; margin-top:10px; padding:10px; color:#76617a; background:#fff0f1; border:1px solid #ffd8da; border-radius:5px; font-size:8px; }.demo-tools b { color:#d94651; }.demo-tools button { min-height:31px; color:#fff; background:#ef4752; border:0; border-radius:5px; font-size:8px; font-weight:700; }
.permissions-table { width:100%; border-collapse:collapse; font-size:8px; }.permissions-table th { padding:7px 5px; color:#405570; background:#f4f8fc; border-bottom:1px solid #e1eaf3; text-align:center; }.permissions-table th:first-child { text-align:left; }.permissions-table td { padding:7px 5px; border-bottom:1px solid #edf1f6; text-align:center; }.permissions-table td:first-child { min-width:135px; text-align:left; }.permissions-table td b { color:#2b415e; font-size:9px; }.permissions-table td small { display:block; margin:2px 0 0 25px; color:#71839b; font-size:7px; }.role-avatar { display:inline-grid; width:20px; height:20px; place-items:center; margin-right:4px; color:#2580e9; background:#eaf4ff; border-radius:50%; vertical-align:middle; }.role-avatar.qc { color:#824cec; background:#f0eaff; }.role-avatar.manager { color:#0b9d70; background:#e0f7ec; }.role-avatar.admin { color:#ef9d13; background:#fff1d6; }.permission { display:inline-grid; width:14px; height:14px; place-items:center; color:#fff; border:1px solid #c5d2e2; border-radius:3px; font-size:9px; font-style:normal; }.permission.checked { background:#1477eb; border-color:#1477eb; }

/* Invoices mockup */
.invoice-kpis { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; margin-bottom:12px; }.invoices-layout { display:grid; grid-template-columns:minmax(0,3fr) minmax(350px,1.25fr); gap:12px; align-items:start; }.invoice-register .panel-heading > div { display:flex; gap:7px; align-items:center; }.invoice-register .quote-search { min-width:190px; }.invoice-filters { display:grid; grid-template-columns:repeat(4,1fr); gap:7px; padding:0 12px 10px; }.invoice-filters button { min-height:47px; color:#5d718b; background:#fff; border:1px solid #dbe5f1; border-radius:5px; font-size:8px; text-align:left; }.invoice-filters b { color:#314863; font-size:9px; }.invoice-tabs { display:flex; gap:5px; padding:0 12px; border-bottom:1px solid var(--line); }.invoice-tabs button { min-height:38px; padding:0 12px; color:#4f6684; background:#f4f8fc; border:1px solid #e0e9f3; border-bottom:0; border-radius:6px 6px 0 0; font-size:9px; font-weight:700; }.invoice-tabs button.active { color:#0870e3; background:#fff; border-bottom:3px solid #0870e3; }.invoices-table { width:100%; border-collapse:collapse; font-size:9px; white-space:nowrap; }.invoices-table th { padding:10px 7px; color:#52667f; background:#f5f9fd; border-bottom:1px solid var(--line); font-size:8px; text-align:left; }.invoices-table td { padding:9px 7px; border-bottom:1px solid var(--line); }.invoices-table tr.selected { background:#e9f4ff; outline:1px solid #b8dcff; }.invoices-table b { color:#116fdf; }.invoices-table td small { display:block; margin-top:2px; color:#75879e; font-size:8px; }.invoices-table .pill { font-size:8px; }.invoices-table .due { color:#ed404d; }.invoice-detail { padding:12px; }.invoice-detail-head { display:grid; grid-template-columns:1fr auto 23px; gap:7px; }.invoice-detail-head h2 { margin:0 0 4px; font-size:19px; }.invoice-detail-head p { margin:0; color:#667a96; font-size:9px; }.invoice-detail .die-tabs { margin:11px -12px 10px; padding:0 12px 8px; }.invoice-customer { padding:10px; border:1px solid #e4ebf4; border-radius:6px; }.invoice-customer h3,.invoice-info-grid h3,.line-items h3 { margin:0 0 8px; font-size:10px; }.invoice-customer h3 button { float:right; color:#0870e5; background:#edf5ff; border:0; border-radius:4px; font-size:7px; }.invoice-customer p,.invoice-info-grid p { margin:0; color:#61748e; font-size:8px; line-height:1.55; }.invoice-info-grid { display:grid; grid-template-columns:1.2fr .9fr; gap:8px; margin-top:8px; }.invoice-info-grid section,.line-items { padding:10px; border:1px solid #e4ebf4; border-radius:6px; }.invoice-info-grid strong { color:#263b59; }.payment-progress { display:flex; align-items:center; gap:5px; }.payment-progress i { flex:1; height:12px; background:#e9eef5; border-radius:6px; }.payment-progress b { font-size:8px; }.aging { padding:7px; color:#e67e15; background:#fff4de; border-radius:4px; font-size:7px; }.invoice-alert { margin:8px 0; padding:9px; color:#e23c48; background:#fff0f1; border-radius:5px; font-size:8px; }.line-items table { width:100%; color:#39506d; font-size:7px; }.line-items th,.line-items td { padding:4px; text-align:left; }.invoice-actions { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; margin-top:9px; }.invoice-actions button { min-height:32px; color:#0a6fe4; background:#fff; border:1px solid #bdd9f7; border-radius:5px; font-size:8px; font-weight:700; }.invoice-actions button:nth-child(1) { color:#fff; background:#0874eb; }.invoice-actions button:nth-child(3) { color:#fff; background:#0ca779; }
.line-items header { display:flex; align-items:center; justify-content:space-between; margin-bottom:7px; }.line-items header h3 { margin:0; }.line-items header span { padding:3px 6px; color:#47617f; background:#eef3f8; border-radius:4px; font-size:7px; }.line-items table { border-collapse:collapse; }.line-items thead { background:#f3f7fb; }.line-items th { color:#405772; font-size:7px; }.line-items td { border-bottom:1px solid #edf1f6; vertical-align:middle; }.line-items td:not(:first-child),.line-items th:not(:first-child) { text-align:right; white-space:nowrap; }.line-items td b { color:#253e5e; }.line-items td small { display:block; margin-top:2px; color:#8090a5; font-size:6px; }.line-items tfoot td { padding-top:5px; border:0; color:#536b87; }.line-items tfoot tr:last-child td { color:#17345b; background:#edf5ff; font-size:8px; }
.invoice-actions button { display:flex; align-items:center; justify-content:center; gap:7px; min-height:36px; font-size:9px; }.invoice-action-icon { display:inline-grid; width:16px; height:16px; place-items:center; font-size:16px; line-height:1; }

/* Font Awesome Free icons used by Reports */
.report-kpis .metric-icon .fa-solid { font-size:20px; }.report-heading-icon { width:14px; margin-right:4px; color:#1375e8; text-align:center; }.report-defect-trend .report-heading-icon { color:#f14d56; }.report-donut .report-heading-icon { color:#7c51e7; }.report-filter-icon .fa-solid { font-size:13px; }
.ui-fa-icon { display:inline-grid; width:1.15em; place-items:center; margin-right:.28em; font-size:1em; line-height:1; vertical-align:-.08em; }.metric-icon .ui-fa-icon { width:auto; margin:0; font-size:inherit; }.panel-heading .ui-fa-icon,.settings-card h2 .ui-fa-icon,.selected-card h3 .ui-fa-icon { color:#1675e7; }.button .ui-fa-icon,.primary .ui-fa-icon { color:inherit; }
.dropdown-chevron { width:auto; margin:0 0 0 .45em; font-size:.72em; vertical-align:.05em; }

/* KPI tiles inherit the same colour field as their corresponding icon tile. */
.page-content .metric { color:#fff; background:#176fdd; border-color:#176fdd; box-shadow:0 8px 20px rgba(23,111,221,.2); }.page-content .metric:nth-child(2) { background:#da8a08; border-color:#da8a08; box-shadow:0 8px 20px rgba(218,138,8,.2); }.page-content .metric:nth-child(3) { background:#07966c; border-color:#07966c; box-shadow:0 8px 20px rgba(7,150,108,.2); }.page-content .metric:nth-child(4) { background:#df4654; border-color:#df4654; box-shadow:0 8px 20px rgba(223,70,84,.2); }.page-content .metric:nth-child(5) { background:#176fdd; border-color:#176fdd; box-shadow:0 8px 20px rgba(23,111,221,.2); }.page-content .metric .metric-icon,.page-content .metric:nth-child(2) .metric-icon,.page-content .metric:nth-child(3) .metric-icon,.page-content .metric:nth-child(4) .metric-icon { color:#fff; background:inherit; }.page-content .metric small,.page-content .metric strong,.page-content .metric em,.page-content .metric em.down { color:#fff; }.page-content .metric small,.page-content .metric em { opacity:.84; }

/* Keep panel-heading icons a consistent 10px from the title text. */
.panel-heading h2 > .ui-fa-icon { width:auto; margin:0 10px 0 0; }.panel-heading h2 > span { display:inline-flex; margin-right:10px; }.panel-heading h2 > span .ui-fa-icon { width:auto; margin:0; }

/* Shared readable typography scale for all mockup workspaces. */
.page-content .panel-heading h2 { font-size:15px; }.page-content .view-title h2 { font-size:28px; }.page-content .view-title p { font-size:12px; }.page-content .metric small { font-size:11px; }.page-content .metric strong { font-size:23px; }.page-content .metric em { font-size:11px; }
.page-content button,.page-content input,.page-content select { font-size:10px !important; }.page-content .button { font-size:10px !important; }.page-content .filter-button,.page-content .more-button { font-size:10px !important; }.page-content .quote-search input { font-size:10px !important; }
.page-content .data-table,.page-content .compact-table,.page-content .mockup-jobs-table,.page-content .qc-table,.page-content .inventory-table,.page-content .dies-table,.page-content .dispatch-table,.page-content .customers-table,.page-content .invoices-table { font-size:10px !important; }.page-content .data-table th,.page-content .compact-table th,.page-content .mockup-jobs-table th,.page-content .qc-table th,.page-content .inventory-table th,.page-content .dies-table th,.page-content .dispatch-table th,.page-content .customers-table th,.page-content .invoices-table th { font-size:9px !important; }.page-content .data-table td,.page-content .compact-table td,.page-content .mockup-jobs-table td,.page-content .qc-table td,.page-content .inventory-table td,.page-content .dies-table td,.page-content .dispatch-table td,.page-content .customers-table td,.page-content .invoices-table td { font-size:10px !important; }.page-content table small,.page-content .compact-table small,.page-content .dispatch-table small,.page-content .customers-table small,.page-content .invoices-table small { font-size:8px !important; }
.page-content .pill { font-size:9px !important; }.page-content .selected-card,.page-content .selected-card p,.page-content .selected-card small,.page-content .customer-panel p,.page-content .invoice-customer p,.page-content .invoice-info-grid p { font-size:10px !important; }.page-content .selected-card h3,.page-content .customer-panel h3,.page-content .invoice-customer h3,.page-content .invoice-info-grid h3,.page-content .line-items h3 { font-size:11px !important; }.page-content .table-pagination { font-size:10px !important; }.page-content .table-pagination button { font-size:10px !important; }
.page-content .settings-card > p,.page-content .setting-field > span,.page-content .setting-toggle b,.page-content .sla-list,.page-content .payment-methods { font-size:10px !important; }.page-content .setting-field b,.page-content .setting-toggle small,.page-content .integration-list b,.page-content .demo-tools { font-size:9px !important; }.page-content .permissions-table,.page-content .permissions-table td b { font-size:9px !important; }.page-content .permissions-table th { font-size:8px !important; }

/* Second readability step requested for dense operational pages. */
.page-content .panel-heading h2 { font-size:16px; }.page-content .view-title h2 { font-size:30px; }.page-content .view-title p { font-size:13px; }.page-content .metric small,.page-content .metric em { font-size:12px; }.page-content .metric strong { font-size:25px; }
.page-content button,.page-content input,.page-content select,.page-content .button,.page-content .filter-button,.page-content .more-button,.page-content .quote-search input { font-size:11px !important; }.page-content .data-table,.page-content .compact-table,.page-content .mockup-jobs-table,.page-content .qc-table,.page-content .inventory-table,.page-content .dies-table,.page-content .dispatch-table,.page-content .customers-table,.page-content .invoices-table,.page-content .data-table td,.page-content .compact-table td,.page-content .mockup-jobs-table td,.page-content .qc-table td,.page-content .inventory-table td,.page-content .dies-table td,.page-content .dispatch-table td,.page-content .customers-table td,.page-content .invoices-table td { font-size:11px !important; }.page-content .data-table th,.page-content .compact-table th,.page-content .mockup-jobs-table th,.page-content .qc-table th,.page-content .inventory-table th,.page-content .dies-table th,.page-content .dispatch-table th,.page-content .customers-table th,.page-content .invoices-table th { font-size:10px !important; }.page-content table small,.page-content .compact-table small,.page-content .dispatch-table small,.page-content .customers-table small,.page-content .invoices-table small { font-size:9px !important; }
.page-content .pill { font-size:10px !important; }.page-content .selected-card,.page-content .selected-card p,.page-content .selected-card small,.page-content .customer-panel p,.page-content .invoice-customer p,.page-content .invoice-info-grid p { font-size:11px !important; }.page-content .selected-card h3,.page-content .customer-panel h3,.page-content .invoice-customer h3,.page-content .invoice-info-grid h3,.page-content .line-items h3 { font-size:12px !important; }.page-content .table-pagination,.page-content .table-pagination button { font-size:11px !important; }

/* Larger final desktop reading scale. */
.page-content .panel-heading h2 { font-size:17px; }.page-content .view-title h2 { font-size:32px; }.page-content .view-title p { font-size:14px; }.page-content .metric small,.page-content .metric em { font-size:13px; }.page-content .metric strong { font-size:27px; }
.page-content button,.page-content input,.page-content select,.page-content .button,.page-content .filter-button,.page-content .more-button,.page-content .quote-search input { font-size:12px !important; }.page-content .data-table,.page-content .compact-table,.page-content .mockup-jobs-table,.page-content .qc-table,.page-content .inventory-table,.page-content .dies-table,.page-content .dispatch-table,.page-content .customers-table,.page-content .invoices-table,.page-content .data-table td,.page-content .compact-table td,.page-content .mockup-jobs-table td,.page-content .qc-table td,.page-content .inventory-table td,.page-content .dies-table td,.page-content .dispatch-table td,.page-content .customers-table td,.page-content .invoices-table td { font-size:12px !important; }.page-content .data-table th,.page-content .compact-table th,.page-content .mockup-jobs-table th,.page-content .qc-table th,.page-content .inventory-table th,.page-content .dies-table th,.page-content .dispatch-table th,.page-content .customers-table th,.page-content .invoices-table th { font-size:11px !important; }.page-content table small,.page-content .compact-table small,.page-content .dispatch-table small,.page-content .customers-table small,.page-content .invoices-table small { font-size:10px !important; }
.page-content .pill { font-size:11px !important; }.page-content .selected-card,.page-content .selected-card p,.page-content .selected-card small,.page-content .customer-panel p,.page-content .invoice-customer p,.page-content .invoice-info-grid p { font-size:12px !important; }.page-content .selected-card h3,.page-content .customer-panel h3,.page-content .invoice-customer h3,.page-content .invoice-info-grid h3,.page-content .line-items h3 { font-size:13px !important; }.page-content .table-pagination,.page-content .table-pagination button { font-size:12px !important; }

/* Quotes: make the Quote List register easier to scan. */
.page-content .quote-table { font-size:14px !important; }.page-content .quote-table th { padding:13px 11px; font-size:12px !important; letter-spacing:.2px; }.page-content .quote-table td { padding:14px 11px; font-size:14px !important; }.page-content .quote-table .pill { font-size:11px !important; }.page-content .quote-table .row-action { min-height:31px; padding:6px 10px; font-size:12px !important; }

/* Quotes: selected quote detail panel. */
.page-content .quote-detail-head h2 { font-size:24px; }.page-content .quote-detail-head p,.page-content .quote-detail-head .eyebrow { font-size:13px; }.page-content .quote-detail .detail-block h3 { font-size:15px; }.page-content .quote-detail .detail-pairs span,.page-content .quote-detail .quote-total span { font-size:12px; }.page-content .quote-detail .detail-pairs strong,.page-content .quote-detail .quote-total strong { font-size:14px; }.page-content .quote-detail .status-box,.page-content .quote-detail .quote-status-boxes { font-size:12px; }.page-content .quote-detail .compact-table { font-size:12px !important; }.page-content .quote-detail .compact-table th { font-size:11px !important; }.page-content .quote-detail .compact-table td { font-size:12px !important; }.page-content .quote-detail .quote-actions button { min-height:42px; font-size:12px !important; }
.job-progress-value { color:#1874df; font-size:12px; font-weight:800; }

/* Orders & Jobs: larger actions on the left job-list pane. */
.page-content .orders-main .filter-actions .button,.page-content .left-selected-actions .left-action { min-height:42px; padding:8px 12px; font-size:13px !important; }.page-content .left-selected-actions p { font-size:11px; }.page-content .left-selected-actions .left-action span { font-size:17px; }.page-content .orders-main .filter-actions .icon-button { width:42px; height:42px; font-size:17px !important; }

/* Orders & Jobs: Order Summary detail text. */
.page-content .mockup-selected-job .selected-summary span { font-size:12px; }.page-content .mockup-selected-job .selected-summary strong { font-size:14px; }.page-content .mockup-selected-job .selected-summary .pill { font-size:11px !important; }.page-content .mockup-selected-job .selected-card h3 { font-size:14px !important; }
.page-content .mockup-selected-job .checklist p b { font-size:12px; }

/* Inventory: Raw Materials Inventory register. */
.page-content .inventory-register .inventory-table { font-size:14px !important; }.page-content .inventory-register .inventory-table th { padding:13px 9px; font-size:12px !important; }.page-content .inventory-register .inventory-table td { padding:13px 9px; font-size:14px !important; }.page-content .inventory-register .inventory-table .pill { font-size:11px !important; }

/* Quotes: status tabs above the Quote List. */
.page-content .quote-tabs { gap:6px; }.page-content .quote-tab { min-height:38px; padding:8px 12px; font-size:13px !important; }

/* Dashboard: Attention Required exceptions. */
.page-content .exceptions { padding:18px; }.page-content .exception { gap:12px; padding:14px; }.page-content .exception h3 { font-size:14px; }.page-content .exception p { font-size:12px; line-height:1.45; }.page-content .exception .text-link { font-size:12px !important; }

/* Dashboard: Production Board card content. */
.page-content .board-column h3 { font-size:14px; }.page-content .board-column .count { font-size:11px; }.page-content .job-card h4 { font-size:14px; }.page-content .job-card p,.page-content .job-meta { font-size:12px; }.page-content .job-card .pill { font-size:10px !important; }.page-content .board-filters .filter-button,.page-content .board-filters .more-button { font-size:12px !important; }

/* Production Board: lower detail, progress and event panels. */
.page-content .board-job-details h3 { font-size:17px; }.page-content .board-job-details p { font-size:13px; line-height:1.5; }.page-content .board-job-details .selected-card,.page-content .board-job-details .selected-card p { font-size:12px !important; }.page-content .production-stepper > strong { font-size:17px; }.page-content .production-stepper > strong small { font-size:8px; }.page-content .production-stepper b { font-size:12px; }.page-content .production-stepper span { font-size:10px; }.page-content .production-stepper small { font-size:9px; }.page-content .production-cards small { font-size:10px; }.page-content .production-cards strong { font-size:13px; }.page-content .production-cards p { font-size:10px; }.page-content .production-events p { font-size:11px; line-height:1.45; }.page-content .production-events small { font-size:10px; }.page-content .production-events p b { font-size:12px; }
.page-content .production-stepper span { font-size:12px; }.page-content .production-stepper small { font-size:11px; }.page-content .production-stepper div { gap:7px; }
.page-content .production-progress-panel .production-stepper span { font-size:14px !important; }.page-content .production-progress-panel .production-stepper span small { margin-top:4px; font-size:12px !important; }.page-content .production-progress-panel .production-stepper div { gap:8px; }
.page-content .production-progress-panel .production-stepper span { font-size:16px !important; }.page-content .production-progress-panel .production-stepper span small { font-size:14px !important; }.page-content .production-progress-panel .production-stepper { row-gap:10px; }
.page-content .production-progress-panel .production-cards small { font-size:13px !important; }.page-content .production-progress-panel .production-cards strong { font-size:16px !important; line-height:1.3; }.page-content .production-progress-panel .production-cards p { font-size:13px !important; line-height:1.5; }.page-content .production-progress-panel .production-cards article { padding:13px; }
.page-content .production-progress-panel .production-cards .progress-info-card small { font-size:15px !important; }.page-content .production-progress-panel .production-cards .progress-info-card strong { font-size:18px !important; }.page-content .production-progress-panel .production-cards .progress-info-card p { font-size:14px !important; line-height:1.55; }.page-content .production-progress-panel .production-cards .progress-card-icon { width:34px; height:34px; font-size:17px; }.page-content .production-progress-panel .operator-card button { font-size:12px !important; }

/* Production Board: Recent Events timeline. */
.page-content .recent-events-panel .production-events p { font-size:14px !important; line-height:1.55; }.page-content .recent-events-panel .production-events p small { margin-top:4px; font-size:13px !important; }.page-content .recent-events-panel .production-events p b { font-size:14px; }

/* Production Board: stage columns and production job cards. */
.page-content .production-board .board-column h3,.page-content .board .board-column h3 { font-size:16px; }.page-content .production-board .board-column .count,.page-content .board .board-column .count { font-size:12px; }.page-content .production-board .job-card h4,.page-content .board .job-card h4 { font-size:16px; }.page-content .production-board .job-card p,.page-content .board .job-card p,.page-content .production-board .job-meta,.page-content .board .job-meta { font-size:13px; line-height:1.45; }.page-content .production-board .job-card .pill,.page-content .board .job-card .pill { font-size:11px !important; }.page-content .production-filter-bar button,.page-content .production-filter-bar select { font-size:12px !important; }

/* Dies: Capacity & Usage detail card. */
.page-content .die-detail-grid .die-donut b { width:82px; height:82px; font-size:18px; }.page-content .die-detail-grid .die-donut b small { font-size:10px; }.page-content .die-detail-grid .die-donut span { font-size:11px; line-height:1.8; }.page-content .die-detail-grid .die-donut strong { font-size:14px; }

/* Dies: detail analytics, status and latest-jobs cards. */
.page-content .die-detail-grid .mini-chart { font-size:34px; }.page-content .die-detail-grid .selected-card p { font-size:13px !important; line-height:1.55; }.page-content .die-detail-grid .selected-card p strong { font-size:14px; }.page-content .die-detail-grid .selected-card .pill { font-size:11px !important; }.page-content .die-small-grid .selected-card p { font-size:13px !important; line-height:1.55; }.page-content .die-small-grid .selected-card .pill { font-size:11px !important; }.page-content .die-small-grid .selected-card h3,.page-content .die-detail-grid .selected-card h3 { font-size:14px !important; }

/* Dies: selected D-2476 panel on the right. */
.page-content .die-detail-header h2 { font-size:25px; }.page-content .die-detail > p { font-size:14px; }.page-content .die-detail .die-tabs button { font-size:12px !important; }.page-content .die-detail .selected-card h3 { font-size:15px !important; }.page-content .die-detail .selected-card p { font-size:13px !important; }.page-content .die-detail .selected-card small { font-size:11px !important; }.page-content .die-detail .die-quick-actions button { min-height:38px; font-size:12px !important; }
.page-content .die-detail .die-quick-actions button { min-height:42px; font-size:14px !important; }.page-content .die-detail .die-quick-actions button::first-letter { font-size:18px; }

/* Dies: Die Management register table. */
.page-content .dies-register .dies-table { font-size:13px !important; }.page-content .dies-register .dies-table th { font-size:12px !important; }.page-content .dies-register .dies-table td { font-size:13px !important; }.page-content .dies-register .dies-table small { font-size:10px !important; }.page-content .dies-register .dies-table .pill { font-size:11px !important; }

/* Quality & Defects: consistent larger desktop typography and icons. */
.page-content .quality-kpis .metric-icon { width:46px; height:46px; flex-basis:46px; font-size:24px; }.page-content .quality-kpis .metric small { font-size:13px; }.page-content .quality-kpis .metric strong { font-size:26px; }.page-content .quality-kpis .metric em { font-size:13px; }.page-content .quality-tabs button { min-height:44px; font-size:13px !important; }.page-content .qc-queue .panel-heading h2,.page-content .defect-log .panel-heading h2,.page-content .causes-panel .panel-heading h2,.page-content .quality-chart .panel-heading h2,.page-content .yield-panel .panel-heading h2 { font-size:17px; }.page-content .qc-queue .quote-search,.page-content .defect-log .quote-search { height:38px; }.page-content .qc-table { font-size:13px !important; }.page-content .qc-table th { font-size:12px !important; }.page-content .qc-table td { padding:12px 8px; font-size:13px !important; }.page-content .qc-table .pill,.page-content .defect-log .pill { font-size:11px !important; }.page-content .defect-log .compact-table { font-size:12px !important; }.page-content .defect-log .compact-table th { font-size:11px !important; }.page-content .defect-log .compact-table td { font-size:12px !important; }.page-content .cause-bars p { font-size:11px; }.page-content .cost-axis,.page-content .yield-axis { font-size:9px; }.page-content .cost-column small,.page-content .yield-weeks { font-size:9px; }.page-content .qc-detail-header h2 { font-size:23px; }.page-content .qc-detail-header p { font-size:12px; }.page-content .qc-detail .die-tabs button { font-size:12px !important; }.page-content .qc-detail .selected-card h3 { font-size:14px !important; }.page-content .qc-checklist h3 strong { font-size:12px; }.page-content .qc-check-row { min-height:39px; font-size:12px; }.page-content .qc-box { width:17px; height:17px; font-size:11px; }.page-content .qc-check-row .pill { min-width:70px; font-size:10px !important; }.page-content .qc-detail .selected-card p { font-size:12px; }.page-content .qc-actions button { min-height:39px; font-size:12px !important; }.page-content .quality-layout .ui-fa-icon { font-size:1.15em; }

/* Preserve a true circle when the Capacity & Usage card is narrow. */
.page-content .die-detail-grid .die-donut b { flex:0 0 82px; width:82px; height:82px; aspect-ratio:1 / 1; box-sizing:border-box; border-radius:50%; }

/* Dies: Current Status values. */
.page-content .current-status-card { gap:11px; }.page-content .current-status-card .status-detail-row { font-size:14px; }.page-content .current-status-card .status-detail-row strong { font-size:15px; }.page-content .current-status-card .status-detail-row .pill { font-size:12px !important; }.page-content .current-status-card .status-detail-row .die-health span { font-size:14px; }

/* Dies: Latest Jobs Using This Die table. */
.page-content .latest-die-jobs table { font-size:13px; }.page-content .latest-die-jobs th { font-size:12px; }.page-content .latest-die-jobs td { font-size:13px; }.page-content .latest-die-jobs .pill { font-size:11px !important; }
.page-content .recent-die-defects table { font-size:13px; }.page-content .recent-die-defects th { font-size:12px; }.page-content .recent-die-defects td { font-size:13px; }
.page-content .maintenance-log table { font-size:13px; }.page-content .maintenance-log th { font-size:12px; }.page-content .maintenance-log td { font-size:13px; }

/* Quality & Defects: one further, page-only readability step. */
.page-content .quality-kpis .metric-icon { width:50px; height:50px; flex-basis:50px; font-size:26px; }.page-content .quality-kpis .metric small,.page-content .quality-kpis .metric em { font-size:14px; }.page-content .quality-kpis .metric strong { font-size:28px; }.page-content .quality-tabs button { min-height:46px; font-size:14px !important; }.page-content .quality-layout .panel-heading h2 { font-size:18px; }.page-content .quality-layout button,.page-content .quality-layout input,.page-content .quality-layout select { font-size:13px !important; }.page-content .qc-table { font-size:14px !important; }.page-content .qc-table th { font-size:13px !important; }.page-content .qc-table td { padding:13px 9px; font-size:14px !important; }.page-content .qc-table .pill,.page-content .defect-log .pill { font-size:12px !important; }.page-content .defect-log .compact-table { font-size:13px !important; }.page-content .defect-log .compact-table th { font-size:12px !important; }.page-content .defect-log .compact-table td { padding:10px 8px; font-size:13px !important; }.page-content .cause-bars p { font-size:12px; }.page-content .cause-bars strong { font-size:13px; }.page-content .cost-axis,.page-content .yield-axis,.page-content .cost-column small,.page-content .yield-weeks,.page-content .yield-target { font-size:10px; }.page-content .qc-detail-header h2 { font-size:25px; }.page-content .qc-detail-header p,.page-content .qc-detail .selected-card p { font-size:13px; }.page-content .qc-detail .die-tabs button { font-size:13px !important; }.page-content .qc-detail .selected-card h3 { font-size:15px !important; }.page-content .qc-checklist h3,.page-content .qc-checklist h3 strong { font-size:13px; }.page-content .qc-check-row { min-height:42px; font-size:13px; }.page-content .qc-box { width:19px; height:19px; font-size:12px; }.page-content .qc-check-row .pill { min-width:74px; font-size:11px !important; }.page-content .qc-actions button { min-height:42px; font-size:13px !important; }.page-content .quality-layout .ui-fa-icon { font-size:1.28em; }

/* Quality & Defects: give Yield Trend the full lower analytics width. */
.page-content .quality-lower-grid .yield-panel { grid-column:2 / -1; }.page-content .yield-panel .yield-chart { grid-template-columns:34px minmax(0,1fr); gap:9px; height:148px; padding-top:8px; }.page-content .yield-panel .yield-axis { height:111px; }.page-content .yield-panel .yield-plot { height:132px; }.page-content .yield-panel .yield-plot svg { height:110px; }.page-content .yield-panel .yield-target { top:38px; }.page-content .yield-panel .yield-weeks { padding-top:6px; }

/* Dispatch: slightly larger typography and controls throughout this workspace. */
.page-content .dispatch-kpis .metric-icon { width:50px; height:50px; flex-basis:50px; font-size:26px; }.page-content .dispatch-kpis .metric small,.page-content .dispatch-kpis .metric em { font-size:14px; }.page-content .dispatch-kpis .metric strong { font-size:28px; }.page-content .dispatch-layout .panel-heading h2 { font-size:18px; }.page-content .dispatch-layout button,.page-content .dispatch-layout input { font-size:13px !important; }.page-content .dispatch-tabs button { min-height:44px; font-size:13px !important; }.page-content .dispatch-table { font-size:13px !important; }.page-content .dispatch-table th { padding:12px 8px; font-size:12px !important; }.page-content .dispatch-table td { padding:12px 8px; font-size:13px !important; }.page-content .dispatch-table small { font-size:11px !important; }.page-content .dispatch-table .pill { font-size:12px !important; }.page-content .dispatch-detail-header h2 { font-size:23px; }.page-content .dispatch-detail-header p { font-size:12px; }.page-content .dispatch-detail .die-tabs button { font-size:13px !important; }.page-content .dispatch-detail .selected-card h3,.page-content .freight-card header h3 { font-size:14px !important; }.page-content .consignment dl { font-size:12px; gap:6px 9px; }.page-content .consignment p,.page-content .payment-card p,.page-content .packing-card p,.page-content .dimensions-card p { font-size:12px; line-height:1.55; }.page-content .dispatch-detail .button.secondary { min-height:34px; font-size:12px !important; }.page-content .freight-card header button { font-size:12px !important; }.page-content .freight-option { min-height:34px; font-size:11px; gap:7px; }.page-content .carrier-logo { width:30px; height:18px; font-size:9px; }.page-content .carrier-logo.direct,.page-content .freight-option i { font-size:18px; }.page-content .freight-option b { font-size:9px; }.page-content .dispatch-actions button { min-height:42px; font-size:13px !important; }.page-content .dispatch-button-icon { width:21px; height:21px; font-size:20px; }

/* Customers: slightly larger directory and customer-account reading scale. */
.page-content .customer-kpis .metric-icon { width:50px; height:50px; flex-basis:50px; font-size:26px; }.page-content .customer-kpis .metric small,.page-content .customer-kpis .metric em { font-size:14px; }.page-content .customer-kpis .metric strong { font-size:28px; }.page-content .customers-layout .panel-heading h2 { font-size:18px; }.page-content .customers-layout button,.page-content .customers-layout input { font-size:13px !important; }.page-content .customers-table { font-size:13px !important; }.page-content .customers-table th { padding:12px 9px; font-size:12px !important; }.page-content .customers-table td { padding:11px 9px; font-size:13px !important; }.page-content .customers-table small { font-size:11px !important; }.page-content .customer-avatar { width:38px; height:38px; font-size:12px; }.page-content .terms { font-size:11px; }.page-content .customer-detail-top h2 { font-size:22px; }.page-content .customer-avatar.large { width:52px; height:52px; font-size:16px; }.page-content .customer-profile h3 { font-size:15px; }.page-content .customer-profile p { font-size:12px; }.page-content .customer-detail .die-tabs button { min-height:42px; font-size:13px !important; }.page-content .customer-detail-grid h3,.page-content .customer-panel h3 { font-size:14px !important; }.page-content .customer-detail-grid p,.page-content .customer-panel p { font-size:12px !important; line-height:1.5; }.page-content .customer-panel h3 a,.page-content .customer-panel a { font-size:12px; }.page-content .profile-products b { font-size:11px; }.page-content .profile-products small,.page-content .customer-bottom-grid em { font-size:10px; }.page-content .customer-actions button { min-height:38px; font-size:11px !important; }.page-content .customer-detail .ui-fa-icon,.page-content .customer-directory .ui-fa-icon { font-size:1.25em; }

/* Invoices: slightly larger register, billing-detail and action typography. */
.page-content .invoice-kpis .metric-icon { width:50px; height:50px; flex-basis:50px; font-size:26px; }.page-content .invoice-kpis .metric small,.page-content .invoice-kpis .metric em { font-size:14px; }.page-content .invoice-kpis .metric strong { font-size:28px; }.page-content .invoices-layout .panel-heading h2 { font-size:18px; }.page-content .invoices-layout button,.page-content .invoices-layout input { font-size:13px !important; }.page-content .invoice-filters button { min-height:52px; font-size:12px !important; }.page-content .invoice-filters b { font-size:13px; }.page-content .invoice-tabs button { min-height:44px; font-size:13px !important; }.page-content .invoices-table { font-size:13px !important; }.page-content .invoices-table th { padding:12px 8px; font-size:12px !important; }.page-content .invoices-table td { padding:12px 8px; font-size:13px !important; }.page-content .invoices-table td small,.page-content .invoices-table .pill { font-size:11px !important; }.page-content .invoice-detail-head h2 { font-size:23px; }.page-content .invoice-detail-head p { font-size:12px; }.page-content .invoice-detail .die-tabs button { min-height:42px; font-size:13px !important; }.page-content .invoice-customer h3,.page-content .invoice-info-grid h3,.page-content .line-items h3 { font-size:14px !important; }.page-content .invoice-customer h3 button { font-size:11px !important; }.page-content .invoice-customer p,.page-content .invoice-info-grid p { font-size:12px !important; line-height:1.65; }.page-content .payment-progress b { font-size:12px; }.page-content .aging,.page-content .invoice-alert { font-size:11px; line-height:1.5; }.page-content .line-items table { font-size:11px; }.page-content .line-items th { padding:6px; font-size:10px; }.page-content .line-items td { padding:7px 6px; font-size:11px; }.page-content .line-items td small,.page-content .line-items header span { font-size:10px; }.page-content .line-items tfoot tr:last-child td { font-size:12px; }.page-content .invoice-actions button { min-height:42px; font-size:12px !important; }.page-content .invoice-action-icon { width:20px; height:20px; font-size:20px; }

/* Invoices: second small readability increase. */
.page-content .invoice-kpis .metric-icon { width:54px; height:54px; flex-basis:54px; font-size:28px; }.page-content .invoice-kpis .metric small,.page-content .invoice-kpis .metric em { font-size:15px; }.page-content .invoice-kpis .metric strong { font-size:30px; }.page-content .invoices-layout .panel-heading h2 { font-size:19px; }.page-content .invoices-layout button,.page-content .invoices-layout input { font-size:14px !important; }.page-content .invoice-filters button { min-height:55px; font-size:13px !important; }.page-content .invoice-filters b { font-size:14px; }.page-content .invoice-tabs button { min-height:46px; font-size:14px !important; }.page-content .invoices-table { font-size:14px !important; }.page-content .invoices-table th { font-size:13px !important; }.page-content .invoices-table td { padding:13px 9px; font-size:14px !important; }.page-content .invoices-table td small,.page-content .invoices-table .pill { font-size:12px !important; }.page-content .invoice-detail-head h2 { font-size:25px; }.page-content .invoice-detail-head p { font-size:13px; }.page-content .invoice-detail .die-tabs button { font-size:14px !important; }.page-content .invoice-customer h3,.page-content .invoice-info-grid h3,.page-content .line-items h3 { font-size:15px !important; }.page-content .invoice-customer p,.page-content .invoice-info-grid p { font-size:13px !important; }.page-content .payment-progress b,.page-content .aging,.page-content .invoice-alert { font-size:12px; }.page-content .line-items table,.page-content .line-items td { font-size:12px; }.page-content .line-items th { font-size:11px; }.page-content .line-items td small,.page-content .line-items header span { font-size:11px; }.page-content .invoice-actions button { min-height:45px; font-size:13px !important; }.page-content .invoice-action-icon { width:22px; height:22px; font-size:22px; }

/* Reports: slightly larger dashboard controls, data and chart annotations. */
.page-content .report-kpis .metric-icon { width:50px; height:50px; flex-basis:50px; font-size:26px; }.page-content .report-kpis .metric small,.page-content .report-kpis .metric em { font-size:14px; }.page-content .report-kpis .metric strong { font-size:28px; }.page-content .report-filters button { min-height:48px; font-size:12px !important; }.page-content .report-filters button b { font-size:13px; }.page-content .report-filter-field { min-height:52px; font-size:12px; }.page-content .report-filter-field output { font-size:13px; }.page-content .report-filter-field > b { font-size:12px; }.page-content .report-filter-icon { width:31px; height:31px; font-size:18px; }.page-content .report-chart .panel-heading h2,.page-content .report-donut .panel-heading h2,.page-content .report-table .panel-heading h2 { font-size:18px; }.page-content .report-heading-icon { width:18px; font-size:1.2em; }.page-content .chart-legend { font-size:11px; }.page-content .report-weeks { font-size:10px; }.page-content .report-donut p,.page-content .cause-key p { font-size:11px; }.page-content .report-donut .donut b { font-size:19px; }.page-content .report-donut .donut small { font-size:9px; }.page-content .cause-key i,.page-content .on-time-dot,.page-content .late-dot { width:11px; height:11px; }.page-content .report-table .compact-table { font-size:13px !important; }.page-content .report-table .compact-table th { padding:10px 9px; font-size:12px !important; }.page-content .report-table .compact-table td { padding:10px 9px; font-size:13px !important; }.page-content .report-table .compact-table .pill { font-size:11px !important; }.page-content .report-table button { min-height:38px; font-size:12px !important; }

/* Reports: second small readability increase. */
.page-content .report-kpis .metric-icon { width:54px; height:54px; flex-basis:54px; font-size:28px; }.page-content .report-kpis .metric small,.page-content .report-kpis .metric em { font-size:15px; }.page-content .report-kpis .metric strong { font-size:30px; }.page-content .report-filters button { min-height:52px; font-size:13px !important; }.page-content .report-filters button b,.page-content .report-filter-field output { font-size:14px; }.page-content .report-filter-field { min-height:55px; font-size:13px; }.page-content .report-filter-field > b { font-size:13px; }.page-content .report-filter-icon { width:34px; height:34px; font-size:20px; }.page-content .report-chart .panel-heading h2,.page-content .report-donut .panel-heading h2,.page-content .report-table .panel-heading h2 { font-size:19px; }.page-content .report-heading-icon { width:20px; font-size:1.3em; }.page-content .chart-legend { font-size:12px; }.page-content .report-weeks { font-size:11px; }.page-content .report-donut p,.page-content .cause-key p { font-size:12px; }.page-content .report-donut .donut b { font-size:21px; }.page-content .report-donut .donut small { font-size:10px; }.page-content .cause-key i,.page-content .on-time-dot,.page-content .late-dot { width:12px; height:12px; }.page-content .report-table .compact-table { font-size:14px !important; }.page-content .report-table .compact-table th { padding:12px 10px; font-size:13px !important; }.page-content .report-table .compact-table td { padding:12px 10px; font-size:14px !important; }.page-content .report-table .compact-table .pill { font-size:12px !important; }.page-content .report-table button { min-height:42px; font-size:13px !important; }

/* Settings: slightly larger controls, configuration values and permissions. */
.page-content .settings-tabs button { min-height:56px; font-size:13px !important; }.page-content .settings-card h2 { font-size:17px; }.page-content .settings-card > p { font-size:12px !important; }.page-content .settings-card h3 { font-size:14px; }.page-content .setting-field > span { font-size:12px !important; }.page-content .setting-field b { min-height:38px; font-size:12px !important; }.page-content .setting-toggle { min-height:42px; }.page-content .setting-toggle b { font-size:12px !important; }.page-content .setting-toggle small { font-size:11px !important; }.page-content .setting-toggle i { width:40px; height:23px; }.page-content .setting-toggle i::after { width:17px; height:17px; }.page-content .setting-toggle i.on::after { left:20px; }.page-content .payment-methods,.page-content .sla-list { font-size:12px !important; }.page-content .integration-list b { padding:12px; font-size:11px !important; }.page-content .integration-list em,.page-content .integration-list button { font-size:10px !important; }.page-content .demo-tools { font-size:11px !important; }.page-content .demo-tools button { min-height:36px; font-size:11px !important; }.page-content .permissions-table { font-size:12px !important; }.page-content .permissions-table th { padding:10px 7px; font-size:11px !important; }.page-content .permissions-table td { padding:10px 7px; }.page-content .permissions-table td b { font-size:12px !important; }.page-content .permissions-table td small { font-size:10px; }.page-content .role-avatar { width:24px; height:24px; font-size:12px; }.page-content .permission { width:17px; height:17px; font-size:11px; }.page-content .settings-card .ui-fa-icon { font-size:1.3em; }

/* Production Board: align the progress flow, ticks and stage labels on one track. */
.page-content .production-progress-panel .production-stepper { position:relative; align-items:start; min-height:136px; padding:15px; }.page-content .production-progress-panel .production-stepper::before { top:59px; right:22px; left:96px; }.page-content .production-progress-panel .production-stepper > strong { align-self:start; margin-top:10px; }.page-content .production-progress-panel .production-stepper div { align-content:start; justify-items:center; padding-top:33px; }.page-content .production-progress-panel .production-stepper b { width:24px; height:24px; line-height:1; }.page-content .production-progress-panel .production-stepper span { display:block; min-height:47px; margin-top:1px; text-align:center; }.page-content .production-progress-panel .production-stepper span small { line-height:1.25; }

@media (max-width:1200px) { .invoice-kpis { grid-template-columns:repeat(3,1fr); }.invoices-layout { grid-template-columns:minmax(880px,3fr) minmax(350px,1.25fr); overflow-x:auto; } }
@media (max-width:1200px) { .settings-grid { grid-template-columns:repeat(3,minmax(360px,1fr)); overflow-x:auto; }.settings-tabs { min-width:1000px; } }
@media (max-width:1200px) { .report-filters,.report-kpis,.report-grid { min-width:900px; }.report-grid { overflow-x:auto; } }
@media (max-width:1200px) { .dispatch-kpis { grid-template-columns:repeat(3,1fr); }.dispatch-layout { grid-template-columns:minmax(820px,3fr) minmax(340px,1.2fr); overflow-x:auto; } }
.qc-detail { padding:13px; }.qc-detail-header { display:flex; justify-content:space-between; gap:8px; padding-bottom:6px; }.qc-detail-header h2 { margin:0 0 5px; font-size:19px; }.qc-detail-header p { margin:0; color:#65778f; font-size:9px; line-height:1.6; }.qc-detail .die-tabs { margin:0 -13px 10px; padding:0 13px 9px; }.qc-detail .selected-card { margin:0 0 10px; padding:10px; }.qc-detail .selected-card h3 { margin:0 0 8px; font-size:11px; }.qc-checklist h3 { display:flex; justify-content:space-between; }.qc-checklist h3 strong { color:var(--blue); font-size:9px; }.qc-result-progress { height:6px; margin-bottom:10px; overflow:hidden; background:#e7edf5; border-radius:4px; }.qc-result-progress i { display:block; width:40%; height:100%; background:var(--green); }.qc-checklist p { display:flex; align-items:center; justify-content:space-between; gap:4px; margin:8px 0; color:#4c6078; font-size:9px; }.qc-actions { display:grid; grid-template-columns:1fr 1fr; gap:7px; }.qc-actions button { min-height:32px; border:0; border-radius:5px; color:#fff; font-size:9px; font-weight:800; }.qc-actions .pass-action { background:var(--green); }.qc-actions .fail-action { background:#e0505c; }.qc-actions .rework-action { background:#e7a132; }.qc-actions .traveller-action { background:var(--blue); }.qc-actions .timeline-action { grid-column:1 / -1; color:#4e627b; background:#edf3f9; }
.qc-checklist header { display:flex; align-items:center; justify-content:space-between; margin-bottom:9px; }.qc-checklist header h3 { margin:0; }.qc-checklist header > strong { color:#076de5; font-size:11px; }.qc-result-progress { height:7px; margin-bottom:12px; }.qc-check-row { display:grid; grid-template-columns:17px minmax(0,1fr) auto; align-items:center; gap:7px; min-height:34px; color:#263c59; border-top:1px solid #edf1f6; font-size:9px; }.qc-check-row:first-of-type { border-top:0; }.qc-box { display:grid; width:14px; height:14px; place-items:center; color:#fff; border:1.5px solid #b9c8dc; border-radius:3px; font-size:9px; font-weight:800; }.qc-check-row.complete .qc-box { background:#1475ed; border-color:#1475ed; }.qc-check-row .pill { min-width:62px; text-align:center; font-size:8px; }
@media (max-width:1200px) { .quality-kpis { grid-template-columns:repeat(3,1fr); }.quality-layout { grid-template-columns:minmax(780px,3fr) minmax(300px,.9fr); overflow-x:auto; }.quality-tabs { min-width:780px; }.qc-queue,.defect-log { overflow-x:auto; } }