:root { --bg:#f6f7f9; --card:#fff; --text:#17202a; --muted:#6b7280; --line:#d8dee6; --brand:#1f5f8b; --danger:#9b1c1c; --success:#146c43; }
* { box-sizing: border-box; }
body { margin:0; font-family: Arial, Helvetica, sans-serif; color:var(--text); background:var(--bg); }
.topbar { display:flex; align-items:center; justify-content:space-between; padding:12px 18px; background:var(--brand); color:#fff; }
.brand { font-weight:700; letter-spacing:.05em; }
.topbar a { color:#fff; text-decoration:none; margin-left:14px; font-weight:600; }
.container { max-width:1200px; margin:24px auto; padding:0 16px; }
.card { background:var(--card); border:1px solid var(--line); border-radius:10px; padding:18px; margin-bottom:18px; box-shadow:0 1px 2px rgba(0,0,0,.04); }
.grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap:14px; }
.form-grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap:12px 16px; align-items:end; }
.actions { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
label { display:block; font-weight:700; margin:10px 0 5px; }
input, select, textarea { width:100%; padding:9px 10px; border:1px solid var(--line); border-radius:7px; font-size:16px; background:#fff; }
button, .button { display:inline-block; border:0; background:var(--brand); color:#fff; padding:10px 14px; border-radius:7px; text-decoration:none; cursor:pointer; font-weight:700; }
.button.secondary, button.secondary { background:#4b5563; }
.button.danger, button.danger { background:var(--danger); }
button.link { background:none; color:var(--brand); padding:0; border:0; text-decoration:underline; }
.alert { padding:10px 12px; border-radius:7px; margin-bottom:14px; border:1px solid var(--line); background:#eef3f7; }
.alert.success { color:var(--success); background:#e8f5ee; border-color:#b7dfca; }
.alert.error, .error { color:var(--danger); background:#fde8e8; padding:10px; border-radius:7px; }
table { width:100%; border-collapse:collapse; background:#fff; }
th, td { border-bottom:1px solid var(--line); padding:9px; text-align:left; vertical-align:top; }
th { background:#eef3f7; }
.muted { color:var(--muted); }
.right { text-align:right; }
.badge { display:inline-block; padding:3px 8px; border-radius:999px; background:#e5e7eb; color:#374151; font-size:12px; font-weight:700; }
.badge.active { background:#dcfce7; color:#166534; }
.badge.inactive { background:#fee2e2; color:#991b1b; }
.inline-form { display:inline; }
@media (max-width: 720px) { .topbar { display:block; } .topbar nav { margin-top:10px; } .topbar a { display:inline-block; margin:4px 10px 4px 0; } table { font-size:14px; } }
@media print { .topbar, .no-print { display:none; } body { background:#fff; } .container { margin:0; max-width:none; } }
.table-scroll { overflow-x:auto; }
.service-entry input, .service-entry select { min-width:88px; }
.service-entry td { white-space:nowrap; }
.qty-input { width:76px; }
.price-input { width:94px; }
.summary-row { display:flex; gap:28px; flex-wrap:wrap; align-items:flex-start; }
.summary-row > div { min-width:120px; }
@media (max-width: 720px) {
  .service-entry { font-size:13px; }
  .service-entry th, .service-entry td { padding:6px; }
}
small { display:block; margin-top:4px; }
button:disabled { opacity:.55; cursor:not-allowed; }
.text-danger { color:var(--danger); font-weight:700; }
tfoot th { background:#f8fafc; }

.category-group{border:1px solid var(--line);border-radius:8px;margin:12px 0;padding:8px}.category-group summary{cursor:pointer;padding:8px;font-size:18px}.category-group table{margin-top:8px}


/* Milestone 5.1 service visit redesign */
.replacement-cell {
    background: #eaf4ff;
}

.readonly-value,
.current-product {
    display: inline-block;
    min-height: 40px;
    padding: 9px 4px;
    font-weight: 700;
}

.service-slot-row small {
    white-space: normal;
    font-size: 12px;
    color: var(--muted);
}

.service-slot-row.row-valid {
    box-shadow: inset 4px 0 0 #22c55e;
}

.service-slot-row.row-invalid {
    box-shadow: inset 4px 0 0 var(--danger);
}

.service-slot-row.row-invalid small {
    color: var(--danger);
    font-weight: 700;
}

.service-summary {
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
    margin: 18px 0 8px;
    padding: 12px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: #f8fafc;
}

.service-save-actions {
    margin-top: 14px;
}

@media (max-width: 760px) {
    .service-table-wrap {
        overflow: visible;
    }

    .service-entry,
    .service-entry tbody {
        display: block;
        width: 100%;
    }

    .service-entry thead {
        display: none;
    }

    .service-entry tr.service-slot-row {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px 12px;
        margin-bottom: 16px;
        padding: 14px;
        border: 1px solid var(--line);
        border-radius: 10px;
        background: #fff;
    }

    .service-entry td {
        display: block;
        width: auto;
        padding: 0;
        border: 0;
        white-space: normal;
    }

    .service-entry td::before {
        content: attr(data-label);
        display: block;
        margin-bottom: 5px;
        color: var(--muted);
        font-size: 12px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .03em;
    }

    .service-entry td:nth-child(1),
    .service-entry td:nth-child(2),
    .service-entry td:last-child {
        grid-column: 1 / -1;
    }

    .service-entry .replacement-cell {
        margin: -4px;
        padding: 8px;
        border-radius: 7px;
    }

    .readonly-value,
    .current-product {
        min-height: auto;
        padding: 4px 0;
    }

    .service-entry input,
    .service-entry select {
        min-width: 0;
        width: 100%;
        min-height: 44px;
    }

    .service-summary {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .service-save-actions {
        position: sticky;
        bottom: 0;
        z-index: 20;
        margin: 14px -18px -18px;
        padding: 12px 18px;
        background: rgba(255,255,255,.96);
        border-top: 1px solid var(--line);
        backdrop-filter: blur(6px);
    }
}


/* Milestone 5.2 navigation and scheduling */
.topbar { display: block; padding: 0; }
.topbar-main {
    display: flex; align-items: center; justify-content: space-between;
    padding: 12px 18px;
}
.brand { color: #fff; text-decoration: none; }
.main-navigation {
    display: flex; align-items: stretch; gap: 0;
    padding: 0 12px 10px; overflow-x: auto;
}
.nav-group {
    display: flex; align-items: center; gap: 2px;
    padding: 0 10px; border-left: 1px solid rgba(255,255,255,.25);
}
.nav-group:first-child { border-left: 0; }
.nav-group-label { display: none; }
.topbar .nav-link {
    display: inline-block; margin: 0; padding: 8px 10px;
    border-radius: 6px; color: #fff; text-decoration: none;
    font-weight: 700; white-space: nowrap;
}
.topbar .nav-link:hover,
.topbar .nav-link.active { background: rgba(255,255,255,.18); }
.nav-account { margin-left: auto; }
.nav-toggle {
    display: none; padding: 8px 11px;
    background: rgba(255,255,255,.15);
    border: 1px solid rgba(255,255,255,.35);
}
.badge.overdue { background: #fee2e2; color: #991b1b; }
.badge.due-soon { background: #fef3c7; color: #92400e; }
.badge.on-schedule { background: #dcfce7; color: #166534; }
.metric-card h2 { margin-bottom: 4px; font-size: 32px; }
.metric-danger { border-color: #fecaca; }
.metric-warning { border-color: #fde68a; }
.attention-list { display: grid; gap: 10px; }
.attention-item {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) auto auto;
    align-items: center; gap: 16px; padding: 12px;
    border: 1px solid var(--line); border-left-width: 5px;
    border-radius: 8px;
}
.attention-item.overdue { border-left-color: #dc2626; }
.attention-item.due-soon { border-left-color: #d97706; }
.attention-status { display: grid; justify-items: end; gap: 4px; }

@media (max-width: 860px) {
    .topbar-main { padding: 11px 14px; }
    .nav-toggle { display: inline-block; }
    .main-navigation {
        display: none; padding: 0 14px 14px; overflow: visible;
    }
    .main-navigation.is-open { display: grid; gap: 10px; }
    .nav-group {
        display: grid; gap: 3px; padding: 8px 0 0;
        border: 0; border-top: 1px solid rgba(255,255,255,.25);
    }
    .nav-group:first-child { border-top: 0; }
    .nav-group-label {
        display: block; padding: 0 8px 4px;
        color: rgba(255,255,255,.7); font-size: 12px;
        font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
    }
    .topbar .nav-link { display: block; width: 100%; padding: 10px; }
    .nav-account { margin-left: 0; }
    .attention-item { grid-template-columns: 1fr; }
    .attention-status { justify-items: start; }
    .attention-item .button { width: 100%; text-align: center; }
}
.inline-control{display:flex;gap:.5rem;align-items:center}.inline-control select{flex:1}.modal[hidden]{display:none}.modal{position:fixed;inset:0;background:rgba(0,0,0,.55);display:grid;place-items:center;padding:1rem;z-index:1000}.modal-panel{background:#fff;color:#222;border-radius:12px;padding:1.25rem;width:min(720px,100%);max-height:90vh;overflow:auto}.calculated-value{display:block;padding:.7rem;border:1px solid #ccc;border-radius:6px;font-weight:700}.route-sheet{background:#fff;color:#111;padding:1rem;margin:1rem 0;border:1px solid #bbb}.route-sheet-header{display:flex;justify-content:space-between;gap:1rem;border-bottom:2px solid #222;padding-bottom:.5rem}.route-table{font-size:.78rem}.route-table td{height:2.2rem;min-width:3rem}.route-fields{display:flex;gap:2rem;flex-wrap:wrap;margin:.75rem 0}.write-lines{min-height:5rem;border-bottom:1px solid #777}.machine-sheet{margin-top:1.25rem}.badge{text-transform:capitalize}@media(max-width:700px){.inline-control{align-items:stretch;flex-direction:column}.route-sheet-header{flex-direction:column}}@media print{.topbar,.no-print,main>h1,.alert{display:none!important}.container{max-width:none;margin:0;padding:0}.route-sheet{border:0;margin:0;padding:.2in}.print-break{break-after:page}.route-table{font-size:8pt}.route-table th,.route-table td{padding:3px}.route-table td{height:.28in}.machine-sheet{break-inside:avoid}body{background:#fff}}


/* Milestone 7 route-sheet worksheet and print layout */
.route-sheet-kicker{font-size:.75rem;font-weight:800;letter-spacing:.12em;color:#555;margin-bottom:.15rem}
.machine-route-sheet{margin:1rem 0 1.5rem}
.route-sheet-meta{min-width:220px;line-height:1.55}
.route-top-fields{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:.5rem;margin:.65rem 0}
.route-top-fields label,.route-bottom-fields label,.route-signoff label{font-size:.78rem;font-weight:700}
.route-top-fields span,.route-bottom-fields span,.route-signoff span{display:block;height:.42in;margin-top:.18rem;border:1px solid #333;background:#fff;padding:.08in}
.route-access{border:1px solid #555;padding:.35rem;margin:.5rem 0;font-size:.82rem}
.route-table{width:100%;border-collapse:collapse;table-layout:fixed}
.route-table th,.route-table td{border:1px solid #222;vertical-align:middle}
.route-table th{font-size:.68rem;line-height:1.05;text-align:center;padding:.08in .03in}
.route-table td{height:.40in;padding:.04in .05in;font-size:.72rem}
.route-table th:nth-child(1){width:6%}.route-table th:nth-child(2){width:19%}.route-table th:nth-child(3){width:7%}.route-table th:nth-child(4){width:6%}.route-table th:nth-child(5){width:8%}.route-table th:nth-child(6){width:11%}.route-table th:nth-child(7){width:15%}.route-table th:nth-child(8){width:6%}.route-table th:nth-child(9){width:8%}.route-table th:nth-child(10){width:14%}
.route-bottom-fields,.route-signoff{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:.55rem}
.route-notes-box{height:.85in;border:1px solid #333;margin-top:.55rem;padding:.1in;font-size:.75rem}
@media(max-width:800px){.route-top-fields{grid-template-columns:1fr 1fr}.route-table{min-width:1050px}}
@media print{
 @page{size:letter portrait;margin:.35in}
 body{font-size:9pt}
 .route-sheet{padding:0;border:0}
 .machine-route-sheet{margin:0}
 .machine-page-break{break-before:page;page-break-before:always}
 .route-sheet-header{padding-bottom:.08in;gap:.15in}
 .route-sheet-header h2{font-size:13pt;margin:.02in 0 .05in}
 .route-sheet-kicker{font-size:7pt}
 .route-sheet-meta{font-size:8pt;line-height:1.35}
 .route-top-fields{margin:.08in 0;gap:.08in}
 .route-top-fields span{height:.30in;margin-top:.03in}
 .route-access{margin:.06in 0;padding:.05in;font-size:7.5pt}
 .route-table{font-size:7pt}
 .route-table thead{display:table-header-group}
 .route-table tr{break-inside:avoid;page-break-inside:avoid}
 .route-table th{padding:.035in .02in;font-size:6.5pt}
 .route-table td{height:.36in;padding:.025in .03in;font-size:7pt}
 .route-bottom-fields,.route-signoff{margin-top:.08in;gap:.08in}
 .route-bottom-fields span,.route-signoff span{height:.25in;margin-top:.02in}
 .route-notes-box{height:.55in;margin-top:.08in;padding:.06in}
}


/* Milestone 7.1 - modal management screens and field-readable route sheets */
body.modal-open{overflow:hidden}
.management-toolbar{justify-content:space-between}
.list-search{width:min(360px,100%);margin-left:0}
.modal-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;border-bottom:1px solid var(--line);padding-bottom:.75rem}
.modal-header h2{margin:0}
.modal-x{font-size:1.45rem;line-height:1;padding:.35rem .65rem}
.modal-panel-compact{width:min(520px,100%)}
.modal-actions{margin-top:1.25rem}
.modal-error:empty{display:none}
.quick-add-button{flex:0 0 44px;padding:9px 12px;font-size:20px;line-height:1}
.inline-control select{min-width:0}
tr[hidden]{display:none}

@media(max-width:720px){
  .management-toolbar{align-items:stretch;flex-direction:column}
  .list-search{width:100%;margin-left:0}
}

/* Route-sheet print sizes are intentionally optimized for clipboard use, not row density. */
@media print{
  @page{margin:.35in}
  .machine-route-sheet{padding:0!important}
  .machine-page-break{break-before:page;page-break-before:always}
  .route-sheet-header{padding-bottom:.10in}
  .route-sheet-header h2{font-size:18pt;line-height:1.1;margin:.04in 0 .08in}
  .route-sheet-kicker{font-size:9pt}
  .route-sheet-header,.route-sheet-meta{font-size:11pt;line-height:1.35}
  .route-top-fields label,.route-bottom-fields label,.route-signoff label{font-size:11pt}
  .route-top-fields span,.route-bottom-fields span,.route-signoff span{height:.42in}
  .route-access{font-size:10.5pt;padding:.08in}
  .route-table{font-size:11pt}
  .route-table thead{display:table-header-group}
  .route-table tr{break-inside:avoid;page-break-inside:avoid}
  .route-table th{font-size:10.5pt;line-height:1.12;padding:.07in .03in}
  .route-table td{font-size:11pt;line-height:1.15;height:.46in;padding:.06in .045in}
  .route-notes-box{font-size:11pt;height:1in}
}


/* Milestone 7.2 - consistent list toolbars, dedicated machine editor, and print corrections */
.management-toolbar > :last-child{margin-left:auto}
.toolbar-right{margin-left:auto}
.page-form-heading{justify-content:space-between;margin-bottom:1rem}
.product-category[hidden]{display:none}

@media(max-width:720px){
  .management-toolbar > :last-child,.toolbar-right{margin-left:0}
  .toolbar-right{width:100%}
  .toolbar-right .button,.toolbar-right button{flex:1 1 auto;text-align:center}
}

@media print{
  .route-top-fields{
    display:grid!important;
    grid-template-columns:1.35fr 1fr 1fr 1fr!important;
    gap:.08in!important;
    width:100%!important;
    flex-wrap:nowrap!important;
  }
  .route-top-fields label{min-width:0!important}
  .route-top-fields span{width:100%!important}
  .route-table td{font-size:12pt!important;line-height:1.18!important}
}

/* Milestone 7.2.1 - duplex route sheets: keep every machine on a front side. */
.duplex-blank-page{display:none}
@media print{
  .duplex-blank-page.duplex-blank-page-active{
    display:block!important;
    height:10.25in;
    margin:0;
    padding:0;
    border:0;
    background:#fff;
    break-before:page;
    page-break-before:always;
    break-after:page;
    page-break-after:always;
  }
}

/* Milestone 8 - inventory intelligence and consistent exception colors */
.status-badge{display:inline-block;padding:.2rem .5rem;border-radius:999px;font-weight:700;white-space:nowrap}
.status-ok,.margin-ok{background:#e7f6ec;color:#176b36}
.status-warning,.margin-warning,.margin-below-target{background:#fff3cd;color:#7a5200}
.status-critical,.margin-critical{background:#fde8e8;color:#a61b1b}
.status-neutral,.margin-neutral{background:#eef1f4;color:#5d6670}
.status-dot{display:inline-block;width:.7rem;height:.7rem;border-radius:50%;vertical-align:middle;margin-right:.2rem}
.suggested-price-alert{color:#b42318!important;font-weight:800}
.link-button{border:0;background:none;padding:0;font:inherit;text-decoration:underline;cursor:pointer}
.status-row.status-critical td:first-child{border-left:4px solid #b42318}
.status-row.status-warning td:first-child{border-left:4px solid #b7791f}
@media(max-width:720px){
  .service-entry .suggested-price-alert{font-size:1rem}
}
@media print{
  .route-table{font-size:9pt!important}
  .route-table th{font-size:8.5pt!important;padding:.05in .025in!important}
  .route-table td{font-size:9pt!important;padding:.045in .03in!important}
  .route-table .suggested-price-alert{color:#000!important;font-weight:800}
}

/* VRSA v0.9.0 - workflow and print-layout refinement */
.nav-dashboard{border-right:1px solid rgba(255,255,255,.25)}
.nav-administration{border-left:1px solid rgba(255,255,255,.25)}
.nav-account{border-left:1px solid rgba(255,255,255,.25)}
.product-row-actions,.location-row-actions{align-items:stretch}
.product-action-button{width:108px;text-align:center;display:inline-flex;align-items:center;justify-content:center}
.location-action-button{min-width:92px;text-align:center;display:inline-flex;align-items:center;justify-content:center}
.route-product-cell{text-align:left!important}
.route-product-name{display:block;margin-bottom:.08in}
.route-product-detail{display:block;font-size:.88em;line-height:1.35;white-space:nowrap}
.route-table th:nth-child(1){width:6%}
.route-table th:nth-child(2){width:29%}
.route-table th:nth-child(3){width:6%}
.route-table th:nth-child(4){width:6%}
.route-table th:nth-child(5){width:7%}
.route-table th:nth-child(6){width:16%}
.route-table th:nth-child(7){width:6%}
.route-table th:nth-child(8){width:9%}
.route-table th:nth-child(9){width:15%}

@media(max-width:860px){
  .nav-dashboard,.nav-administration,.nav-account{border-left:0;border-right:0}
  .product-action-button,.location-action-button{width:auto;min-width:0;flex:1 1 auto}
}
@media print{
  .route-product-name{font-size:10pt}
  .route-product-detail{font-size:8.5pt}
  .route-table td{height:.56in!important}
  .route-table .suggested-price-alert{font-weight:800!important}
}

/* VRSA v0.9.1 - consistent controls, adjustments workflow, and print colors */
button,.button{
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font:700 14px/1.2 Arial,Helvetica,sans-serif;
  padding:10px 14px;
  white-space:nowrap;
}
.button-compact{min-height:34px;padding:7px 11px}
.management-toolbar{justify-content:space-between}
.toolbar-right select{width:auto;min-width:150px}
.adjustment-form-grid{
  display:grid;
  grid-template-columns:145px minmax(260px,1fr) 155px minmax(190px,.8fr);
  gap:12px 16px;
  align-items:end;
}
.adjustment-form-grid .field-notes{grid-column:1/-1}
.quantity-all-control input{min-width:0}
.quantity-all-control button{flex:0 0 58px}
#adjustment-count{margin-bottom:0}
@media(max-width:800px){
  .adjustment-form-grid{grid-template-columns:1fr 1fr}
  .adjustment-form-grid .field-product,.adjustment-form-grid .field-notes{grid-column:1/-1}
  .toolbar-right select{width:100%}
}
@media(max-width:520px){
  .adjustment-form-grid{grid-template-columns:1fr}
  .adjustment-form-grid>*{grid-column:1!important}
}
@media print{
  *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
  .route-table .suggested-price-alert{color:#b42318!important}
  .status-warning,.margin-warning,.margin-below-target{background:#fff3cd!important;color:#7a5200!important}
  .status-critical,.margin-critical{background:#fde8e8!important;color:#a61b1b!important}
}


/* VRSA v0.9.2 - field polish, machine inventory, and consistent machine actions */
#adjustment-modal .modal-panel{width:min(980px,calc(100vw - 2rem));overflow-x:hidden}
.adjustment-form-grid{
  grid-template-columns:145px minmax(300px,1.5fr) 155px minmax(210px,1fr);
  gap:12px 16px;
  align-items:start;
}
.adjustment-form-grid>div{display:flex;flex-direction:column;min-width:0}
.adjustment-form-grid label{height:22px;display:flex;align-items:flex-end;margin:0 0 6px}
.adjustment-form-grid input,.adjustment-form-grid select{width:100%;min-width:0}
.adjustment-form-grid .field-product small{display:block;height:20px;line-height:20px;margin-top:2px;white-space:nowrap}
.adjustment-form-grid .field-date:after,
.adjustment-form-grid .field-quantity:after,
.adjustment-form-grid .field-reason:after{content:"";display:block;height:20px;margin-top:2px}
.quantity-all-control{width:100%;align-items:stretch}
.quantity-all-control input{width:82px;flex:1 1 82px}
.quantity-all-control button{flex:0 0 58px}
.machine-row-actions{display:flex;gap:8px;align-items:center;white-space:nowrap}
.machine-action-button{width:104px;min-width:104px}
.machine-inventory-header h2{margin-bottom:4px!important}
.machine-inventory-summary{margin-bottom:12px}
.machine-inventory-table th,.machine-inventory-table td{vertical-align:middle}
@media(max-width:900px){
  .adjustment-form-grid{grid-template-columns:145px minmax(260px,1fr)}
  .adjustment-form-grid .field-notes{grid-column:1/-1}
  .machine-row-actions{flex-wrap:wrap}
  .machine-action-button{width:auto;min-width:96px;flex:1 1 auto}
}
@media(max-width:600px){
  .adjustment-form-grid{grid-template-columns:1fr}
  .adjustment-form-grid>*{grid-column:1!important}
  .adjustment-form-grid .field-date:after,
  .adjustment-form-grid .field-quantity:after,
  .adjustment-form-grid .field-reason:after{display:none}
}

/* VRSA v0.9.4 - Chrome reports recto support without reliably inserting a blank page.
   Use the proven measured blank-page mechanism from v7.2.1 for duplex alignment. */


/* VRSA v0.9.5 - Chrome can discard completely empty printed boxes/pages.
   Keep the duplex spacer physically non-empty with an invisible marker so
   Print Preview/PDF preserves the intentionally blank back side. */
.duplex-blank-page-marker{display:none}
@media print{
  .duplex-blank-page.duplex-blank-page-active{
    display:block!important;
    box-sizing:border-box!important;
    height:10.25in!important;
    min-height:10.25in!important;
    max-height:10.25in!important;
    overflow:hidden!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:#fff!important;
    break-before:page!important;
    page-break-before:always!important;
    break-after:page!important;
    page-break-after:always!important;
  }
  .duplex-blank-page.duplex-blank-page-active .duplex-blank-page-marker{
    display:block!important;
    height:1px!important;
    line-height:1px!important;
    font-size:1px!important;
    color:#fff!important;
    overflow:hidden!important;
  }
}


/* VRSA v0.9.7 - duplex pagination measurement.
   Measure a hidden clone at the real printable width with print-equivalent styles.
   The previous code measured the on-screen sheet, which became inaccurate after
   multi-line Product cells were introduced in v0.9.0. */
.duplex-measure-root{
  position:absolute!important;
  left:-10000px!important;
  top:0!important;
  width:7.8in!important;
  visibility:hidden!important;
  pointer-events:none!important;
  overflow:visible!important;
}
.duplex-measure-root .machine-route-sheet{
  display:block!important;
  width:7.8in!important;
  max-width:7.8in!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}
.duplex-measure-root .route-sheet-header{padding-bottom:.10in!important;gap:.15in!important}
.duplex-measure-root .route-sheet-header h2{font-size:18pt!important;line-height:1.1!important;margin:.04in 0 .08in!important}
.duplex-measure-root .route-sheet-kicker{font-size:9pt!important}
.duplex-measure-root .route-sheet-header,.duplex-measure-root .route-sheet-meta{font-size:11pt!important;line-height:1.35!important}
.duplex-measure-root .route-top-fields{display:grid!important;grid-template-columns:1.35fr 1fr 1fr 1fr!important;gap:.08in!important;width:100%!important;margin:.08in 0!important}
.duplex-measure-root .route-top-fields label,.duplex-measure-root .route-bottom-fields label,.duplex-measure-root .route-signoff label{font-size:11pt!important}
.duplex-measure-root .route-top-fields label{min-width:0!important}
.duplex-measure-root .route-top-fields span{width:100%!important;height:.42in!important;margin-top:.03in!important}
.duplex-measure-root .route-access{font-size:10.5pt!important;padding:.08in!important;margin:.06in 0!important}
.duplex-measure-root .route-table{font-size:9pt!important;width:100%!important;table-layout:fixed!important}
.duplex-measure-root .route-table th{font-size:8.5pt!important;line-height:1.12!important;padding:.05in .025in!important}
.duplex-measure-root .route-table td{font-size:9pt!important;line-height:1.18!important;height:.56in!important;padding:.045in .03in!important}
.duplex-measure-root .route-product-name{font-size:10pt!important}
.duplex-measure-root .route-product-detail{font-size:8.5pt!important}
.duplex-measure-root .route-bottom-fields,.duplex-measure-root .route-signoff{margin-top:.08in!important;gap:.08in!important}
.duplex-measure-root .route-bottom-fields span,.duplex-measure-root .route-signoff span{height:.42in!important;margin-top:.02in!important}
.duplex-measure-root .route-notes-box{font-size:11pt!important;height:1in!important;margin-top:.08in!important;padding:.06in!important}

/* v0.10.0 compact service product reference */
.service-product-cell { min-width: 300px; white-space: normal !important; }
.service-product-name { display:block; margin-bottom:4px; }
.service-product-detail { display:block; font-size:12px; line-height:1.35; color:var(--muted); white-space:normal; }
.service-product-detail .suggested-price-alert,
.service-product-detail .link-button { font-size:12px; padding:0; }