*{box-sizing:border-box}body{margin:0;font:14px Inter,Segoe UI,Arial;color:#23384a;background:#f4f6f8}aside{width:226px;background:white;position:fixed;inset:0 auto 0 0;border-right:1px solid #dde4eb;padding:28px 16px;display:flex;flex-direction:column}.brand{font-size:32px;font-weight:850;letter-spacing:-2px;color:#146cdb;text-decoration:none;padding:0 16px}.brand span{color:#21394c}.brand small{font-size:9px;letter-spacing:2px;display:block;margin-top:5px}.shop{margin:30px 8px 22px;padding:14px 8px;border-block:1px solid #edf0f4;font-weight:600}small{display:block;color:#465b6c;font-size:11px;margin-top:6px;font-weight:400}.dot{display:inline-block;background:#22b67b;width:7px;height:7px;border-radius:50%;margin-left:9px}nav button{width:100%;text-align:left;background:none;border:0;margin:3px 0;padding:12px 14px;color:#344b60;border-radius:7px;cursor:pointer;font-weight:500}nav button.active{background:#eaf2ff;color:#146cdb}nav label{display:block;color:#465b6c;font-size:10px;letter-spacing:1.5px;margin:22px 14px 9px}footer{margin-top:auto;display:flex;align-items:center;gap:10px;border-top:1px solid #edf0f4;padding-top:20px}.avatar{display:inline-grid;place-items:center;border-radius:50%;width:32px;height:32px;background:#e8eef4;color:#5e758c;font-size:11px}main{margin-left:226px}header{height:64px;background:white;border-bottom:1px solid #e2e7ed;display:flex;justify-content:space-between;align-items:center;padding:0 30px;color:#465b6c;font-size:12px}#app{padding:30px}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}h1{font-size:27px;letter-spacing:-.7px;margin:0 0 7px}h2{font-size:17px;margin:0}p{color:#465b6c;line-height:1.6;margin:0}.row{display:flex;align-items:center;gap:10px}.toolbar{display:flex;justify-content:space-between;gap:12px;margin:24px 0}.button,button{font:inherit;cursor:pointer;border:1px solid #dce3eb;border-radius:6px;padding:10px 14px;background:white;color:#334e65}button:hover{background:#f0f5fb}.primary{background:#1672e8;color:white;border-color:#1672e8}.primary:hover{background:#0d62cf}.danger{color:#df4352}.tabs{display:flex;gap:4px;border-bottom:1px solid #dfe5ec;padding-bottom:12px;margin-bottom:20px}.tabs button{border:0;background:none;color:#465b6c}.tabs button.active{color:#126cde;background:#eaf2ff}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat{background:white;border:1px solid #e1e7ed;border-radius:9px;padding:20px}.stat strong{display:block;font-size:27px;margin:12px 0}.stat label{color:#465b6c;font-size:12px}.board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.column{background:#eef1f5;border:1px solid #e2e7ee;border-radius:9px;padding:14px;min-height:450px}.column-title{display:flex;justify-content:space-between;padding:6px 3px 18px;font-weight:600}.count{background:#e1e7ee;border-radius:5px;padding:2px 7px;font-size:11px}.card{background:white;border:1px solid #dfe6ed;border-radius:8px;padding:18px;margin-bottom:13px;box-shadow:0 2px 3px #23384a05}.card h3{font-size:14px;margin:17px 0 9px}.card p{font-size:12px}.card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:22px;border-top:1px solid #f0f3f6;padding-top:14px}.badge{font-size:10px;padding:5px 8px;border-radius:4px;background:#eaf0f5;color:#3d566b;font-weight:600}.badge.purple{background:#f0ecff;color:#6543b4}.badge.green{background:#e5f6ed;color:#08743e}.badge.orange{background:#fff0e5;color:#9e5014}.link{color:#1672e8;cursor:pointer}.panel{background:white;border:1px solid #dfe6ed;border-radius:9px;overflow:hidden;margin-bottom:20px}.panel-head{padding:18px 20px;border-bottom:1px solid #e7ecf1;display:flex;align-items:center;justify-content:space-between}.panel-body{padding:22px}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;background:#f8fafc;color:#465b6c;font-size:11px;font-weight:500;padding:14px 18px}td{padding:17px 18px;border-top:1px solid #edf0f4}input,select,textarea{font:inherit;padding:11px 12px;border:1px solid #dce4ec;border-radius:6px;background:white;color:#334e65;max-width:100%}input:focus,textarea:focus{outline:2px solid #bad7ff}textarea{min-height:90px;width:100%}.search{width:320px}.empty{padding:65px 25px;text-align:center;color:#465b6c}.empty b{display:block;color:#4a6479;font-size:16px;margin-bottom:10px}.split{display:grid;grid-template-columns:1fr 310px;gap:20px}.job{margin-bottom:20px}.job-total{display:flex;justify-content:flex-end;gap:25px;padding:15px;background:#fafbfd;border-top:1px solid #edf0f4}.thumb{display:inline-grid;place-items:center;background:white;border:2px solid #13af64;color:#13af64;border-radius:50%;width:38px;height:38px;font-size:20px;margin-right:10px}.thumb.red{border-color:#f03e49;color:#f03e49}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#465b6c}.wide{grid-column:1/-1}dialog{border:0;border-radius:12px;padding:26px;width:660px;max-width:95vw;color:#23384a;box-shadow:0 20px 80px #152b4d40}dialog::backdrop{background:#10233b65}dialog h2{margin-bottom:23px}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.note{background:#edf5ff;border:1px solid #d2e6ff;border-radius:7px;padding:14px;color:#4b75a3;font-size:12px;line-height:1.6;margin-bottom:20px}#toast{position:fixed;bottom:25px;right:25px;background:#223d54;color:white;padding:14px 20px;border-radius:8px;display:none;z-index:100}.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.report{padding:25px;background:white;border:1px solid #e0e7ee;border-radius:8px}.report h3{font-size:14px}.signature{border:1px dashed #b7c8d7;width:100%;height:160px;touch-action:none}.photo{height:75px;max-width:110px;object-fit:cover;border-radius:5px}.code{white-space:pre-wrap;overflow:auto;font:12px monospace;max-height:400px}.mobile-menu{display:none}@media(max-width:1000px){aside{width:180px}main{margin-left:180px}#app{padding:20px}.stats{grid-template-columns:repeat(2,1fr)}.board{grid-template-columns:1fr}.split{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.report-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){aside{position:relative;width:100%;padding:15px}aside .shop,footer,nav label{display:none}nav{display:flex;overflow:auto}nav button{width:auto;white-space:nowrap}main{margin:0}header{display:none}.formgrid,.report-grid{grid-template-columns:1fr}.wide{grid-column:auto}.heading{align-items:flex-start;gap:10px}.panel{overflow:auto}}
.brand{display:block;text-align:center;padding:0}.brand img{width:160px;height:104px;object-fit:contain;display:block;margin:auto}.brand small{letter-spacing:2px;margin-top:0}.document{background:white;color:#213445;padding:35px;max-width:900px;margin:auto}.document-head{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #203f5c;padding-bottom:22px;margin-bottom:25px}.document-logo{width:160px;height:135px;object-fit:contain}.document h1{font-size:28px}.document-details{display:flex;justify-content:space-between;gap:24px;margin:25px 0}.document-total{margin-left:auto;width:280px;padding:20px 0}.document-total div{display:flex;justify-content:space-between;padding:9px 0}.document-total .grand{border-top:2px solid #203f5c;font-size:20px;font-weight:700}.print-only{display:none}dialog:has(.document){width:970px;max-width:96vw}.document-footer{border-top:1px solid #dce3eb;padding-top:20px;margin-top:30px;font-size:11px;color:#465b6c}@media print{body>*{display:none!important}body>dialog[open]{display:block!important;position:static;width:100%;max-width:100%;margin:0;padding:0;box-shadow:none}dialog .actions,dialog form>h2,dialog .document-controls{display:none!important}.document{padding:10px;max-width:none}.document th{background:#f4f6f8!important}img{print-color-adjust:exact} .document-head{break-inside:avoid}tr{break-inside:avoid}}
.reference-document{font:12px Arial,sans-serif;color:#000;padding:0;max-width:816px}.reference-document h2{font:bold 18px Arial;margin:0 0 3px;letter-spacing:0}.reference-document h3{font:bold 12px Arial;margin:0}.reference-document small{font:10px Arial;color:#000;margin:2px 0 0}.doc-page{background:#fff;padding:28px 24px;min-height:1056px;display:flex;flex-direction:column;margin:16px auto;box-shadow:0 0 4px #bbb}.doc-header{display:flex;justify-content:space-between;gap:20px;margin-bottom:14px;line-height:1.2}.doc-shop{display:flex;gap:8px;align-items:flex-start}.doc-shop img{width:84px;height:80px;object-fit:contain}.doc-title{text-align:right;line-height:1.5}.doc-info{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #999;min-height:96px;margin-bottom:16px}.doc-info>div{padding:6px 8px;line-height:1.25}.doc-info>div+div{border-left:1px solid #999}.doc-concerns,.doc-job{border:1px solid #aaa;margin-bottom:9px;break-inside:avoid}.doc-concerns h3,.doc-job h3{background:#f5f5f5;padding:7px;border-bottom:1px solid #ccc}.doc-concerns>div{padding:9px;line-height:1.3;white-space:pre-wrap}.reference-document table{font:10px Arial;color:#000}.reference-document td,.reference-document th{padding:3px 7px;border-top:1px solid #ddd;color:#000;font:inherit}.doc-job td:first-child{width:14%}.doc-job td:nth-child(2){width:60%}.doc-job td:nth-child(n+3){text-align:right;white-space:nowrap}.doc-job-total{border-top:1px solid #ccc;padding:7px 9px;display:flex;justify-content:space-between;gap:12px}.doc-job-total i{font-size:10px;margin-left:auto}.doc-terms{font:11px/1.3 Arial;margin:3px 0 22px}.doc-sign-totals{display:flex;justify-content:space-between;gap:40px;margin:24px 0}.doc-sign{flex:1}.doc-sign h3{font-size:16px}.doc-sign-line{height:92px;border-bottom:1px dashed #000;position:relative}.doc-sign-line img{max-width:100%;height:80px;object-fit:contain}.doc-sign-line span{position:absolute;bottom:0;left:0;font-size:18px}.doc-summary{width:160px;flex-shrink:0;line-height:1.5}.doc-summary>div{display:flex;justify-content:space-between;gap:14px}.doc-summary .strong{font-weight:bold}.doc-payments{break-inside:avoid}.doc-payments h3{margin:0 0 12px}.doc-payments table{border:1px solid #888}.doc-payments th{background:#f5f5f5;font-weight:bold;padding:8px 4px}.doc-payments td{padding:10px 4px}.doc-foot{display:flex;justify-content:space-between;gap:20px;font:10px Arial;margin-top:auto;padding-top:20px}.doc-page-two .doc-sign-totals{margin-top:0}.vehicle-data-section summary{padding:15px 20px;background:#f7f9fc;font-weight:600;cursor:pointer}@page{size:letter;margin:0.35in}@media print{.reference-document{max-width:none;font-size:10pt}.doc-page{box-shadow:none;margin:0;padding:0;min-height:10.2in}.doc-page-two{break-before:page}.doc-foot{font-size:8pt}.doc-header,.doc-sign-totals{break-inside:avoid}.doc-terms{font-size:9pt}.doc-page:not(:last-child){break-after:page}}
.source-review{color:#9a5a00!important;background:#fff5df;padding:6px;line-height:1.5}
/* Repair workspace: compact job editor, service sidebar and persistent totals. */
body:has(.ro-workspace) #app{padding:18px 20px 90px}body:has(.ro-workspace) .heading{margin-bottom:14px}body:has(.ro-workspace) h1{font-size:21px}body:has(.ro-workspace)>.tabs{margin:0}.ro-workspace{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px;align-items:start}.ro-main{min-width:0}.ro-sidebar{background:#202f34;color:#fff;border-radius:5px;overflow:hidden;position:sticky;top:16px;max-height:calc(100vh - 110px);overflow-y:auto}.sidebar-title{background:#158893;padding:13px 15px;font-weight:700}.vehicle-title{background:#8aab2f}.sidebar-info{padding:14px;display:grid;gap:9px;border-bottom:1px solid #45545a}.sidebar-info b{color:#b8c8ce;font-size:12px}.sidebar-info small{color:#d5dfe3}.ro-sidebar .panel{margin:8px;color:#23384a}.ro-sidebar .panel-body{padding:12px}.ro-sidebar table{font-size:11px}.ro-sidebar th,.ro-sidebar td{padding:8px;overflow-wrap:anywhere}.ro-sidebar details.vehicle-data-section table{display:block;overflow:auto}.ro-totalbar{position:fixed;bottom:0;left:226px;right:0;background:#16272e;color:#fff;display:flex;justify-content:space-between;gap:20px;padding:15px 24px;z-index:10;box-shadow:0 -2px 8px #0002}.ro-totalbar span{color:#bdd0d9;font-size:11px}.ro-totalbar b{display:block;color:white;font-size:17px;margin-top:4px}.build-toolbar{display:flex;gap:10px;padding:14px;background:white;border:1px solid #dfe6ed;border-radius:5px;margin-bottom:16px}.ro-main .estimate-split{display:block}.ro-main .estimate-split>div:last-child{display:none}.ro-main .split:not(.estimate-split){grid-template-columns:minmax(0,1fr);gap:12px}.ro-main .panel{border-radius:5px}.ro-main .job .panel-head{background:#f6f8f9;padding:14px}.ro-main td{padding:12px}.ro-main th{color:#425863;font-size:12px}.ro-main .tabs{margin-bottom:0;padding-bottom:0}.ro-main .tabs button.active{background:#e8f4ff;border:1px solid #2585e8}.ro-main .job-total{background:#f0f4f5}.ro-main .toolbar h2{font-size:19px}@media(max-width:1100px){.ro-workspace{grid-template-columns:minmax(0,1fr) 245px}.ro-totalbar{left:180px}.ro-main .row{flex-wrap:wrap}.ro-main .tabs{overflow:auto}.ro-main .tabs button{white-space:nowrap}}@media(max-width:760px){.ro-workspace{grid-template-columns:1fr}.ro-sidebar{position:static;max-height:none}.ro-totalbar{left:0;gap:8px;padding:12px}.ro-totalbar span:first-child{display:none}.ro-totalbar b{font-size:14px}.build-toolbar{flex-wrap:wrap}.ro-main .panel{overflow:auto}}
.vehicle-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.vehicle-picker label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:12px}.vehicle-picker label:last-of-type{grid-column:span 2}.vehicle-picker select{width:100%}.vehicle-picker small{grid-column:1/-1}.ro-sidebar .vehicle-picker{grid-template-columns:1fr}.ro-sidebar .vehicle-picker label:last-of-type{grid-column:auto}.oil-source-details{margin-top:8px;font-size:12px}.oil-source-details p{border-top:1px solid #e0e6eb;padding:8px 0}.vehicle-data-section>summary{list-style-position:inside}.vehicle-data-section table{table-layout:fixed;overflow-wrap:anywhere}@media(max-width:700px){.vehicle-picker{grid-template-columns:1fr 1fr}.vehicle-picker label:last-of-type{grid-column:1/-1}}

.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.calendar-grid{display:grid;grid-template-columns:repeat(var(--days),minmax(160px,1fr));gap:10px;overflow:auto}.appointment-card{border-left:4px solid;padding:12px;background:#f5f8fc;margin-bottom:12px;border-radius:6px}.appointment-card p{font-size:12px;margin:6px 0}.table-scroll{overflow:auto}

.board-list{display:block}.board-list .column{margin-bottom:16px}.board-list .card{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;align-items:center}.board-labels{grid-template-columns:repeat(3,minmax(260px,1fr))}
.ro-create section{padding:20px 0;border-bottom:1px solid #dce2e7}.ro-create .field{margin-bottom:12px}.ro-create h3{margin-bottom:12px}.ro-create #ro-customer-results button{display:block;width:100%;text-align:left;margin:6px 0}
.action-feedback{display:inline-flex;flex-direction:column;align-items:stretch;vertical-align:top;max-width:100%;gap:6px}.action-error{display:block;color:#c62828;font-size:13px;font-weight:500;line-height:1.4;white-space:normal;text-align:left;max-width:340px}[aria-invalid="true"]{border-color:#c62828!important}

input::placeholder,textarea::placeholder{color:#536879;opacity:1}input:disabled,select:disabled,textarea:disabled{color:#526373;opacity:1}small{font-size:12px;line-height:1.5}nav label{font-weight:600}th{font-weight:600}.ro-sidebar small{color:#e0e9ed}.ro-sidebar .panel small{color:#465b6c}.action-error{color:#c62828}
.issues-panel .issues-top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;border-bottom:1px solid #dce2e7}.issues-top .tabs{border:1px solid #cad5de;border-radius:10px;padding:6px!important;margin:0!important;flex-wrap:wrap}.issues-top .tabs button{white-space:nowrap;padding:10px 14px}.issues-label,.issue-row{display:grid;grid-template-columns:40% 40% 20%;padding:12px 20px;gap:0;border-bottom:1px solid #dce2e7}.issues-label{background:#f7f9fa;color:#344b60;font-weight:600}.issue-row{align-items:start;overflow-wrap:anywhere}.issues-actions{display:flex;justify-content:space-between;gap:12px;padding:16px 20px}.issues-actions button{border:0}.issues-actions button:disabled{color:#677d8e;cursor:default}.issue-tools{display:flex;gap:6px;margin-top:8px}.issue-tools button{padding:4px 8px;font-size:12px}@media(max-width:760px){.issues-top{flex-wrap:wrap}.issues-actions{flex-wrap:wrap}.issues-label,.issue-row{grid-template-columns:40% 35% 25%}}
.reference-job .panel-head{background:#f7f9fa!important;border-bottom:1px solid #dce2e7;gap:12px;flex-wrap:wrap}.reference-job .panel-head strong{font-size:16px}.reference-job .job-icon{border:0;background:transparent;padding:6px 8px}.reference-job .thumb{background:#10994d;border-radius:50%;padding:10px}.reference-job .approval-approved{color:#08743e}.reference-job .approval-declined{color:#c62828}.job-header-actions{flex-wrap:wrap}.job-lines{table-layout:fixed}.job-lines .job-description{width:58%}.job-lines th,.job-lines td{text-align:right}.job-lines th:first-child,.job-lines td:first-child{text-align:left}.job-lines th{background:#f7f9fa;font-size:13px}.job-lines .line-edit{padding:0;border:0;background:none}.part-description{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.part-status{background:#eef1f4;border-radius:4px;padding:6px 10px}.part-vendor{font-weight:600}.job-footer{display:flex;align-items:center;justify-content:flex-end;border-top:1px solid #dce2e7}.job-footer>.row{margin-right:auto;padding:12px;flex-wrap:wrap}.job-tax,.job-final{padding:12px 20px;border-left:1px solid #dce2e7;text-align:right}.job-final strong{display:block;margin-top:6px;font-size:18px}.job-tax small{color:#344b60}.job-final{font-size:12px;font-weight:600}@media(max-width:760px){.job-footer{flex-wrap:wrap}.job-lines{min-width:650px}.reference-job{overflow:auto!important}}
dialog.job-editor-modal{width:min(1500px,96vw);max-width:96vw;padding:0}.job-editor-modal form>h2{padding:20px;margin:0}.job-editor-modal .actions{padding:16px 24px;background:#f7f9fa;margin:0}.job-sheet{padding:0 20px 20px}.sheet-top{display:flex;align-items:end;gap:16px;padding:12px 0 20px}.sheet-top .field:first-child{flex:1}.sheet-labor{display:grid;grid-template-columns:minmax(200px,1fr) 180px 100px 110px 110px 40px;gap:12px;align-items:center;padding:12px 0}.sheet-part{display:grid;grid-template-columns:95px minmax(250px,1fr) 90px 100px 100px 110px 40px;gap:12px;align-items:start;padding:12px 0;border-bottom:1px solid #dce2e7}.sheet-part-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sheet-label{background:#f7f9fa;color:#344b60;border-block:1px solid #dce2e7;font-weight:600;padding:12px 0}.sheet-add{display:flex;gap:16px;padding:14px 0 20px}.sheet-add select{max-width:420px}.job-sheet input,.job-sheet select{width:100%;min-width:0}.job-sheet output{padding:12px 0;font-weight:600}.sheet-total{padding:18px;text-align:right}.sheet-total strong{margin-left:20px}.job-sheet>.field{margin-top:20px}@media(max-width:1000px){.job-sheet{overflow:auto}.sheet-labor,.sheet-part,.sheet-label{min-width:900px}.sheet-top{flex-wrap:wrap}}
.card[data-action="openRO"]{cursor:pointer}.card[data-action="openRO"]:hover{border-color:#1672e8;box-shadow:0 2px 8px #1672e822}.card[data-action="openRO"]:focus-visible{outline:3px solid #1672e8;outline-offset:2px}
.payment-stats{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:20px}.payment-methods{flex-wrap:wrap;margin-bottom:16px}.payment-methods button:disabled{cursor:default;color:#526373;background:#edf0f4;border-color:#dce2e7}@media(max-width:760px){.payment-stats{grid-template-columns:1fr}}
.build-toolbar{justify-content:flex-end}
.ro-sidebar{background:#17252a;padding:0 6px 8px;border-radius:8px}.side-group{margin-bottom:6px}.side-group>summary{list-style:none;cursor:pointer;font-size:18px;font-weight:650;color:white;padding:14px;border-radius:10px;display:flex;align-items:center;gap:10px}.side-group>summary:after{content:"⌄";margin-left:auto}.side-group[open]>summary:after{content:"⌃"}.side-card{background:#223136;border:1px solid #34454a;border-radius:10px;margin-top:5px;padding:13px;display:flex;justify-content:space-between;align-items:start;gap:12px;color:#f5f7f8;overflow-wrap:anywhere}.side-card b{color:#c5d0d4;font-weight:600}.side-card span{min-width:0;text-align:right}.side-card.side-stack{display:block}.side-stack span{display:block;text-align:left;margin-top:6px}.side-card strong{font-size:15px}.side-card small{color:#c5d0d4}.side-link{color:#63baff;background:transparent;border:0;padding:0;font-weight:600;text-align:inherit}.side-link:hover{background:transparent;color:#a1d7ff}.side-group>summary .side-link{color:white}.side-service>summary{background:#30434a}.side-service>.panel-body{background:white;color:#23384a}.side-service .vehicle-data-section{background:white;color:#23384a}.side-service .vehicle-data-section summary{padding:13px}.side-service p{color:#465b6c}.side-service .vehicle-picker{grid-template-columns:1fr!important}
dialog.customer-edit-drawer{position:fixed;inset:0 0 0 auto;margin:0;height:100dvh;max-height:100dvh;width:min(660px,100vw);max-width:100vw;border:0;border-radius:0;padding:24px}.customer-edit-drawer h2{font-size:26px}.customer-drawer .field{margin-top:20px;gap:8px}.customer-drawer input,.customer-drawer select,.customer-drawer textarea{font-size:16px;padding:13px;border-radius:10px}.customer-drawer h3{font-size:20px}.customer-drawer>.formgrid{gap:20px}.contact-row{display:grid;grid-template-columns:1fr 1fr auto;gap:16px;align-items:center}.email-row{grid-template-columns:1fr auto auto}.customer-city{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.customer-check{display:flex;align-items:center;gap:10px;margin:20px 0;font-size:16px}.customer-check input{width:20px;height:20px}.customer-drawer>button{margin-top:10px}.email-row button[aria-pressed="true"]{color:#8c6400}.customer-edit-drawer .actions{position:sticky;bottom:-24px;background:white;padding:18px 0;border-top:1px solid #dce2e7}

dialog.vehicle-edit-drawer{position:fixed;inset:0 0 0 auto;margin:0;height:100dvh;max-height:100dvh;width:min(720px,100vw);max-width:100vw;border:0;border-radius:0;padding:28px;background:#fafafa}.vehicle-edit-drawer h2{font-size:27px}.vehicle-drawer .field{margin:24px 0 0;gap:10px;font-size:16px}.vehicle-drawer input,.vehicle-drawer select,.vehicle-drawer textarea{font-size:17px;border-radius:0;padding:13px;background:white}.vehicle-drawer .formgrid{gap:12px}.vehicle-edit-drawer .actions{position:sticky;bottom:-28px;background:#fafafa;padding:18px 0}.fluid-section{background:#15262c!important;color:#f5f7f8!important;border:0!important}.fluid-section>summary{background:#0075e8!important;color:white!important;border-radius:10px;padding:16px!important;font-size:21px}.fluid-card{background:#212f35;border:1px solid #35464e;border-radius:11px;margin:6px 0;padding:16px;color:#f5f7f8}.fluid-card h3{font-size:23px;margin:0 0 14px;color:white}.fluid-card p{font-size:16px;line-height:1.5;margin:8px 0;overflow-wrap:anywhere}.fluid-capacity{background:#3a4e58;border:1px solid #526b77;border-radius:11px;padding:13px;margin:10px 0;line-height:1.5}.fluid-units{display:flex;gap:8px;padding:10px}.fluid-units button[aria-pressed=true]{background:#0075e8;color:white}.fluid-card a{color:#68baff!important}.side-service .vehicle-data-section{margin:10px 0;border:1px solid #52616c;border-radius:10px;overflow:hidden}.side-service .vehicle-data-section>summary{padding:16px;background:#30434e;color:white}.side-service table{display:block;overflow:auto}.ro-sidebar .fluid-card p{color:white}

body:has(.job-board-page) #app{padding:18px 0 0}body:has(.job-board-page) header{display:none}.job-board-page h1{font-size:22px;padding:0 18px;margin:0 0 18px}.board-controls{display:flex;justify-content:space-between;gap:18px;background:white;padding:0 16px 16px;flex-wrap:wrap}.board-filter-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.board-controls .search{width:330px}.job-board-page .board{gap:0;background:#f7f9fa;border-top:1px solid #d9dfe3}.job-board-page .column{padding:0;border:0;border-right:1px solid #d9dfe3;border-radius:0;background:#f7f9fa;min-height:calc(100vh - 125px);min-width:0}.job-board-page .column-title{padding:10px 14px;border-bottom:1px solid #d9dfe3;align-items:center;font-size:13px;gap:8px;height:47px}.column-title select{font-size:12px;background:transparent;border:0;padding:4px;max-width:48%}.column-orders{padding:8px;max-height:calc(100vh - 173px);overflow-y:auto}.job-board-page .board-order{padding:13px;margin-bottom:8px;border:1px solid #d5dde2;box-shadow:0 1px 2px #0002;border-radius:9px;cursor:pointer}.board-order:hover{border-color:#90bce6}.board-order:focus-visible{outline:3px solid #1672e8}.board-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.board-status{color:white;font-size:12px;font-weight:650;border-radius:4px;padding:4px 7px}.board-owner{display:flex;gap:6px;align-items:center;font-size:12px}.board-owner small{margin:0;font-size:11px}.board-owner .avatar{width:25px;height:25px;background:#7c929d;color:white}.job-board-page .card h3{display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:14px;margin:14px 0 5px;font-weight:600}.appointment-icon{border:1px solid #dae1e6;border-radius:6px;padding:5px 7px;font-size:17px}.board-phone{font-weight:400}.job-board-page .board-vehicle{font-size:14px;color:#26333c;line-height:1.4}.board-card-bottom{display:flex;justify-content:space-between;gap:8px;align-items:flex-end;margin-top:9px}.board-chips{display:flex;gap:6px;flex-wrap:wrap}.board-chips>span{border:1px solid #dbe2e7;border-radius:7px;padding:10px;font-size:12px;color:#43545d;background:white;box-shadow:0 1px 2px #0001}.board-amount{text-align:right;white-space:nowrap;font-size:14px}.board-amount strong{font-weight:550}.board-amount small{font-size:11px}.board-amount .partial-payment{color:#bc5700}.column-end{text-align:center;color:#56636b;padding:20px 0 35px}.column-end p{font-size:12px;margin-top:8px}.board-add{position:fixed;right:26px;bottom:24px;background:#fa5427;border:0;color:white;border-radius:50%;font-size:30px;width:58px;height:58px;padding:0;box-shadow:0 2px 5px #0002}.board-add:hover{background:#df421c}.board-list .column-orders{max-height:none}.board-list .board-order{display:block}.board-labels{overflow:auto}
.ro-details-shell{min-width:0;position:sticky;top:12px}.ro-details-shell>summary{padding:12px 14px;background:#edf2f6;border:1px solid #dce3e8;border-radius:6px;cursor:pointer;font-weight:650;margin-bottom:8px}.ro-details-shell .ro-sidebar{position:static;max-height:calc(100vh - 180px)}body:has(.ro-workspace) header{display:none}body:has(.ro-workspace) .heading h1{font-size:22px}body:has(.ro-workspace) .heading p{font-size:13px}.ro-main .build-toolbar{justify-content:flex-end;background:transparent;padding:0;border:0;margin:0 0 16px}.ro-main .toolbar{margin:20px 0 12px}.ro-main .job-header-actions button{font-size:12px;padding:6px 8px}.ro-main .tabs button{padding:12px 17px}body:has(.ro-workspace) #app>.tabs{background:white;border:1px solid #dce3e8;border-radius:7px;padding:5px;margin-bottom:16px}.ro-main .panel-head strong{font-size:15px}.ro-main .reference-job{box-shadow:0 1px 3px #0001}.ro-main .issue-tools{opacity:.75}.ro-main .issue-row:hover .issue-tools{opacity:1}@media(max-width:1100px){.board-controls .search{width:240px}.board-phone{display:none}.job-board-page .board{grid-template-columns:repeat(3,minmax(270px,1fr));overflow-x:auto}}@media(max-width:760px){.ro-details-shell{position:static}.ro-details-shell .ro-sidebar{max-height:none}.board-controls{gap:10px}.job-board-page .column{min-height:400px}.column-orders{max-height:70vh}.board-filter-group select{max-width:140px}}

.ro-workspace:has(>.ro-details-shell:not([open])){grid-template-columns:minmax(0,1fr)}.ro-details-shell:not([open]){grid-row:1;justify-self:end;position:static}.ro-workspace:has(>.ro-details-shell:not([open]))>.ro-main{grid-row:2}@media(max-width:1100px){.ro-workspace{grid-template-columns:minmax(0,1fr)}.ro-details-shell{position:static;grid-row:1}.ro-details-shell .ro-sidebar{max-height:55vh}.issues-top .tabs{flex-wrap:nowrap;overflow:auto;max-width:100%}.issues-top{flex-wrap:wrap}.issues-top .tabs button{font-size:12px;padding:9px}}

.add-button-plus{display:inline-block;color:#fff;font-family:Arial,sans-serif;font-size:23px;font-weight:800;line-height:16px;vertical-align:-1px;margin-right:5px}

.sheet-part-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.sheet-part-fields input{border-radius:0;padding:12px 14px;height:46px}.sheet-part-fields input::placeholder{color:#62717e;opacity:1}.part-vendor-edit{grid-column:1/-1;font-size:12px}.part-vendor-edit summary{cursor:pointer;color:#465b6c;padding:2px 0}.part-vendor-edit input{margin-top:8px}.sheet-part>input{border-radius:0;height:46px}.sheet-part>button[data-remove-part]{border:0;border-radius:50%;background:#465057;color:white;font-size:21px;padding:0;width:28px;height:28px;margin-top:8px}

.sheet-labor .labor-description{min-height:46px;height:46px;resize:vertical;border-radius:0;padding:12px 14px;font-size:15px}.sheet-labor .labor-description::placeholder{color:#62717e;opacity:1}.sheet-labor>select{border:0;background:transparent;font-weight:650;height:46px;cursor:pointer}.sheet-labor>input{height:46px;border-radius:0}.sheet-labor>output{height:46px;border:1px solid #dce4ec;background:white;padding:12px 10px;font-weight:400}.sheet-labor>button[data-remove-labor]{border:0;border-radius:50%;background:#465057;color:white;font-size:21px;padding:0;width:28px;height:28px}.sheet-labor{grid-template-columns:minmax(240px,1fr) 180px 100px 110px 110px 36px}

/* Repair order workspace: consistent, accessible controls and clear hierarchy. */
body:has(.ro-workspace){background:#f1f4f8;color:#1e3042}body:has(.ro-workspace) #app{padding:24px 26px 110px;max-width:1900px;margin:auto}body:has(.ro-workspace) .heading{gap:20px;align-items:center;margin-bottom:20px}body:has(.ro-workspace) .heading h1{font-size:26px;letter-spacing:-.5px}body:has(.ro-workspace) .heading p{color:#40566b;font-size:15px;margin-top:5px}body:has(.ro-workspace) .heading>.row{flex-wrap:wrap;justify-content:flex-end}
body:has(.ro-workspace) button,body:has(.ro-workspace) select,body:has(.ro-workspace) input{min-height:44px;font-size:14px}body:has(.ro-workspace) button{padding:11px 16px;border-radius:8px;font-weight:600;border-color:#b9c8d5;color:#23415b;background:#fff}body:has(.ro-workspace) button:hover{background:#eaf1f8;border-color:#7196b8}body:has(.ro-workspace) button.primary{background:#0969d7;color:white;border-color:#0969d7;box-shadow:0 2px 3px #0969d71a}body:has(.ro-workspace) button.primary:hover{background:#0756b2}body:has(.ro-workspace) button.danger{color:#b42332;border-color:#e6b8be;background:#fff8f8}body:has(.ro-workspace) button:disabled{background:#f0f3f6;color:#657586;border-color:#d2dae2;cursor:default;box-shadow:none}body:has(.ro-workspace) :is(button,input,select,textarea,summary):focus-visible{outline:3px solid #63a7ee;outline-offset:3px}
body:has(.ro-workspace) #app>.panel{border-radius:12px;box-shadow:0 2px 5px #23384a06}body:has(.ro-workspace) #app>.tabs{display:flex;gap:6px;padding:7px;border-radius:12px;margin-bottom:20px;overflow:auto}body:has(.ro-workspace) #app>.tabs button{white-space:nowrap;min-width:100px;border:1px solid transparent;color:#37516b}body:has(.ro-workspace) #app>.tabs button.active{background:#0969d7;color:white;border-color:#0969d7}
.ro-workspace{gap:20px}.ro-details-shell>summary{min-height:46px;padding:13px 17px;background:white;border-color:#b9c8d5;border-radius:9px;color:#25425b}.ro-main .build-toolbar{padding:14px;background:#fff;border:1px solid #d6e0e9;border-radius:12px;gap:10px;flex-wrap:wrap;justify-content:flex-start;margin-bottom:20px}.ro-main .issues-panel{border-radius:12px}.issues-panel .issues-top{padding:16px;flex-wrap:wrap}.issues-top .tabs{padding:4px!important;border-radius:9px;max-width:100%;overflow:auto;flex-wrap:nowrap}.issues-top .tabs button{flex-shrink:0;font-size:14px;padding:10px 14px;min-height:44px}.issues-top .tabs button.active{background:#e6f0ff;color:#0757b3;border:1px solid #7eaee4}.issues-label{font-size:14px;color:#334e64;background:#f2f6fa;padding:14px 18px}.issue-row{padding:18px;font-size:15px;line-height:1.5}.issues-actions{padding:14px 18px;flex-wrap:wrap;background:#fff}.ro-main .issue-tools{opacity:1}.issue-tools button{font-size:13px;min-width:68px}.ro-main .reference-job{border-radius:12px;border-color:#cbd7e2;box-shadow:0 2px 5px #23384a08}.ro-main .job .panel-head{padding:16px 18px;gap:16px;align-items:flex-start;flex-wrap:wrap;background:#f5f8fb}.ro-main .job-header-actions{gap:8px;flex-wrap:wrap}.ro-main .job-header-actions button{min-width:44px;min-height:44px;padding:10px 12px;font-size:14px}.ro-main .job-icon{min-width:44px;min-height:44px}.ro-main .job-lines th{font-size:13px;font-weight:650;padding:12px 16px;background:#f7f9fc}.ro-main .job-lines td{font-size:14px;padding:14px 16px}.ro-main .job-footer{gap:14px;flex-wrap:wrap;padding:16px 18px}.ro-totalbar{padding:15px 26px;background:#163049;border-top:3px solid #0969d7}.ro-totalbar span{font-size:12px;color:#d4e1ed}.ro-totalbar b{font-size:20px}.ro-sidebar .side-link{background:transparent;border:0;color:#80c5ff;padding:5px 7px;min-height:44px;box-shadow:none}.ro-sidebar .side-link:hover{background:#344b56}.ro-sidebar .side-group>summary .side-link{color:white}.ro-sidebar .side-card{align-items:center}.ro-sidebar .side-stack{display:block}
body:has(.ro-workspace) dialog{border-radius:14px;padding:26px}body:has(.ro-workspace) dialog .field{font-size:14px;font-weight:600;color:#30495f;gap:8px}body:has(.ro-workspace) dialog :is(input,select,textarea){border:1px solid #afbfce;background:#fff;border-radius:7px;padding:12px;font-size:15px;color:#203c54}body:has(.ro-workspace) dialog input::placeholder,body:has(.ro-workspace) dialog textarea::placeholder{color:#627386}body:has(.ro-workspace) dialog .actions{gap:12px;padding:18px 22px;border-top:1px solid #d8e1ea;background:#f7f9fc}body:has(.ro-workspace) dialog .actions button{min-width:100px;min-height:46px}body:has(.ro-workspace) dialog.job-editor-modal{padding:0}.job-sheet .sheet-add{gap:14px;flex-wrap:wrap}.job-sheet .sheet-label{font-size:14px;padding:14px 0}.job-sheet .sheet-labor>button[data-remove-labor],.job-sheet .sheet-part>button[data-remove-part]{width:44px;height:44px;min-width:44px;min-height:44px;padding:0;background:#46545f;color:white;border:0;border-radius:50%;margin:0}.sheet-labor{grid-template-columns:minmax(240px,1fr) 180px 100px 110px 110px 44px}.sheet-part{grid-template-columns:95px minmax(250px,1fr) 90px 100px 100px 110px 44px}
@media(max-width:1100px){body:has(.ro-workspace) #app{padding:20px 18px 110px}.ro-main .job-header-actions{width:100%}.ro-main .issues-top .tabs button{font-size:13px}.ro-main .issues-top .tabs{width:100%}.ro-main .job-lines{min-width:580px}.ro-main .reference-job{overflow:auto}}@media(max-width:760px){body:has(.ro-workspace) .heading{align-items:flex-start;flex-direction:column}body:has(.ro-workspace) .heading>.row{justify-content:flex-start;width:100%}.ro-main .build-toolbar>button{flex:1;min-width:145px}.issue-row,.issues-label{grid-template-columns:40% 35% 25%}.ro-totalbar{padding:12px;flex-wrap:wrap;gap:12px}.ro-totalbar b{font-size:17px}.ro-totalbar span{font-size:11px}.ro-main .job-footer .row{flex-wrap:wrap}body:has(.ro-workspace) .payment-methods button{flex:1;min-width:110px}}

.ro-main .build-toolbar{justify-content:flex-end}

/* Larger job header controls, including the icon artwork itself. */
.ro-main .job-header-actions button{min-height:56px;min-width:56px;padding:14px 18px;font-size:16px;border:1px solid #b7c8d8;background:white;box-shadow:0 1px 2px #203c5410}.ro-main .job-header-actions .job-icon,.ro-main .job .panel-head>.row>.job-icon{width:56px;height:56px;min-width:56px;min-height:56px;padding:10px;font-size:26px;line-height:1;border:1px solid #b7c8d8;background:white;border-radius:9px;color:#23415b}.ro-main .job-header-actions .job-icon.danger{color:#b42332;background:#fff1f2;border-color:#e4aab2}.ro-main .job-header-actions button:hover,.ro-main .job .panel-head>.row>.job-icon:hover{background:#e4effa;border-color:#6b98c0}.ro-main .job-header-actions{gap:12px}.ro-main .job .panel-head{padding:18px 20px}.ro-main .job .panel-head strong{font-size:17px}.ro-main .job .panel-head small{font-size:13px;margin-top:7px}

.plain-plus{display:inline-block;font:800 24px/1 Arial,sans-serif;color:inherit;vertical-align:-2px;margin-right:6px}.primary .plain-plus{color:white}

.appointment-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:0 0 40px;padding:5px;color:#26383f;background:#fff;border:1px solid #c7d4de;border-radius:9px}.appointment-svg{width:29px;height:29px;display:block}.appointment-icon[title="Stay with vehicle"]{background:#fff0f1;color:#ed4350;border-color:#edc8cd}

.board-order button.board-status{color:white;border:0;min-height:40px;padding:9px 12px;font-size:13px;font-weight:650;cursor:pointer;border-radius:6px}.board-order button.board-status:hover{filter:brightness(.9)}

.approval-preview{margin-top:20px;padding:18px;border:1px solid #d4dfe9;border-radius:10px;background:#f7f9fc}.approval-preview h3{margin-top:0}.approval-preview-job{padding:14px 0;border-bottom:1px solid #d4dfe9;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.approval-preview-job small{width:100%;font-size:13px}

/* Source-reference repair order layout, replacing the previous custom layout. */
body:has(.reference-ro-layout) #app{padding:0 280px 90px 0;max-width:none;margin:0}body:has(.reference-ro-layout){background:#edf0f2}.reference-ro-header{background:white;border-bottom:1px solid #cbd4da;padding:14px 16px 0}.reference-ro-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.reference-ro-title h1{font-size:19px!important;letter-spacing:0;margin:0;flex:1}.reference-ro-title .reference-back{min-width:40px;padding:8px}.reference-ro-title .ro-status-button{background:var(--status-bg,#e1e6eb)!important;color:var(--status-fg,#334155)!important;border:0!important;min-height:30px!important;padding:5px 9px!important;font-size:12px!important}.reference-mileage{display:flex;justify-content:flex-end;padding:10px 0}.reference-mileage button{font-size:13px!important;min-height:38px!important;padding:8px 12px!important}.reference-ro-nav{display:flex;align-items:center;justify-content:space-between;gap:10px}.reference-ro-nav>.tabs{border:0;margin:0;padding:0;gap:0;overflow:auto}.reference-ro-nav .tabs button{border:0;border-bottom:3px solid transparent;border-radius:0!important;background:white;padding:12px 14px;white-space:nowrap;font-size:13px;min-width:0}.reference-ro-nav .tabs button.active{color:#006ecf;background:white;border-bottom-color:#0075df}.reference-tools{gap:6px;padding-bottom:6px}.reference-tools button{font-size:12px!important;padding:9px!important}.reference-ro-layout .ro-workspace{display:block;padding:0 18px}.reference-ro-layout .ro-main{min-width:0}.reference-ro-layout .ro-details-shell{position:fixed;top:0;right:0;bottom:0;width:270px;z-index:12;background:#17282f;padding:7px;overflow:auto}.reference-ro-layout .ro-details-shell>summary{color:white;background:#20353e;border:0;font-size:12px;margin:0;border-radius:0;min-height:40px;padding:10px}.reference-ro-layout .ro-sidebar{max-height:none!important;border-radius:0;overflow:visible}.reference-ro-layout .side-group>summary{font-size:17px;border-radius:7px;padding:11px}.reference-ro-layout .side-card{border-radius:7px;padding:11px;font-size:13px}.reference-ro-layout .side-link{min-height:28px!important;font-size:13px;padding:3px!important}.reference-ro-layout .build-toolbar{padding:14px 0;background:transparent;border:0;border-radius:0;justify-content:flex-start;margin-bottom:0}.reference-ro-layout .build-toolbar>input{width:min(430px,65%)}.build-menu{position:relative}.build-menu>summary{cursor:pointer;background:#0075df;color:white;border-radius:7px;list-style:none;font-weight:600;padding:14px 20px;min-height:44px}.build-menu>div{position:absolute;top:100%;left:0;min-width:220px;padding:7px;background:white;border:1px solid #ccd7df;border-radius:7px;z-index:15;box-shadow:0 8px 24px #10273830}.build-menu button{display:block;width:100%;text-align:left;border:0!important}.reference-ro-layout .issues-panel{border-radius:5px;box-shadow:0 1px 3px #0002;margin-top:8px}.reference-ro-layout .issues-top{padding:12px 14px}.reference-ro-layout .issues-actions{padding:12px 14px}.reference-ro-layout .issues-label{padding:11px 14px;background:#f6f8f9;font-size:13px}.reference-ro-layout .issues-top .tabs button{font-size:13px}.reference-ro-layout .ro-main .reference-job{border-radius:2px;box-shadow:0 1px 5px #0003}.reference-ro-layout .ro-main .job .panel-head{padding:12px 14px}.reference-ro-layout .ro-totalbar{left:226px;right:280px;background:#172a33;border:0;padding:10px 16px;gap:12px;align-items:center;overflow:auto;z-index:11}.reference-ro-layout .ro-totalbar b{font-size:16px}.reference-ro-layout .ro-totalbar span{font-size:11px;white-space:nowrap}.reference-ro-layout .ro-totalbar button{white-space:nowrap}.reference-ro-layout .ro-main .job-footer{padding:12px 14px}.reference-ro-layout .ro-main .job-header-actions button{min-height:44px;min-width:44px;padding:8px 11px;font-size:14px}.reference-ro-layout .ro-main .job-header-actions .job-icon{width:44px;height:44px;font-size:22px}.reference-ro-layout .ro-details-shell:not([open]){height:44px;bottom:auto}body:has(.reference-ro-layout .ro-details-shell:not([open])) #app{padding-right:0}.reference-ro-layout:has(.ro-details-shell:not([open])) .ro-totalbar{right:0}
@media(max-width:1100px){body:has(.reference-ro-layout) #app{padding-right:245px}.reference-ro-layout .ro-details-shell{width:235px}.reference-ro-layout .ro-totalbar{left:180px;right:245px}.reference-ro-nav{flex-wrap:wrap}.reference-ro-layout .issues-top .tabs{width:auto}.reference-ro-layout .job-header-actions{width:auto}.reference-ro-layout .ro-main .job-lines{min-width:550px}}@media(max-width:760px){body:has(.reference-ro-layout) #app{padding-right:0}.reference-ro-layout .ro-details-shell{position:relative;width:100%;margin-top:16px}.reference-ro-layout .ro-details-shell:not([open]){height:auto}.reference-ro-layout .ro-totalbar{left:0;right:0;flex-wrap:nowrap}.reference-ro-title h1{font-size:17px!important}.reference-ro-layout .ro-workspace{padding:0 10px}.reference-ro-nav>.tabs{max-width:100%}.reference-ro-layout .ro-totalbar span:nth-of-type(-n+2){display:none}}

.reference-ro-layout .empty-build-action{text-align:center;padding:0 20px 30px}.reference-ro-layout .empty{padding:40px 20px 20px}.reference-ro-layout .ro-totalbar button:disabled{background:#456071;color:#d3dde4;border-color:#456071;box-shadow:none}

.summary-navigation{display:flex;flex-wrap:wrap;border-bottom:1px solid #ccd5da;padding:0 16px;gap:8px}.summary-navigation button{border:0;border-radius:0;background:transparent;min-height:48px;padding:12px 14px;color:#405460}.summary-navigation button.active{color:#0076d9;border-bottom:3px solid #0076d9;font-weight:700}.summary-content{padding:20px}.summary-event{padding:16px 0;border-bottom:1px solid #e1e7eb}.summary-event p{margin:10px 0}.summary-content>.panel{box-shadow:none;border:0}

.print-options{display:grid;gap:10px;padding:12px 0}.print-options button{text-align:left;min-height:48px}

.board-view-buttons{display:flex;border:1px solid #cbd5dd;border-radius:7px;overflow:hidden}.board-view-buttons button{border:0;border-radius:0;min-width:38px;font-size:20px;padding:5px 9px}.board-view-buttons button.active{background:#e6ebee;color:#23383f}.column-sort{display:flex;align-items:center;gap:2px}.column-sort button{border:0;background:transparent;padding:4px;min-width:28px}.column-sort select{max-width:160px}.board-list .column-orders{display:block}.board-list .board-order{display:grid;grid-template-columns:230px minmax(160px,1fr) minmax(140px,1fr) minmax(190px,1fr);align-items:center;gap:16px;padding:12px 16px}.board-list .board-card-top{gap:12px}.board-list .board-order h3,.board-list .board-order p{margin:0}.board-list .board-card-bottom{margin:0}.board-list .board-phone{display:none}@media(max-width:900px){.board-list .board-order{grid-template-columns:1fr 1fr}.column-sort select{max-width:125px}}

.payment-full{display:flex;align-items:center;gap:10px;margin-top:20px;font-size:15px}.payment-full input{width:20px;height:20px}

.workspace-topbar{display:flex!important;position:fixed;z-index:20;inset:0 0 auto;height:56px;background:#17242b;color:#fff;padding:0 16px;gap:18px;border:0;justify-content:flex-start}.workspace-topbar button{background:transparent;border:0;color:#fff}.topbar-brand{color:#fff;text-decoration:none;font-size:18px;white-space:nowrap}.workspace-topbar .global-search{background:#394f59;text-align:left;min-width:260px;color:#dce5e9}.topbar-shop{margin-left:auto}.workspace-topbar .avatar{background:#627a85;color:white}.recent-orders{position:relative;white-space:nowrap}.recent-orders summary{cursor:pointer;list-style:none;padding:12px}.recent-orders>div{position:absolute;top:42px;left:0;width:300px;background:white;border:1px solid #ccd5da;box-shadow:0 5px 15px #0002}.recent-orders>div button{display:block;width:100%;text-align:left;color:#243840;border-bottom:1px solid #eef1f3}.recent-orders>div button:hover{background:#edf5fc}body>aside{top:56px;padding:12px;width:226px;overflow-y:auto}body>aside>.brand,body>aside>.shop,body>aside>footer{display:none}body>main{padding-top:56px}#nav button{display:flex;gap:12px;align-items:center;min-height:42px}body.nav-collapsed>aside{width:70px;padding:12px}body.nav-collapsed>aside #nav button{justify-content:center;padding:10px;font-size:18px}body.nav-collapsed .nav-label,body.nav-collapsed #nav label{display:none}body.nav-collapsed>main{margin-left:70px}body.nav-collapsed .ro-totalbar{left:70px}body:has(.reference-ro-layout) .ro-details-shell{top:56px}.job-board-page{background:white}.board-controls{flex-wrap:nowrap}.board-filter-group{gap:8px}.board-filter-group .search{width:260px}.board-filter-group select{max-width:145px}.board-filter-group #board-label{max-width:120px}.board-filter-group #board-tech{max-width:120px}#global-ro-results button{display:block;text-align:left;width:100%;margin-top:8px}@media(max-width:1050px){.board-controls{flex-wrap:wrap}.topbar-shop{display:none}}@media(max-width:650px){.workspace-topbar{gap:8px}.topbar-brand strong,.recent-orders,.workspace-topbar>.avatar{display:none}.workspace-topbar .global-search{min-width:0;flex:1}body>aside{position:fixed!important;width:70px}body>main{margin-left:70px!important}.nav-label,#nav label{display:none}.board-filter-group{flex-wrap:wrap}.ro-totalbar{left:70px!important}}

.job-board-page{font-size:14px}.job-board-page h1{font-size:20px}.board-order .board-status{min-height:24px;height:24px;padding:3px 8px;border-radius:3px;font-size:12px}.board-order h3{font-size:14px;margin:12px 0 5px}.board-order .board-vehicle{font-size:14px}.board-order .board-owner small{font-size:12px}.board-order .board-card-bottom{margin-top:10px}.board-order .board-chips{font-size:13px}.board-order{padding:12px!important}.board-order .appointment-icon{width:32px;height:32px}#nav button{margin:2px 0;min-height:40px}.board-controls{padding-bottom:16px}.column-title{min-height:42px}.job-board-page .board{height:calc(100vh - 176px)}

.payment-workspace{display:grid;grid-template-columns:minmax(260px,1fr) minmax(300px,1fr);gap:24px;margin-bottom:24px}.payment-workspace>section>h2{margin:8px 0 20px}.payment-choices{display:grid;grid-template-columns:1fr 1fr;gap:14px}.payment-choice{min-height:105px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;font-size:16px!important;border:1px solid #ccd6dc!important;border-radius:8px!important}.payment-choice>span{font-size:27px;color:#315160}.payment-choice:hover{border-color:#0078df!important;background:#edf7ff!important}.payment-choice:disabled{opacity:.5;cursor:not-allowed}.payment-summary td:last-child{text-align:right}.payment-summary tr:last-child{font-weight:700;background:#f0f6fa}.payment-provider-note{font-size:12px;margin-top:18px}@media(max-width:1100px){.payment-workspace{grid-template-columns:1fr}}

.paid-table{overflow:auto;background:white}.paid-table th button{border:0;background:none;padding:6px 0;text-align:left;white-space:nowrap}.paid-table td small{display:block;margin-top:4px}.table-pagination{display:flex;justify-content:flex-end;align-items:center;gap:16px;padding:18px}.table-pagination select{margin-left:8px}.sidebar-controls{display:flex;justify-content:flex-end;padding:8px}.sidebar-controls button{background:transparent;color:white;border-color:#53666d}.ro-sidebar .sidebar-controls button{min-height:36px!important}.summary-navigation{overflow-x:auto}.reference-tools{flex-wrap:wrap}.payment-workspace+.panel{overflow-x:auto}dialog:has([data-action="profitGroup"]){width:960px}

.activity-toolbar{justify-content:space-between;margin-bottom:12px}.summary-event small{display:block;margin-top:6px;color:#536670}.summary-event p{white-space:pre-wrap}
.library-job{display:flex;gap:12px;align-items:center;padding:18px 0;border-bottom:1px solid #d8e1e8}.library-job>div{flex:1}.library-job small{display:block;margin-top:6px}.favorite-jobs{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:12px 0 18px}.library-job button{min-height:44px}#library-search{width:100%;margin:16px 0}@media(max-width:700px){.library-job{flex-wrap:wrap}.library-job>div{flex-basis:100%}}
.posted-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;margin-bottom:16px;border:1px solid #c7dce8;border-radius:10px;background:#eaf4fa;color:#193e54}.posted-banner small{display:block;margin-top:6px}.posted-banner button{min-height:48px}
.job-adjustments{margin:24px 0}.adjustment-group{border-top:1px solid #d5dfe7;padding:20px 0}.adjustment-head,.adjustment-row{display:grid;grid-template-columns:2fr 1fr 1.4fr 1fr 1fr 1fr 44px;gap:12px;align-items:center;margin:12px 0}.adjustment-head{font-weight:600;color:#354e60}.adjustment-row input:not([type=checkbox]),.adjustment-row select{width:100%;min-width:0}.adjustment-bases{display:flex;gap:10px;flex-wrap:wrap}.adjustment-bases label{display:flex;gap:5px;align-items:center}.job-adjustment-summary{padding:15px 24px;background:#f3f7fa;text-align:right}@media(max-width:900px){.adjustment-head{display:none}.adjustment-row{grid-template-columns:1fr 1fr}.adjustment-row>input:first-child{grid-column:1/-1}}

.catalog-builder{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:24px;margin-top:20px}.catalog-builder>section{max-height:60vh;overflow:auto;padding-right:12px}.catalog-builder aside{padding:20px;background:#f2f6f9;border:1px solid #d5dfe7;border-radius:10px}.catalog-operation{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid #d5dfe7}.catalog-operation small,.catalog-builder aside small{display:block;margin-top:5px;color:#43596b}.catalog-operation input{width:85px}.catalog-operation button{min-height:44px;flex-shrink:0}@media(max-width:800px){.catalog-builder{grid-template-columns:1fr}}

.inspection-template-list{max-height:55vh;overflow:auto;margin:20px 0}.inspection-template{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 16px;border-bottom:1px solid #d5dfe7;cursor:pointer;font-size:17px}.inspection-template:hover{background:#eef6ff}.inspection-template input{width:22px;height:22px;accent-color:#0875dd}.inspection-progress{display:flex;align-items:center;gap:18px;padding:20px;background:#f2f6f9;border:1px solid #d5dfe7;border-radius:10px;margin-bottom:20px}.inspection-progress progress{flex:1;accent-color:#0875dd;height:16px}

.transparency-table input[type=checkbox]{width:22px;height:22px;accent-color:#0875dd}.transparency-table td:not(:first-child),.transparency-table th:not(:first-child){text-align:center}.transparency-table select{max-width:220px}

.transparency-section th{background:#eef3f6;color:#263b49;text-align:left;padding:12px 14px;font-weight:700;border-top:1px solid #ccd7df}.transparency-table thead th{position:sticky;top:0;background:#fff;z-index:1}

.work-empty{text-align:center;padding:80px 24px}.work-empty h2{max-width:620px;margin:0 auto 28px}.work-empty button{min-height:48px;padding:12px 24px}
.appointment-color{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:8px}.appointment-pagination{justify-content:flex-end;padding:16px}.appointment-pagination label{display:flex;align-items:center;gap:8px}
.labor-guide-modal{width:min(1100px,96vw);max-width:1100px}.labor-guide-modal h2{background:#125d98;color:white;padding:20px;margin:-24px -24px 16px}.catalog-builder{display:flex!important;flex-direction:column;gap:28px}.catalog-builder>aside{background:white;border:1px solid #cbd4dc;padding:16px}.guide-search input{width:min(520px,100%);min-height:48px}.guide-breadcrumb{padding:16px 0}.guide-result{display:flex;width:100%;text-align:left;flex-direction:column;align-items:flex-start;border-radius:0;border:0;border-bottom:1px solid #d6dfe5;min-height:58px;background:white;padding:14px}.guide-result small{color:#465e70}.guide-results{max-height:320px;overflow:auto;min-height:180px}.guide-results th{text-align:left}.sheet-add:has([data-inline-labor-guide]){flex-wrap:wrap}[data-inline-labor-guide]{flex-basis:100%;background:#eef2f5;padding:20px;border:1px solid #cbd4dc}.vehicle-match-message{grid-column:1/-1;color:#334b60}
.guide-selection{background:white;border:1px solid #cbd4dc;padding:16px;box-shadow:0 2px 5px #0002}.guide-selection h3{background:#f3f6f8;padding:10px;margin:10px -16px}.guide-selection p{padding:10px 0}.labor-guide-modal .catalog-builder>section{max-height:none;overflow:visible}.labor-guide-modal{max-height:94vh}.labor-guide-modal .note{margin-bottom:16px}
.guide-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px;background:#f1f6fb;border:1px solid #d5e1ed;border-radius:10px}.guide-search{display:flex;flex-direction:column;gap:8px;font-weight:650;flex:1}.guide-search input{width:100%;background:white}.guide-count{color:#415a70;font-size:14px;white-space:nowrap}.guide-results{max-height:440px;padding:3px}.guide-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.guide-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:8px;padding:18px;background:white;border:1px solid #ccdbe8;border-radius:10px;min-height:150px;white-space:normal}.guide-card:hover{border-color:#0673d8;background:#f5faff;box-shadow:0 3px 10px #163c6514}.guide-card strong{font-size:18px;color:#173c5e}.guide-card small{background:#e9f2fc;color:#175b95;padding:4px 9px;border-radius:12px}.guide-card span{font-size:14px;color:#40596d;line-height:1.45}.guide-card b{color:#066bc4;font-size:14px;margin-top:auto}.guide-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 0 16px}.guide-detail-heading h3{margin:0;font-size:22px}.guide-option{display:flex;justify-content:space-between;gap:20px;padding:18px;border:1px solid #ccdbe8;border-radius:10px;background:white;margin-bottom:12px}.guide-option p{font-size:14px;color:#40596d;line-height:1.5;margin:8px 0}.guide-option a{display:block;font-size:13px;margin-top:10px}.guide-option-action{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:12px;min-width:140px}.guide-option-action>strong{font-size:24px;color:#173c5e}.guide-option-action small{font-size:14px;font-weight:400}.guide-option-action button{min-height:46px;padding:10px 18px}@media(max-width:700px){.guide-card-grid{grid-template-columns:1fr}.guide-toolbar,.guide-detail-heading{align-items:stretch;flex-direction:column}.guide-option{flex-direction:column}.guide-option-action{flex-direction:row;justify-content:space-between}}
.guide-additional-badge{display:inline-block;margin:8px 0 0 10px;padding:5px 9px;border-radius:7px;background:#fff3d7;color:#835500;font-size:13px;font-weight:700}
/* Vehicle information dialog, based on inspected reference */
#modal.vehicle-edit-drawer{width:min(700px,96vw);max-width:700px;background:#fafafa;border-radius:3px;padding:28px;max-height:94vh}#modal.vehicle-edit-drawer h2{font-size:25px;margin:0 0 35px;padding-right:38px}.vehicle-close{position:absolute;right:20px;top:15px;background:transparent;border:0;font-size:32px;color:#202b30;min-width:44px;min-height:44px}.vehicle-drawer>.field{margin-bottom:12px}.vehicle-drawer .formgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 14px;margin-bottom:28px}.vehicle-drawer .field{color:#62696e;font-size:15px;font-weight:400}.vehicle-drawer input,.vehicle-drawer select,.vehicle-drawer textarea{border-radius:0;background:white;border:1px solid #d7dce0;color:#202b30;font-size:16px;min-height:46px;padding:10px;min-width:0;width:100%}.vehicle-edit-action{background:transparent;border:0;box-shadow:none;padding:0 10px;margin:0 0 28px;min-height:44px;color:#202b30;font-size:16px;font-weight:650}.vehicle-drawer [data-identity-selection]{background:#edf4fa;padding:16px;margin-bottom:24px}.vehicle-drawer [data-identity-selection][hidden]{display:none}.vehicle-edit-drawer .actions{position:sticky;bottom:-28px;background:#fafafa;padding:18px 0;margin-top:24px;border-top:1px solid #e1e5e8;z-index:2}.vehicle-edit-drawer .actions button{min-height:48px;min-width:90px}.vehicle-edit-drawer .actions .primary{background:#0b537a}.vehicle-drawer .vehicle-match-message{font-size:12px;line-height:1.5;margin-top:4px}@media(max-width:520px){.vehicle-drawer .formgrid{gap:20px 10px}.vehicle-drawer input,.vehicle-drawer select{font-size:14px}}
#modal.vehicle-edit-drawer{inset:0;margin:auto;height:94vh;max-height:94vh;width:min(700px,96vw)}#modal.vehicle-edit-drawer .field{margin:0;gap:10px;font-size:15px;font-weight:400;color:#62696e}#modal.vehicle-edit-drawer .vehicle-drawer>.field{margin-bottom:22px}#modal.vehicle-edit-drawer :is(input,select,textarea){border:1px solid #d7dce0;border-radius:0;font-size:16px;font-weight:400;padding:10px}#modal.vehicle-edit-drawer .formgrid{row-gap:28px}#modal.vehicle-edit-drawer .vehicle-match-message{max-width:100%;font-size:11px}#modal.vehicle-edit-drawer .vehicle-close{padding:0;min-width:44px;min-height:44px;font-size:28px}#modal.vehicle-edit-drawer .vehicle-edit-action{padding-left:6px;margin-bottom:25px;box-shadow:none}
.ro-share-menu{position:relative}.ro-share-menu>summary{list-style:none;cursor:pointer;padding:12px 16px;border:1px solid #cad7e1;border-radius:7px;background:white;min-height:46px;display:flex;align-items:center;font-weight:600}.ro-share-menu>summary::-webkit-details-marker{display:none}.ro-share-menu>[role=menu]{position:absolute;right:0;top:calc(100% + 6px);z-index:40;background:white;box-shadow:0 5px 24px #16334d30;border:1px solid #cbd8e4;border-radius:6px;min-width:245px;padding:6px}.ro-share-menu [role=menuitem]{display:block;width:100%;text-align:left;min-height:46px;border:0;border-radius:3px;background:white}.ro-share-menu [role=menuitem]:hover{background:#eaf3ff}.share-methods{display:flex;gap:30px;margin:18px 0}.share-contact{display:flex;align-items:center;gap:10px;margin:12px 0}.share-methods input,.share-contact input{width:18px;height:18px}
.service-print-header{display:block;height:auto;padding:0 0 18px;margin-bottom:18px;border-bottom:2px solid #344e62}.service-print-document{background:white;padding:28px}.service-print-document section{margin:18px 0}.inspection-print-photo{display:inline-block;max-width:240px;max-height:180px;object-fit:contain;margin:8px}.oil-sticker{border:2px solid #273e51;border-radius:12px;width:320px;padding:22px;text-align:center}.oil-sticker strong{font-size:28px}.ro-share-menu [role=menuitem]:disabled{color:#6e7a84;background:#f1f3f5;cursor:not-allowed}
.recommendation-notice{display:flex;align-items:center;gap:18px;padding:16px 20px;background:#f3f8fc;border-bottom:1px solid #dbe4ed}.recommendation-notice span{color:#435b70;font-size:14px}.recommendation-table{overflow-x:auto}.recommendation-table table{min-width:850px}.recommendation-table td{vertical-align:middle}.recommendation-table td:first-child{width:30%}.recommendation-table small{margin-top:7px;line-height:1.5}.recommendation-table button{min-height:44px;white-space:nowrap}
.history-toolbar{display:flex;gap:12px;padding:18px 20px;align-items:center;border-bottom:1px solid #dbe4ed}.history-toolbar>input{max-width:430px;min-height:46px}.history-filter{position:relative}.history-filter summary{cursor:pointer;list-style:none;padding:13px 18px;border:1px solid #c8d6e3;border-radius:8px;font-weight:600;background:#fff}.history-filter>div{position:absolute;top:100%;left:0;z-index:20;background:white;border:1px solid #c8d6e3;box-shadow:0 6px 18px #18374b24;border-radius:8px;min-width:190px;padding:8px}.history-filter label{display:flex;align-items:center;gap:10px;padding:10px;white-space:nowrap}.history-filter input{width:18px;height:18px}.history-table{overflow-x:auto}.history-table table{min-width:800px}.history-table th button{border:0;background:transparent;box-shadow:none;padding:6px 0;min-height:40px;white-space:nowrap}.history-table td{vertical-align:middle}.history-status{background:#edf3f8;border-radius:5px;padding:6px 10px;white-space:nowrap;font-weight:600}.history-pagination{display:flex;justify-content:flex-end;align-items:center;gap:16px;padding:16px 20px;border-top:1px solid #dbe4ed}.history-pagination label{display:flex;align-items:center;gap:10px}.history-pagination select{width:80px}.history-pagination button{min-width:44px;min-height:44px;font-size:24px}@media(max-width:700px){.history-toolbar{flex-wrap:wrap}.history-toolbar>input{flex-basis:100%;max-width:none}.history-pagination{gap:8px;flex-wrap:wrap}}
/* Repair order navigation and responsive workspace refinement. */
.reference-ro-header{padding:18px 20px 0}.reference-ro-title{gap:12px;align-items:center}.reference-ro-title h1{line-height:1.45}.reference-ro-title .reference-back{min-width:44px;min-height:44px}.reference-ro-title .ro-status-button{min-height:40px!important;padding:9px 13px!important;font-size:14px!important}.reference-mileage{justify-content:flex-start;padding:12px 0}.reference-mileage button{min-height:44px!important}.reference-ro-nav{gap:16px}.reference-tools{gap:8px}.reference-tools button,.reference-tools summary{min-height:44px!important;font-size:13px!important}.reference-ro-nav .tabs button{min-height:48px;font-size:14px}.reference-ro-layout .ro-totalbar{overflow:visible;gap:14px}.ro-total-metrics{display:flex;align-items:center;gap:20px;overflow-x:auto;min-width:0;flex:1;padding:4px 0}.ro-total-metrics>span{flex-shrink:0}.ro-total-actions{display:flex;align-items:center;gap:18px;flex-shrink:0;padding-left:16px;border-left:1px solid #48606d}.ro-total-actions .ro-grand-total b{font-size:21px}.ro-total-actions button{min-height:46px}.reference-ro-layout .ro-main .issues-top{gap:12px}.reference-ro-layout .ro-main .issues-top .tabs{flex:1;min-width:0}.reference-ro-layout .ro-main .issues-top>.tabs button{padding:10px 13px}.reference-ro-layout .ro-main .issues-top>button{min-height:44px}.reference-ro-layout .history-toolbar>input{flex:1;min-width:190px}.history-filter summary:focus-visible,.build-menu summary:focus-visible,.ro-share-menu summary:focus-visible,button:focus-visible{outline:3px solid #3794ee;outline-offset:3px}.reference-ro-layout .favorite-jobs{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:6px 0 14px}.reference-ro-layout .favorite-jobs button{min-height:44px}
@media(max-width:1100px){body:has(.reference-ro-layout) #app{padding-right:0}.reference-ro-layout .ro-workspace{display:flex;flex-direction:column;gap:14px;padding:14px 18px}.reference-ro-layout .ro-main{width:100%;order:2}.reference-ro-layout .ro-details-shell,.reference-ro-layout .ro-details-shell:not([open]){position:relative;inset:auto;width:100%;height:auto;order:1;z-index:1;padding:0;background:transparent;margin:0}.reference-ro-layout .ro-details-shell>summary{min-height:44px;border:1px solid #cbd7e1;border-radius:8px;background:white;color:#25425b;padding:12px 16px}.reference-ro-layout .ro-details-shell[open] .ro-sidebar{max-height:55vh!important;overflow:auto;margin-top:8px}.reference-ro-layout .ro-totalbar{right:0!important}.reference-ro-nav{align-items:flex-start}.reference-ro-nav>.tabs{width:100%}.reference-tools{padding-bottom:12px}.reference-ro-layout .ro-main .issues-top{flex-wrap:nowrap}.reference-ro-layout .ro-main .issues-top .tabs{width:auto}.reference-ro-layout .ro-main .job-header-actions{width:auto}.reference-ro-layout .history-table table{min-width:780px}}
@media(max-width:650px){.reference-ro-header{padding:12px 12px 0}.reference-ro-title h1{flex-basis:calc(100% - 110px);font-size:16px!important}.reference-tools{width:100%;display:flex}.reference-tools>button{flex:1}.reference-ro-layout .ro-workspace{padding:12px 10px}.reference-ro-layout .ro-totalbar{padding:10px;gap:8px}.ro-total-metrics{display:none}.ro-total-actions{margin-left:auto;border:0;padding:0;gap:10px}.reference-ro-layout .ro-totalbar .ro-grand-total{display:block!important}.ro-total-actions .ro-grand-total b{font-size:18px}.reference-ro-layout .ro-totalbar>button{min-height:46px}.reference-ro-layout .ro-main .issues-top{flex-wrap:wrap}.reference-ro-layout .ro-main .issues-top .tabs{flex-basis:100%}.history-toolbar{padding:12px}.history-toolbar>input{flex-basis:100%}.reference-ro-layout .job-header-actions{gap:8px}.reference-ro-layout .ro-main .job-header-actions button{min-height:44px}}
.ui-icon{display:inline-block;width:20px;height:20px;min-width:20px;vertical-align:middle;flex-shrink:0;pointer-events:none}button:has(>.ui-icon),summary:has(>.ui-icon){display:inline-flex;align-items:center;justify-content:center;gap:8px}button .ui-icon+span{line-height:1.3}.job-icon .ui-icon{width:22px;height:22px}.primary .ui-icon{stroke-width:2.2}.ro-share-menu>summary .ui-icon:last-child{width:14px;min-width:14px;height:14px}.ro-share-menu>summary{white-space:nowrap}#nav .ui-icon{width:21px;height:21px}.sheet-add button,.sheet-top button{display:inline-flex;align-items:center;justify-content:center;gap:9px}.sheet-labor button[data-remove-labor],.sheet-part button[data-remove-part],button[data-remove-adjustment]{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#fff1f2;color:#b42332;border:1px solid #e8b9c0;min-width:40px;min-height:40px}.sheet-labor button[data-remove-labor]:hover,.sheet-part button[data-remove-part]:hover{background:#ffe0e4}
button[data-action=jobActions] .ui-icon{stroke-width:3.8}button[data-action=deleteJob]{color:#b42332!important;background:#fff5f6!important;border-color:#e8b9c0!important}.ro-main .job-header-actions .ui-icon{font-size:initial}.sheet-add .ui-icon{width:21px;height:21px}
.summary-order-search{padding:16px 0}.summary-order-search input{max-width:460px;min-height:46px}.summary-order-table{overflow:auto}.summary-order-table table{min-width:680px}.summary-navigation{display:flex;gap:4px;border-bottom:1px solid #d5dfe8;padding:0 16px}.summary-navigation button{border:0;border-radius:0;white-space:nowrap;min-height:48px;padding:12px 15px;background:transparent}.summary-navigation button.active{background:#eaf3ff;color:#075db4;border-bottom:3px solid #0878df}.summary-content{padding:18px}.summary-event{padding:18px;border:1px solid #dce5ed;background:#fff;border-radius:8px;margin-bottom:12px}
.inspection-progress{display:flex;align-items:center;gap:14px;padding:16px 18px;background:white;border:1px solid #d5e0e9;border-radius:9px;margin-bottom:18px;flex-wrap:wrap}.inspection-progress progress{flex:1;min-width:120px;accent-color:#0879db;height:10px}.inspection-progress strong{white-space:nowrap}.inspection-progress .inspection-share{margin-left:auto;min-height:46px;gap:9px}.inspection-template-list{border:1px solid #d5dfe8;border-radius:9px;overflow:hidden}.inspection-template-list .inspection-template{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:60px;padding:16px 18px;margin:0;border-bottom:1px solid #e2e9ef;cursor:pointer;font-size:15px}.inspection-template-list .inspection-template:last-child{border-bottom:0}.inspection-template:has(input:checked){background:#eaf4ff;color:#0758a2}.inspection-template input{width:20px;height:20px;accent-color:#0878dc;flex-shrink:0}.inspection-template:hover{background:#f1f7fc}.inspection-template-list>p{padding:18px}
.template-group-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:24px 0 16px}.template-group-toolbar p{margin:6px 0;color:#4b6173}.template-group{border:1px solid #cbd9e5;border-radius:9px;margin-bottom:14px;overflow:hidden}.template-group>summary{cursor:pointer;display:flex;justify-content:space-between;background:#eff5fa;font-weight:650;padding:16px}.template-group>summary:before{content:'⌄';margin-right:12px}.template-group>summary span:first-child{flex:1}.template-group-body{padding:18px}.template-group-actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.template-task{display:flex;gap:10px;margin-top:10px}.template-task input{flex:1;min-width:0}.template-task button{min-height:44px}.template-group-toolbar button{white-space:nowrap;min-height:44px}
.appointment-filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 20px;background:white;padding:14px;border:1px solid #d5e0e8;border-radius:9px}.appointment-filters select{width:auto;max-width:190px;min-height:44px}.appointment-filters button{min-height:44px}.calendar-grid>.panel>.panel-head button{width:100%;border:0;background:transparent;font-weight:650;min-height:44px}.appointment-card{border:1px solid #dbe4ed;border-left:4px solid #1672e8;border-radius:8px;padding:14px;margin-bottom:12px;background:white}.appointment-card button{min-height:40px;margin:10px 6px 0 0}.calendar-grid{gap:10px}.calendar-grid .panel-head{padding:6px}.calendar-grid .panel-body{padding:10px}@media(max-width:1000px){.calendar-grid{overflow:auto;grid-template-columns:repeat(var(--days),minmax(210px,1fr))}.appointment-filters select{flex:1;max-width:none;min-width:140px}}
/* Appointment calendar and guided editor */
.appointment-timegrid{display:grid;grid-template-columns:92px repeat(var(--days),minmax(125px,1fr));border:1px solid #d5dee6;border-radius:12px;overflow:auto;background:white;max-height:75vh}
.calendar-date{position:sticky;top:0;background:#f7fafc;z-index:2;text-align:center;padding:8px;border-bottom:1px solid #d5dee6}
.calendar-date button{min-height:44px;width:100%;font-weight:700}.calendar-time-label{padding:12px 8px;background:#f7fafc;color:#425568;font-size:12px;border-bottom:1px solid #e5ebf0;line-height:1.4}
.calendar-slot,.calendar-allday{position:relative;border-left:1px solid #e0e7ed;border-bottom:1px solid #e0e7ed;min-height:48px;padding:3px}.calendar-allday{background:#f9fbfd;min-height:38px}.calendar-slot-add{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;background:transparent;color:transparent;text-align:right}.calendar-slot-add:hover,.calendar-slot-add:focus-visible{background:#edf6ff;color:#0869cc;outline:2px solid #1672e8;outline-offset:-2px}.calendar-event{position:relative;width:100%;min-height:48px;display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;padding:8px;background:#edf5ff;border:1px solid #c4d8ed;border-left:5px solid var(--event-color);border-radius:6px;overflow-wrap:anywhere}.calendar-event strong{font-size:13px}.calendar-event span,.calendar-event small{font-size:12px;color:#344d63}.appointment-wizard{max-width:850px}.appointment-type{display:flex;gap:16px;padding:20px;border:1px solid #cbd7e2;border-radius:10px;margin:12px 0;cursor:pointer}.appointment-type:has(input:checked){border-color:#1672e8;background:#edf6ff}.appointment-type input{width:20px;height:20px;flex:none}.appointment-type small{display:block;margin-top:8px;color:#41576a;line-height:1.5}.appointment-steps{display:flex;gap:12px;margin:16px 0 24px}.appointment-steps span{padding:12px;background:#eef2f6;border-radius:8px;flex:1}.appointment-steps .active{background:#e4f1ff;color:#005ba9;font-weight:700}.appointment-wizard h3{margin-top:24px}.appointment-wizard select[multiple]{min-height:110px}[data-guide-feedback]{color:#176a3b;font-weight:600}.calendar-grid[hidden]{display:none!important}@media(max-width:900px){.appointment-timegrid{grid-template-columns:70px repeat(var(--days),minmax(145px,1fr))}.appointment-steps{flex-direction:column}}
/* Compact labor browser, readable without increasing empty space. */
dialog.labor-guide-modal{width:min(920px,94vw);max-width:920px;max-height:80vh}.labor-guide-modal .catalog-builder{gap:14px}.labor-guide-modal h2{font-size:22px}.guide-toolbar{padding:10px 12px;gap:12px}.guide-search{font-size:17px;color:#18374e}.guide-search input{font-size:18px!important;min-height:46px}.guide-count{font-size:15px;color:#304b60;white-space:normal}.guide-breadcrumb{padding:8px 0}.guide-results{max-height:300px;min-height:130px;overscroll-behavior:contain}.guide-card-grid{grid-template-columns:1fr;gap:8px}.guide-card{min-height:0;padding:12px 14px;gap:5px;box-shadow:none}.guide-card strong{font-size:19px;line-height:1.4;color:#132f45}.guide-card span{font-size:16px;line-height:1.45;color:#304b60}.guide-card :is(small,b){font-size:15px}.guide-detail-heading{padding:5px 0 10px}.guide-detail-heading h3{font-size:21px;line-height:1.4;color:#132f45}.guide-option{padding:12px 14px;gap:14px;margin-bottom:8px}.guide-option>div:first-child>strong{font-size:19px;line-height:1.4;color:#132f45}.guide-option p{font-size:17px;line-height:1.45;color:#30465a;margin:5px 0}.guide-option :is(small,a){font-size:15px;color:#30465a}.guide-option a{margin-top:6px;color:#005aa8}.guide-option-action{gap:8px;min-width:125px}.guide-option-action>strong{font-size:25px;color:#15364f}.guide-option-action button{font-size:16px;min-height:46px}.guide-selection{padding:12px}.guide-selection h3{margin:8px -12px;padding:8px 12px}.guide-selection p{padding:5px 0;font-size:16px}[data-inline-labor-guide]{padding:12px}[data-guide-feedback]{font-size:16px;line-height:1.4;margin:8px 0}.guide-additional-badge{font-size:15px}@media(max-width:700px){dialog.labor-guide-modal{width:94vw}.guide-option-action{align-items:center}.guide-results{max-height:36vh}}
/* Labor description doubles as the exact-variant guide search. */
.labor-field-search{position:relative;min-width:0}.labor-field-search textarea{width:100%;font-size:17px!important;color:#17364e!important}.labor-field-results{position:absolute;top:100%;left:0;width:min(680px,80vw);max-height:290px;overflow:auto;z-index:30;border:1px solid #a8bfd4;border-radius:8px;background:white;box-shadow:0 10px 28px #14364e35;padding:5px}.labor-field-results[hidden]{display:none}.labor-field-results button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;background:white;border:0;border-bottom:1px solid #e0e7ee;border-radius:4px;padding:12px;min-height:58px;white-space:normal}.labor-field-results button:hover,.labor-field-results button:focus{background:#eaf4ff;outline:2px solid #1672e8;outline-offset:-2px}.labor-field-results strong{font-size:17px;line-height:1.4;color:#15364f}.labor-field-results small{display:block;font-size:15px;line-height:1.4;color:#3c566c;margin-top:4px}.labor-field-results b{white-space:nowrap;font-size:19px;color:#0b5d9b}.labor-field-results p{font-size:16px;padding:12px;color:#365066}.labor-field-hint{font-size:15px;color:#365066;align-self:center}.sheet-add [data-labor-selection-feedback]{flex-basis:100%;margin:0;font-size:16px;color:#176a3b}.sheet-labor .labor-field-search textarea{height:48px;min-height:48px}
/* Jobs: consistent title, line items, and accounting footer. */
.reference-ro-layout .ro-main .organized-job{border:1px solid #cbd7e1;border-radius:8px;box-shadow:0 2px 5px #16344d10;margin-bottom:20px;background:#fff;overflow:hidden!important}.reference-ro-layout .ro-main .organized-job-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;background:#f7f9fb!important}.job-heading-group{display:flex;align-items:center;gap:12px;min-width:260px;flex:1}.job-heading-copy{min-width:0}.job-heading-copy h3{font-size:19px;line-height:1.4;font-weight:700;color:#17354c;margin:0;overflow-wrap:anywhere}.job-approval-text{font-size:14px;color:#4c6375;line-height:1.5;margin-top:3px}.job-approval-mark{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex:none;border-radius:50%;background:#e8eef4;color:#4d6478}.job-approval-mark .ui-icon{width:21px;height:21px}.job-approval-mark.is-approved{color:white;background:#10974e}.job-approval-mark.is-declined{color:#b32c3a;background:#fdecef}.organized-job .approval-approved{color:#0b773f}.organized-job .approval-declined{color:#b32c3a}.reference-ro-layout .ro-main .organized-job .job-header-actions{gap:7px;flex-wrap:wrap;justify-content:flex-end}.reference-ro-layout .ro-main .organized-job .job-header-actions button{font-size:15px;min-height:44px;border:1px solid #c6d3de;border-radius:6px;background:white;padding:9px 12px;color:#294b64}.reference-ro-layout .ro-main .organized-job .job-header-actions .job-edit-control{color:#fff;background:#086fc9;border-color:#086fc9;font-weight:650}.organized-job .job-header-actions .job-icon{width:44px;min-width:44px}.organized-job .job-category-control,.organized-job .job-tech-control{max-width:200px}.organized-job .job-table-scroll{overflow-x:auto}.reference-ro-layout .ro-main .organized-job .job-lines{width:100%;min-width:660px;margin:0;border-collapse:collapse}.organized-job .job-lines .job-description{width:48%}.organized-job .job-lines .job-secondary{width:18%}.organized-job .job-lines th{font-size:14px;font-weight:650;color:#3a5267;padding:11px 16px;background:#f1f5f8;border-block:1px solid #dbe3ea}.organized-job .job-lines td{font-size:16px;line-height:1.5;color:#1f3548;padding:14px 16px;border-bottom:1px solid #e1e7ec;vertical-align:middle;font-variant-numeric:tabular-nums}.organized-job .job-lines th:not(:first-child),.organized-job .job-lines td:not(:first-child){white-space:nowrap}.organized-job .job-lines .line-edit{font-size:14px;color:#29516e;font-weight:600;min-height:40px;justify-content:flex-end;max-width:100%;white-space:normal;overflow-wrap:anywhere}.job-line-description{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.job-combination-tag{display:inline-block!important;font-size:12px!important;font-weight:650;color:#0b626e!important;background:#e8f7f8;border-radius:4px;padding:3px 7px}.organized-job .job-line-amount{font-weight:650}.organized-part{display:flex;gap:12px;align-items:center;justify-content:space-between}.part-description-copy{min-width:0}.part-description-copy strong{font-size:16px;font-weight:600}.part-description-copy>small{display:block;font-size:14px;color:#536a7d;margin-top:3px}.part-metadata{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:7px}.part-metadata:empty{display:none}.part-metadata .part-status{font-size:13px;background:#eaf1f6;color:#3a596f;padding:4px 8px}.part-metadata .part-vendor{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:#37556c;font-weight:500}.part-metadata .ui-icon{width:17px;height:17px}.organized-part .job-icon{width:36px;height:36px;min-width:36px;min-height:36px;font-size:16px;padding:6px;background:#fff;border:1px solid #d7e0e7;border-radius:6px}.organized-job .job-lines .job-empty-section{font-size:14px!important;color:#566d80!important;padding:15px 16px;text-align:left}.reference-ro-layout .ro-main .organized-job .job-footer{padding:0;display:flex;align-items:stretch;background:#fbfcfe}.organized-job .job-footer>.row{padding:12px 16px;gap:8px;align-items:center}.organized-job .job-footer button{min-height:44px;font-size:15px}.organized-job .job-tax,.organized-job .job-final{display:flex;flex-direction:column;justify-content:center;padding:12px 18px;min-width:120px;gap:5px}.organized-job .job-tax label{display:flex;gap:7px;align-items:center;font-size:13px;font-weight:500;white-space:nowrap;color:#496277}.organized-job .job-tax input{width:18px;height:18px;accent-color:#0873cf}.organized-job .job-tax small{font-size:14px;font-variant-numeric:tabular-nums}.organized-job .job-final{background:#eff5fb;color:#425c73;font-size:12px;min-width:145px}.organized-job .job-final strong{font-size:22px;color:#173a56;margin:0;font-variant-numeric:tabular-nums}.job-collapsed-summary{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-top:1px solid #dae3eb;color:#4a6478;font-size:14px}.job-collapsed-summary strong{font-size:19px;color:#173a56}.job-customer-note{padding:12px 16px;border-top:1px solid #e0e7ee;font-size:14px;color:#344f65}.job-customer-note p{margin:5px 0 0;white-space:pre-wrap}.organized-job .job-adjustment-summary{display:flex;gap:24px;padding:10px 16px;font-size:14px;border-top:1px solid #e0e7ee}.organized-jobs-toolbar{padding:8px 0 12px;gap:12px}.organized-jobs-toolbar h2{font-size:21px;color:#23445d}.organized-jobs-toolbar .count{font-size:14px;background:#e5eef6;color:#355c78;border-radius:16px;padding:3px 8px;margin-left:7px}.organized-jobs-toolbar button{min-height:44px;font-size:14px}.job-menu-row{display:flex;align-items:center;gap:10px;padding:4px}.job-menu-row button{min-width:44px;min-height:44px}.job-is-declined{border-left:3px solid #bf4655!important}@media(max-width:1050px){.reference-ro-layout .ro-main .organized-job-header{align-items:flex-start;flex-direction:column}.organized-job .job-header-actions{padding-left:0}.organized-job .job-footer{flex-wrap:wrap}.organized-job .job-footer-actions{flex-basis:100%;border-bottom:1px solid #dae3eb}.organized-job .job-tax,.organized-job .job-final{flex:1}.organized-jobs-toolbar{flex-wrap:wrap}.organized-jobs-toolbar>.row{flex-wrap:wrap}}@media(max-width:600px){.organized-job .job-heading-copy h3{font-size:18px}.organized-job .job-tax,.organized-job .job-final{min-width:95px;padding:10px}.organized-job .job-final strong{font-size:20px}.job-heading-group{gap:8px;min-width:0}.job-approval-mark{width:32px;height:32px}}
/* Shared motion: short transitions, stable controls, no animation during typing. */
:root{--motion-fast:140ms;--motion-medium:210ms;--motion-ease:cubic-bezier(.2,.8,.2,1)}
@media(prefers-reduced-motion:no-preference){
 button,.button,summary,a{transition:background-color var(--motion-fast) ease,border-color var(--motion-fast) ease,color var(--motion-fast) ease,box-shadow var(--motion-fast) ease}
 input,select,textarea{transition:border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease,background-color var(--motion-fast) ease}
 button:not(:disabled):active,.button:active{transform:translateY(1px)}
 body>aside{transition:width var(--motion-medium) var(--motion-ease),padding var(--motion-medium) var(--motion-ease)}
 body>main{transition:margin-left var(--motion-medium) var(--motion-ease)}
 .ro-totalbar{transition:left var(--motion-medium) var(--motion-ease),right var(--motion-medium) var(--motion-ease)}
 .board-order,.guide-card,.calendar-event{transition:border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease,background-color var(--motion-fast) ease}
 .board-order:hover{box-shadow:0 3px 10px #183d5b1c}
 dialog{opacity:0;transform:translateY(10px) scale(.985);transition:opacity 180ms ease,transform var(--motion-medium) var(--motion-ease),overlay var(--motion-medium) allow-discrete,display var(--motion-medium) allow-discrete}
 dialog[open]{opacity:1;transform:translateY(0) scale(1)}
 dialog::backdrop{background-color:transparent;transition:background-color 180ms ease,overlay var(--motion-medium) allow-discrete,display var(--motion-medium) allow-discrete}
 dialog[open]::backdrop{background-color:#12283770}
 @starting-style{dialog[open]{opacity:0;transform:translateY(10px) scale(.985)}dialog[open]::backdrop{background-color:transparent}}
 .build-menu::details-content,.recent-orders::details-content,.ro-action-menu::details-content{opacity:0;transition:opacity var(--motion-fast) ease,content-visibility var(--motion-fast) allow-discrete}
 .build-menu[open]::details-content,.recent-orders[open]::details-content,.ro-action-menu[open]::details-content{opacity:1}
 .labor-field-results:not([hidden]){animation:zbt-suggestion-in 140ms var(--motion-ease)}
 @supports(interpolate-size:allow-keywords){
  .side-group,.vehicle-data-section,.ro-details-shell{interpolate-size:allow-keywords}
  .side-group::details-content,.vehicle-data-section::details-content,.ro-details-shell::details-content{block-size:0;opacity:0;overflow:clip;transition:block-size var(--motion-medium) var(--motion-ease),opacity 160ms ease,content-visibility var(--motion-medium) allow-discrete}
  .side-group[open]::details-content,.vehicle-data-section[open]::details-content,.ro-details-shell[open]::details-content{block-size:auto;opacity:1}
 }
}
@keyframes zbt-suggestion-in{from{opacity:.5;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}button:active,.button:active{transform:none!important}}
@media print{*,*::before,*::after{animation:none!important;transition:none!important}dialog[open]{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){.ro-share-menu::details-content,.ro-print-menu::details-content{opacity:0;transition:opacity var(--motion-fast) ease,content-visibility var(--motion-fast) allow-discrete}.ro-share-menu[open]::details-content,.ro-print-menu[open]::details-content{opacity:1}}
/* Shared modern workspace language */
:root{--surface:#fff;--surface-soft:#f5f8fc;--ink:#193449;--muted:#536b7e;--line:#d7e1eb;--accent:#0872ce;--radius:12px}
body{background:#f2f5fa;color:var(--ink);font-size:15px;line-height:1.45}body>aside{background:#fff;border-right:1px solid var(--line)}#nav button{border-radius:9px;color:#425d72;font-size:14px;font-weight:550}#nav button.active{background:#e9f3ff;color:#0768bd;box-shadow:inset 3px 0 #0872ce}#nav label{color:#6a8093;font-size:11px;letter-spacing:1.1px}.workspace-topbar{background:#152d40!important;box-shadow:0 1px 5px #102a3e1a}.workspace-topbar .global-search{background:#29475b;border:1px solid #426174}.topbar-brand{font-weight:650}.heading{gap:20px;align-items:center}.heading h1{color:#183b56;font-size:27px;letter-spacing:-.5px}.heading p{color:#526c80;font-size:15px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 2px 5px #16334c08}.panel-head{background:#f8fafc;border-bottom:1px solid var(--line)}button,.button{min-height:44px;border-radius:8px;border-color:#ccd9e5;color:#294e69;font-weight:550}.primary,button.primary{background:#0872ce;border-color:#0872ce;color:white;box-shadow:0 2px 3px #075da01a}.primary:hover{background:#065eae;border-color:#065eae}.danger{color:#ac3244;background:#fff7f8;border-color:#edcdd3}button:disabled{cursor:not-allowed;opacity:.6}.tabs{display:flex;gap:5px;flex-wrap:wrap;border-bottom:1px solid #d7e1eb;padding:5px 0 9px}.tabs button{font-size:15px;border:1px solid transparent;background:transparent;color:#4c657a;padding:10px 16px}.tabs button.active{background:#eaf4ff!important;color:#075fae!important;border-color:#b8d8f3!important;font-weight:650}.field{color:#365368;font-size:14px;font-weight:550;gap:7px}.field input,.field select,.field textarea,input:not([type=checkbox]):not([type=radio]),select,textarea{color:#233f54;border:1px solid #bfcedd;border-radius:8px;background:#fff;font-size:15px;line-height:1.45}.field input,.field select{min-height:46px}.field textarea{padding:12px;min-height:90px}input::placeholder,textarea::placeholder{color:#6a8091;opacity:1}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #92caff;outline-offset:2px}small{color:#526b7f}.note{border-radius:9px;background:#edf5fd;border:1px solid #d3e6f7;color:#42617a;padding:13px 16px;line-height:1.6}dialog{border:1px solid #d2dfe9;border-radius:16px;box-shadow:0 20px 70px #0d293742;max-height:90vh}dialog h2{color:#193e59;font-size:22px;line-height:1.4}dialog .actions{gap:10px;position:sticky;bottom:-24px;background:#f8fafd;border-top:1px solid #dce6ee;padding:16px;margin-inline:-24px;margin-bottom:-24px}dialog .actions button{min-width:105px}.table-scroll{overflow-x:auto}table{border-collapse:collapse}th{font-size:13px;font-weight:650;color:#49657b;background:#f5f8fc}td{color:#233f54;font-size:15px}th,td{padding:14px 16px;border-bottom:1px solid #e2e9f0}tbody tr:hover{background:#f9fbfe}.management-toolbar{align-items:center;flex-wrap:wrap;gap:10px}.management-toolbar>input{flex:1;min-width:230px;min-height:46px}.management-toolbar select{min-height:46px;min-width:160px}.management-table{overflow:visible}.management-table table{width:100%;min-width:700px}.management-table th:first-child,.management-table td:first-child{width:48px}.management-table input[type=checkbox]{width:18px;height:18px;accent-color:#0872ce}.record-title{border:0;background:transparent;text-align:left;color:#0768b9;font-size:16px;font-weight:600;padding:0;min-height:40px}.record-title:hover{text-decoration:underline;background:transparent}.record-badge{display:inline-block;font-size:12px;font-weight:600;background:#edf3f9;color:#42637e;padding:4px 9px;border:1px solid #dce7f0;border-radius:6px}.table-sort{border:0;background:transparent;padding:0;min-height:30px;font-size:13px;white-space:nowrap}.management-row-menu{position:relative}.management-row-menu>summary{cursor:pointer;list-style:none;font-size:24px;line-height:40px;width:40px;height:40px;text-align:center;border:1px solid #d4e0e9;border-radius:7px}.management-row-menu>div{position:fixed;right:42px;z-index:35;background:#fff;border:1px solid #c7d7e4;padding:6px;border-radius:10px;box-shadow:0 8px 30px #193d5426;min-width:170px}.management-row-menu button{display:block;width:100%;text-align:left;border:0;background:white}.management-pagination{display:flex;justify-content:flex-end;align-items:center;gap:14px;padding:14px 18px;background:#fafcfe;border-top:1px solid #dce5ed;flex-wrap:wrap;border-radius:0 0 12px 12px}.management-pagination select{margin-left:8px;padding:6px}.management-form h3{font-size:18px;margin:20px 0 12px;color:#254c68}.profile-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.profile-info{padding:14px;background:#f7fafd;border:1px solid #dce6ef;border-radius:9px;overflow-wrap:anywhere}.profile-info span{display:block;font-size:12px;color:#5c7387;margin-bottom:5px}.profile-info strong{font-size:15px;color:#24465f}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.profile-stats>div{background:#edf5fd;border:1px solid #d4e6f6;border-radius:10px;padding:16px}.profile-stats strong{display:block;font-size:23px;color:#1d5279}.management-profile table{width:100%;margin-top:14px}.canned-config{display:flex;gap:16px;flex-wrap:wrap;align-items:center;padding:18px;background:#f2f7fc;border:1px solid #d5e3f0;border-radius:10px;margin:0 0 18px}.canned-config h3{flex-basis:100%;font-size:18px}.canned-config label{font-size:14px;color:#345774}.canned-config input[type=checkbox]{width:17px;height:17px;accent-color:#0872ce}.template-editor .tabs{margin:18px 0}.template-settings{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.template-settings>label{padding:14px;background:#f4f8fc;border:1px solid #d6e2ed;border-radius:9px;color:#36536a}.template-settings small{display:block;margin:6px 0 0 24px;font-size:12px;line-height:1.5}.template-group{border:1px solid #ccdce9;border-radius:10px;margin:12px 0;background:#fff}.template-group>summary{padding:14px 16px;background:#f4f8fc;color:#244d69;font-weight:650;cursor:pointer;display:flex;justify-content:space-between}.template-group-body{padding:16px}.template-group-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.template-task-editor{padding:12px;margin:10px 0;border:1px solid #d9e4ed;border-radius:8px;background:#fff}.template-task{display:flex;align-items:center;gap:8px;margin:10px 0}.template-task>input,.template-task>textarea{flex:1;min-width:100px;min-height:44px;padding:10px}.template-task-editor>details{padding:10px;background:#f7fafd;border-radius:6px;margin-top:8px}.template-task-editor>details>summary{color:#42627c;cursor:pointer;font-size:14px}.template-task-editor>details .field{margin-top:12px}.template-group-toolbar{display:flex;justify-content:space-between;align-items:center;margin:15px 0}.template-editor [hidden],.customer-drawer [hidden]{display:none!important}.customer-drawer,.vehicle-drawer{color:#233f54}.customer-drawer h3,.vehicle-drawer h3{font-size:18px;color:#234c6a;margin:16px 0}.customer-drawer>.field,.vehicle-drawer>.field{margin-block:14px}.contact-row{padding:12px;background:#f6f9fd;border:1px solid #dae5ef;border-radius:10px;margin:12px 0}.customer-check{padding:10px 0;color:#34556e}.ro-sidebar{background:#1c3445!important;border-radius:12px!important;border:1px solid #c9d7e2;box-shadow:0 3px 14px #18395114}.ro-sidebar .side-group{margin:8px;border:1px solid #3b5365;border-radius:9px;overflow:hidden;background:#253f51}.ro-sidebar .side-group>summary{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:650;padding:13px 14px;color:#fff;cursor:pointer}.ro-sidebar .side-group>summary>.ui-icon{width:20px;height:20px}.ro-sidebar .side-card{background:#253f51;border:0;border-bottom:1px solid #3b5365;border-radius:0;margin:0;padding:13px 14px;gap:8px}.ro-sidebar .side-card b{font-size:12px;color:#c4d5e2;font-weight:550}.ro-sidebar .side-card>span,.ro-sidebar .side-card>strong{font-size:15px;line-height:1.5;color:#f4f8fc;overflow-wrap:anywhere}.ro-sidebar .side-card small{font-size:13px;color:#c5d7e5}.ro-sidebar .side-link{color:#81c6ff!important;font-size:14px;min-height:36px}.ro-sidebar .fluid-card{background:#29485e;border:1px solid #45667e;border-radius:8px;margin:8px;padding:12px}.ro-sidebar .fluid-card h3{font-size:17px;color:white}.ro-sidebar .fluid-card p{font-size:14px;color:#d9e7f1}.ro-sidebar .fluid-capacity{background:#385b72;border-radius:6px;color:#fff;font-size:16px;padding:10px}.ro-sidebar .vehicle-data-section>summary{background:#29485e;color:#edf6ff;border-bottom:1px solid #43637a;font-size:14px}.ro-sidebar .panel-body{color:#d6e7f3}.ro-sidebar select{font-size:14px;min-height:42px}.ro-sidebar .vehicle-picker label,.ro-sidebar .vehicle-picker small{color:#c6d9e8}.reference-document small{font-size:inherit}.reference-document table td,.reference-document table th{font:inherit}
@media(max-width:700px){.heading{align-items:flex-start;flex-direction:column}.heading>div:last-child,.heading>.row{width:100%}.profile-summary,.template-settings{grid-template-columns:1fr}.profile-stats{gap:7px}.profile-stats>div{padding:10px}.profile-stats strong{font-size:19px}.management-toolbar>input{flex-basis:100%}.management-pagination{gap:9px}.template-task{flex-wrap:wrap}.template-task>input{flex-basis:100%}.template-group-body{padding:10px}.canned-config{padding:12px}.management-row-menu>div{right:18px}.tabs{overflow-x:auto;flex-wrap:nowrap}.tabs button{white-space:nowrap}}

/* Keep the shop identity visible even with collapsed navigation. */
.workspace-topbar .topbar-brand{display:flex;align-items:center;gap:12px}.workspace-topbar .topbar-brand img{display:block;width:76px;height:54px;object-fit:contain;background:transparent;border-radius:0;padding:0}.workspace-topbar{min-height:72px;height:72px}.workspace-topbar .topbar-brand strong{font-size:17px}@media(max-width:650px){.workspace-topbar .topbar-brand img{width:62px;height:46px}.workspace-topbar .topbar-brand{gap:0}}

.job-sheet [hidden]{display:none!important}

.reference-ro-nav{flex-wrap:wrap;align-items:center}.reference-ro-nav>.tabs{flex:1 1 100%;display:flex;flex-wrap:nowrap;width:100%;overflow-x:auto}.reference-ro-nav>.reference-tools{margin:0 0 12px auto;flex-wrap:wrap}.reference-ro-nav .tabs button{flex-shrink:0}

.job-approval-mark{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1;flex:0 0 44px}.job-approval-mark.is-approved{background:#10974e;color:#fff}.job-approval-mark.is-declined{background:#df303c;color:#fff}.job-approval-mark .approval-thumb{display:block;width:24px;height:24px;margin:0;fill:currentColor;stroke:none;flex:none}

.ro-status-stack{display:flex;flex-direction:column;align-items:flex-end;gap:7px;max-width:270px;margin-left:auto}.ro-status-stack .odometer-warning{font-size:14px;line-height:1.4;color:#b42318;font-weight:650;margin:0;text-align:right}.ro-status-stack .ro-status-button{margin:0}@media(max-width:650px){.ro-status-stack{max-width:100%;align-items:flex-start;margin-left:0}.ro-status-stack .odometer-warning{text-align:left}}

.history-source-panel{padding:18px;background:#f3f8fd;border:1px solid #d3e3f0;border-radius:12px;margin:18px 0}.history-provider-controls{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin:16px 0}.history-provider-controls .field{flex:1;min-width:220px}.history-charge{display:block;margin:12px 0}.history-charge[hidden]{display:none!important}.history-provider-note{font-size:13px;line-height:1.6}.management-profile h3{margin-top:20px}

.job-sheet .sheet-labor{grid-template-columns:minmax(240px,1fr) 100px 110px 110px 44px}@media(max-width:760px){.job-sheet .sheet-labor{grid-template-columns:minmax(200px,1fr) 80px 90px 90px 44px;min-width:560px}}

/* Separate the negative decision from editing and approval actions. */
.organized-job .job-footer-actions{flex:1;gap:10px}.organized-job .job-footer-actions .job-decline-control{margin-left:auto;background:#fff0f1;color:#b42332;border:1px solid #efb7bf;min-width:96px}.organized-job .job-footer-actions .job-decline-control:hover{background:#ffe1e5;border-color:#dc8794;color:#951e2b}.organized-job .job-footer-actions .job-decline-control:focus-visible{outline:3px solid #e897a3;outline-offset:3px}@media(max-width:600px){.organized-job .job-footer-actions .job-decline-control{margin-left:24px}}

.organized-job .job-footer-actions .job-decline-control{margin-left:40px}@media(max-width:600px){.organized-job .job-footer-actions .job-decline-control{margin-left:24px}}

.smart-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-height:360px;overflow:auto;margin:18px 0;padding:3px}.smart-service-card{min-height:92px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;border:1px solid #cbd9e5;border-radius:10px;background:#fff;padding:16px}.smart-service-card strong{font-size:16px;color:#183e5c}.smart-service-card span{font-size:13px;color:#526e83}.smart-service-card.selected{background:#eaf4ff;border:2px solid #1473ce;box-shadow:0 0 0 2px #1473ce18}.smart-service-search{width:100%;margin-top:18px}.smart-wizard-step{font-size:14px;font-weight:700;color:#1261a5;margin:12px 0}.smart-selection-preview,.smart-rate-notice,.smart-vehicle-heading,.smart-oil-policy{background:#f2f7fc;border:1px solid #d6e4ef;border-radius:10px;padding:18px;margin:18px 0}.smart-parts-review{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}.smart-review-notice{color:#8c4f0b;background:#fff7e6;border-radius:8px;padding:12px;margin-top:16px}.brand-rate-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:20px}.brand-rate-settings{margin-top:24px}.status-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.status-choice{background:var(--status-bg);color:var(--status-fg);border:2px solid transparent;min-height:54px;font-weight:650}.status-choice:hover{background:var(--status-bg);color:var(--status-fg);filter:brightness(.94)}.status-choice.selected{border-color:#172d43;box-shadow:0 0 0 3px #acd4fa}.job-sheet input[readonly]{background:#f2f6fa;color:#304e67}@media(max-width:760px){.brand-rate-grid,.smart-service-grid,.status-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.smart-parts-review{grid-template-columns:1fr}}@media(max-width:480px){.smart-service-grid,.brand-rate-grid,.status-choice-grid{grid-template-columns:1fr}}

#modal .status-choice{background:var(--status-bg)!important;color:var(--status-fg)!important;border:2px solid transparent;min-height:54px}#modal .status-choice.selected{border-color:#172d43!important;box-shadow:0 0 0 3px #acd4fa}#modal .smart-service-card.selected{background:#eaf4ff;border:2px solid #1473ce}

/* Readable saved sidebar values; blue remains the prompt for missing data. */
.ro-sidebar .side-link.side-value,.ro-sidebar .side-link.side-value:hover{color:#fff!important}.ro-sidebar .side-link.side-empty{color:#80c5ff!important}.ro-sidebar .side-history-view{color:#80c5ff!important;border:1px solid #60869c!important;border-radius:7px;padding:8px 12px!important;min-height:40px!important}.ro-sidebar .side-history-view:hover{background:#344b56!important}
.ro-sidebar .side-history-view{white-space:nowrap;flex-shrink:0;min-width:58px}

/* Keep the full navigation visible at every viewport width. */
body>aside,body.nav-collapsed>aside{width:226px!important}body>main,body.nav-collapsed>main{margin-left:226px!important}body .nav-label,body.nav-collapsed .nav-label{display:inline!important}body #nav label,body.nav-collapsed #nav label{display:block!important}body #nav button,body.nav-collapsed #nav button{justify-content:flex-start;padding:12px 14px;font-size:14px}body .ro-totalbar,body.nav-collapsed .ro-totalbar{left:226px!important}
/* Fluid interface motion: native controls stay native and retain focus. */
:root{--motion-fast:160ms;--motion-medium:280ms;--motion-ease:cubic-bezier(.22,1,.36,1)}
@media(prefers-reduced-motion:no-preference){
 button,.button,summary,a{transition:background-color 160ms ease,border-color 160ms ease,color 160ms ease,box-shadow 200ms ease,transform 180ms var(--motion-ease)}
 button:not(:disabled):active,.button:active{transform:translateY(1px) scale(.98)}
 a:hover{color:#1684e8}a:active{opacity:.8}
 .panel,.board-order,.smart-service-card,.guide-card{transition:box-shadow 240ms ease,border-color 180ms ease,background-color 180ms ease}
 .board-order:hover,.smart-service-card:hover{box-shadow:0 7px 22px #16344d18}
 dialog{transition:opacity 220ms ease,transform 320ms var(--motion-ease),overlay 320ms allow-discrete,display 320ms allow-discrete}
 dialog:not([open]){transform:translateY(14px) scale(.98)}
 dialog::backdrop{transition:background-color 240ms ease,overlay 320ms allow-discrete,display 320ms allow-discrete}
 @starting-style{dialog[open]{opacity:0;transform:translateY(18px) scale(.975)}}
 .build-menu::details-content,.recent-orders::details-content,.ro-action-menu::details-content,.ro-share-menu::details-content,.ro-print-menu::details-content,.history-filter::details-content{opacity:0;transform:translateY(-7px) scale(.985);transform-origin:top;transition:opacity 170ms ease,transform 240ms var(--motion-ease),content-visibility 240ms allow-discrete}
 .build-menu[open]::details-content,.recent-orders[open]::details-content,.ro-action-menu[open]::details-content,.ro-share-menu[open]::details-content,.ro-print-menu[open]::details-content,.history-filter[open]::details-content{opacity:1;transform:translateY(0) scale(1)}
 .labor-field-results:not([hidden]){animation:zbt-suggestion-in 220ms var(--motion-ease)}
 select:focus-visible{box-shadow:0 0 0 3px #2685de25;border-color:#2685de}
 details>summary:after{transition:transform 240ms var(--motion-ease)}
 @supports(interpolate-size:allow-keywords){
  details:not(.build-menu):not(.recent-orders):not(.ro-share-menu):not(.ro-print-menu):not(.ro-action-menu):not(.history-filter):not(.management-row-menu){interpolate-size:allow-keywords}
  details:not(.build-menu):not(.recent-orders):not(.ro-share-menu):not(.ro-print-menu):not(.ro-action-menu):not(.history-filter):not(.management-row-menu)::details-content{block-size:0;opacity:0;overflow:clip;transition:block-size 300ms var(--motion-ease),opacity 200ms ease,content-visibility 300ms allow-discrete}
  details[open]:not(.build-menu):not(.recent-orders):not(.ro-share-menu):not(.ro-print-menu):not(.ro-action-menu):not(.history-filter):not(.management-row-menu)::details-content{block-size:auto;opacity:1}
 }
}
/* Dark mode: separated surface levels and bright, readable typography. */
html[data-theme=dark]{color-scheme:dark;--dark-page:#0b121b;--dark-panel:#152131;--dark-raised:#1e2d40;--dark-field:#101b29;--dark-border:#40536b;--dark-text:#f1f5fc;--dark-muted:#c1cede;--dark-link:#8bc5ff}
html[data-theme=dark] body,html[data-theme=dark] body:has(.reference-ro-layout){background:var(--dark-page);color:var(--dark-text)}
html[data-theme=dark] :is(body>aside,dialog,.panel,.card,.stat,.job-board-page,.reference-ro-header,.ro-main .build-toolbar,.issue-row,.issues-actions,.issues-top,.reference-ro-nav .tabs button,.job-sheet,.customer-drawer,.vehicle-drawer,.vehicle-edit-drawer,.management-profile,.template-editor,.template-group,.template-task-editor,.contact-row,.labor-field-results){background:var(--dark-panel)!important;color:var(--dark-text);border-color:var(--dark-border)!important}
html[data-theme=dark] :is(h1,h2,h3,h4,strong,label,td,.field,.heading,.customer-drawer,.vehicle-drawer,.vehicle-edit-drawer,.smart-service-card strong,.template-group-toolbar){color:var(--dark-text)}
html[data-theme=dark] :is(p,small,th,.panel-body,.note,.shop,.tabs button,.issues-label,.management-subtitle,.smart-service-card span,.vehicle-picker label,.customer-check,.template-settings>label,.job-approval-text){color:var(--dark-muted)}
html[data-theme=dark] :is(th,.panel-head,.issues-label,.column,.job .panel-head,.sheet-top,.sheet-label,.job-footer,.template-group>summary,.template-task-editor>details,.smart-selection-preview,.smart-rate-notice,.smart-vehicle-heading,.smart-oil-policy,.profile-info,.canned-config,.template-settings>label,.summary-event,.side-service>.panel-body,.side-service .vehicle-data-section){background:var(--dark-raised)!important;border-color:var(--dark-border)!important}
html[data-theme=dark] :is(input,select,textarea){background:var(--dark-field)!important;color:var(--dark-text)!important;border-color:#526680!important;caret-color:#fff}
html[data-theme=dark] :is(input,textarea)::placeholder{color:#b0bfd2;opacity:1}
html[data-theme=dark] :is(input,textarea)[readonly]{background:#243245!important;color:#d2dfef!important}
html[data-theme=dark] :is(button,.button){background:#25364c;color:var(--dark-text);border-color:#526b89}
html[data-theme=dark] :is(button,.button):hover{background:#304863;border-color:#85a4ca}
html[data-theme=dark] :is(button,.button).primary,html[data-theme=dark] .build-menu>summary{background:#126bd2;color:#fff;border-color:#5d9ef0}
html[data-theme=dark] :is(button,.button).primary:hover{background:#1e7ce6}
html[data-theme=dark] :is(button,.button):disabled{background:#243043;color:#a6b5c8;border-color:#425269;opacity:.75;cursor:not-allowed}
html[data-theme=dark] :is(nav button,.side-link){background:transparent;border-color:transparent}
html[data-theme=dark] nav button{color:#dce7f5}
html[data-theme=dark] :is(nav button.active,.tabs button.active,.reference-ro-nav .tabs button.active){background:#233f60!important;color:#a6d4ff!important;border-color:#639ee5!important}
html[data-theme=dark] :is(nav button:hover,.tabs button:hover){background:#25374e!important;color:#fff!important}
html[data-theme=dark] :is(a,.link,.smart-wizard-step){color:var(--dark-link)}
html[data-theme=dark] :is(td,th,table,.panel-head,.job-lines td,.job-lines th,.job-footer,.issue-row,.issues-actions,.issues-top,.reference-ro-header,.toolbar){border-color:var(--dark-border)!important}
html[data-theme=dark] :is(.build-menu>div,.recent-orders>div,.ro-action-menu>div,.ro-share-menu>div,.ro-print-menu>div,.history-filter>div){background:#1d2b3e!important;border-color:#526b89!important;box-shadow:0 12px 35px #0007}
html[data-theme=dark] :is(.build-menu,.recent-orders,.ro-action-menu,.ro-share-menu,.ro-print-menu,.history-filter) button{background:#1d2b3e;color:#f1f5fc}
html[data-theme=dark] :is(.build-menu,.recent-orders,.ro-action-menu,.ro-share-menu,.ro-print-menu,.history-filter) button:hover{background:#304863}
html[data-theme=dark] :is(.smart-service-card,.guide-card){background:var(--dark-field);border-color:#526b89}
html[data-theme=dark] #modal .smart-service-card.selected{background:#244364!important;border-color:#80b9fb}
html[data-theme=dark] :is(.note,.smart-review-notice,.recommendation-notice){background:#3b301d!important;color:#ffe2a8!important;border-color:#8a7349}
html[data-theme=dark] :is(.danger,.job-decline-control){background:#45232d!important;color:#ffb9c5!important;border-color:#a65b6d!important}
html[data-theme=dark] .odometer-warning,html[data-theme=dark] :is(.action-error,.inline-error,[role=alert]){color:#ffadb5!important}
html[data-theme=dark] :is(.badge,.count){background:#30445e;color:#e0ecfb}
html[data-theme=dark] :is(.approval-approved,.green){color:#83e3af}
html[data-theme=dark] .ro-sidebar{background:#122132!important;border-color:#45607a}
html[data-theme=dark] .ro-details-shell{background:#0e1b2a!important}
html[data-theme=dark] .ro-sidebar .side-card{background:#1c3044;border-color:#415a74}
html[data-theme=dark] .ro-sidebar :is(.side-card strong,.side-card span){color:#f1f6ff}
html[data-theme=dark] .ro-sidebar :is(.side-card b,.side-card small){color:#d1dfef}
html[data-theme=dark] .side-service p{color:#d7e5f6}
html[data-theme=dark] .workspace-topbar{background:#0c1c2e;border-bottom:1px solid #425873}
.workspace-topbar .theme-toggle{white-space:nowrap;border:1px solid #6d8ba6;min-height:40px;padding:8px 12px;background:#263f55;color:#fff;margin-left:auto}.workspace-topbar .theme-toggle+.topbar-shop{margin-left:0}
html[data-theme=dark] :is(.reference-document,.service-print-document){color-scheme:light;background:white!important;color:#172c3e!important}
html[data-theme=dark] :is(.reference-document,.service-print-document) :is(h1,h2,h3,p,small,strong,td,th,label){color:#172c3e!important}
@media(max-width:750px){.workspace-topbar .theme-toggle{font-size:12px;padding:8px}.workspace-topbar .global-search{min-width:80px}}
@media print{html[data-theme=dark] body{background:white!important;color:black!important}}
html[data-theme=dark] #nav button,html[data-theme=dark] #nav button :is(span,svg){color:#e5effc!important}html[data-theme=dark] #nav label{color:#b9cce3!important}html[data-theme=dark] #nav button.active :is(span,svg){color:#b8dcff!important}
html[data-theme=dark] :is(.ro-share-menu,.ro-print-menu,.history-filter,.ro-action-menu)>summary{background:#25364c!important;color:#f1f5fc!important;border-color:#526b89!important}
.management-page-links{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.management-page-links button{width:auto;min-width:42px;min-height:42px;margin:0;padding:8px 12px;text-align:center}.management-page-links button[aria-current=page]{background:#126bd2;color:#fff;border-color:#5d9ef0}.management-pagination{flex-wrap:wrap}.management-row-menu{position:relative}.management-row-menu>summary{min-width:42px;min-height:42px;display:grid;place-items:center;cursor:pointer;border:1px solid #b8cada;border-radius:8px}.management-row-menu>div{z-index:30;min-width:160px}.management-row-menu>div button{min-height:44px;width:100%;text-align:left}
html[data-theme=dark] .management-row-menu>div{background:#1d2b3e!important;border-color:#526b89!important}html[data-theme=dark] .management-row-menu>div button{color:#f1f5fc;background:#1d2b3e}html[data-theme=dark] .management-row-menu>div button:hover{background:#304863}
@media(prefers-reduced-motion:no-preference){.management-row-menu::details-content{opacity:0;transform:translateY(-6px);transition:opacity 170ms ease,transform 240ms var(--motion-ease),content-visibility 240ms allow-discrete}.management-row-menu[open]::details-content{opacity:1;transform:translateY(0)}}
html[data-theme=dark] .management-pagination{background:#1e2d40!important;color:#e5effc!important;border-color:#40536b!important}html[data-theme=dark] :is(.empty,.management-pagination label,.management-pagination span){color:#c1cede!important}
/* Labor guide refinement: compact rows, consistent hours and clear conditions. */
dialog.labor-guide-modal{width:min(1040px,96vw);max-width:1040px;max-height:88vh;border:1px solid #b9ccdc;border-radius:16px}.labor-guide-modal h2{margin:0 0 18px;padding:0;background:transparent;color:#193c57;font-size:24px;line-height:1.4}.labor-guide-modal .catalog-builder{gap:20px}.guide-toolbar{padding:16px;gap:14px;align-items:flex-end;background:#f3f7fb;border:1px solid #d6e2ed;border-radius:12px}.guide-search>span,.guide-filter{font-size:14px;font-weight:650;color:#34536b}.guide-search input,.guide-filter select{min-height:48px;font-size:16px;border-radius:8px}.guide-filter{display:flex;flex-direction:column;gap:8px;min-width:180px}.guide-toolbar>button{min-height:48px}.guide-results-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 2px;color:#64798b;font-size:13px}.guide-count{font-size:14px;font-weight:650;color:#34536b}.guide-breadcrumb{display:flex;gap:10px;align-items:center;padding:6px 0 14px;font-size:14px}.guide-breadcrumb button{min-height:40px;background:transparent;border:0;color:#0769bc;padding:8px 0}.guide-results{max-height:460px;min-height:160px;padding:2px 4px 4px 2px;scrollbar-gutter:stable}.guide-card-grid{display:flex;flex-direction:column;gap:10px}.guide-card{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:20px;min-height:100px;padding:17px 20px;border-radius:11px;border:1px solid #ccdae6;background:#fff;width:100%}.guide-card-copy{display:flex;flex-direction:column;gap:7px;min-width:0}.guide-card .guide-card-copy>strong{font-size:17px;line-height:1.4;color:#203f59}.guide-card .guide-card-conditions{font-size:14px;line-height:1.5;color:#587084}.guide-card small{display:block;background:transparent;border-radius:0;padding:0;color:#526e85;font-size:13px;margin:0}.guide-card-hours{min-width:125px;flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-variant-numeric:tabular-nums}.guide-card .guide-card-hours>strong{font-size:20px;color:#1e4666}.guide-card .guide-card-hours b{font-size:13px;color:#0872c8;margin-top:5px}.guide-detail-heading{padding:8px 0 18px;align-items:flex-start}.guide-detail-heading h3{font-size:21px;line-height:1.4;margin:5px 0}.guide-eyebrow{font-size:11px;font-weight:750;letter-spacing:1.4px;color:#627e94}.guide-column-head{display:flex;justify-content:space-between;padding:11px 18px;background:#edf3f8;border:1px solid #d3e0ea;border-radius:9px 9px 0 0;font-size:13px;font-weight:650;color:#4a657a}.guide-option{margin:0;border:1px solid #d3e0ea;border-top:0;border-radius:0;padding:18px;gap:20px;background:#fff}.guide-option:last-child{border-radius:0 0 9px 9px}.guide-option>div:first-child{min-width:0}.guide-option>div>strong{font-size:16px;line-height:1.5;color:#203f59}.guide-option-badges{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.guide-type-badge,.guide-skill{display:inline-flex;background:#eaf2fa;color:#315a7b;padding:4px 8px;border-radius:5px;font-size:12px;font-weight:600}.guide-type-badge.guide-extra{background:#fff2d8;color:#855500}.guide-option-action{min-width:145px;gap:10px}.guide-option-action>strong{font-size:24px;font-variant-numeric:tabular-nums}.guide-option-action>strong small{display:inline;margin:0;font-size:13px}.guide-option-action button{min-height:44px;min-width:130px;border-radius:8px}.guide-option-added{box-shadow:inset 3px 0 #19834d;background:#f6fcf9}.guide-empty{padding:24px!important;text-align:center;color:#587084;line-height:1.6}.guide-empty strong{display:block;font-size:17px;margin-bottom:8px}[data-guide-feedback]:empty{display:none}[data-guide-feedback]{padding:10px 13px;border-radius:8px;background:#e8f6ee;color:#18623b;font-size:14px;margin:8px 0}.guide-feedback-error{background:#fff0f2!important;color:#b42332!important}.guide-selection{border:1px solid #ccdce8;border-radius:12px;background:#f7fafd;box-shadow:none;padding:18px}.guide-selection h3{background:transparent;padding:12px 0 8px;margin:6px 0;border-top:1px solid #d4e1ec;font-size:15px}.guide-selection [data-selection-total]{font-size:17px;font-weight:700;color:#234c6b}.labor-guide-modal .actions{position:sticky;bottom:-24px;background:#fff;padding:16px 0;margin-top:20px;border-top:1px solid #d4e1ec;z-index:10}
.labor-field-results{border:1px solid #adcade!important;border-radius:12px!important;box-shadow:0 12px 30px #153d6029!important;max-height:380px!important;scrollbar-gutter:stable;background:#fff}.labor-results-heading{position:sticky;top:0;display:flex;justify-content:space-between;gap:12px;padding:12px 15px;background:#edf4fa;border-bottom:1px solid #cdddea;z-index:2;font-size:13px}.labor-results-heading strong{font-size:14px;color:#234d6d}.labor-results-heading span{color:#526e85}.labor-field-results [data-labor-pick]{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:15px!important;border:0!important;border-bottom:1px solid #e0e8ef!important;border-radius:0!important;min-height:86px;background:#fff}.labor-field-results [data-labor-pick]:hover,.labor-field-results [data-labor-pick]:focus-visible{background:#edf6ff!important;box-shadow:inset 3px 0 #1479d0}.labor-result-copy{display:flex;flex-direction:column;gap:7px;min-width:0;text-align:left}.labor-result-copy strong{font-size:16px;color:#203f59;line-height:1.45}.labor-result-copy small{font-size:13px;color:#587084;margin:0;line-height:1.5}.labor-combination-badge{display:inline-block;background:#e5f4f5;color:#12616a;border-radius:5px;padding:4px 7px;font-size:12px;font-weight:650;align-self:flex-start}.labor-result-hours{display:flex;flex-direction:column;align-items:flex-end;gap:3px;min-width:96px;flex-shrink:0;font-variant-numeric:tabular-nums}.labor-result-hours b{font-size:21px;color:#1d4b70}.labor-result-hours small{font-size:11px;margin:0;color:#5b7388}.labor-result-hours em{font-style:normal;font-size:12px;color:#12616a}.labor-result-add{font-size:13px;color:#0872c8;font-weight:700;margin-top:5px}.labor-results-help{position:sticky;bottom:0;padding:9px 15px;background:#f3f7fa;border-top:1px solid #d4e2ed;color:#546e83;font-size:12px}.labor-field-hint{font-size:13px;color:#526e85}
html[data-theme=dark] :is(.guide-toolbar,.guide-selection,.guide-column-head,.labor-results-heading,.labor-results-help){background:#1e2d40!important;border-color:#435d77!important;color:#d2e0f0}html[data-theme=dark] :is(.guide-card,.guide-option,.labor-field-results [data-labor-pick],.labor-guide-modal .actions){background:#152131!important;border-color:#435d77!important;color:#f1f5fc}html[data-theme=dark] :is(.guide-card strong,.guide-card .guide-card-hours>strong,.guide-option strong,.guide-option-action>strong,.labor-result-copy strong,.labor-result-hours b,.labor-results-heading strong,.labor-guide-modal h2){color:#eff6ff!important}html[data-theme=dark] :is(.guide-card .guide-card-conditions,.guide-card small,.guide-option p,.guide-search>span,.guide-filter,.guide-count,.guide-results-meta,.guide-eyebrow,.labor-result-copy small,.labor-result-hours small,.labor-results-heading span,.labor-results-help,.labor-field-hint,.guide-empty){color:#becfe3!important}html[data-theme=dark] :is(.guide-card b,.guide-breadcrumb button,.labor-result-add){color:#8ec8ff!important}html[data-theme=dark] :is(.guide-type-badge,.guide-skill){background:#294862;color:#c9e7ff}html[data-theme=dark] .guide-extra{background:#4c3c20;color:#ffe2a1}html[data-theme=dark] .labor-combination-badge{background:#1d444b;color:#a2e9ed}html[data-theme=dark] .labor-result-hours em{color:#a2e9ed}html[data-theme=dark] [data-guide-feedback]{background:#193e2c;color:#a2e7bc}html[data-theme=dark] .guide-option-added{background:#173429!important}html[data-theme=dark] .labor-field-results [data-labor-pick]:hover,html[data-theme=dark] .labor-field-results [data-labor-pick]:focus-visible{background:#243e5a!important}
@media(max-width:650px){.guide-toolbar{flex-wrap:wrap}.guide-toolbar>.guide-search{flex-basis:100%}.guide-filter{flex:1;min-width:0}.guide-card{padding:14px;gap:12px}.guide-card-hours{min-width:90px}.guide-option{flex-direction:column}.guide-option-action{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.guide-results-meta{font-size:12px}.labor-results-heading{flex-wrap:wrap}.labor-result-copy strong{font-size:15px}}
.guide-breadcrumb button{width:auto;flex:none;text-align:left}.guide-breadcrumb strong{min-width:0;overflow-wrap:anywhere}
.guide-label-icon,.guide-results-meta>span:last-child,.guide-toolbar>button,.guide-breadcrumb button,.guide-detail-heading>button,.guide-option-action button,.guide-option a,.guide-card-hours b,.labor-results-heading strong,.labor-result-add{display:inline-flex;align-items:center;gap:7px}.guide-label-icon .ui-icon,.guide-results-meta .ui-icon,.guide-breadcrumb .ui-icon,.guide-detail-heading .ui-icon,.guide-option-action .ui-icon,.labor-results-heading .ui-icon,.labor-result-add .ui-icon{width:18px;height:18px;flex:none}.guide-option a .ui-icon,.guide-card-hours .ui-icon{width:15px;height:15px;flex:none}.guide-vehicle-context{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;margin-bottom:18px;background:#f0f6fb;border:1px solid #d0e1ee;border-radius:12px}.guide-vehicle-context>.ui-icon{width:24px;height:24px;flex:none;color:#126fbb;margin-top:2px}.guide-vehicle-context strong{font-size:16px;color:#203f59}.guide-vehicle-context p{font-size:14px;margin-top:4px}.guide-vehicle-context small{font-size:12px;color:#58748b;margin-top:5px}html[data-theme=dark] .guide-vehicle-context{background:#1e2d40;border-color:#435d77}html[data-theme=dark] .guide-vehicle-context strong{color:#eff6ff}html[data-theme=dark] .guide-vehicle-context :is(p,small){color:#c3d5e9}html[data-theme=dark] .guide-vehicle-context>.ui-icon{color:#8ec8ff}
/* Shared dark action bars and menus: every dialog keeps its surface through Save. */
html[data-theme=dark] :is(dialog .actions,#modal .actions,.job-sheet .sheet-top,.job-sheet .sheet-label,.job-sheet .sheet-total,.vehicle-edit-drawer .actions,.customer-drawer .actions,.management-profile .actions,.template-editor .actions,.document-controls,.profile-info,.profile-stats>div,.contact-row,.template-group-body,.appointment-steps span){background:#1e2d40!important;color:#edf4ff!important;border-color:#4a607b!important}
html[data-theme=dark] dialog :is(.field,.sheet-label,label,h2,h3,h4){color:#e3edfb}html[data-theme=dark] dialog .actions :is(button,.button){background:#2a3c54;color:#f1f6ff;border:1px solid #607b9e;box-shadow:0 2px 5px #0003}html[data-theme=dark] dialog .actions :is(button,.button):hover{background:#365171;border-color:#97bde8}html[data-theme=dark] dialog .actions .primary{background:#126bd2;color:#fff;border-color:#69a8f6}html[data-theme=dark] dialog .actions .primary:hover{background:#247fe5;border-color:#a1ceff}
html[data-theme=dark] :is(dialog,details) :is(button,.button):disabled{background:#283446;color:#aebdd0;border-color:#495b73;box-shadow:none;opacity:.8}html[data-theme=dark] :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #75b8ff!important;outline-offset:3px}html[data-theme=dark] :is(button,.button) .ui-icon{color:inherit}html[data-theme=dark] dialog::backdrop{background:#030914b3}html[data-theme=dark] :is(.management-row-menu,.build-menu,.ro-share-menu,.ro-print-menu,.ro-action-menu,.history-filter,.recent-orders)>div{background:#192a3e!important;color:#edf5ff!important;border:1px solid #607b9e!important;box-shadow:0 14px 32px #0008}html[data-theme=dark] :is(.management-row-menu,.build-menu,.ro-share-menu,.ro-print-menu,.ro-action-menu,.history-filter,.recent-orders)>div button{border-color:transparent;color:#e6f0ff}html[data-theme=dark] :is(.management-row-menu,.build-menu,.ro-share-menu,.ro-print-menu,.ro-action-menu,.history-filter,.recent-orders)>div button:hover{background:#2c4869!important;color:#fff}
html[data-theme=dark] :is(.calendar-slot,.calendar-allday,.appointment-type,.appointment-steps,.profile-summary,.summary-event,.transparency-section){background:#152131!important;border-color:#405873!important;color:#d8e6f7}html[data-theme=dark] :is(.appointment-type:has(input:checked),.appointment-steps .active){background:#254765!important;border-color:#7ab9ff!important;color:#edf6ff!important}
/* Inventory workspace and grouped part editor. */
.inventory-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0}.inventory-summary .stat{padding:18px 20px}.inventory-summary .stat strong{font-size:26px;margin:8px 0 0}.inventory-controls{display:flex;align-items:center;gap:10px;margin:22px 0 16px}.inventory-search{display:flex;align-items:center;gap:10px;flex:1;max-width:620px}.inventory-search input{width:100%;min-height:46px}.inventory-search>.ui-icon{color:#57758d}.inventory-filters{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:20px}.inventory-filter{display:flex;flex-direction:column;gap:7px;flex:1;min-width:150px;color:#385970;font-size:13px;font-weight:600}.inventory-filter select{min-height:44px}.inventory-filters button{min-height:44px}.inventory-table table{min-width:1050px}.inventory-table th{font-size:13px;font-weight:650;white-space:nowrap;text-transform:none}.inventory-table td{font-size:14px;vertical-align:middle}.inventory-table td:first-child{min-width:230px}.inventory-table .record-title{border:0;background:transparent;color:#106ec0;text-align:left;font-weight:650;min-height:40px;padding:6px 0}.inventory-quantity{font-variant-numeric:tabular-nums;font-weight:650}.inventory-status{font-size:12px;padding:5px 8px;border-radius:5px;white-space:nowrap;display:inline-block}.inventory-status.is-stocked{background:#e5f6ec;color:#14613b}.inventory-status.needs-stock{background:#fff1df;color:#955409}.inventory-empty{text-align:center;padding:42px 20px}.inventory-empty>.ui-icon{width:36px;height:36px;color:#69879e}.inventory-empty h2{margin:14px 0 7px}.inventory-empty p{margin-bottom:18px}.inventory-form{max-width:780px;margin:auto}.inventory-editor>section{padding:20px 0;border-bottom:1px solid #d5e0eb}.inventory-editor>section:first-child{padding-top:0}.inventory-editor>section:last-child{border-bottom:0}.inventory-editor h3{display:flex;align-items:center;gap:9px;font-size:17px;color:#264d6a;margin:0 0 18px}.inventory-editor .field{font-size:14px;font-weight:600;color:#395a72}.inventory-editor input,.inventory-editor select{min-height:46px;font-size:15px;border-radius:8px;width:100%}.inventory-editor .field.wide{display:flex;margin-top:15px}.inventory-editor>section[hidden]{display:none!important}.inventory-editor small{font-size:12px;line-height:1.6}.inventory-profile-heading{display:flex;align-items:center;gap:12px;margin:10px 0 20px}.inventory-profile-heading>.ui-icon{width:30px;height:30px;color:#227ac1}.inventory-profile-heading strong{font-size:20px}.inventory-profile h3{margin:25px 0 14px}.inventory-profile-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.inventory-profile-facts>div{padding:14px;background:#f0f6fb;border:1px solid #d4e2ee;border-radius:9px}.inventory-profile-facts strong{display:block;margin-top:7px;font-size:15px}.inventory-activity{padding:14px 0;border-bottom:1px solid #d7e1eb}.inventory-activity p{font-size:13px;margin-top:7px}.inventory-table .management-pagination{padding:16px;border-top:1px solid #d4e2ed;display:flex;justify-content:flex-end;gap:14px;align-items:center}.inventory-table .management-pagination label{display:flex;align-items:center;gap:8px}.inventory-table .management-pagination select{min-height:40px}
html[data-theme=dark] :is(.inventory-filter,.inventory-editor .field,.inventory-editor small){color:#cbdcf0}html[data-theme=dark] :is(.inventory-editor h3,.inventory-profile-heading strong,.inventory-empty h2){color:#eff6ff}html[data-theme=dark] .inventory-table .record-title{color:#95cbff}html[data-theme=dark] .inventory-status.is-stocked{background:#1c4834;color:#a5ebbf}html[data-theme=dark] .inventory-status.needs-stock{background:#49351e;color:#ffda9f}html[data-theme=dark] .inventory-profile-facts>div{background:#1e2d40;border-color:#49627d;color:#eff6ff}html[data-theme=dark] :is(.inventory-editor>section,.inventory-activity){border-color:#405873}html[data-theme=dark] :is(.inventory-profile-heading>.ui-icon,.inventory-search>.ui-icon,.inventory-empty>.ui-icon){color:#8bc5ff}
@media(max-width:850px){.inventory-summary,.inventory-profile-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-controls{flex-wrap:wrap}.inventory-search{flex-basis:100%;max-width:none}.inventory-editor .formgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:500px){.inventory-editor .formgrid{grid-template-columns:1fr}.inventory-filter{min-width:130px}.inventory-summary .stat{padding:14px}.inventory-summary .stat strong{font-size:21px}.inventory-profile-facts{grid-template-columns:1fr}.inventory-table .management-pagination{justify-content:flex-start;flex-wrap:wrap}}

.smart-ai-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border-radius:6px;background:#e4eaff;color:#4541ae;font-size:11px;font-weight:800;vertical-align:middle}.smart-ai-badge .ui-icon{width:16px;height:16px}[data-theme="dark"] .smart-ai-badge{background:#343c69;color:#e2e4ff}.nav-label .smart-ai-badge{padding:1px 4px;font-size:9px;margin-left:3px}

.reference-mileage.odometer-panel{display:flex;align-items:center;gap:24px;padding:18px 22px;margin:12px 0 18px;border:1px solid #cbd8e4;border-radius:14px;background:#f5f8fc;box-shadow:0 2px 8px #142b4510}.odometer-panel-title{display:flex;align-items:center;gap:12px;min-width:220px}.odometer-panel-title>.ui-icon{width:28px;height:28px;color:#356b9c}.odometer-panel-title strong{font-size:17px}.odometer-panel-title p{font-size:13px;margin:4px 0 0;color:#53677d}.odometer-readings{display:grid;grid-template-columns:1fr 1fr;gap:12px;flex:1}.odometer-reading{display:flex;flex-direction:column;gap:3px;background:#fff;border:1px solid #d4dfeb;border-radius:10px;padding:12px 16px;min-width:150px}.odometer-reading>span{font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.06em;color:#52647a}.odometer-reading strong{font-size:21px;font-variant-numeric:tabular-nums}.odometer-reading small{font-size:12px;color:#60748a}.odometer-panel .odometer-edit{min-height:48px;min-width:140px;font-size:15px;font-weight:750}.reference-mileage.odometer-panel.needs-mileage{border:2px solid #e7a43b;border-left:6px solid #d88710;background:#fff8e9}.needs-mileage .odometer-panel-title p{color:#8c4b05;font-weight:750}.odometer-reading.is-missing{background:#fff0d5;border-color:#e7ac50}.odometer-reading.is-missing strong{color:#9a4a00;font-size:18px}html[data-theme=dark] .odometer-panel{background:#17283b;border-color:#48617b}html[data-theme=dark] .odometer-reading{background:#21364b;border-color:#4a627b}html[data-theme=dark] .odometer-panel-title p,html[data-theme=dark] .odometer-reading :is(span,small){color:#c4d2e2}html[data-theme=dark] .odometer-panel.needs-mileage{background:#342b20;border-color:#e3aa4b}html[data-theme=dark] .needs-mileage .odometer-panel-title p,html[data-theme=dark] .odometer-reading.is-missing strong{color:#ffd48c}html[data-theme=dark] .odometer-reading.is-missing{background:#49351e;border-color:#c68e38}@media(max-width:850px){.reference-mileage.odometer-panel{flex-wrap:wrap;gap:12px}.odometer-panel-title{width:100%}.odometer-readings{min-width:100%}.odometer-panel .odometer-edit{width:100%}}@media(max-width:400px){.odometer-readings{grid-template-columns:1fr}.odometer-reading{min-width:0}}

.global-result{display:flex!important;flex-direction:column;align-items:flex-start!important;width:100%;text-align:left;padding:14px!important;gap:5px;min-height:64px}.global-result small{white-space:normal;font-weight:400}.global-result strong{font-size:15px}.global-search{min-width:260px}
/* Complete dark surfaces, including nested report, calendar and document panels. */
@media screen{
html[data-theme=dark] :is(.report,.report-grid,.paid-table,.document,.doc-page,.reference-document,.service-print-document,.appointment-timegrid,.appointment-filters,.appointment-card,.guide-result,.guide-option,.guide-selection,.inspection-template,.inspection-progress,.history-source-panel,.approval-preview,.job-adjustment-summary,.catalog-builder>aside,[data-inline-labor-guide],.reference-ro-layout .ro-main .organized-job,.global-result){background:var(--dark-panel)!important;color:var(--dark-text)!important;border-color:var(--dark-border)!important}
html[data-theme=dark] :is(.report-grid){background:transparent!important}
html[data-theme=dark] :is(.reference-ro-layout .ro-main .organized-job-header,.reference-ro-layout .ro-main .organized-job .job-footer,.organized-job .job-final,.job-total,.sheet-labor>output,.sheet-part>output,.issues-label,.reference-ro-layout .issues-label,.ro-details-shell>summary,.vehicle-data-section>summary,.calendar-date,.calendar-time-label,.calendar-allday,.guide-column-head,.labor-results-heading,.labor-results-help,.payment-summary tr:last-child,.doc-concerns h3,.doc-job h3,.doc-payments th,.document th,.reference-document th,.service-print-document th){background:var(--dark-raised)!important;color:var(--dark-text)!important;border-color:var(--dark-border)!important}
html[data-theme=dark] :is(.report,.document,.doc-page,.reference-document,.service-print-document,.guide-selection,.guide-option,.inspection-template,.history-source-panel) :is(h1,h2,h3,h4,strong,td,label,output){color:var(--dark-text)!important}
html[data-theme=dark] :is(.report,.document,.doc-page,.reference-document,.service-print-document,.guide-option,.inspection-template,.history-source-panel) :is(p,small,span,th){color:var(--dark-muted)}
html[data-theme=dark] :is(tbody tr:hover,.guide-card:hover,.guide-option-added,.inspection-template:hover,.inspection-template:has(input:checked),.calendar-slot-add:hover,.calendar-slot-add:focus-visible,.payment-choice:hover){background:#243d56!important;color:#f1f6ff!important}
html[data-theme=dark] :is(.board-chips>span,.part-status,.part-metadata .part-status,.record-badge,.job-combination-tag,.labor-combination-badge,.guide-type-badge,.guide-skill,.avatar){background:#29435b!important;color:#d7ebff!important;border-color:#496780!important}
html[data-theme=dark] :is(.guide-type-badge.guide-extra,.source-review,.posted-banner){background:#49391f!important;color:#ffdfa3!important;border-color:#9b7a43!important}
html[data-theme=dark] :is(details>summary,[role=menu],[role=listbox],datalist){color:var(--dark-text);border-color:var(--dark-border)}
html[data-theme=dark] :is([role=menu],[role=listbox]){background:var(--dark-raised)!important}
html[data-theme=dark] :is(option,optgroup){background:#152131!important;color:#f1f5fc!important}
html[data-theme=dark] :is(.reference-ro-layout .ro-main .organized-job .job-header-actions button,.ro-main .job-header-actions .job-icon,.organized-part .job-icon,.appointment-icon){background:#263a50!important;color:#e3efff!important;border-color:#526b89!important}
html[data-theme=dark] .appointment-icon[title="Stay with vehicle"]{background:#482730!important;color:#ffb6be!important}
html[data-theme=dark] .job-approval-mark:not(.is-approved):not(.is-declined){background:#32475d;color:#eff6ff}
html[data-theme=dark] .job-approval-mark.is-declined{background:#b42332;color:#fff}
html[data-theme=dark] :is(button[data-action=deleteJob],button[data-remove-labor],button[data-remove-part],button[data-remove-adjustment]){background:#45232d!important;color:#ffb9c5!important;border-color:#a65b6d!important}
html[data-theme=dark] :is(.labor-field-results [data-labor-pick],.labor-field-results button){background:#152131!important;color:#edf5ff!important}
html[data-theme=dark] :is(.labor-field-results [data-labor-pick]:hover,.labor-field-results [data-labor-pick]:focus-visible){background:#294969!important}
html[data-theme=dark] :is(.document,.doc-page,.reference-document,.service-print-document) :is(table,td,th,section,header,footer){border-color:#4a6079!important}
}

@media screen{
html[data-theme=dark] :is(.board-controls,.thumb,.payment-choice,.calendar-event,.appointment-type,.guide-toolbar,.guide-empty,.catalog-builder>aside,.approval-preview,.job-adjustment-summary){background:var(--dark-panel)!important;color:var(--dark-text)!important;border-color:var(--dark-border)!important}
html[data-theme=dark] .job-board-page .board{background:var(--dark-page)!important}
html[data-theme=dark] :is(.reference-document,.service-print-document){color-scheme:dark!important}
html[data-theme=dark] :is(.document,.doc-page,.reference-document,.service-print-document) :is(p,small,span,th){color:var(--dark-muted)!important}
html[data-theme=dark] [data-guide-feedback]:not(:empty){background:#1c4334;color:#b2f1cf}
html[data-theme=dark] .guide-feedback-error{background:#482731!important;color:#ffb8c2!important}
}

/* Dark-mode text contrast: keep secondary copy readable without fading controls. */
@media screen{
html[data-theme=dark]{--dark-text:#f7faff;--dark-muted:#d5e1f0;--dark-link:#a1d6ff}
html[data-theme=dark] :is(h1,h2,h3,h4,h5,h6,td,label,legend,.field,.heading,.stat strong,.record-title,.guide-card-copy>strong,.guide-option>div>strong,.labor-result-copy strong){color:var(--dark-text)!important}
html[data-theme=dark] :is(p,small,th,figcaption,.management-subtitle,.empty,.guide-card-conditions,.guide-count,.guide-results-meta,.guide-eyebrow,.labor-results-help,.labor-result-description,.job-approval-text,.board-phone,.part-description-copy small,.inventory-filter,.inventory-editor small,.calendar-time-label,.calendar-date,.summary-event p,.shop,.topbar-shop){color:var(--dark-muted)!important;opacity:1}
html[data-theme=dark] :is(.stat>label,.stat>small,.stat>span,.report p,.report small,.panel-body,.sheet-label,.job-line-amount,.inventory-quantity,.odometer-reading>span,.odometer-reading small){color:#dce7f5!important}
html[data-theme=dark] :is(a:not(.button),.link,.record-title,.guide-breadcrumb button,.guide-card-hours b){color:var(--dark-link)!important}
html[data-theme=dark] :is(input,select,textarea){color:#f7faff!important;-webkit-text-fill-color:#f7faff}
html[data-theme=dark] :is(input,textarea)::placeholder{color:#bdcfe3!important;-webkit-text-fill-color:#bdcfe3;opacity:1}
html[data-theme=dark] :is(input,textarea)[readonly]{color:#e1ebf8!important;-webkit-text-fill-color:#e1ebf8}
html[data-theme=dark] :is(button,.button):disabled,html[data-theme=dark] :is(dialog,details) :is(button,.button):disabled{color:#c3d2e5!important;background:#223146!important;border-color:#51657e!important;opacity:1!important;cursor:not-allowed}
html[data-theme=dark] :is(input,select,textarea):disabled{color:#c3d2e5!important;-webkit-text-fill-color:#c3d2e5;opacity:1!important}
html[data-theme=dark] :is(.note,.smart-review-notice,.source-review,.odometer-warning,.needs-mileage .odometer-panel-title p,.odometer-reading.is-missing strong){color:#ffdfa3!important}
html[data-theme=dark] :is(.note,.smart-review-notice,.source-review) :is(p,small,strong){color:#ffdfa3!important}
html[data-theme=dark] :is(.danger,.job-decline-control,.action-error,.inline-error,[role=alert],.guide-feedback-error){color:#ffb9c5!important}
html[data-theme=dark] :is(.approval-approved,.green,[data-guide-feedback]:not(.guide-feedback-error)){color:#a4efc4!important}
html[data-theme=dark] .report>span{color:#8fcaff!important}
}

.smart-labor-confirmation{padding:18px;margin:16px 0;border:1px solid #a9c8e5;border-radius:10px;background:#edf5ff}.smart-labor-confirmation h3{margin:0 0 12px}.smart-labor-confirmation td:last-child{text-align:right;font-variant-numeric:tabular-nums}.smart-confirm-check{display:flex;align-items:center;gap:10px;padding:16px 0;font-weight:650}.smart-confirm-check input{width:20px;height:20px;flex:none}.smart-quantity-lock{padding:12px;color:#315675;font-weight:700}.smart-quantity-lock small{display:block;font-size:11px;margin-top:4px}html[data-theme=dark] .smart-labor-confirmation{background:#1e344c;border-color:#678db5;color:#f7faff}html[data-theme=dark] .smart-quantity-lock{color:#c3dfff}

.status-color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.status-color-row{display:grid;grid-template-columns:minmax(120px,1fr) 54px minmax(130px,1fr);align-items:center;gap:12px;padding:14px;border:1px solid #c9d7e5;border-radius:10px;font-size:14px}.status-color-row input[type=color]{width:54px;min-height:44px;height:44px;padding:4px;cursor:pointer}.status-color-preview{display:inline-flex;justify-content:center;align-items:center;min-height:38px;padding:8px 12px;border-radius:7px;background:var(--preview-bg)!important;color:var(--preview-fg)!important;font-size:12px;font-weight:750}.status-colors-settings .panel-head p{font-size:13px;margin-top:5px}html[data-theme=dark] .status-color-row{border-color:#526780;background:#1b2b3e}html[data-theme=dark] .status-color-preview{color:var(--preview-fg)!important}@media(max-width:1000px){.status-color-grid{grid-template-columns:1fr}}@media(max-width:500px){.status-color-row{grid-template-columns:1fr 54px}.status-color-preview{grid-column:1 / -1}}

.management-customers .record-title{background:transparent!important;border-color:transparent!important;box-shadow:none!important;color:#0968c9!important;text-align:left;min-height:44px;padding:8px 0;border-radius:4px;line-height:1.5}.management-customers .record-title:hover{background:transparent!important;text-decoration:underline;text-underline-offset:4px}.management-customers .record-title:focus-visible{outline:3px solid #398fee!important;outline-offset:4px}html[data-theme=dark] .management-customers .record-title{background:transparent!important;color:#a1d6ff!important;border-color:transparent!important;box-shadow:none!important}html[data-theme=dark] .management-customers .record-title:hover{color:#d5edff!important}

.report-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:#eaf3ff;border:1px solid #d1e3f7;color:#146db8;margin-bottom:8px}.report-icon>.ui-icon{width:26px;height:26px;stroke-width:1.8}html[data-theme=dark] .report>.report-icon{background:#213c56;border-color:#3d6282;color:#a2d7ff!important}.report h3{margin-top:14px}.report button .ui-icon{width:18px;height:18px}

/* Purchase order statuses remain distinct in both themes. */
.purchase-status{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:6px 14px;border-radius:7px;font-size:14px;font-weight:750;line-height:1.35;white-space:nowrap;color:#fff!important}
.purchase-status--received{background:#16a34a!important}
.purchase-status--transit{background:#f07800!important}
.purchase-status--returned{background:#ef2938!important}

/* Consistent dropdown chevrons inherit the control text color. */
.menu-chevron{display:inline-block;flex:0 0 9px;width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);margin-left:12px;transition:transform .18s ease;pointer-events:none}
.build-menu>summary,.recent-orders>summary,.ro-status-button,.board-status{display:inline-flex;align-items:center;justify-content:space-between;gap:4px}
.build-menu>summary,.recent-orders>summary{list-style:none}
.build-menu>summary::-webkit-details-marker,.recent-orders>summary::-webkit-details-marker{display:none}
.build-menu[open]>summary .menu-chevron,.recent-orders[open]>summary .menu-chevron{transform:translateY(2px) rotate(225deg)}
.board-status .menu-chevron{flex-basis:7px;width:7px;height:7px;margin-left:8px}
@media(prefers-reduced-motion:reduce){.menu-chevron{transition:none}}

/* Shared dropdown surfaces and comfortable menu targets. */
:is(.build-menu,.recent-orders,.ro-action-menu,.ro-share-menu,.ro-print-menu,.history-filter,.management-row-menu)>summary{border-radius:12px;transition:background .18s ease,box-shadow .18s ease,border-color .18s ease}
:is(.build-menu,.recent-orders,.ro-action-menu,.ro-share-menu,.ro-print-menu,.history-filter,.management-row-menu)[open]>summary{box-shadow:0 0 0 3px #2684e52b}
:is(.build-menu,.recent-orders,.ro-action-menu,.ro-share-menu,.ro-print-menu,.history-filter,.management-row-menu)>div,[role=menu]{padding:8px;border-radius:16px!important;border:1px solid #d0dce9;background:#fff;box-shadow:0 16px 44px #132d4826,0 3px 9px #132d4812;max-height:min(65vh,480px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
:is(.build-menu,.recent-orders,.ro-action-menu,.ro-share-menu,.ro-print-menu,.history-filter,.management-row-menu)>div button,[role=menu]>button{min-height:44px;padding:11px 14px;border-radius:10px!important;border:0!important;margin:2px 0;width:100%;text-align:left;background:transparent;line-height:1.4;transition:background .16s ease,color .16s ease}
:is(.build-menu,.recent-orders,.ro-action-menu,.ro-share-menu,.ro-print-menu,.history-filter,.management-row-menu)>div button:hover,[role=menu]>button:hover{background:#eaf3ff;color:#075eb1;transform:none}
:is(.build-menu,.recent-orders,.ro-action-menu,.ro-share-menu,.ro-print-menu,.history-filter,.management-row-menu)>div button:active{background:#d9eaff}
.history-filter>div label{display:flex;align-items:center;gap:9px;min-height:44px;padding:8px 12px;border-radius:10px;cursor:pointer}.history-filter>div label:hover{background:#eaf3ff}
:is(.build-menu,.recent-orders,.ro-action-menu,.ro-share-menu,.ro-print-menu,.history-filter,.management-row-menu)>div hr{border:0;border-top:1px solid #dce5ef;margin:7px 6px}
select{border-radius:11px!important;padding-right:34px;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease}select:hover:not(:disabled){border-color:#6099ce}select:disabled{cursor:not-allowed}
html[data-theme=dark] :is(.build-menu,.recent-orders,.ro-action-menu,.ro-share-menu,.ro-print-menu,.history-filter,.management-row-menu)>div,html[data-theme=dark] [role=menu]{background:#192a3e!important;color:#f1f6ff;border-color:#526c8b!important;box-shadow:0 18px 48px #0007,0 3px 10px #0004}
html[data-theme=dark] .history-filter>div label:hover{background:#2c4869}html[data-theme=dark] :is(.build-menu,.recent-orders,.ro-action-menu,.ro-share-menu,.ro-print-menu,.history-filter,.management-row-menu)>div hr{border-color:#405570}
@media(prefers-reduced-motion:no-preference){
 :is(.build-menu,.recent-orders,.ro-action-menu,.ro-share-menu,.ro-print-menu,.history-filter,.management-row-menu)::details-content{opacity:0;transform:translateY(-5px) scale(.98);transform-origin:top;transition:opacity 150ms ease,transform 210ms cubic-bezier(.2,.8,.2,1),content-visibility 210ms allow-discrete}
 :is(.build-menu,.recent-orders,.ro-action-menu,.ro-share-menu,.ro-print-menu,.history-filter,.management-row-menu)[open]::details-content{opacity:1;transform:translateY(0) scale(1)}
}
@media(prefers-reduced-motion:reduce){select,:is(.build-menu,.recent-orders,.ro-action-menu,.ro-share-menu,.ro-print-menu,.history-filter,.management-row-menu)>summary,:is(.build-menu,.recent-orders,.ro-action-menu,.ro-share-menu,.ro-print-menu,.history-filter,.management-row-menu)>div button{transition:none!important}}
.manufacturer-schedules .panel-body{max-height:330px;overflow:auto}.manufacturer-schedules details{padding:12px 0;border-bottom:1px solid var(--line)}.manufacturer-schedules summary{cursor:pointer;font-weight:650}.manufacturer-schedules p{white-space:pre-line;line-height:1.6;margin:12px 0}.manufacturer-schedules .panel-head{gap:14px;flex-wrap:wrap}.manufacturer-schedules label{display:flex;align-items:center;gap:9px}

/* Approve mirrors the soft Decline treatment in green. */
.organized-job .job-footer-actions .job-approve-control{background:#ecfdf3;color:#187443;border:1px solid #a5d9bb;min-width:96px}
.organized-job .job-footer-actions .job-approve-control:hover{background:#d5f5e2;border-color:#69b88b;color:#125a33}
.organized-job .job-footer-actions .job-approve-control:focus-visible{outline:3px solid #7bcba0;outline-offset:3px}
html[data-theme=dark] .organized-job .job-footer-actions .job-approve-control{background:#1c3d30!important;color:#a4efc4!important;border-color:#4f9b73!important}
html[data-theme=dark] .organized-job .job-footer-actions .job-approve-control:hover{background:#28513d!important;border-color:#76c897!important;color:#d2ffe4!important}

/* Unified button geometry, typography and icon treatment. */
button,.button{border-radius:12px;min-height:44px;padding:10px 16px;font-weight:650;letter-spacing:.005em;line-height:1.35;vertical-align:middle;gap:9px;transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .18s ease,transform .12s ease}
button:has(>.ui-icon),.button:has(>.ui-icon){display:inline-flex;align-items:center;justify-content:center}
button>.ui-icon,.button>.ui-icon{width:19px;height:19px;flex:0 0 19px;stroke-width:1.9;vertical-align:middle;pointer-events:none}
button>.ui-icon+span,.button>.ui-icon+span{line-height:1.35}
button:not(:disabled):active,.button:not(:disabled):active{transform:translateY(1px)}
button:focus-visible,.button:focus-visible{outline:3px solid #69aff2;outline-offset:3px}
button.primary,.button.primary{box-shadow:0 2px 4px #075ca222;border-radius:12px}
button.primary:hover:not(:disabled){box-shadow:0 4px 10px #075ca22b}
.tabs button{border-radius:10px;padding:10px 16px;min-height:44px}
#nav button{border-radius:11px;gap:12px;letter-spacing:0}
.reference-ro-layout .ro-main .job-header-actions .job-icon,.organized-part .job-icon{border-radius:11px;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;padding:10px}
.reference-ro-layout .ro-main .job-header-actions button{border-radius:11px}
.job-footer-actions button{min-height:44px;padding:10px 16px;border-radius:12px}
.workspace-topbar button,.workspace-topbar summary{border-radius:11px}
.board-order .board-status{border-radius:7px}
button:disabled{box-shadow:none;transform:none}
html[data-theme=dark] button.primary:hover:not(:disabled){box-shadow:0 4px 12px #0004}
@media(prefers-reduced-motion:reduce){button,.button{transition:none!important}button:not(:disabled):active,.button:not(:disabled):active{transform:none}}

.interval-settings{margin-block:24px}.interval-settings>.panel-head{padding:22px;align-items:center;gap:16px;flex-wrap:wrap}.interval-settings-heading{display:flex;align-items:center;gap:14px;flex:1}.interval-settings-heading h2{margin:0 0 5px}.interval-settings-heading p{margin:0;color:var(--muted);font-size:14px}.interval-heading-icon,.interval-service-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border-radius:12px;background:#e8f3ff;color:#136bb8}.interval-heading-icon .ui-icon{width:24px;height:24px}.interval-settings>.panel-body{padding:22px}.interval-source-info{display:flex;gap:13px;background:#edf5ff;border:1px solid #c9def6;border-radius:12px;padding:16px;margin-bottom:22px;color:#285377}.interval-source-info>.ui-icon{flex:0 0 22px;width:22px;height:22px}.interval-source-info p{margin:5px 0 0;line-height:1.6;font-size:14px}.interval-list{display:grid;gap:14px}.interval-setting-row{display:flex;align-items:flex-start;gap:14px;padding:18px;background:#f8fafc;border:1px solid #d4e0ec;border-radius:14px}.interval-service-icon{width:38px;height:38px;margin-top:23px}.interval-service-icon .ui-icon{width:20px;height:20px}.interval-setting-fields{flex:1;min-width:0;display:grid;grid-template-columns:minmax(200px,2fr) minmax(120px,1fr) minmax(120px,1fr);gap:14px}.interval-setting-fields label{display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:650;color:#304d67}.interval-setting-fields input{width:100%;min-width:0;min-height:46px}.interval-aliases{grid-column:1/-1}.interval-aliases small{font-weight:400;font-size:12px}.interval-unit-input{position:relative}.interval-unit-input input{padding-right:68px}.interval-unit-input span{position:absolute;right:13px;top:50%;transform:translateY(-50%);font-size:12px;color:#60748a;pointer-events:none}.interval-remove{flex-shrink:0;margin-top:23px;padding:10px;width:44px}.interval-add{margin-top:18px;background:#edf5ff;color:#1166b2;border-color:#bbd7f2}.interval-empty{padding:24px;text-align:center;color:var(--muted)}.interval-settings-footer{display:flex;justify-content:space-between;gap:22px;align-items:flex-start;border-top:1px solid #d5dfeb;margin-top:22px;padding-top:20px}.interval-settings-footer>p{flex:1;max-width:550px;margin:0;color:#526c80;font-size:13px;line-height:1.6}.interval-settings-footer>p .ui-icon{width:17px;height:17px;vertical-align:middle;margin-right:5px}.interval-settings-footer>div{min-width:180px}.interval-settings-footer button{width:100%}.interval-save-feedback{margin:9px 0 0;font-size:13px;color:#167143;max-width:300px}.interval-save-feedback.is-error{color:#b42332}
html[data-theme=dark] .interval-setting-row{background:#192a3c;border-color:#405873}html[data-theme=dark] :is(.interval-heading-icon,.interval-service-icon){background:#233e58;color:#a1d6ff}html[data-theme=dark] .interval-source-info{background:#192f45;border-color:#426587;color:#d9edff}html[data-theme=dark] .interval-setting-fields label{color:#e6effa}html[data-theme=dark] .interval-unit-input span{color:#c6d7e8}html[data-theme=dark] .interval-add{background:#233e58;color:#baddff;border-color:#507698}html[data-theme=dark] .interval-settings-footer{border-color:#405873}html[data-theme=dark] .interval-settings-footer>p{color:#c6d7e8}html[data-theme=dark] .interval-save-feedback{color:#a4efc4}html[data-theme=dark] .interval-save-feedback.is-error{color:#ffb9c5}
@media(max-width:1050px){.interval-setting-fields{grid-template-columns:1fr 1fr}.interval-setting-fields>label:first-child{grid-column:1/-1}.interval-settings-footer{flex-direction:column}.interval-settings-footer>div{width:100%}}@media(max-width:600px){.interval-setting-row{gap:9px;padding:13px}.interval-service-icon{display:none}.interval-setting-fields{grid-template-columns:minmax(0,1fr)}.interval-setting-fields>label{grid-column:1}.interval-settings>.panel-body,.interval-settings>.panel-head{padding:15px}.interval-settings-heading{align-items:flex-start}.interval-remove{margin-top:22px}.interval-source-info{padding:13px}}
.engine-rate-settings{margin-top:22px}.engine-rate-settings .panel-head{gap:14px;flex-wrap:wrap}.engine-rate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0}.engine-rate-grid>.field{border:1px solid var(--line);border-radius:14px;padding:18px;background:#f8fafc}.engine-rate-grid strong{font-size:16px}.engine-rate-grid small{font-weight:400;line-height:1.5}.engine-rate-input{display:flex;align-items:center;gap:9px;margin-top:8px}.engine-rate-input input{min-width:0;flex:1}.engine-rate-input>span{white-space:nowrap;color:var(--muted);font-size:14px}html[data-theme=dark] .engine-rate-grid>.field{background:#192a3c;border-color:#405873}@media(max-width:750px){.engine-rate-grid{grid-template-columns:1fr}}
.employee-permissions{margin:22px 0;padding:20px;border:1px solid var(--line);border-radius:14px;background:#f6f9fc}.employee-permissions h3{margin:0 0 8px}.employee-permissions p{font-size:13px;line-height:1.6;margin-bottom:16px}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.permission-grid select{width:100%}html[data-theme=dark] .employee-permissions{background:#192a3c;border-color:#405873}html[data-theme=dark] .employee-permissions p{color:#d5e1f0}@media(max-width:600px){.permission-grid{grid-template-columns:1fr}.employee-permissions{padding:15px}}

/* Compact mileage summary with persistent missing-reading emphasis. */
.reference-mileage.odometer-panel{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;padding:10px 14px;margin:10px 0 12px;border-radius:12px;box-shadow:none;align-items:center;flex-wrap:nowrap}
.odometer-panel-title{min-width:0;width:auto;gap:8px}.odometer-panel-title>.ui-icon{width:20px;height:20px;flex-shrink:0}.odometer-panel-title strong{font-size:14px;white-space:nowrap}.odometer-panel-title p{display:none}
.odometer-readings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0}
.odometer-reading{min-width:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-radius:8px;min-height:44px}.odometer-reading>span{font-size:11px;letter-spacing:.025em;white-space:nowrap}.odometer-reading strong{font-size:17px;line-height:1.3}.odometer-reading small{display:none}.odometer-reading.is-missing strong{font-size:14px}
.odometer-panel .odometer-edit{width:auto;min-width:110px;min-height:44px;padding:9px 12px;font-size:14px}
.reference-mileage.odometer-panel.needs-mileage{border-width:1px;border-left-width:4px}
@media(max-width:1050px){.odometer-reading{flex-direction:column;align-items:flex-start;gap:3px;padding:7px 10px}.reference-mileage.odometer-panel{gap:10px}.odometer-panel-title strong{white-space:normal}}
@media(max-width:600px){.reference-mileage.odometer-panel{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px}.odometer-panel-title{grid-column:1/-1}.odometer-readings{min-width:0;grid-template-columns:repeat(2,minmax(0,1fr))}.odometer-panel .odometer-edit{min-width:44px;width:auto}.odometer-reading strong{font-size:16px}.odometer-reading.is-missing strong{font-size:13px}}

.settings-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0;padding:8px;background:#e8eef5;border:1px solid #cedbe8;border-radius:14px}.settings-tabs [role=tab]{background:transparent;border:1px solid transparent;color:#45617b;min-height:44px;padding:10px 15px;border-radius:10px;box-shadow:none}.settings-tabs [aria-selected=true]{background:#fff;color:#0866b6;border-color:#bbd4ea;box-shadow:0 2px 5px #17354f12}.settings-tabs [role=tab]:hover{background:#f7fbff}.settings-section{margin:0 0 20px}.settings-section .panel-body>.brand-rate-settings,.settings-section .panel-body>.engine-rate-settings{border:0;box-shadow:none;margin:0}.settings-section .panel-body>.brand-rate-settings>.panel-head,.settings-section .panel-body>.engine-rate-settings>.panel-head{display:none}.settings-section .panel-body>.brand-rate-settings>.panel-body,.settings-section .panel-body>.engine-rate-settings>.panel-body{padding:0}.settings-save-feedback{margin:10px 0 0;color:#167143;font-size:14px}[role=tabpanel][hidden]{display:none!important}[role=tabpanel]>.interval-settings{margin-top:0}html[data-theme=dark] .settings-tabs{background:#152435;border-color:#405873}html[data-theme=dark] .settings-tabs [role=tab]{color:#d5e1f0;background:transparent}html[data-theme=dark] .settings-tabs [aria-selected=true]{background:#264c71;color:#fff;border-color:#5586b6}html[data-theme=dark] .settings-tabs [role=tab]:hover{background:#263d56}html[data-theme=dark] .settings-save-feedback{color:#a4efc4}@media(max-width:600px){.settings-tabs{flex-wrap:nowrap;overflow-x:auto}.settings-tabs [role=tab]{white-space:nowrap;flex-shrink:0}}

.save-confirmation:not(:empty){display:block;width:fit-content;margin:12px 0 10px auto;padding:10px 14px;border-radius:9px;background:#dcfce7;color:#075c2c!important;border:1px solid #70be8d;font-size:14px;font-weight:750;line-height:1.4}.save-confirmation:empty{display:none}.interval-save-controls{display:flex;flex-direction:column}.interval-save-controls .save-confirmation{order:0;margin:0 0 10px;width:100%;max-width:none}.interval-save-controls button{order:1}.interval-save-controls .is-error{order:2;background:transparent;border:0;padding:0;margin:9px 0 0;color:#b42332!important}.settings-save-feedback{max-width:100%}html[data-theme=dark] .save-confirmation:not(:empty){background:#173f2d;color:#b8ffd7!important;border-color:#59ae7d}html[data-theme=dark] .interval-save-controls .is-error{background:transparent;border:0;color:#ffb9c5!important}

.tech-board-toolbar{display:flex;gap:12px;flex-wrap:wrap}.tech-board-toolbar #ops-search{width:min(100%,640px);flex:1 1 480px;min-width:0;max-width:800px}.tech-board-toolbar #ops-tech-filter{flex:0 0 auto;min-width:180px}@media(max-width:600px){.tech-board-toolbar #ops-search{flex-basis:100%;max-width:none;width:100%}.tech-board-toolbar #ops-tech-filter{width:100%}}

/* Calm slate palette for repair-order sidebar dropdowns. */
.ro-sidebar .side-group{border-color:#40566c!important;background:#1c2e40!important;border-radius:11px!important}
.ro-sidebar .side-group>summary{background:#293f55!important;color:#f3f8ff!important;border-left:3px solid #7fb5e9;border-radius:9px!important;font-size:15px!important;transition:background .18s ease,border-color .18s ease}
.ro-sidebar .side-group[open]>summary{background:#304d68!important;border-left-color:#9bd3ff}
.ro-sidebar .side-group>summary:hover{background:#3b5974!important}
.ro-sidebar .side-group>summary>.ui-icon{color:#b9dcff!important}
.ro-sidebar .side-group>summary:after{content:'';width:8px;height:8px;flex:0 0 8px;border-right:2px solid #d1e6fa;border-bottom:2px solid #d1e6fa;transform:translateY(-2px) rotate(45deg);margin-left:auto;transition:transform .18s ease}
.ro-sidebar .side-group[open]>summary:after{transform:translateY(2px) rotate(225deg)}
.ro-sidebar .side-card{background:#1e3246!important;border-bottom-color:#3c5369!important}
.ro-sidebar .vehicle-data-section>summary{background:#253e55!important;color:#edf6ff!important;border-color:#4a627a!important;border-radius:8px;transition:background .18s ease}
.ro-sidebar .vehicle-data-section>summary:hover{background:#345570!important}
.ro-sidebar select{background:#20374e!important;color:#f3f8ff!important;border:1px solid #67839e!important;border-radius:10px!important;box-shadow:none}
.ro-sidebar select:hover{background:#2b4762!important;border-color:#9bbfe0!important}
.ro-sidebar select option{background:#20374e;color:#f3f8ff}
.ro-sidebar :is(summary,select):focus-visible{outline:3px solid #9ed0ff!important;outline-offset:2px}
html[data-theme=dark] .ro-sidebar .side-group>summary{background:#253a50!important}html[data-theme=dark] .ro-sidebar .side-group[open]>summary{background:#2c4964!important}html[data-theme=dark] .ro-sidebar .side-group>summary:hover{background:#365873!important}
@media(prefers-reduced-motion:reduce){.ro-sidebar .side-group>summary,.ro-sidebar .side-group>summary:after,.ro-sidebar .vehicle-data-section>summary{transition:none}}

.board-chips .board-job-progress{display:flex;flex-direction:column;justify-content:center;gap:6px;width:140px;max-width:100%;padding:4px 0;border:0;background:transparent;box-shadow:none}.board-progress-track{height:5px;border-radius:99px;background:#d5e1ec;overflow:hidden;width:100%}.board-progress-track i{display:block;height:100%;border-radius:inherit;background:#1879d0;transition:width .3s ease}.board-progress-track i.is-complete{background:#159454}.board-job-progress small{margin:0;font-size:11px;line-height:1.3;color:#46617a;font-variant-numeric:tabular-nums}html[data-theme=dark] .board-progress-track{background:#3a5067}html[data-theme=dark] .board-progress-track i{background:#69b7ff}html[data-theme=dark] .board-progress-track i.is-complete{background:#57d998}html[data-theme=dark] .board-job-progress small{color:#d5e5f4}@media(prefers-reduced-motion:reduce){.board-progress-track i{transition:none}}

/* Orange reminders identify missing data without coloring an entire job row. */
input.missing-input,select.missing-input,textarea.missing-input,button.missing-input{background:#fff3df!important;border-color:#d99428!important;box-shadow:inset 3px 0 #db8c18!important;color:#7d4308!important}.missing-input::placeholder{color:#895721!important;opacity:1}.ro-sidebar .side-card.missing-information{background:#46351e!important;border-left:4px solid #e7a43b!important;border-bottom-color:#886335!important}.ro-sidebar .side-card.missing-information :is(b,span,strong,.side-link){color:#ffe0a3!important}.job-approval-mark:not(.is-approved):not(.is-declined){background:#fff0d5!important;color:#8c4b05!important;border:1px solid #e7ac50}.missing-input:focus-visible{outline-color:#d99428!important}html[data-theme=dark] :is(input,select,textarea,button).missing-input{background:#49351e!important;border-color:#e3aa4b!important;color:#ffe0a3!important;box-shadow:inset 3px 0 #e7a43b!important}html[data-theme=dark] .missing-input::placeholder{color:#f1ca8d!important}html[data-theme=dark] .job-approval-mark:not(.is-approved):not(.is-declined){background:#49351e!important;color:#ffe0a3!important;border-color:#e3aa4b}

/* Spacious, aligned repair-order details with direct editing. */
@media(min-width:1101px){.reference-ro-layout .ro-details-shell{width:340px;padding:10px}body:has(.reference-ro-layout) #app{padding-right:350px}.reference-ro-layout .ro-totalbar{right:350px}}
.ro-sidebar .side-group{margin:8px 0!important}.ro-sidebar .side-group>summary{padding:14px 16px!important;font-size:16px!important;min-height:50px}.ro-sidebar .side-card{display:flex;flex-direction:column;align-items:stretch!important;gap:5px;padding:13px 16px!important}.ro-sidebar .side-card>b{display:block;font-size:12px!important;font-weight:650!important;letter-spacing:.02em;line-height:1.5;color:#c5d7e9!important}.ro-sidebar .side-card>span{display:block;text-align:left!important;width:100%;min-width:0;font-size:15px!important;line-height:1.5}.ro-sidebar .side-card strong{display:block}.ro-sidebar .side-card .side-link{display:block;width:100%;text-align:left!important;min-height:38px!important;padding:7px 9px!important;margin-left:-9px;border-radius:8px!important;font-size:15px!important;line-height:1.5;overflow-wrap:anywhere;white-space:normal;justify-content:flex-start}.ro-sidebar .side-card .side-value{background:transparent!important;color:#f4f8ff!important}.ro-sidebar .side-card .side-empty{color:#9ed0ff!important;background:transparent!important}.ro-sidebar .side-card .side-link:hover{background:#36536f!important;color:#fff!important}.ro-sidebar .side-card .side-link:focus-visible{outline:2px solid #98ceff!important;outline-offset:1px}.ro-sidebar .side-history-view{width:auto!important;align-self:flex-start!important;min-width:78px;background:#29465f!important;border:1px solid #6c91b1!important;padding:8px 14px!important;margin:4px 0 0!important;text-align:center!important}.ro-sidebar .side-card.missing-information .side-link{color:#ffe0a3!important}.ro-sidebar .side-stack small{margin-top:4px;line-height:1.55}.ro-sidebar .sidebar-controls{padding:6px 2px}.ro-sidebar .side-card strong .side-link{font-size:16px!important;font-weight:700;line-height:1.5}.ro-sidebar [data-action=sidebarEdit]{touch-action:manipulation;-webkit-user-select:none;user-select:none}
@media(max-width:1100px){.reference-ro-layout .ro-details-shell{width:min(340px,calc(100vw - 24px));padding:10px}body:has(.reference-ro-layout) #app{padding-right:0}.reference-ro-layout .ro-totalbar{right:0}.reference-ro-layout .ro-details-shell:not([open]){width:230px}}

.reference-ro-layout .ro-sidebar{max-height:none!important;overflow:visible!important}
@media(max-width:1100px){.reference-ro-layout .ro-details-shell{position:fixed!important;top:72px!important;right:10px!important;bottom:82px!important;z-index:30;max-height:none!important;overflow:auto!important;box-shadow:0 14px 45px #0006;border-radius:12px}.reference-ro-layout .ro-details-shell:not([open]){height:44px;bottom:auto!important}.reference-ro-layout .ro-details-shell>summary{position:sticky;top:0;z-index:2}}
.reference-ro-layout .ro-details-shell[open] .ro-sidebar{max-height:none!important;overflow:visible!important}

.recommendations-workspace{padding:20px;background:#f5f8fc;color:#213e56}.recommendation-context{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:18px;border-bottom:1px solid #d4dfeb}.recommendation-context h3{font-size:19px;margin:0 0 6px}.recommendation-context p{font-size:14px;color:#4b657c;margin:0;line-height:1.5}.recommendation-context .row{flex-shrink:0;flex-wrap:wrap;gap:8px}.recommendation-context button{background:#fff;color:#245a88;border:1px solid #acc7df;min-height:44px}.recommendation-controls{display:flex;gap:12px;margin:18px 0}.recommendation-controls input{flex:1;min-width:0;max-width:none}.recommendation-controls select{min-width:180px}.recommendation-card-list{display:grid;gap:14px}.recommendation-card{padding:18px;background:#fff;border:1px solid #cbd9e7;border-radius:13px;box-shadow:0 2px 5px #18395108}.recommendation-card[hidden]{display:none!important}.recommendation-card-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.recommendation-card-heading h3{margin:9px 0 0;font-size:17px;line-height:1.5}.recommendation-card-heading button{flex-shrink:0;min-width:155px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.recommendation-state{display:inline-block;font-size:12px;font-weight:750;border-radius:6px;padding:4px 9px}.recommendation-state.is-due{background:#fff0d5;color:#804500}.recommendation-state.is-unknown{background:#e8eef7;color:#36516e}.recommendation-state.is-later{background:#e1f4e9;color:#185e3a}.recommendation-due-text{margin:12px 0 16px;font-size:14px;color:#425f77;line-height:1.6}.recommendation-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding-top:14px;border-top:1px solid #e1e8ef}.recommendation-facts dt{font-size:12px;font-weight:650;color:#526b81;margin-bottom:6px}.recommendation-facts dd{margin:0;font-size:14px;font-weight:550;line-height:1.5;overflow-wrap:anywhere}.recommendation-facts dd small,.recommendation-facts dd a{display:block;font-size:12px;margin-top:5px}.recommendation-facts dd button{padding:0 6px;background:transparent;border:0;color:#0965b3;min-height:32px}.recommendation-conditions{margin-top:14px;padding-top:12px;border-top:1px solid #e1e8ef}.recommendation-conditions summary,.recommendation-source-library>summary{cursor:pointer;font-size:14px;font-weight:650;padding:8px 0}.recommendation-conditions p{line-height:1.6;font-size:14px}.recommendation-source-library{margin-top:20px;border-top:1px solid #cfdae7;padding-top:12px}html[data-theme=dark] .recommendations-workspace{background:#101c2a;color:#f1f6ff}html[data-theme=dark] .recommendation-context{border-color:#40556e}html[data-theme=dark] .recommendation-context p,html[data-theme=dark] .recommendation-due-text{color:#d1e1f1}html[data-theme=dark] .recommendation-context button{background:#233b54;color:#e7f3ff;border-color:#6686a5}html[data-theme=dark] .recommendation-card{background:#1a2c40;border-color:#4b637e}html[data-theme=dark] .recommendation-facts,html[data-theme=dark] .recommendation-conditions,html[data-theme=dark] .recommendation-source-library{border-color:#40556e}html[data-theme=dark] .recommendation-facts dt{color:#bcd1e6}html[data-theme=dark] .recommendation-facts dd{color:#f1f6ff}html[data-theme=dark] .recommendation-facts dd button{color:#a5d6ff}html[data-theme=dark] .recommendation-state.is-unknown{background:#334c68;color:#e5f1ff}html[data-theme=dark] .recommendation-state.is-due{background:#59401c;color:#ffe2a5}html[data-theme=dark] .recommendation-state.is-later{background:#214c38;color:#b0f5ce}@media(max-width:1250px){.recommendation-context{align-items:flex-start;flex-direction:column}.recommendation-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.recommendations-workspace{padding:13px}.recommendation-card{padding:14px}.recommendation-card-heading{align-items:flex-start;flex-direction:column}.recommendation-card-heading button{width:100%}.recommendation-controls{flex-direction:column}.recommendation-controls select{width:100%}}
.parts-pricing-settings .panel-head p{font-size:14px;line-height:1.6;margin:6px 0 0}.pricing-types{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.pricing-types [aria-selected=true]{background:#1674cc;color:#fff;border-color:#1674cc}.pricing-config{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}.pricing-enabled{align-self:center;display:flex;gap:10px;align-items:center}.pricing-enabled input{width:20px;height:20px;accent-color:#1276cc}.pricing-matrix table{min-width:640px}.pricing-matrix td input{width:115px;min-height:44px}.pricing-matrix [data-tier-metrics]{font-size:13px;line-height:1.6}.pricing-matrix [data-add-tier]{margin:14px 0}.pricing-explanation{padding:16px;border:1px solid #c8d9ea;border-radius:12px;background:#edf5ff;margin:18px 0}.pricing-explanation p{font-size:13px;line-height:1.6;margin:7px 0 0}.pricing-preview{display:flex;gap:22px;align-items:center;background:#f4f8fc;border:1px solid #c8d9ea;border-radius:12px;padding:18px}.pricing-preview>label{max-width:220px;flex:1}.pricing-preview strong{display:block;font-size:25px;color:#145f9d;margin:5px 0}.pricing-preview small{display:block;font-size:12px}.pricing-flat{max-width:350px;margin:20px 0}.part-retail-control{min-width:0}.part-retail-control>input{width:100%}.part-retail-control label{display:flex;align-items:center;gap:6px;font-size:11px;line-height:1.3;margin-top:6px;white-space:nowrap}.part-retail-control label input{width:16px!important;min-height:16px!important;height:16px}.pricing-flat[hidden],.pricing-matrix[hidden]{display:none!important}html[data-theme=dark] .pricing-explanation,html[data-theme=dark] .pricing-preview{background:#1c344c;border-color:#4c6c8d;color:#e5f1ff}html[data-theme=dark] .pricing-preview strong{color:#a5d8ff}html[data-theme=dark] .pricing-types [aria-selected=true]{background:#1c68af;color:#fff;border-color:#74acdf}@media(max-width:650px){.pricing-config{grid-template-columns:1fr}.pricing-preview{align-items:stretch;flex-direction:column}.pricing-preview>label{max-width:none}}

/* Repair order arrival selector */
.ro-arrival-menu{flex:none;position:relative}
.ro-arrival-menu>summary{width:56px;min-height:56px;padding:10px;justify-content:center;border-radius:14px}
.ro-arrival-menu>summary .appointment-svg{width:32px;height:32px}
.ro-arrival-menu>div[role=menu]{left:0;right:auto;min-width:290px;padding:8px;border-radius:16px}
.ro-arrival-menu>div[role=menu]>button{display:flex;align-items:center;gap:14px;width:100%;min-height:52px;padding:10px 14px;border-radius:10px;text-align:left}
.ro-arrival-menu button .appointment-svg{width:25px;height:25px;flex:none}
.ro-arrival-menu .arrival-check{margin-left:auto;font-size:24px;font-weight:700}
.reference-ro-layout .ro-arrival-menu>div[role=menu]{left:0!important;right:auto!important;min-width:290px!important}.reference-ro-layout .ro-arrival-menu>div[role=menu]>button{display:flex!important;flex-direction:row!important;align-items:center!important;gap:14px!important}.ro-arrival-menu button>span{display:inline!important}.ro-arrival-menu .arrival-check{margin-left:auto!important}

/* Compact job editor with a persistent action dock */
dialog.job-editor-modal{width:min(1380px,96vw);max-height:94dvh;overflow:hidden;border-radius:18px;padding:0}
dialog.job-editor-modal #form{display:flex;flex-direction:column;max-height:94dvh;overflow:hidden;margin:0}
dialog.job-editor-modal #form>h2{flex:none;padding:16px 22px;font-size:21px;border-bottom:1px solid #cbd7e2;margin:0}
dialog.job-editor-modal .job-sheet{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 20px 16px;scroll-padding:18px}
dialog.job-editor-modal #form>.actions{flex:none;position:relative;z-index:50;display:flex;align-items:center;gap:12px;padding:12px 20px;margin:0;border-top:1px solid #bdcedd;box-shadow:0 -6px 20px #00000016;background:#f4f8fc}
.job-save-summary{margin-right:auto;display:flex;flex-direction:column;gap:2px}.job-save-summary>span{font-size:12px;font-weight:600;color:#536c83}.job-save-summary strong{font-size:22px;line-height:1.2}
dialog.job-editor-modal #form>.actions button{min-height:44px;min-width:106px;border-radius:11px;padding:10px 18px}
dialog.job-editor-modal .sheet-top{gap:12px;padding:14px;margin:14px 0;background:#f2f6fa;border:1px solid #ccd9e5;border-radius:12px;align-items:end}
dialog.job-editor-modal .sheet-top .field{margin:0;gap:6px;font-size:13px}.sheet-top .field:nth-child(2){width:180px}
dialog.job-editor-modal .job-sheet :is(input:not([type=checkbox]),select,textarea){min-height:42px;padding:9px 11px;font-size:15px;border-radius:9px}
dialog.job-editor-modal .job-sheet .labor-description{height:44px;min-height:44px;font-size:16px!important}
dialog.job-editor-modal .sheet-label{padding:9px 10px;font-size:12px;border-radius:8px;letter-spacing:.02em}
dialog.job-editor-modal .sheet-labor{grid-template-columns:minmax(220px,1fr) 86px 96px 104px 40px;gap:10px;padding:9px 0}
dialog.job-editor-modal .sheet-part{grid-template-columns:88px minmax(280px,1fr) 70px 86px 100px 104px 40px;gap:10px;padding:12px 0}
dialog.job-editor-modal .sheet-part-fields{gap:8px}
dialog.job-editor-modal :is(.sheet-labor,.sheet-part)>output{padding:11px 8px;border-radius:8px;text-align:right;font-variant-numeric:tabular-nums}
dialog.job-editor-modal .sheet-add{gap:10px;padding:8px 0 16px;align-items:center}.job-editor-modal .sheet-add button{min-height:42px;padding:9px 14px;border-radius:10px}.job-editor-modal .sheet-add select{max-width:300px}.job-editor-modal .labor-field-hint{font-size:13px}.job-editor-modal [data-labor-selection-feedback]:empty{display:none}
dialog.job-editor-modal :is([data-remove-labor],[data-remove-part],button[data-remove-adjustment]){width:38px;height:38px;min-width:38px;min-height:38px;border-radius:10px!important;background:#fff0f2;color:#b42332}
dialog.job-editor-modal .job-adjustments{display:grid;grid-template-columns:1fr 1fr;gap:14px;border-top:1px solid #cbd8e5;padding:14px 0;margin:0}.job-editor-modal .adjustment-group{padding:12px;border:1px solid #cbd8e5;border-radius:12px;margin:0}.job-editor-modal .adjustment-group:has(.adjustment-row){grid-column:1/-1}.job-editor-modal .adjustment-group h3{font-size:15px;margin:0 0 10px}.job-editor-modal .adjustment-head[hidden]{display:none!important}.job-editor-modal [data-add-adjustment]{min-height:40px;padding:8px 12px;border-radius:10px}.job-editor-modal .sheet-total{display:none}.job-editor-modal .job-sheet>.field{margin-top:8px}.job-editor-modal textarea[name=note]{min-height:62px;max-height:140px}
html[data-theme=dark] .job-editor-modal .job-save-summary>span{color:#b7cbe3}html[data-theme=dark] .job-editor-modal .job-save-summary strong{color:#f3f8ff}html[data-theme=dark] .job-editor-modal .adjustment-group{background:#192a3d;border-color:#405975}html[data-theme=dark] dialog.job-editor-modal :is([data-remove-labor],[data-remove-part],button[data-remove-adjustment]){background:#462735!important;color:#ffc0c9!important}
@media(max-width:1000px){dialog.job-editor-modal .sheet-label,dialog.job-editor-modal .sheet-labor{min-width:620px}dialog.job-editor-modal .sheet-part{min-width:860px}.job-editor-modal .sheet-top .field:first-child{flex-basis:100%}.job-editor-modal .job-adjustments{min-width:620px}.job-editor-modal .sheet-top{flex-wrap:wrap}}
/* Compact repair order workflow navigation */
.reference-ro-layout .reference-ro-nav{display:flex;gap:10px;align-items:center;padding:10px 0;margin:0;flex-wrap:wrap}
.reference-ro-layout .reference-ro-nav>.tabs{flex:1 1 auto;width:auto;min-width:0;display:flex;gap:3px;padding:4px;border:1px solid #cbd8e4;border-radius:12px;background:#eff4f9;overflow-x:auto;border-bottom:1px solid #cbd8e4}
.reference-ro-layout .reference-ro-nav>.tabs button{min-height:40px;padding:8px 13px;border:0!important;border-radius:8px;font-size:14px;white-space:nowrap;background:transparent;box-shadow:none;line-height:1.3}
.reference-ro-layout .reference-ro-nav>.tabs button.active{background:#dcecff;color:#095aa9;box-shadow:0 1px 4px #102b4318}
.reference-ro-layout .reference-ro-nav>.reference-tools{margin:0 0 0 auto;gap:6px;flex-wrap:nowrap}
.reference-ro-layout .reference-tools>button,.reference-ro-layout .reference-tools>.ro-share-menu>summary{min-height:40px;padding:8px 11px;border-radius:10px;font-size:13px;gap:7px;white-space:nowrap}
.reference-ro-layout .reference-tools .ui-icon{width:18px;height:18px;min-width:18px}
.reference-ro-layout .ro-main .build-toolbar{display:flex;align-items:center;gap:10px;padding:10px 12px;margin:0 0 8px;border-radius:12px;box-shadow:none}
.reference-ro-layout .build-toolbar #canned-search{flex:1;max-width:520px;min-width:180px;height:42px;min-height:42px;border-radius:9px;padding:9px 12px;font-size:14px}
.reference-ro-layout .build-toolbar .build-menu>summary{min-height:42px;padding:9px 17px;border-radius:10px;font-size:14px}
.reference-ro-layout .favorite-jobs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 14px;padding:6px 2px;min-height:0}
.reference-ro-layout .favorite-jobs>strong{font-size:12px;font-weight:650;color:#546c82;margin-right:4px}.reference-ro-layout .favorite-jobs button{min-height:36px;padding:7px 11px;font-size:13px;border-radius:9px}.reference-ro-layout .favorite-jobs .ui-icon{width:16px;min-width:16px;height:16px}
.reference-ro-layout .ro-main .issues-panel{border-radius:13px;overflow:visible;margin-bottom:16px;box-shadow:none}
.reference-ro-layout .issues-panel .issues-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;flex-wrap:nowrap;border-radius:13px 13px 0 0}
.reference-ro-layout .issues-top .tabs{flex:0 1 auto;gap:3px;padding:3px!important;border:0!important;box-shadow:none;border-radius:10px;background:#eef3f8;min-width:0}
.reference-ro-layout .issues-top .tabs button{min-height:38px;padding:8px 11px;font-size:13px;border-radius:8px;border:0;white-space:nowrap}
.reference-ro-layout .issues-top>button{min-height:38px;padding:8px 11px;font-size:13px;border-radius:9px;flex-shrink:0}
.reference-ro-layout .issues-label{padding:9px 14px;font-size:12px;letter-spacing:.01em}.reference-ro-layout .issue-row{padding:12px 14px;font-size:14px}.reference-ro-layout .issue-tools{margin-top:6px;display:flex;gap:6px}.reference-ro-layout .issue-tools button{min-height:34px;padding:6px 10px;font-size:12px;border-radius:8px}
.reference-ro-layout .issues-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 14px}.reference-ro-layout .issues-actions button{min-height:38px;padding:8px 12px;font-size:13px;border-radius:9px}.reference-ro-layout .issues-actions .plain-plus{font-size:20px;line-height:1}.reference-ro-layout .issues-actions button:disabled{opacity:.55;box-shadow:none}
.reference-ro-layout .ro-main .organized-jobs-toolbar{margin:12px 0 10px;padding:0;gap:10px}.reference-ro-layout .organized-jobs-toolbar h2{margin:0;font-size:19px}.reference-ro-layout .organized-jobs-toolbar>.row{gap:6px}.reference-ro-layout .organized-jobs-toolbar button{min-height:40px;padding:8px 12px;border-radius:10px;font-size:13px}
.reference-ro-layout .estimate-split>div>.panel:has(.empty-build-action){padding:20px;border-radius:13px;display:flex;flex-direction:column;align-items:center;gap:12px}.reference-ro-layout .estimate-split .empty{padding:12px;margin:0}.reference-ro-layout .estimate-split .empty h3{color:#334f69;font-size:17px;margin:0 0 7px}.reference-ro-layout .estimate-split .empty p{font-size:14px;margin:0}.reference-ro-layout .empty-build-action{padding:0;margin:0}.reference-ro-layout .empty-build-action button{min-height:42px;padding:10px 17px;border-radius:10px;font-size:14px}
html[data-theme=dark] .reference-ro-layout :is(.reference-ro-nav>.tabs,.issues-top .tabs){background:#112132!important;border-color:#3c526a!important}html[data-theme=dark] .reference-ro-layout .favorite-jobs>strong{color:#b2c5da}html[data-theme=dark] .reference-ro-layout .estimate-split .empty h3{color:#edf5ff}html[data-theme=dark] .reference-ro-layout .reference-ro-nav>.tabs button:not(.active){background:transparent!important;color:#c4d5e8!important}html[data-theme=dark] .reference-ro-layout .issues-top .tabs button:not(.active){background:transparent!important;color:#bdcee3!important}
@media(max-width:1200px){.reference-ro-layout .reference-ro-nav>.tabs{flex-basis:100%}.reference-ro-layout .reference-ro-nav>.reference-tools{margin-left:0;flex-wrap:wrap}.reference-ro-layout .reference-ro-nav{gap:8px}}
@media(max-width:600px){.reference-ro-layout .issues-panel .issues-top{flex-wrap:wrap}.reference-ro-layout .issues-top .tabs{flex:1 1 100%}.reference-ro-layout .issues-top>button{margin-left:auto}.reference-ro-layout .organized-jobs-toolbar>.row{flex-wrap:wrap}.reference-ro-layout .issues-actions button{font-size:12px;padding:8px}.reference-ro-layout .build-toolbar #canned-search{max-width:none}.reference-ro-layout .reference-ro-nav>.tabs button{padding:8px 11px;font-size:13px}}
html[data-theme=dark] canvas.signature{background:#fff!important;color:#111!important;border:1px solid #b9c9da!important;border-radius:8px}
html{scrollbar-gutter:stable}details:has(>summary[aria-haspopup=menu]),.build-menu,.recent-orders,.ro-action-menu,.history-filter,dialog{overflow-anchor:none}body:has(dialog[open]){overflow-anchor:none}
html,body,main,#app{overflow-anchor:none} :is(.build-menu,.recent-orders,.ro-action-menu,.ro-share-menu,.history-filter,.management-row-menu)::details-content{transform:none!important;transition:none!important}

:is(.build-menu,.recent-orders,.ro-action-menu,.ro-share-menu,.history-filter,.management-row-menu):not([open])>div{display:none!important}
.reference-ro-layout .build-menu>div{left:auto!important;right:0!important;width:260px;max-width:calc(100vw - 32px)}.build-menu>div button{text-align:left;justify-content:flex-start}
/* Slightly smaller vehicle mileage strip */
.reference-mileage.odometer-panel{padding:7px 10px;gap:8px;margin-block:8px}
.odometer-panel .odometer-panel-title{gap:7px}.odometer-panel-title strong{font-size:12px}.odometer-panel-title>.ui-icon{width:17px;height:17px;min-width:17px}
.odometer-panel .odometer-readings{gap:6px}.odometer-panel .odometer-reading{min-height:38px;padding:6px 9px;gap:7px;border-radius:7px}.odometer-panel .odometer-reading>span{font-size:10px}.odometer-panel .odometer-reading strong{font-size:15px}.odometer-panel .odometer-reading.is-missing strong{font-size:12px}
.odometer-panel .odometer-edit{min-height:38px;min-width:102px;padding:7px 10px;font-size:12px;border-radius:8px}.odometer-panel .odometer-edit .ui-icon{width:17px;height:17px;min-width:17px}
@media(max-width:600px){.reference-mileage.odometer-panel{padding:7px 9px;gap:6px}.odometer-panel .odometer-reading{padding:5px 7px}.odometer-panel .odometer-edit{min-width:44px}}
.reference-ro-layout .reference-mileage.odometer-panel{width:min(100%,620px);margin:8px auto;grid-template-columns:auto minmax(0,1fr) auto}.reference-ro-layout .odometer-panel .odometer-panel-title{min-width:0}@media(max-width:600px){.reference-ro-layout .reference-mileage.odometer-panel{grid-template-columns:minmax(0,1fr) auto}}
.reference-ro-layout .ro-main .organized-job .job-header-actions .job-edit-control{background:#fff2df!important;color:#92500d!important;border-color:#edc18c!important}.reference-ro-layout .ro-main .organized-job .job-header-actions .job-edit-control:hover{background:#ffe4bb!important}.reference-ro-layout .ro-main .organized-job .job-header-actions [data-action=deleteJob]{background:#fff0f2!important;color:#b32e42!important;border-color:#efbac2!important}html[data-theme=dark] .reference-ro-layout .ro-main .organized-job .job-header-actions .job-edit-control{background:#463421!important;color:#ffd29a!important;border-color:#966a38!important}html[data-theme=dark] .reference-ro-layout .ro-main .organized-job .job-header-actions .job-edit-control:hover{background:#594128!important}html[data-theme=dark] .reference-ro-layout .ro-main .organized-job .job-header-actions [data-action=deleteJob]{background:#442830!important;color:#ffb7c1!important;border-color:#8b4c58!important}
.marketing-page{max-width:1600px;margin:auto}.mkt-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0}.mkt-toolbar>input{flex:1;max-width:420px;min-width:180px}.mkt-toolbar button,.mkt-toolbar select{min-height:40px;border-radius:10px}.mkt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}.mkt-card{padding:20px}.mkt-card h3{margin:0 0 10px;font-size:17px}.mkt-card p{line-height:1.6;color:#597087}.mkt-stat{padding:20px;display:flex;flex-direction:column;gap:10px}.mkt-stat strong{font-size:28px}.mkt-table{overflow:auto;border:1px solid #c6d6e4;border-radius:12px}.mkt-table table{margin:0;min-width:700px}.mkt-table td{vertical-align:middle}.mkt-row-actions{display:flex;gap:5px;flex-wrap:wrap}.mkt-row-actions button{font-size:12px;padding:7px 9px;min-height:34px}.mkt-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mkt-form-grid .wide,.mkt-day{grid-column:1/-1}.mkt-day{display:grid;grid-template-columns:150px repeat(4,minmax(100px,1fr));gap:12px;align-items:center;border-bottom:1px solid #bbccdd;padding:10px 0}.mkt-check{display:flex;align-items:center;gap:9px;min-height:42px}.mkt-check input{width:18px;height:18px}.mkt-save{display:flex;flex-direction:column;align-items:flex-end;gap:8px;margin-top:18px}.mkt-empty{padding:35px 20px;text-align:center;color:#58718a}.marketing-page .settings-tabs{overflow:auto;flex-wrap:nowrap}.marketing-page .settings-tabs button{white-space:nowrap}.marketing-page pre{white-space:pre-wrap;overflow-wrap:anywhere}html[data-theme=dark] .marketing-page :is(.mkt-card p,.mkt-empty){color:#c2d3e6}html[data-theme=dark] .mkt-table,html[data-theme=dark] .mkt-day{border-color:#405975}@media(max-width:800px){.mkt-form-grid{grid-template-columns:1fr}.mkt-day{grid-template-columns:1fr 1fr}.mkt-day>.mkt-check{grid-column:1/-1}}
.mkt-preview{padding:16px;margin-top:10px;border:1px solid #7b99b8;border-radius:10px;white-space:pre-wrap;line-height:1.6}.mkt-preview[hidden]{display:none}
.reference-ro-layout .reference-mileage.odometer-panel{width:min(100%,720px)}
.shop-hours-row{display:grid;grid-template-columns:110px 100px 1fr 1fr;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid #69819a40}.shop-hours-row label{display:flex;align-items:center;gap:8px}.shop-hours-row input[type=checkbox]{width:18px}.shop-hours-row input[type=time]{min-width:0;width:100%}.doc-shop-hours{font-size:10px;line-height:1.5;max-width:380px;margin:5px 0}.doc-shop-website{font-size:12px;margin-bottom:4px}@media(max-width:650px){.shop-hours-row{grid-template-columns:1fr 1fr}.shop-hours-row label{flex-wrap:wrap}}
button.mark-completed-green,html[data-theme=dark] button.mark-completed-green{background:#16a34a!important;color:#fff!important;border:1px solid #22c55e!important;font-weight:700}button.mark-completed-green:hover,html[data-theme=dark] button.mark-completed-green:hover{background:#15803d!important}button.mark-completed-green:focus-visible{outline:3px solid #86efac;outline-offset:3px}
.concern-finding-copy{white-space:pre-wrap;margin:0 0 7px;overflow-wrap:anywhere}.issue-row [data-action=editFinding]{min-height:36px;font-size:13px;padding:7px 11px;border-radius:9px}.finding-context{padding:12px;border:1px solid #7893af50;border-radius:9px;margin-bottom:15px}
dialog.job-editor-modal{height:min(900px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);margin:auto!important;inset:0!important;box-sizing:border-box}dialog.job-editor-modal #form{height:100%;max-height:100%;min-height:0}dialog.job-editor-modal #form>.actions{flex-shrink:0;min-height:74px;box-sizing:border-box}dialog.job-editor-modal .job-sheet{padding-bottom:24px;scrollbar-gutter:stable}dialog.job-editor-modal .sheet-label{padding-left:0!important;padding-right:0!important}dialog.job-editor-modal .sheet-label>span{padding-left:11px}dialog.job-editor-modal .sheet-label>span:nth-last-child(2){padding-left:8px}dialog.job-editor-modal .sheet-label>span:last-child{padding:0}@media(max-height:500px){dialog.job-editor-modal{height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)}dialog.job-editor-modal #form>h2{padding:10px 18px}dialog.job-editor-modal #form>.actions{min-height:64px;padding:8px 16px}}
dialog.job-editor-modal #form>.actions{top:auto!important;bottom:auto!important;left:auto!important;right:auto!important}
.job-editor-modal .job-adjustments[hidden]{display:none!important}
dialog.job-editor-modal .sheet-part:not(.sheet-label){align-items:start}dialog.job-editor-modal .sheet-part:not(.sheet-label)>input,dialog.job-editor-modal .sheet-part:not(.sheet-label)>select,dialog.job-editor-modal .sheet-part:not(.sheet-label) .part-retail-control>input,dialog.job-editor-modal .sheet-part:not(.sheet-label)>output,dialog.job-editor-modal .sheet-part:not(.sheet-label)>button{height:44px!important;min-height:44px!important;box-sizing:border-box;margin-top:0!important;margin-bottom:0!important}dialog.job-editor-modal .sheet-part:not(.sheet-label)>output{display:flex;align-items:center;justify-content:flex-end;padding:9px 11px;line-height:1.2}dialog.job-editor-modal .part-retail-control{display:flex;flex-direction:column;gap:6px;align-self:start;margin:0}dialog.job-editor-modal .part-retail-control>label{margin:0;display:flex;align-items:center;gap:6px;line-height:1.3;font-size:12px}dialog.job-editor-modal .part-retail-control>label input{margin:0;min-height:0!important;height:16px;width:16px}dialog.job-editor-modal .sheet-part:not(.sheet-label)>button{width:44px;min-width:44px}
dialog.job-editor-modal .sheet-part:not(.sheet-label)>button{width:40px;min-width:40px}
#appointment-colors-form>.field{display:flex;flex-direction:column;gap:9px;margin:0 0 22px;position:relative;z-index:1;min-width:0}#appointment-colors-form>.field>select{display:block;width:100%;max-width:100%;min-height:44px;height:auto;margin:0;position:relative}#appointment-colors-form>.status-color-grid{position:relative;z-index:0;clear:both;margin-top:0;gap:14px}#appointment-colors-form .status-color-row{min-width:0;overflow:hidden}#appointment-colors-form .status-color-preview{min-width:0;white-space:normal;overflow-wrap:anywhere}#appointment-colors-form>.field>select:focus-visible{outline-offset:2px}
.appointment-svg.arrival-stay{color:#e46742}.appointment-svg.arrival-dropoff{color:#099d87}.appointment-svg.arrival-tow{color:#8061d5}.ro-arrival-menu button .appointment-svg{width:30px;height:30px;padding:4px;box-sizing:content-box;border-radius:10px;background:#edf3f8}.ro-arrival-menu button .arrival-stay{background:#fff0e9}.ro-arrival-menu button .arrival-dropoff{background:#e3f7f1}.ro-arrival-menu button .arrival-tow{background:#f0eafa}html[data-theme=dark] .appointment-svg.arrival-stay{color:#ffb188}html[data-theme=dark] .appointment-svg.arrival-dropoff{color:#67dfc2}html[data-theme=dark] .appointment-svg.arrival-tow{color:#bda6ff}html[data-theme=dark] .ro-arrival-menu button .arrival-stay{background:#473029}html[data-theme=dark] .ro-arrival-menu button .arrival-dropoff{background:#1c403d}html[data-theme=dark] .ro-arrival-menu button .arrival-tow{background:#352e4c}.ro-arrival-menu .arrival-check{color:#16967b}html[data-theme=dark] .ro-arrival-menu .arrival-check{color:#67dfc2}
.concern-job-suggestion{padding:16px;border:1px solid #66809b60;border-radius:12px;margin:14px 0}.concern-job-suggestion h3{margin:0 0 8px}.concern-job-suggestion p{white-space:pre-wrap;line-height:1.5}.concern-job-suggestion select{width:100%}
.reference-ro-layout .organized-jobs-toolbar [data-action=reassignAll]{display:inline-flex!important;align-items:center;justify-content:center;gap:9px;min-height:42px;min-width:112px;padding:9px 15px!important;border-radius:10px!important;line-height:1.2;white-space:nowrap;box-sizing:border-box}.reference-ro-layout .organized-jobs-toolbar [data-action=reassignAll]>.ui-icon{width:21px;height:21px;min-width:21px;margin:0;vertical-align:middle;stroke-width:1.8}.reference-ro-layout .organized-jobs-toolbar [data-action=reassignAll].missing-input{border:1px solid #d69a3d!important;border-left:1px solid #d69a3d!important;box-shadow:none!important;background:#fff2d9!important;color:#82500b!important}html[data-theme=dark] .reference-ro-layout .organized-jobs-toolbar [data-action=reassignAll].missing-input{background:#493720!important;color:#ffdda0!important;border-color:#ca9137!important}.reference-ro-layout .organized-jobs-toolbar [data-action=reassignAll]:focus-visible{outline:3px solid #e9b865;outline-offset:3px}
.purchase-click-row{cursor:pointer}.purchase-click-row:hover td{background:#1674cc12}.purchase-click-row:focus-visible{outline:2px solid #3b90e4;outline-offset:-2px}.purchase-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.purchase-detail-grid small{margin-bottom:5px}.purchase-detail-notes{white-space:pre-wrap;line-height:1.5}html[data-theme=dark] .purchase-click-row:hover td{background:#25405a}
/* Compact, explicit shop hours with row-level validation. */
.shop-hours-grid{max-width:860px;width:100%}.shop-hours-row{grid-template-columns:110px 96px minmax(150px,1fr) minmax(150px,1fr);gap:8px 14px;padding:12px 8px;align-items:center;border-radius:8px}.shop-hours-row label{min-width:0;font-size:13px;white-space:nowrap}.shop-hours-row select{height:40px;min-height:40px;width:100%;min-width:0;padding:7px 30px 7px 10px;font-size:14px}.shop-hours-row .hours-closed{gap:8px}.shop-hours-row .hours-closed input{margin:0;flex:none}.shop-hours-message{grid-column:3/-1;font-size:12px;line-height:1.4;color:var(--muted,#718096)}.shop-hours-message:empty{display:none}.shop-hours-row.is-closed select{opacity:.45;cursor:not-allowed}.shop-hours-row.has-hours-error{background:#f59e0b12}.shop-hours-row.has-hours-error select{border-color:#e99d2e!important;box-shadow:0 0 0 1px #e99d2e35}.shop-hours-row.has-hours-error .shop-hours-message{color:#a85b00;font-weight:600}html[data-theme=dark] .shop-hours-row.has-hours-error .shop-hours-message,body.dark .shop-hours-row.has-hours-error .shop-hours-message{color:#ffc875}@media(max-width:700px){.shop-hours-row{grid-template-columns:1fr 1fr;gap:10px}.shop-hours-row>strong{align-self:center}.shop-hours-row>.hours-closed{justify-self:end}.shop-hours-row>label:not(.hours-closed){flex-direction:column;align-items:flex-start;gap:5px}.shop-hours-message{grid-column:1/-1}}
.shop-hours-row>label:not(.hours-closed){flex-direction:column;align-items:stretch;gap:5px}.shop-hours-row{grid-template-columns:110px 80px minmax(120px,1fr) minmax(120px,1fr)}.shop-hours-row>strong,.shop-hours-row>.hours-closed{align-self:center}@media(max-width:700px){.shop-hours-row{grid-template-columns:1fr 1fr}}
/* Marketing workspace and guided editors. */
.marketing-page .settings-tabs button{display:inline-flex;align-items:center;gap:8px}.marketing-page .settings-tabs svg{width:17px;height:17px;color:#5fa9ec}.mkt-section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:24px 0 14px;flex-wrap:wrap}.mkt-section-heading p{margin-top:6px}.mkt-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;margin:16px 0}.mkt-stat{position:relative;min-width:0;padding:16px}.mkt-stat small{padding-right:28px;font-size:12px}.mkt-stat strong{font-size:25px}.mkt-icon{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#237dcc;background:#e3f0ff}.mkt-icon svg{width:19px;height:19px}.mkt-stat>.mkt-icon{position:absolute;right:12px;top:12px;width:28px;height:28px}.mkt-card{border-radius:14px}.mkt-card>button{margin-top:12px}.mkt-card>small{margin:12px 0}.mkt-suggestion{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.mkt-suggestion h3{margin:12px 18px 0 0}.mkt-suggestion>button:last-child{margin-top:auto}.mkt-suggestion>button[data-mkt=dismiss]{position:absolute;right:10px;top:8px;border:0;background:transparent!important;min-width:28px;padding:3px;margin:0;font-size:21px}.mkt-search{display:flex;align-items:center;gap:8px;flex:1;min-width:200px;max-width:360px}.mkt-search svg{width:18px;flex:none}.mkt-search input{width:100%;min-width:0}.mkt-filter{display:flex;flex-direction:column;gap:5px;font-size:12px;min-width:120px}.mkt-filter select,.mkt-filter input{min-height:40px;height:40px;font-size:13px;max-width:230px}.mkt-table th>button{padding:4px 0;border:0!important;background:transparent!important;font-size:12px;min-height:26px;text-align:left}.mkt-table td strong{font-size:13px}.mkt-pagination{display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0 24px;font-size:12px}.mkt-pagination label{display:flex;align-items:center;gap:8px;margin-right:auto}.mkt-pagination select{width:70px;min-height:32px;height:32px;padding:4px}.mkt-pagination button{display:flex;align-items:center;gap:5px;min-height:32px;padding:6px 9px}.mkt-pagination svg{width:15px;height:15px}.mkt-menu{min-width:40px}.mkt-menu>summary{list-style:none;padding:7px;cursor:pointer;display:inline-flex}.mkt-menu>summary::-webkit-details-marker{display:none}.mkt-menu>summary svg{width:18px;height:18px}.mkt-menu>div{display:flex;flex-direction:column;gap:5px;padding:8px;border:1px solid #7790a655;border-radius:10px;min-width:125px}.mkt-menu:not([open])>div{display:none}.mkt-menu button{font-size:12px;padding:6px 9px;min-height:30px;text-align:left}.mkt-subtabs{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0}.mkt-subtabs button{padding:8px 12px;min-height:36px;font-size:12px}.mkt-bar-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin:18px 0}.mkt-bar-row progress{grid-column:1/-1;width:100%;height:8px;border:0;border-radius:8px;overflow:hidden;accent-color:#2186ce}.mkt-stars{color:#f2b441;font-size:19px;letter-spacing:3px}.mkt-feedback-list{display:grid;gap:14px}.mkt-feedback-list blockquote{border-left:3px solid #55a7d7;margin:14px 0;padding:10px 14px}.mkt-feedback-list .mkt-row-actions{margin-top:16px}.mkt-empty>svg{width:28px;height:28px;margin-bottom:12px}.mkt-service-icon{display:inline-flex;color:#60b2ed;margin-right:8px;vertical-align:middle}.mkt-service-icon svg{width:20px;height:20px}.mkt-pending{color:#9c650b;background:#fff2d1}.mkt-error{color:#dc5060;font-weight:600}.mkt-trigger-choice{display:grid;grid-template-columns:28px 1fr;gap:8px;text-align:left;padding:18px}.mkt-trigger-choice svg{width:23px;height:23px;color:#70b8f2;grid-row:1/3}.mkt-trigger-choice small{margin:0}.mkt-editor-section{border:1px solid #8ba4bb55;border-radius:12px;padding:16px;margin-bottom:14px}.mkt-editor-section>summary{font-weight:700;font-size:15px;cursor:pointer;margin-bottom:14px}.mkt-editor-section>p{margin-bottom:12px}.mkt-modal .field{min-width:0}.mkt-modal .field input,.mkt-modal .field select,.mkt-modal .field textarea{width:100%;min-width:0}.mkt-modal select[multiple]{min-height:110px}.mkt-composer{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);gap:20px;align-items:start}.mkt-live-preview{position:sticky;top:0;width:auto;background:transparent!important;padding:0;border:0;inset:auto}.mkt-message-preview{border:1px solid #8ca8c3;border-radius:18px;padding:22px;min-height:220px;background:#f3f8fd;color:#20364b;overflow-wrap:anywhere}.mkt-message-preview.is-sms{border-radius:20px 20px 20px 5px;background:#e2f2ff}.mkt-message-preview p{white-space:normal;line-height:1.8;margin:16px 0}.mkt-message-preview img,.mkt-booking-preview>img{max-width:100%;max-height:220px;object-fit:cover;border-radius:10px}.mkt-preview-cta{display:block;background:#187ad5;color:#fff;text-align:center;padding:12px;border-radius:8px;margin:16px 0}.mkt-vehicle-filter{display:grid;grid-template-columns:1fr 1fr 1.2fr 1.2fr 36px;gap:10px;align-items:end;margin-bottom:12px}.mkt-vehicle-filter>button{height:42px;padding:8px}.mkt-vehicle-filter svg{width:18px;height:18px}.mkt-slot-grid{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.mkt-slot-grid span{padding:9px 12px;border:1px solid #6d9dc5;border-radius:8px}.mkt-modal>.actions{position:sticky!important;bottom:0!important;top:auto!important;left:auto!important;right:auto!important;z-index:2;margin-top:20px;padding:14px 0!important;flex-shrink:0}.mkt-modal h2{margin-bottom:18px}.mkt-modal .mkt-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.mkt-modal .mkt-stat{padding:12px}.mkt-modal .mkt-stat .mkt-icon{display:none}.mkt-modal .mkt-stat small{padding:0}.mkt-modal .mkt-stat strong{font-size:23px}dialog:has(.mkt-modal){width:min(1120px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:22px;overflow-y:auto;scrollbar-gutter:stable}html[data-theme=dark] .mkt-modal>.actions{background:#152131!important}html[data-theme=dark] .mkt-message-preview{background:#1c2f44;color:#f1f6fc}html[data-theme=dark] .mkt-message-preview p{color:#e2eaf5}html[data-theme=dark] .mkt-icon{color:#83c8ff;background:#254560}html[data-theme=dark] .mkt-pending{color:#ffd389;background:#50391c}html[data-theme=dark] :is(.mkt-editor-section,.mkt-message-preview){border-color:#465d75}html[data-theme=dark] .mkt-modal :is(p,small){color:#c1cede}@media(max-width:1000px){.mkt-composer{grid-template-columns:1fr}.mkt-live-preview{position:static}.mkt-vehicle-filter{grid-template-columns:1fr 1fr}.mkt-vehicle-filter>button{justify-self:end}}@media(max-width:600px){.mkt-metrics{grid-template-columns:1fr 1fr}.mkt-pagination label{width:100%}.mkt-modal .mkt-metrics{grid-template-columns:1fr}.mkt-section-heading{align-items:flex-start}.mkt-day{grid-template-columns:1fr 1fr}}
.mkt-format-toolbar{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.mkt-format-toolbar[hidden]{display:none}.mkt-format-toolbar button{font-size:12px;padding:5px 8px;min-height:28px}
dialog #form.mkt-modal>.actions{margin:20px 0 0!important;width:100%;max-width:100%;box-sizing:border-box;padding:14px 0!important}dialog #form.mkt-modal{min-width:0;max-width:100%}.mkt-live-preview{min-width:0;max-width:100%}
.order-status-add{display:grid;grid-template-columns:minmax(150px,1.4fr) minmax(140px,1fr) 70px auto;gap:12px;align-items:end;padding:16px;border:1px solid #7994ac55;border-radius:12px;margin-bottom:16px}.order-status-add .field{min-width:0;margin:0}.order-status-add input:not([type=color]),.order-status-add select{width:100%;min-width:0;height:42px;min-height:42px}.order-status-add input[type=color]{height:42px;width:100%;padding:5px}.order-status-add>button{height:42px;min-height:42px;white-space:nowrap}.status-color-grid .order-status-row{grid-template-columns:minmax(120px,1fr) 50px minmax(120px,1fr) auto;gap:12px}.order-status-row strong{font-size:13px}.order-status-row small{font-size:11px;line-height:1.5}.order-status-row>button{min-height:34px;padding:6px 10px;font-size:12px;color:#bb3545}.order-status-row>button:disabled{opacity:.65;color:inherit;cursor:default}.removed-order-statuses{margin:16px 0;border:1px solid #7994ac55;border-radius:10px;padding:14px}.removed-order-statuses>summary{cursor:pointer;font-weight:600}.removed-order-statuses .order-status-row{margin-top:10px;display:grid}.order-status-error{color:#d55336;font-weight:600;margin:10px 0}.order-status-error:empty{display:none}html[data-theme=dark] .order-status-error{color:#ffbf75}html[data-theme=dark] .order-status-row>button:not(:disabled){color:#ffb5bf}@media(max-width:850px){.order-status-add{grid-template-columns:1fr 1fr}.status-color-grid .order-status-row{grid-template-columns:minmax(120px,1fr) 45px auto}.order-status-row .status-color-preview{grid-column:1/-1;grid-row:2}.order-status-row>button{grid-column:3;grid-row:1}}
.interval-setting-fields{grid-template-columns:minmax(180px,1.4fr) minmax(180px,1.3fr) minmax(100px,.8fr) minmax(100px,.8fr)}.interval-setting-fields select{min-height:46px;width:100%;min-width:0}.interval-preset-note{grid-column:1/-1;font-size:12px;line-height:1.6;color:#526b80;margin:0}.interval-preset-note a{color:#1673bf}.manufacturer-interval [data-interval-miles],.manufacturer-interval [data-interval-months]{opacity:.65}.manufacturer-interval .interval-unit-input span{display:none}.manufacturer-interval .interval-unit-input input{padding-right:10px}.interval-settings-footer{position:sticky;bottom:0;background:#fff;z-index:2;padding:15px;border-radius:10px;border:1px solid #d5dfeb}.interval-save-controls{flex:none;min-width:180px}html[data-theme=dark] .interval-settings-footer{background:#152131;border-color:#405873}html[data-theme=dark] .interval-preset-note{color:#c5d6e8}html[data-theme=dark] .interval-preset-note a{color:#8bc5ff}@media(max-width:1150px){.interval-setting-fields{grid-template-columns:1fr 1fr}}@media(max-width:550px){.interval-setting-fields{grid-template-columns:1fr}.interval-setting-row{padding:12px;gap:10px}.interval-service-icon{display:none}.interval-settings-footer{flex-direction:column}.interval-save-controls{width:100%}}
.interval-library-toolbar{display:flex;align-items:center;gap:14px;justify-content:space-between;margin-bottom:16px}.interval-library-toolbar input{width:min(420px,75%);min-height:42px}.interval-library-toolbar span{font-size:12px;white-space:nowrap}[data-interval-row][hidden]{display:none!important}

tr[data-action="paymentDetails"]{cursor:pointer}tr[data-action="paymentDetails"]:hover{background:var(--surface-hover,rgba(90,150,220,.12))}tr[data-action="paymentDetails"]:focus-visible{outline:2px solid #60a5fa;outline-offset:-2px}

#modal.booking-popup{width:min(720px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:0;background:#fff;color:#172b42;border:1px solid #d8e1eb;border-radius:20px;box-shadow:0 24px 80px #0005}#modal.booking-popup #form{padding:0;color:#172b42}#modal.booking-popup #form>h2{display:none}.booking-wizard{padding:24px;overflow:auto}.booking-brand{display:flex;align-items:center;gap:12px}.booking-brand h3{margin:0;color:#172b42}.booking-brand p{margin:4px 0;color:#617085}.booking-brand-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#eaf3ff;color:#1766c1}.booking-preview-tag{margin-left:auto;background:#f1f5f9;padding:4px 10px;border-radius:20px;font-size:12px;color:#52647c}.booking-steps{display:flex;list-style:none;padding:0;margin:24px 0;gap:8px}.booking-steps li{flex:1;display:flex;align-items:center;gap:6px;font-size:13px;color:#7a8798}.booking-steps li span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#f0f3f7}.booking-steps li.active{font-weight:700;color:#1766c1}.booking-steps li.active span,.booking-steps li.done span{background:#e4f0ff;color:#1766c1}.booking-step-content h3{color:#172b42;margin:0 0 8px}.booking-step-content p{color:#617085}.booking-service-options{display:grid;gap:10px;margin-top:18px}#modal.booking-popup button{border-radius:10px;font-weight:600}#modal.booking-popup .booking-service-options button{display:flex;align-items:center;gap:12px;text-align:left;padding:15px;background:white;border:1px solid #dbe3ed;color:#172b42;min-height:74px;box-shadow:none}.booking-service-options button>svg{color:#1766c1;flex-shrink:0}.booking-service-options button>span{flex:1}.booking-service-options small{display:block;color:#617085;font-weight:400;margin-top:4px}.booking-service-options b{font-size:12px;color:#617085;white-space:nowrap}#modal.booking-popup button[aria-pressed=true]{background:#edf5ff;border-color:#2474cc;box-shadow:0 0 0 1px #2474cc}.booking-input-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}#modal.booking-popup input,#modal.booking-popup select,#modal.booking-popup textarea{background:#fff;color:#172b42;border:1px solid #cbd6e4;box-shadow:none;min-height:44px;width:100%}#modal.booking-popup label{display:block;color:#344861;font-weight:600;font-size:14px}#modal.booking-popup .field{margin:0}.booking-time-options{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:18px 0}#modal.booking-popup .booking-time-options button{background:#fff;border:1px solid #dbe3ed;color:#344861;padding:10px 4px;box-shadow:none}.booking-empty{padding:12px;border-radius:10px;background:#f5f7fa;color:#617085;font-size:13px}.booking-review{display:grid;grid-template-columns:90px 1fr;gap:16px;margin:24px 0}.booking-review dt{color:#617085}.booking-review dd{margin:0;font-weight:600;overflow-wrap:anywhere}.booking-review small{display:block;color:#617085;font-weight:400;margin-top:4px}.booking-success{text-align:center;padding:40px 0}.booking-success>svg{width:50px;height:50px;color:#15965c;background:#e7f8ef;border-radius:50%;padding:10px}.booking-success small{display:block;color:#617085}#modal.booking-popup #form>.actions{position:sticky;bottom:0;display:flex;gap:10px;padding:16px 24px;background:#fff;border-top:1px solid #e4eaf2;margin:0}#modal.booking-popup .actions button{background:#f1f5f9;color:#344861;border:1px solid #dbe3ed;min-height:44px}#modal.booking-popup .actions .primary{background:#1766c1;color:#fff;border-color:#1766c1;margin-left:auto}#modal.booking-popup .inline-error{color:#b42318}@media(max-width:540px){.booking-wizard{padding:18px}.booking-input-grid{grid-template-columns:1fr}.booking-time-options{grid-template-columns:repeat(3,1fr)}.booking-steps{gap:4px}.booking-steps li{font-size:11px;gap:4px}.booking-service-options b{display:none}.booking-review{grid-template-columns:65px 1fr}}

html #modal.booking-popup,html #modal.booking-popup #form,html #modal.booking-popup .booking-wizard,html #modal.booking-popup .booking-brand,html #modal.booking-popup #form>.actions{background:#fff!important;color:#172b42!important}html #modal.booking-popup :is(h3,strong,dd,label,input,select,textarea){color:#172b42!important}html #modal.booking-popup :is(p,small,dt,b){color:#617085!important}html #modal.booking-popup .booking-service-options button,html #modal.booking-popup .booking-time-options button{background:#fff!important;color:#172b42!important;border-color:#dbe3ed!important}html #modal.booking-popup .booking-service-options button>span{color:#172b42!important}html #modal.booking-popup button[aria-pressed=true]{background:#edf5ff!important;border-color:#2474cc!important}html #modal.booking-popup :is(input,select,textarea){background:#fff!important;border-color:#cbd6e4!important}html #modal.booking-popup .actions button{background:#f1f5f9!important;color:#344861!important;border-color:#dbe3ed!important}html #modal.booking-popup .actions button.primary{background:#1766c1!important;color:#fff!important;border-color:#1766c1!important}html #modal.booking-popup .booking-steps li{color:#7a8798!important}html #modal.booking-popup .booking-steps li.active{color:#1766c1!important}html #modal.booking-popup .booking-steps li span{color:#617085!important}html #modal.booking-popup .booking-steps li.active span{color:#1766c1!important}html #modal.booking-popup .booking-brand-icon{color:#1766c1!important}

#modal.booking-popup .booking-banner{display:block;width:100%;max-height:150px;object-fit:cover;border-radius:12px;margin:16px 0}html #modal.booking-popup .booking-brand-icon{background:var(--booking-soft)!important;color:var(--booking-accent)!important}html #modal.booking-popup .actions button.primary{background:var(--booking-accent)!important;border-color:var(--booking-accent)!important;color:var(--booking-on-accent)!important}html #modal.booking-popup button[aria-pressed=true]{background:var(--booking-soft)!important;border-color:var(--booking-accent)!important;box-shadow:0 0 0 1px var(--booking-accent)!important}html #modal.booking-popup .booking-steps li.active,html #modal.booking-popup .booking-steps li.active span{color:var(--booking-accent)!important}html #modal.booking-popup .booking-steps li.active span{background:var(--booking-soft)!important}.booking-vehicle-range{display:block;margin:0 0 16px}html #modal.booking-popup .booking-option{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #dbe3ed;border-radius:10px;margin:10px 0}html #modal.booking-popup .booking-option input[type=checkbox]{width:18px!important;height:18px!important;min-height:18px!important;flex-shrink:0;accent-color:var(--booking-accent)}html #modal.booking-popup .booking-arrival-tag{display:inline-block;padding:4px 9px;border-radius:7px;background:var(--booking-accent)!important;color:var(--booking-on-accent)!important}.booking-empty[hidden]{display:none!important}

html #modal.booking-popup .booking-brand-icon,html #modal.booking-popup .booking-steps li.active,html #modal.booking-popup .booking-steps li.active span{color:var(--booking-ink,var(--booking-accent))!important}

/* Align the sidebar below the current topbar with a clear navigation inset. */
body{--workspace-header-height:72px}.workspace-topbar{height:var(--workspace-header-height);min-height:var(--workspace-header-height)}body>aside,body.nav-collapsed>aside{top:var(--workspace-header-height);padding-top:20px}

.group-order-row{cursor:pointer}.group-order-row:hover{background:rgba(80,140,210,.08)}.group-order-row:focus-visible{outline:2px solid #60a5fa;outline-offset:-2px}.group-order-status{display:inline-block;border-radius:7px;padding:5px 9px;font-size:12px;font-weight:650;white-space:nowrap}.paid-table{overflow-x:auto}.paid-table .row{flex-wrap:nowrap}

.ro-customer-address{margin-top:18px;padding-top:16px;border-top:1px solid #cbd5e1}.ro-customer-address h3{margin:0 0 12px}.ro-address-locality{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:12px}.address-autocomplete-field{position:relative}.address-autocomplete-field [role=listbox]{position:absolute;z-index:120;top:100%;left:0;right:0;background:#fff;border:1px solid #cbd5e1;border-radius:12px;box-shadow:0 12px 28px #0003;padding:6px;max-height:280px;overflow:auto}.address-autocomplete-field [role=option]{display:block;width:100%;text-align:left;border:0;min-height:44px;background:#fff;color:#23384a;white-space:normal;border-radius:8px}.address-autocomplete-field [role=option]:hover,.address-autocomplete-field [role=option]:focus-visible{background:#eaf3ff}.maps-attribution{font-family:Roboto,Arial,sans-serif;font-style:normal;font-weight:400;font-size:12px;letter-spacing:normal;white-space:nowrap;color:#5e5e5e;padding:8px 10px;text-align:right}html[data-theme=dark] .ro-customer-address{border-color:#405975}html[data-theme=dark] .address-autocomplete-field [role=listbox],html[data-theme=dark] .address-autocomplete-field [role=option]{background:#1c2f42!important;color:#e5effc!important;border-color:#526c87}html[data-theme=dark] .maps-attribution{color:#fff!important}@media(max-width:650px){.ro-address-locality{grid-template-columns:1fr 1fr}.ro-address-locality>.field:first-child{grid-column:1/-1}}

.address-autocomplete-field [role=listbox]{max-height:none;overflow:visible}.address-suggestion-options{max-height:230px;overflow:auto}html[data-theme=dark] .address-autocomplete-field [role=option]:hover,html[data-theme=dark] .address-autocomplete-field [role=option]:focus-visible{background:#29475b!important}
.ro-settings-group{border-top:1px solid var(--border,#405369);margin-top:22px;padding-top:20px}.ro-settings-group h3{margin:0 0 6px}.ro-settings-group p,.ro-settings-group>small{color:var(--muted,#a6b7c9);font-size:13px}.ro-requirements{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.ro-requirement{position:relative;display:flex;align-items:center;gap:14px;justify-content:space-between;padding:14px 0;border-bottom:1px solid #8296aa30;font-size:14px;cursor:pointer}.ro-requirement input{position:absolute;right:0;width:40px;height:24px;opacity:0;margin:0;cursor:pointer}.ro-switch{flex-shrink:0;width:38px;height:22px;border-radius:20px;background:#657588;transition:background .18s}.ro-switch:after{content:'';display:block;width:16px;height:16px;margin:3px;border-radius:50%;background:white;transition:transform .18s}.ro-requirement input:checked+.ro-switch{background:#168451}.ro-requirement input:checked+.ro-switch:after{transform:translateX(16px)}.ro-requirement input:focus-visible+.ro-switch{outline:3px solid #78b9ff;outline-offset:3px}.ro-hours-choice{display:flex;gap:12px;align-items:flex-start;border:1px solid #8296aa50;border-radius:10px;padding:14px;margin:9px 0;cursor:pointer}.ro-hours-choice:has(input:checked){border-color:#529bea;background:#3a8add15}.ro-hours-choice input{width:18px;height:18px;margin:2px 0;flex-shrink:0}.ro-hours-choice small{display:block;margin-top:4px;color:var(--muted,#a6b7c9)}@media(max-width:700px){.ro-requirements{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.ro-switch,.ro-switch:after{transition:none}}
/* Consistent in-page selects: no operating-system picker on Android. */
.desktop-select{display:inline-grid;position:relative;min-width:0;width:100%;vertical-align:middle}.desktop-select[hidden]{display:none!important}.desktop-select-native{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;min-width:0!important;padding:0!important;margin:0!important;opacity:0!important;pointer-events:none!important;clip-path:inset(50%);overflow:hidden!important}.desktop-select-trigger{display:flex!important;align-items:center;justify-content:space-between;gap:14px;width:100%;min-width:0;min-height:42px;padding:10px 13px!important;border:1px solid #bac9d8!important;border-radius:10px!important;background:#fff!important;color:#23374b!important;font:inherit!important;font-size:14px!important;font-weight:500!important;text-align:left!important;box-shadow:none!important;cursor:pointer}.desktop-select-caption{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desktop-select-trigger .menu-chevron{flex:none;width:7px;height:7px;margin-right:3px;transition:transform .16s}.desktop-select-trigger[aria-expanded=true]{border-color:#529bea!important;box-shadow:0 0 0 3px #529bea20!important}.desktop-select-trigger[aria-expanded=true] .menu-chevron{transform:rotate(225deg)}.desktop-select-trigger:focus-visible{outline:2px solid #65a8f5!important;outline-offset:2px}.desktop-select-trigger:disabled{opacity:.5;cursor:default}.desktop-select-menu{position:fixed!important;inset:auto;margin:0!important;padding:6px!important;box-sizing:border-box;display:flex;flex-direction:column;z-index:2147483647;border:1px solid #b8c9dc!important;border-radius:13px!important;background:#fff!important;color:#223449!important;box-shadow:0 12px 36px #081a3433!important;overflow:hidden;animation:desktop-select-in .14s ease-out;isolation:isolate}.desktop-select-menu:popover-open{display:flex}.desktop-select-menu::backdrop{background:transparent;pointer-events:none}.desktop-select-options{overflow-y:auto;overscroll-behavior:contain;min-height:0;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.desktop-select-option{display:flex!important;align-items:center;justify-content:space-between;width:100%!important;min-height:40px;gap:12px;padding:10px 11px!important;margin:2px 0!important;text-align:left!important;border:0!important;border-radius:8px!important;box-shadow:none!important;background:transparent!important;color:inherit!important;font:inherit!important;font-size:14px!important;font-weight:500!important;white-space:normal;cursor:pointer}.desktop-select-option:hover,.desktop-select-option.is-focused{background:#edf3fa!important}.desktop-select-option[aria-selected=true]{background:#e5f0ff!important;color:#175dab!important}.desktop-select-option:disabled{opacity:.4;cursor:default}.desktop-select-check{color:#2477ce;font-weight:700}.desktop-select-menu .desktop-select-search{flex-shrink:0;width:100%;min-height:40px;margin:0 0 5px!important;padding:9px 11px!important;border:1px solid #bccbdb!important;border-radius:8px!important;background:#f6f8fb!important;color:#23374b!important;font:inherit!important;font-size:16px!important}.desktop-select-group{padding:10px 11px 5px;font-size:11px;text-transform:uppercase;font-weight:700;letter-spacing:.04em;opacity:.65}.desktop-select-empty{margin:12px;font-size:13px;opacity:.7}.desktop-select-missing .desktop-select-trigger{border-color:#e9a12b!important;background:#fff3dd!important;color:#754500!important}.board-filter-group>.desktop-select,.toolbar>.desktop-select,.board-controls>.desktop-select,.management-pagination .desktop-select{width:auto;min-width:140px}.column-sort>.desktop-select{width:140px;min-width:0}.sheet-add>.desktop-select{width:min(100%,360px)}
html[data-theme=dark] .desktop-select-trigger{background:#0d1b29!important;color:#e5edf8!important;border-color:#50677e!important}html[data-theme=dark] .desktop-select-menu{background:#182a3d!important;color:#e5edf8!important;border-color:#536c84!important;box-shadow:0 14px 42px #0007!important}html[data-theme=dark] .desktop-select-option:hover,html[data-theme=dark] .desktop-select-option.is-focused{background:#273f58!important}html[data-theme=dark] .desktop-select-option[aria-selected=true]{background:#244c72!important;color:#c1e1ff!important}html[data-theme=dark] .desktop-select-menu .desktop-select-search{background:#0d1b29!important;color:#e5edf8!important;border-color:#50677e!important}html[data-theme=dark] .desktop-select-missing .desktop-select-trigger{background:#49351c!important;border-color:#e9a12b!important;color:#ffd99b!important}@keyframes desktop-select-in{from{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.desktop-select-menu{animation:none}.desktop-select-trigger .menu-chevron{transition:none}}@media(pointer:coarse){.desktop-select-option{min-height:44px}}
.desktop-select-done{flex-shrink:0;margin:6px 0 0!important;min-height:38px;border:0!important;border-radius:8px!important;background:#176ac0!important;color:white!important;font-size:13px!important}.desktop-select-options[aria-multiselectable=true] .desktop-select-option{padding-left:12px!important}
/* Edit actions share the same soft orange appearance throughout the workspace. */
html body button.edit-control{background:#fff2df!important;color:#92500d!important;border-color:#edc18c!important}html body button.edit-control:hover{background:#ffe4bb!important}html[data-theme=dark] body button.edit-control{background:#463421!important;color:#ffd29a!important;border-color:#966a38!important}html[data-theme=dark] body button.edit-control:hover{background:#594128!important}html body button.edit-control:focus-visible{outline:2px solid #df912e!important;outline-offset:2px}

/* Booking wizard follows the workspace theme, including its sticky footer. */
html[data-theme=dark] #modal.booking-popup{color-scheme:dark;border-color:#465d75!important}
html[data-theme=dark] #modal.booking-popup,
html[data-theme=dark] #modal.booking-popup #form,
html[data-theme=dark] #modal.booking-popup .booking-wizard,
html[data-theme=dark] #modal.booking-popup .booking-brand,
html[data-theme=dark] #modal.booking-popup #form>.actions{background:#152131!important;color:#eef4fc!important}
html[data-theme=dark] #modal.booking-popup :is(h3,strong,dd,label,input,select,textarea),
html[data-theme=dark] #modal.booking-popup .booking-service-options button>span{color:#eef4fc!important}
html[data-theme=dark] #modal.booking-popup :is(p,small,dt,b){color:#bac9dc!important}
html[data-theme=dark] #modal.booking-popup :is(input,select,textarea),
html[data-theme=dark] #modal.booking-popup .desktop-select-trigger{background:#0e1a28!important;color:#eef4fc!important;border-color:#526c87!important}
html[data-theme=dark] #modal.booking-popup :is(input,textarea)::placeholder{color:#9fb1c7!important;opacity:1}
html[data-theme=dark] #modal.booking-popup .booking-service-options button,
html[data-theme=dark] #modal.booking-popup .booking-time-options button,
html[data-theme=dark] #modal.booking-popup .actions button{background:#213348!important;color:#eef4fc!important;border-color:#526c87!important}
html[data-theme=dark] #modal.booking-popup button[aria-pressed=true]{background:#29475b!important;border-color:#83c8ff!important;box-shadow:0 0 0 1px #83c8ff!important}
html[data-theme=dark] #modal.booking-popup .actions button.primary{background:var(--booking-accent,#1766c1)!important;color:var(--booking-on-accent,#fff)!important;border-color:var(--booking-accent,#1766c1)!important}
html[data-theme=dark] #modal.booking-popup :is(.booking-preview-tag,.booking-empty,.booking-steps li span){background:#213348!important;color:#bac9dc!important}
html[data-theme=dark] #modal.booking-popup :is(.booking-brand-icon,.booking-service-options button>svg,.booking-steps li.active,.booking-steps li.active span,.booking-steps li.done span){color:#83c8ff!important}
html[data-theme=dark] #modal.booking-popup :is(.booking-brand-icon,.booking-steps li.active span,.booking-steps li.done span){background:#254560!important}
html[data-theme=dark] #modal.booking-popup :is(.booking-option,#form>.actions){border-color:#465d75!important}
html[data-theme=dark] #modal.booking-popup .inline-error{color:#ffb4ab!important}
html[data-theme=dark] #modal.booking-popup button:focus-visible{outline:2px solid #83c8ff!important;outline-offset:3px}
html[data-theme=dark] #modal.booking-popup input[type=date]{-webkit-text-fill-color:#eef4fc!important;color:#eef4fc!important}
html[data-theme=dark] #modal.booking-popup input[type=date]::-webkit-datetime-edit{color:#eef4fc!important}
html[data-theme=dark] #modal.booking-popup .booking-steps li{color:#bac9dc!important}
html[data-theme=dark] #modal.booking-popup .booking-steps li.active{color:#83c8ff!important}
/* Preserve the complete required-field highlight inside the booking theme. */
html #modal.booking-popup :is(input,select,textarea).missing-input{background:#fff3df!important;border-color:#d99428!important;color:#7d4308!important;-webkit-text-fill-color:#7d4308!important;box-shadow:inset 3px 0 #db8c18!important}
html[data-theme=dark] #modal.booking-popup :is(input,select,textarea).missing-input{background:#49351e!important;border-color:#e3aa4b!important;color:#ffe0a3!important;-webkit-text-fill-color:#ffe0a3!important;box-shadow:inset 3px 0 #e7a43b!important}
.guide-option:has(.labor-extensions){flex-wrap:wrap}.guide-option>.labor-extensions{flex-basis:100%}.labor-extensions{margin-top:8px;min-width:0}.labor-extensions .labor-extend-button{display:inline-flex;align-items:center;min-height:36px;padding:7px 12px;border:1px solid #d99428;border-radius:8px;background:#fff0d5;color:#82500b;font-size:13px;font-weight:700;cursor:pointer;list-style:none}.labor-extend-button::-webkit-details-marker{display:none}.labor-extensions[open] .labor-extend-button{margin-bottom:8px}.labor-extensions>div{display:grid;gap:8px;padding:10px;border:1px solid #b8c9da;border-radius:8px}.labor-extensions label{display:flex!important;gap:10px;align-items:flex-start;white-space:normal;font-size:13px!important;line-height:1.5}.labor-extensions input[type=checkbox]{width:18px!important;height:18px!important;min-height:18px!important;margin:2px 0!important;flex:none}.labor-extensions label b{white-space:nowrap;margin-left:6px}html[data-theme=dark] .labor-extensions .labor-extend-button{background:#49351e;color:#ffe0a3;border-color:#e3aa4b}html[data-theme=dark] .labor-extensions>div{background:#152131;border-color:#526680}
.applicability-term{display:inline;padding:1px 4px;border-radius:4px;background:#e0efff;color:#174e82;font-weight:700;box-decoration-break:clone;-webkit-box-decoration-break:clone}html[data-theme=dark] .applicability-term{background:#294b69;color:#c4e5ff}
/* Customer documents: quiet, readable letter-size sheets in either app theme. */
.document.reference-document.professional-document{width:816px;max-width:100%;padding:0;background:transparent!important;color:#192b3a!important;font:12px/1.45 'Segoe UI',Arial,sans-serif;letter-spacing:0;text-align:left}
.document.reference-document.professional-document :is(h1,h2,h3,p,strong,b,small,span,td,th,dt,dd){color:inherit!important;font-family:inherit;letter-spacing:normal}
.professional-document .doc-page{width:100%;min-height:1056px;padding:36px 38px;margin:18px auto;background:#fff!important;border:1px solid #e0e5eb;box-shadow:0 5px 24px #14263912;display:flex;flex-direction:column;gap:0;color:#192b3a!important}
.professional-document .doc-header{height:auto;min-height:0;padding:0 0 18px;margin:0 0 18px;border:0;border-bottom:2px solid #233f55;display:flex;align-items:flex-start;justify-content:space-between;gap:22px;background:#fff!important;line-height:1.55;font-size:10px}
.professional-document .doc-shop{display:flex;align-items:flex-start;gap:14px;flex:1;min-width:0}.professional-document .doc-shop img{width:72px;height:76px;object-fit:contain;flex:none}.professional-document .doc-shop>div{min-width:0;overflow-wrap:anywhere}.professional-document .doc-shop h2{font-size:19px;line-height:1.25;margin:0 0 7px;font-weight:750}.professional-document .doc-shop-hours{margin-top:7px;font-size:9px;line-height:1.5}.professional-document .doc-shop-hours b{font-weight:700;margin-right:5px}.professional-document .doc-shop-website{overflow-wrap:anywhere}
.professional-document .doc-title{text-align:right;flex:0 0 185px;line-height:1.4}.professional-document .doc-title h1{font-size:26px;line-height:1.1;font-weight:750;margin:8px 0 9px;letter-spacing:-.5px}.professional-document .doc-title>strong{display:block;font-size:15px}.professional-document .doc-title small{font-size:9px;line-height:1.4;margin-top:7px}.professional-document .doc-eyebrow{font-size:8px;font-weight:700;letter-spacing:1.3px!important;color:#526575!important}.professional-document .doc-back .doc-title h1{font-size:19px}
.professional-document .doc-info{grid-template-columns:1fr 1.3fr 1fr;display:grid;margin:0 0 18px;min-height:0;border:1px solid #cdd7df;border-radius:3px;overflow:hidden;background:#fff!important}.professional-document .doc-info>div{padding:12px;min-width:0;line-height:1.5;overflow-wrap:anywhere}.professional-document .doc-info>div+div{border-left:1px solid #dce3e9}.professional-document .doc-info h3{font-size:8px;font-weight:750;letter-spacing:1px!important;text-transform:uppercase;color:#526575!important;margin:0 0 7px;padding:0;background:transparent!important}.professional-document .doc-info strong{font-size:11px;line-height:1.4;display:block;margin-bottom:4px}.professional-document .doc-info p{font-size:10px;line-height:1.5;margin:2px 0}.professional-document .doc-engine{font-size:9px!important;margin-bottom:7px!important}.professional-document dl{margin:0}.professional-document .doc-fact{display:flex;align-items:baseline;gap:6px;margin:3px 0;font-size:9px;line-height:1.4}.professional-document .doc-fact dt{flex:none;font-weight:650}.professional-document .doc-fact dd{margin:0;min-width:0;overflow-wrap:anywhere}
.professional-document .doc-concerns{margin:0 0 17px;border:0;border-left:3px solid #a8bbc9;background:#f7f9fb!important;break-inside:avoid}.professional-document .doc-concerns h3{padding:8px 11px 0;margin:0;border:0;background:transparent!important;font-size:11px}.professional-document .doc-concerns>div{padding:7px 11px 10px;white-space:normal;font-size:10px}.professional-document .doc-concerns>div>div+div{margin-top:6px}.professional-document .doc-concerns p{font-size:10px;line-height:1.5;white-space:pre-wrap;margin:2px 0}.professional-document .doc-concerns p>span{font-weight:600}
.professional-document .doc-job{border:1px solid #cdd7df;border-radius:3px;margin:0 0 14px;break-inside:auto;background:#fff!important;overflow:visible}.professional-document table{width:100%;border-collapse:collapse;table-layout:fixed;font:10px/1.45 'Segoe UI',Arial,sans-serif;color:inherit!important}.professional-document .doc-col-type{width:9%}.professional-document .doc-col-description{width:55%}.professional-document .doc-col-qty{width:10%}.professional-document .doc-col-price{width:12%}.professional-document .doc-col-total{width:14%}
.professional-document :is(td,th){padding:7px 9px;font-size:10px;border:0;border-bottom:1px solid #e5eaf0;vertical-align:top;background:#fff!important;overflow-wrap:anywhere}.professional-document .doc-job td:first-child,.professional-document .doc-job td:nth-child(2){width:auto}.professional-document .doc-job :is(td,th):nth-child(n+3){text-align:right;white-space:normal;font-variant-numeric:tabular-nums}.professional-document .doc-job td:first-child i{font-style:normal;color:#526575!important;font-size:9px}.professional-document .doc-line-head th{font-size:8px;font-weight:650;background:#f7f9fb!important;padding:5px 9px;white-space:normal}.professional-document .doc-job-heading th{padding:10px 11px;background:#edf2f6!important;text-align:left!important;font-size:12px;font-weight:700;border-bottom:1px solid #d3dce4}.professional-document .doc-job-heading strong{font-size:12px}.professional-document .doc-job-number{display:inline-block;margin-right:9px;font-size:10px;color:#526575!important}.professional-document .doc-job-heading small{float:right;font-size:9px;font-weight:400;margin:1px 0 0 10px}.professional-document .doc-job-end td{padding:0;border:0}.professional-document .doc-job-total{border:0;background:#fafbfc!important;padding:8px 10px;display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:9px;line-height:1.4}.professional-document .doc-job-total>span:nth-child(2){margin-left:auto;color:#526575!important}.professional-document .doc-job-total>b{font-size:11px;white-space:nowrap}.professional-document .doc-no-jobs{padding:16px;border:1px dashed #b7c6d2;margin-bottom:16px;font-size:11px}
.professional-document .doc-declined{border-style:dashed;opacity:1}.professional-document .doc-declined h3{padding:9px 11px;margin:0;background:#f7f8fa!important;font-size:11px}.professional-document .doc-declined .doc-job-total{font-size:10px}
.professional-document .doc-financials{display:grid;grid-template-columns:1fr 270px;gap:28px;margin:5px 0 20px;break-inside:avoid;padding-top:15px;border-top:2px solid #233f55}.professional-document .doc-financial-note h3{font-size:12px;margin:0 0 8px}.professional-document .doc-financial-note p{font-size:10px;line-height:1.5;margin:0 0 8px;color:#526575!important}.professional-document .doc-summary{width:auto;min-width:0;font-size:10px;line-height:1.4}.professional-document .doc-summary>div{display:flex;justify-content:space-between;gap:12px;padding:4px 0;align-items:baseline}.professional-document .doc-summary b{white-space:nowrap;font-variant-numeric:tabular-nums}.professional-document .doc-summary .doc-included-fee{font-size:8px;padding:2px 0 2px 8px;color:#526575!important}.professional-document .doc-subtotal{border-top:1px solid #d3dce4;margin-top:5px;padding-top:7px!important}.professional-document .doc-grand-total{font-size:14px;border-top:1px solid #233f55;margin-top:5px;padding-top:8px!important}.professional-document .doc-balance{font-size:13px;padding:9px 10px!important;margin-top:6px;background:#edf2f6!important;border:1px solid #cfdae4;border-radius:3px}
.professional-document .doc-payments{margin:0 0 14px;break-inside:auto}.professional-document .doc-payments h3{font-size:11px;margin:0 0 7px}.professional-document .doc-payments table{border:1px solid #d3dce4}.professional-document .doc-payments th{font-size:8px;background:#f7f9fb!important;font-weight:650;padding:6px 8px}.professional-document .doc-payments td{font-size:9px;padding:7px 8px}.professional-document .doc-payments :is(td,th):last-child{text-align:right;width:15%;white-space:nowrap}.professional-document .doc-payments small{font-size:8px;line-height:1.4;margin-top:3px;overflow-wrap:anywhere}
.professional-document .doc-policy-intro{margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #d3dce4}.professional-document .doc-policy-intro h2{font-size:18px;margin:0 0 5px}.professional-document .doc-policy-intro p{font-size:10px;line-height:1.5;color:#526575!important}.professional-document .doc-terms{column-count:2;column-gap:26px;margin:0 0 20px;font:11px/1.55 'Segoe UI',Arial,sans-serif;column-fill:balance}.professional-document .doc-policy{break-inside:avoid;margin:0 0 14px}.professional-document .doc-policy h3{font-size:9px;font-weight:750;line-height:1.4;margin:0 0 5px}.professional-document .doc-policy h3>span{color:#6d8190!important;margin-right:4px;font-variant-numeric:tabular-nums}.professional-document .doc-policy p{font-size:11px;line-height:1.55;margin:0}
.professional-document .doc-authorization{margin-top:auto;padding-top:17px;border-top:2px solid #233f55;break-inside:avoid}.professional-document .doc-authorization h2{font-size:14px;margin:0 0 8px}.professional-document .doc-sign{width:100%}.professional-document .doc-sign-line{height:76px;border:0;border-bottom:1px solid #405464;position:relative;background:#fff!important}.professional-document .doc-sign-line img{max-width:80%;height:70px;object-fit:contain;object-position:left center}.professional-document .doc-sign-line>span{position:absolute;bottom:8px;left:0;font-size:16px;color:#6d8190!important}.professional-document .doc-sign-caption{display:flex;justify-content:space-between;gap:20px;margin-top:6px;font-size:9px}.professional-document .doc-authorization-record{padding:9px 0 0;font-size:9px;line-height:1.5}.professional-document .doc-authorization-record b{display:block;margin-bottom:2px}.professional-document .doc-authorization-record p{font-size:9px;line-height:1.5;margin:3px 0 0;white-space:pre-wrap}
.professional-document .doc-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;flex-wrap:wrap;width:auto;position:static;margin-top:auto;padding:17px 0 0;border:0;border-top:1px solid #dce3e9;font-size:8px;line-height:1.4;color:#526575!important}.professional-document .doc-back .doc-foot{margin-top:20px}.professional-document .doc-page-label{white-space:nowrap}.document-print-tip{font-size:12px;line-height:1.5;padding:8px 0;color:inherit}
@media print{
 @page{size:letter;margin:.4in;@bottom-right{content:'Page ' counter(page) ' of ' counter(pages);font:8pt Arial;color:#526575}}
 body>dialog[open]{height:auto!important;max-height:none!important;overflow:visible!important;inset:auto!important}body>dialog[open] #form{display:block!important;height:auto!important;max-height:none!important;overflow:visible!important}.document-print-tip{display:none!important}
 .document.reference-document.professional-document{width:auto;max-width:none;margin:0;padding:0!important;font-size:9pt;background:#fff!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}
 .professional-document .doc-page{min-height:10.1in;padding:0;margin:0;border:0;box-shadow:none;break-after:auto}.professional-document .doc-back{break-before:page}.professional-document .doc-page:not(:last-child){break-after:auto}.professional-document .doc-page-label{display:none}.professional-document .doc-header{break-inside:avoid}.professional-document .doc-info{break-inside:avoid}.professional-document .doc-job{break-inside:auto}.professional-document .doc-job thead{display:table-header-group}.professional-document tr{break-inside:avoid}.professional-document .doc-job-end{break-before:avoid}.professional-document .doc-financials,.professional-document .doc-authorization{break-inside:avoid}.professional-document .doc-terms{font-size:8.25pt}.professional-document .doc-foot{font-size:7pt}
}
/* Financial breakdown sits beside the amount due, keeping common orders compact. */
.professional-document .doc-charge-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px;margin-top:10px;font-size:10px}.professional-document .doc-charge-breakdown>div{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:3px 0;border-bottom:1px solid #e5eaf0}.professional-document .doc-charge-breakdown .doc-included-fee{grid-column:1/-1;font-size:9px}.professional-document .doc-financials{grid-template-columns:1fr 240px;gap:26px}.professional-document .doc-summary .doc-subtotal{margin-top:0;border-top:0;padding-top:0!important}.professional-document .doc-info :is(p,.doc-fact){font-size:10px}.professional-document .doc-info>div{padding:10px}.professional-document .doc-info h3{font-size:9px}.professional-document .doc-job td{padding:4px 8px;font-size:12px;line-height:1.35}.professional-document .doc-job .doc-job-end td{padding:0}.professional-document .doc-line-head th{padding:4px 8px;font-size:9px}.professional-document .doc-job-heading th{padding:8px 10px}.professional-document .doc-job-total{padding:6px 9px;font-size:10px}.professional-document .doc-payments td{font-size:10px;padding:5px 8px}.professional-document .doc-payments th{font-size:9px}.professional-document .doc-header{padding-bottom:12px;margin-bottom:13px}.professional-document .doc-info{margin-bottom:13px}.professional-document .doc-concerns{margin-bottom:12px}.professional-document .doc-concerns h3{padding-top:6px}.professional-document .doc-concerns>div{padding:5px 10px 7px}.professional-document .doc-job{margin-bottom:11px}.professional-document .doc-financials{padding-top:10px;margin:3px 0 13px}.professional-document .doc-payments{margin-bottom:10px}.professional-document .doc-foot{padding-top:12px}
/* Keep routine two-job orders on one repair face without shrinking the labor text. */
.professional-document .doc-front .doc-header{margin-bottom:8px;padding-bottom:8px}.professional-document .doc-front .doc-shop h2{margin-bottom:4px}.professional-document .doc-front .doc-info{margin-bottom:8px}.professional-document .doc-front .doc-info>div{padding:8px 10px}.professional-document .doc-front .doc-fact{margin:1px 0;line-height:1.3}.professional-document .doc-front .doc-info h3{margin-bottom:5px}.professional-document .doc-front .doc-concerns{margin-bottom:8px}.professional-document .doc-front .doc-concerns h3{padding-top:5px}.professional-document .doc-front .doc-concerns>div{padding-top:3px;padding-bottom:5px}.professional-document .doc-front .doc-job{margin-bottom:7px}.professional-document .doc-front .doc-job td{padding-top:3px;padding-bottom:3px}.professional-document .doc-front .doc-job .doc-job-end td{padding:0}.professional-document .doc-front .doc-job-heading th{padding-top:6px;padding-bottom:6px}.professional-document .doc-front .doc-line-head th{padding-top:3px;padding-bottom:3px}.professional-document .doc-front .doc-financials{margin-bottom:8px;padding-top:8px}.professional-document .doc-front .doc-payments{margin-bottom:5px}.professional-document:not([data-document-type=Estimate]) .doc-policy p{font-size:13px;line-height:1.6}
.professional-document .doc-back .doc-shop img{width:54px;height:56px}.professional-document .doc-back .doc-shop h2{font-size:18px;margin-bottom:4px}.professional-document .doc-back .doc-shop-website,.professional-document .doc-back .doc-shop-hours{display:none}.professional-document .doc-back .doc-header{margin-bottom:15px}.professional-document .doc-back .doc-title h1{margin-top:5px;margin-bottom:5px}
/* Paper colors must outrank legacy application dark-theme selectors. */
html[data-theme] body .document.reference-document.professional-document[data-document-type]{color-scheme:light;color:#192b3a!important;background:transparent!important}
html[data-theme] body .document.reference-document.professional-document[data-document-type] :is(.doc-page,.doc-header,.doc-job,td){background:#fff!important;color:#192b3a!important;border-color:#cdd7df!important}
html[data-theme] body .document.reference-document.professional-document[data-document-type] :is(h1,h2,h3,h4,p,small,strong,b,span,td,th,dt,dd,label,div,section,footer){color:inherit!important}
html[data-theme] body .document.reference-document.professional-document[data-document-type] .doc-job-heading th{background:#edf2f6!important;color:#192b3a!important}
html[data-theme] body .document.reference-document.professional-document[data-document-type] :is(.doc-line-head th,.doc-payments th){background:#f7f9fb!important;color:#192b3a!important}
html[data-theme] body .document.reference-document.professional-document[data-document-type] .doc-concerns{background:#f7f9fb!important}
html[data-theme] body .document.reference-document.professional-document[data-document-type] :is(.doc-concerns h3,.doc-info h3){background:transparent!important}
html[data-theme] body .document.reference-document.professional-document[data-document-type] .doc-balance{background:#edf2f6!important;color:#192b3a!important;border-color:#cfdae4!important}
html[data-theme] body .document.reference-document.professional-document[data-document-type] :is(.doc-foot,.doc-eyebrow,.doc-info h3,.doc-financial-note p,.doc-policy h3>span){color:#526575!important}
html[data-theme] body .document.reference-document.professional-document[data-document-type] .doc-declined h3{background:#f7f8fa!important;color:#192b3a!important}

.paperwork-scroll{overflow-x:auto}.paperwork-options{width:100%;min-width:570px}.paperwork-options th:first-child{width:46%;text-align:left}.paperwork-options td,.paperwork-options thead th:not(:first-child){text-align:center}.paperwork-options .paperwork-toggle{display:inline-flex;padding:5px 0;border:0;width:38px;min-height:24px}.paperwork-options select{display:block;width:100%;font-size:12px;min-height:32px;margin-top:4px}.paperwork-options .transparency-section th{padding-top:18px;font-size:14px}.paperwork-options td{vertical-align:top}#shop-paperwork-form>.actions{position:sticky;bottom:0;background:var(--panel,#172638);padding:12px;z-index:2;border-top:1px solid var(--border,#405369)}
/* Paperwork designer */
.paperwork-intro{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.paperwork-intro p{margin:0;color:var(--muted)}.paperwork-sample-badge{white-space:nowrap;border-radius:20px;padding:6px 10px;background:#2499e51a;color:#60adef;font-size:12px}.paperwork-type-tabs{display:flex;gap:5px;padding:4px;border:1px solid var(--border,#405369);border-radius:10px;width:fit-content;margin-bottom:18px}.paperwork-type-tabs button{min-height:36px;padding:7px 16px;border:0;background:transparent;border-radius:7px;font-size:13px}.paperwork-type-tabs button[aria-selected=true]{background:#176bc8;color:white}.paperwork-designer{display:grid;grid-template-columns:minmax(270px,340px) minmax(0,1fr);gap:22px;align-items:start}.paperwork-controls{min-width:0}.paperwork-group{border:1px solid var(--border,#405369);border-radius:9px;margin-bottom:9px;overflow:hidden}.paperwork-group summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 14px;cursor:pointer;font-size:13px;font-weight:650;list-style:none}.paperwork-group summary:after{content:'⌄';font-size:16px}.paperwork-group[open] summary:after{transform:rotate(180deg)}.paperwork-group summary small{margin-left:auto;color:var(--muted);font-weight:400;font-size:11px}.paperwork-group>div{padding:0 14px 10px}.paperwork-setting .ro-requirement{padding:10px 0;font-size:13px;min-height:42px}.paperwork-setting select{width:100%;font-size:12px;min-height:32px;margin:6px 0 10px}.paperwork-setting small,.paperwork-help{font-size:12px;color:var(--muted)}.paperwork-preview{position:sticky;top:88px;border:1px solid var(--border,#405369);border-radius:10px;overflow:hidden;min-width:0}.paperwork-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px}.paperwork-preview-toolbar strong{font-size:13px}.paperwork-preview-toolbar small{display:block;margin-top:4px;font-size:11px;color:var(--muted)}.paperwork-face-tabs{display:flex;gap:4px}.paperwork-face-tabs button{padding:6px 10px;min-height:30px;font-size:12px}.paperwork-face-tabs button[aria-pressed=true]{background:#176bc8;color:white;border-color:#176bc8}.paperwork-preview-stage{background:#dce3e9;min-height:440px}.paperwork-preview-frame{display:block;width:100%;height:min(70vh,900px);border:0}.paperwork-preview-frame[hidden]{display:none}.paperwork-no-reverse{margin:0;padding:50px 30px;color:#34495c;text-align:center}.paperwork-preview-caption{display:block;padding:10px 14px;color:var(--muted);font-size:11px}#shop-paperwork-form>.actions{bottom:0;box-shadow:0 -6px 18px #00000012}#shop-paperwork-form>.save-confirmation:empty{margin:0}@media(max-width:1050px){.paperwork-designer{grid-template-columns:minmax(240px,290px) minmax(0,1fr)}.paperwork-preview-toolbar{align-items:flex-start;flex-direction:column}}@media(max-width:760px){.paperwork-intro{align-items:flex-start;flex-direction:column;gap:8px}.paperwork-designer{grid-template-columns:1fr}.paperwork-preview{position:static}.paperwork-preview-toolbar{flex-direction:row}.paperwork-preview-frame{height:65vh}.paperwork-type-tabs{width:100%}.paperwork-type-tabs button{flex:1;padding:7px 8px}.paperwork-preview{order:-1}}
.paperwork-pricing-panel{border:1px solid var(--border,#405369);border-radius:9px;padding:14px;margin-bottom:14px}.paperwork-pricing-panel h3{font-size:14px;margin:0}.paperwork-pricing-panel p,.paperwork-pricing-panel small{font-size:12px;color:var(--muted)}.paperwork-pricing-panel>label:not(.ro-requirement){font-size:12px;display:block;margin-top:12px}.paperwork-pricing-panel input:not([type=checkbox]){width:100%;margin-top:6px;font-size:13px;min-height:36px}#paperwork-pricing-error{color:#e48181}.document.professional-document .doc-price-options{border:2px solid #263e50;border-radius:6px;padding:14px;margin:18px 0;break-inside:avoid}.document.professional-document .doc-price-options h3{margin:0 0 10px;font-size:13px}.document.professional-document .doc-price-choice{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #dce3e9;font-size:16px;font-weight:700}.document.professional-document .doc-price-choice strong{font-size:21px}.document.professional-document .doc-price-options small{font-size:10px;color:#465b6c;margin-top:8px}.document.professional-document .doc-price-remaining{margin-top:10px}.document.professional-document .doc-price-remaining>div{display:flex;justify-content:space-between;padding:3px 0;font-size:12px}
/* Compact payment comparison on printed paperwork. */
.document.professional-document .doc-price-options.doc-price-compact{border:0;border-top:1px solid #b9c7d1;border-bottom:1px solid #b9c7d1;border-radius:0;padding:10px 0 8px;margin:12px 0;break-inside:avoid}.document.professional-document .doc-price-comparison{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:16px}.document.professional-document .doc-price-compact .doc-price-choice{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;padding:0;border:0;font-size:10px;font-weight:500}.document.professional-document .doc-price-compact .doc-price-choice strong{font-size:15px;font-weight:700;line-height:1.2}.document.professional-document .doc-price-saving{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:flex-end;gap:3px 5px;font-size:12px;font-weight:650}.document.professional-document .doc-price-saving strong{font-size:15px}.document.professional-document .doc-price-saving small{flex-basis:100%;text-align:right;margin:0;font-size:9px}.document.professional-document .doc-price-compact .doc-price-rule{font-size:9px;margin-top:6px}.document.professional-document .doc-price-compact .doc-price-remaining{display:flex;flex-wrap:wrap;gap:4px 20px;border-top:1px dotted #dce3e9;padding-top:6px;margin-top:6px}.document.professional-document .doc-price-compact .doc-price-remaining>div{display:flex;gap:7px;font-size:10px;padding:0}.document.professional-document .doc-price-compact .doc-price-remaining small{flex-basis:100%;margin:0;font-size:9px}
.mkt-day .mkt-day-bound{grid-column:1/-1;margin:0;padding:0 0 4px;font-size:11px;color:var(--muted,#a6b7c9)}
/* Compact, grouped customer booking service picker. */
#modal.booking-popup .booking-wizard{padding:20px}#modal.booking-popup .booking-steps{margin:18px 0}.booking-service-search{position:relative;display:flex;align-items:center;gap:8px;margin:12px 0 10px}.booking-service-search>svg{position:absolute;left:11px;width:17px;height:17px;color:#74869b;pointer-events:none}#modal.booking-popup .booking-service-search input{height:40px;min-height:40px!important;padding:8px 95px 8px 36px!important;font-size:13px;border-radius:8px}.booking-service-search>[role=status]{position:absolute;right:12px;font-size:11px;color:#728399;pointer-events:none}.booking-service-categories{display:flex;gap:6px;overflow-x:auto;padding:1px 1px 8px;scrollbar-width:thin}#modal.booking-popup .booking-service-categories button{flex-shrink:0;display:flex;align-items:center;gap:6px;min-height:32px;padding:6px 10px;font-size:11px;border-radius:20px;background:#f5f7fa;color:#455a70;border:1px solid #dbe3ed;box-shadow:none}.booking-service-categories button span{font-size:10px;opacity:.7}.booking-selected-service{border-left:3px solid var(--booking-accent,#148c86);padding:8px 11px;margin:4px 0 15px;background:var(--booking-soft,#eaf5f3);border-radius:0 6px 6px 0}.booking-selected-label{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:#6b7b8b;margin-right:8px}.booking-selected-service strong{font-size:12px}.booking-selected-service small{font-size:11px;line-height:1.4;margin-top:4px}.booking-service-group{margin:0 0 14px}.booking-service-group h4{display:flex;align-items:center;gap:7px;font-size:11px;text-transform:uppercase;letter-spacing:.6px;font-weight:650;margin:0 0 7px;color:#5c7186}.booking-service-group h4>svg{width:15px;height:15px;color:var(--booking-accent,#148c86)}.booking-service-group h4 small{margin:0 0 0 auto;font-size:10px;font-weight:500}.booking-service-group .booking-service-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0}#modal.booking-popup .booking-service-group .booking-service-options button{min-height:58px;padding:9px 10px;gap:8px;border-radius:8px}#modal.booking-popup .booking-service-group .booking-service-options button>svg{width:18px;height:18px;flex-shrink:0}#modal.booking-popup .booking-service-name{min-width:0}#modal.booking-popup .booking-service-name strong{font-size:12px;line-height:1.35;display:block;overflow-wrap:anywhere}.booking-service-group .booking-service-options b{display:block!important;font-size:10px;font-weight:500;margin-left:auto}#modal.booking-popup .booking-service-options button>.booking-service-indicator{flex:0 0 13px;width:13px;height:16px}.booking-service-indicator svg{width:13px;height:13px}.booking-service-no-results{text-align:center;padding:26px 12px;font-size:13px}html[data-theme=dark] #modal.booking-popup .booking-service-categories button{background:#1d2e42;color:#bac9dc;border-color:#405a73}html[data-theme=dark] #modal.booking-popup .booking-service-group h4{color:#a7b9ce}html[data-theme=dark] #modal.booking-popup .booking-service-group h4>svg{color:#83c8ff}html[data-theme=dark] #modal.booking-popup .booking-selected-service{background:#213348;border-color:#83c8ff}html[data-theme=dark] #modal.booking-popup .booking-selected-label,html[data-theme=dark] #modal.booking-popup .booking-service-search>[role=status]{color:#a7b9ce}@media(max-width:480px){#modal.booking-popup .booking-wizard{padding:16px}.booking-service-group .booking-service-options{grid-template-columns:1fr}#modal.booking-popup .booking-service-group .booking-service-options button{min-height:52px}.booking-selected-service{margin-bottom:12px}.booking-service-group{margin-bottom:12px}}
.phone-inbox{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:420px;overflow:hidden}.phone-inbox>.phone-thread-list{padding:16px;border-right:1px solid var(--border,#34465b)}.phone-inbox>section{padding:18px;min-width:0}.phone-thread{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin:4px 0;gap:4px}.phone-thread small{font-weight:400}.phone-conversation-heading{display:flex;align-items:center;justify-content:space-between}.phone-message-list{display:flex;flex-direction:column;gap:12px;max-height:52vh;overflow:auto;padding:12px 0}.phone-bubble{max-width:85%;padding:10px 14px;border:1px solid var(--border,#34465b);border-radius:12px;align-self:flex-start}.phone-bubble.outbound{align-self:flex-end;background:color-mix(in srgb,#2689d6 14%,transparent)}.phone-bubble p{white-space:pre-wrap;margin:0 0 6px}.phone-bubble small{opacity:.75;font-size:12px}.phone-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.phone-page pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:400px;overflow:auto}.phone-queue{overflow:auto}.phone-queue td:nth-child(2){white-space:pre-wrap;max-width:500px}.phone-queue small{display:block}.phone-page .panel{margin:16px 0}.phone-page .switch-field{display:flex;justify-content:space-between;align-items:center;margin:16px 0}.phone-page input[role=switch]{width:42px;min-height:24px;height:24px;accent-color:#1684dc}.phone-call{padding:12px 0;border-bottom:1px solid var(--border,#34465b)}@media(max-width:700px){.phone-inbox,.phone-settings-grid{grid-template-columns:1fr}.phone-inbox>.phone-thread-list{border-right:0;border-bottom:1px solid var(--border,#34465b)}.phone-thread{width:auto;display:inline-flex}.phone-message-list{max-height:45vh}.phone-page .heading{gap:12px;flex-wrap:wrap}}

/* Phone inbox owns its conversation column; never inherit the global sidebar layout. */
.phone-thread-list{position:static;min-width:0;width:auto;background:transparent;overflow:auto;max-height:70vh}.phone-inbox>section{width:auto;min-width:0}.phone-thread.active{background:#e5f1ff;border-color:#70a9df;color:#173b60}.phone-bubble{overflow-wrap:anywhere}.phone-page .error{color:#b42336}html[data-theme=dark] .phone-thread-list{background:var(--dark-panel);color:var(--dark-text);border-color:var(--dark-border)}html[data-theme=dark] .phone-thread.active{background:#234868!important;color:#e9f5ff!important;border-color:#80baff!important}html[data-theme=dark] .phone-bubble.inbound{background:var(--dark-field)!important;border-color:var(--dark-border);color:var(--dark-text)}html[data-theme=dark] .phone-bubble.outbound{background:#193c58!important;border-color:#476b89;color:var(--dark-text)}html[data-theme=dark] .phone-bubble p{color:var(--dark-text)}html[data-theme=dark] .phone-bubble small{color:var(--dark-muted);opacity:1}html[data-theme=dark] .phone-page .error{color:#ffadb5}html[data-theme=dark] .phone-call{border-color:var(--dark-border)}

.marketing-delivery .delivery-message{white-space:pre-wrap;overflow-wrap:anywhere;max-width:520px}.marketing-delivery td small{display:block}.marketing-delivery input[role=switch]{accent-color:#1684dc}.marketing-delivery .panel{margin:16px 0}.marketing-delivery .error{color:#b42336}html[data-theme=dark] .marketing-delivery .error{color:#ffadb5}
.phone-reply-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;padding:14px 0;border-top:1px solid var(--border,#34465b)}.phone-reply-composer textarea{width:100%;min-height:64px;max-height:150px;resize:vertical;margin:0}.phone-reply-composer button{min-height:44px;margin:0}.phone-reply-composer small{grid-column:1/-1}.phone-inbox>section>details{font-size:12px;margin-top:8px}.phone-reply-composer .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.phone-call-transcript{white-space:pre-wrap;line-height:1.7;max-height:380px;overflow:auto;padding:12px;border-radius:8px;background:var(--dark-field,#f2f6fa);overflow-wrap:anywhere}
/* Make contact identities readable independently of secondary call metadata. */
.phone-page .phone-thread strong,.phone-page .phone-customer-name{font-family:inherit;font-size:16px;font-weight:650;line-height:1.45;letter-spacing:0;color:#142c40;opacity:1;text-align:left;white-space:normal;overflow-wrap:anywhere;text-shadow:none}.phone-page .phone-thread{padding:12px 14px;gap:5px}.phone-page .phone-thread small{font-size:13px;line-height:1.4;color:#50657a;opacity:1}.phone-page .phone-conversation-heading h3{font-size:20px;line-height:1.4;font-weight:650;letter-spacing:0;color:#142c40}.phone-call-heading{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:4px}.phone-call-direction{font-size:12px;font-weight:500;color:#50657a}.phone-page .phone-call>small{font-size:12px;line-height:1.5;color:#50657a}html[data-theme=dark] .phone-page .phone-thread strong,html[data-theme=dark] .phone-page .phone-customer-name,html[data-theme=dark] .phone-page .phone-conversation-heading h3{color:#f1f6fc!important}html[data-theme=dark] .phone-page .phone-thread small,html[data-theme=dark] .phone-page .phone-call-direction,html[data-theme=dark] .phone-page .phone-call>small{color:#b9cadb!important}
/* Compact repair-order conversation; inherits the workspace theme. */
.ro-chat-dialog{width:min(460px,calc(100vw - 24px));max-width:none;height:min(620px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);padding:0;border-radius:16px;overflow:hidden;background:#fff;color:#142c40;border:1px solid #ccd7e2}
.ro-chat-dialog[open]{display:flex;flex-direction:column}.ro-chat-dialog::backdrop{background:rgb(4 12 22 / .35)}
.ro-chat-dialog .ro-chat-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #dce4ed}.ro-chat-dialog h2{font-size:18px;margin:0 0 4px}.ro-chat-dialog small{font-size:12px;color:#60748a}.ro-chat-dialog .ro-chat-header button{width:34px;height:34px;padding:7px;display:grid;place-items:center}.ro-chat-dialog .ro-chat-header button svg{width:18px;height:18px}
.ro-chat-recipient{padding:10px 18px;display:flex;flex-direction:column;gap:5px;border-bottom:1px solid #dce4ed}.ro-chat-recipient label{display:flex;align-items:center;gap:10px}.ro-chat-recipient select{height:34px;padding:4px 10px}.ro-chat-history{flex:1;min-height:0;overflow:auto;padding:14px;overscroll-behavior:contain}.ro-chat-history .phone-bubble{max-width:88%;margin:0 0 10px;padding:10px 12px;border-radius:12px;background:#edf2f7}.ro-chat-history .outbound{margin-left:auto;background:#e3effe}.ro-chat-history p{margin:0 0 5px;white-space:pre-wrap;overflow-wrap:anywhere}.ro-chat-composer{padding:12px 14px;border-top:1px solid #dce4ed;display:flex;flex-direction:column;gap:8px}.ro-chat-composer>div{display:flex;align-items:flex-end;gap:8px}.ro-chat-composer textarea{flex:1;min-width:0;resize:none;min-height:56px;margin:0;padding:10px}.ro-chat-composer button{min-height:38px;padding:8px 14px}.ro-chat-composer [data-ready]{align-self:flex-start;font-size:12px;padding:5px 9px;min-height:28px}
[data-theme=dark] .ro-chat-dialog{background:#152232;color:#eef4fc;border-color:#425a72}[data-theme=dark] .ro-chat-dialog small{color:#b5c5d8}[data-theme=dark] .ro-chat-dialog .ro-chat-header,[data-theme=dark] .ro-chat-recipient,[data-theme=dark] .ro-chat-composer{border-color:#34485c}[data-theme=dark] .ro-chat-history .phone-bubble{background:#223449}[data-theme=dark] .ro-chat-history .outbound{background:#17456b}

body>dialog.ro-chat-dialog{padding:0!important}.ro-chat-composer .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.ro-chat-dialog .ro-chat-header h2{color:inherit}.ro-chat-history>.note{background:transparent!important;border:0!important;padding:6px;color:inherit!important}
/* Shared On/Off controls across every Shop Manager page and popup.
   Settings that already render .ro-switch keep their existing switch track. */
html body:is(body,#app) input[type=checkbox][role=switch]:not(:is(.ro-requirement,.paperwork-toggle) input){appearance:none!important;-webkit-appearance:none!important;box-sizing:border-box!important;position:relative!important;display:inline-block!important;flex:0 0 42px!important;width:42px!important;min-width:42px!important;max-width:42px!important;height:24px!important;min-height:24px!important;max-height:24px!important;padding:0!important;margin:2px 6px 2px 0!important;border:1px solid #75879a!important;border-radius:999px!important;background:#8795a5!important;box-shadow:none!important;vertical-align:middle!important;cursor:pointer;opacity:1;transition:background-color .16s ease,border-color .16s ease}
html body:is(body,#app) input[type=checkbox][role=switch]:not(:is(.ro-requirement,.paperwork-toggle) input)::after{content:'';display:block;position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #10263840;transform:translateX(0);transition:transform .16s ease}
html body:is(body,#app) input[type=checkbox][role=switch]:not(:is(.ro-requirement,.paperwork-toggle) input):checked{background:#168451!important;border-color:#168451!important}
html body:is(body,#app) input[type=checkbox][role=switch]:not(:is(.ro-requirement,.paperwork-toggle) input):checked::after{transform:translateX(18px)}
html body:is(body,#app) input[type=checkbox][role=switch]:not(:is(.ro-requirement,.paperwork-toggle) input):indeterminate{background:#377ca9!important;border-color:#377ca9!important}
html body:is(body,#app) input[type=checkbox][role=switch]:not(:is(.ro-requirement,.paperwork-toggle) input):indeterminate::after{transform:translateX(9px)}
html body:is(body,#app) input[type=checkbox][role=switch]:not(:is(.ro-requirement,.paperwork-toggle) input):focus-visible{outline:3px solid #78b9ff!important;outline-offset:3px!important}
html body:is(body,#app) input[type=checkbox][role=switch]:not(:is(.ro-requirement,.paperwork-toggle) input):disabled{opacity:.48!important;cursor:not-allowed}
html[data-theme=dark] body:is(body,#app) input[type=checkbox][role=switch]:not(:is(.ro-requirement,.paperwork-toggle) input):not(:checked):not(:indeterminate){background:#52647a!important;border-color:#788da5!important}
@media(prefers-reduced-motion:reduce){html body:is(body,#app) input[type=checkbox][role=switch]:not(:is(.ro-requirement,.paperwork-toggle) input),html body:is(body,#app) input[type=checkbox][role=switch]:not(:is(.ro-requirement,.paperwork-toggle) input)::after{transition:none}}
@media(forced-colors:active){html body:is(body,#app) input[type=checkbox][role=switch]:not(:is(.ro-requirement,.paperwork-toggle) input){forced-color-adjust:none;background:GrayText!important;border-color:CanvasText!important}html body:is(body,#app) input[type=checkbox][role=switch]:not(:is(.ro-requirement,.paperwork-toggle) input):checked{background:Highlight!important;border-color:Highlight!important}html body:is(body,#app) input[type=checkbox][role=switch]:not(:is(.ro-requirement,.paperwork-toggle) input)::after{background:Canvas!important}}
.phone-subtabs{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--line,#405369);border-radius:9px;margin:12px 0 0;background:var(--surface,#f5f8fc)}.phone-subtabs button{min-height:30px;padding:5px 12px;font-size:12px;border:0;border-radius:6px;background:transparent;color:inherit}.phone-subtabs button[aria-selected=true]{background:#e0efff;color:#075fae;font-weight:650}html[data-theme=dark] .phone-subtabs{background:#152232;border-color:#34485c}html[data-theme=dark] .phone-subtabs button[aria-selected=true]{background:#254969;color:#cce6ff}[data-authorization-events]{padding:18px;overflow:auto}[data-authorization-events] small{display:block}
.authorization-link-options{display:grid;grid-template-columns:minmax(180px,280px) 1fr;gap:24px;margin:20px 0}.authorization-link-options input{min-width:70px;width:100%}.authorization-link-options select{min-width:100px}.authorization-security-note{padding:16px;border:1px solid #4c9b793f;border-radius:10px;background:#1684510a}.authorization-security-note p{font-size:13px;margin-top:8px}.ro-requirement>span>small{display:block;margin:4px 0;font-size:12px;font-weight:400}.authorization-notifications{position:relative;flex-shrink:0}.authorization-notifications>summary{display:flex;align-items:center;justify-content:center;gap:5px;list-style:none;cursor:pointer;padding:8px;border:1px solid #55718a;border-radius:8px;min-width:38px;min-height:38px;color:#eaf3ff}.authorization-notifications>summary::-webkit-details-marker{display:none}.authorization-notifications svg{width:19px;height:19px}.authorization-notifications [data-notification-count]{background:#df553c;color:white;border-radius:12px;padding:1px 5px;font-size:11px;line-height:16px}.authorization-notifications [hidden]{display:none!important}.authorization-notification-panel{position:absolute;right:0;top:calc(100% + 10px);width:min(380px,calc(100vw - 24px));max-height:65vh;overflow:auto;background:#fff;color:#193347;border:1px solid #cad7e3;border-radius:12px;box-shadow:0 12px 40px #07132235;z-index:150;padding:10px}.authorization-notification-panel>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 4px 12px}.authorization-notification-panel [data-mark-read]{font-size:11px;min-height:28px;padding:5px 7px}.authorization-notification-item{display:block;width:100%;text-align:left;white-space:normal;margin:4px 0;min-height:60px;padding:10px 12px;border:1px solid transparent;background:transparent}.authorization-notification-item strong{display:block;font-size:13px;color:inherit}.authorization-notification-item span{display:block;font-size:11px;opacity:.8;margin-top:4px}.authorization-notification-item.unread{background:#edf6ff;border-color:#c7dff6}.authorization-notification-panel p{padding:12px;font-size:13px}html[data-theme=dark] .authorization-notification-panel{background:#152232;color:#eef4fc;border-color:#425a72}html[data-theme=dark] .authorization-notification-item{color:#eef4fc;background:transparent}html[data-theme=dark] .authorization-notification-item.unread{background:#203d57;border-color:#365d7e}@media(max-width:700px){.authorization-link-options{grid-template-columns:1fr}.authorization-notification-panel{position:fixed;top:68px;right:12px}}
.communication-unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#df4d43;color:#fff!important;font-size:11px;font-weight:750;line-height:20px;flex-shrink:0;margin-left:7px}#nav button[data-value=Phone]{position:relative}#nav button[data-value=Phone] .nav-label{flex:1;min-width:0}#nav button[data-value=Phone] .communication-unread-badge{margin-left:auto}.phone-page [data-phone=tab]{display:inline-flex;align-items:center;gap:4px}.phone-page [data-phone=markRead]{font-size:12px;min-height:32px;padding:6px 10px}
.square-connection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.square-connection-grid>div{padding:12px;border:1px solid var(--line,#405369);border-radius:8px}.square-connection-grid strong{display:block;font-size:13px}.square-settings-actions{flex-wrap:wrap;margin:18px 0}.square-settings-actions button{font-size:12px;min-height:34px;padding:7px 10px}.square-settings [hidden]{display:none!important}body>dialog.square-payment-dialog{width:min(470px,calc(100vw - 24px));padding:22px!important;max-height:90dvh;overflow:auto}.square-dialog-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.square-dialog-heading h2{margin:0;font-size:19px}.square-dialog-heading [data-close]{font-size:24px;width:36px;height:36px;min-height:36px;padding:0}.square-amount{display:flex;justify-content:space-between;align-items:center;padding:18px 0;margin:14px 0;border-block:1px solid var(--line,#405369)}.square-amount strong{font-size:26px}.square-payment-actions{display:flex;flex-direction:column;gap:8px;margin:18px 0}.square-payment-dialog>small{margin-bottom:18px}.square-payment-dialog>.row{flex-wrap:wrap}.square-payment-dialog>.row button{font-size:12px;min-height:32px;padding:7px 9px}@media(max-width:700px){.square-connection-grid{grid-template-columns:1fr 1fr}}

.board-move-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;height:30px;min-height:30px;padding:4px;border-radius:6px;background:transparent;color:inherit;border:1px solid transparent}.board-move-button:hover{border-color:var(--border,#64748b);background:#64748b20}.board-move-button svg{width:18px;height:18px}.board-move-options{display:grid;gap:10px;margin:18px 0}.board-move-options button{text-align:left;padding:14px 16px;display:grid;gap:5px}.board-move-options small{font-size:13px;white-space:normal;font-weight:400;color:inherit;opacity:.8}.board-move-options .board-move-delete{border-color:#bd596355;color:#d87882;background:#b9475315}

.ads-page{display:grid;gap:16px}.ads-page h3{margin:16px 0 12px}.ads-page .mkt-subtabs{display:flex;gap:6px;flex-wrap:wrap}.ads-page [aria-selected="true"],.ads-page [aria-pressed="true"]{background:#1668cc;color:white}.ads-filters{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:14px 0}.ads-filters .field{max-width:240px;flex:1;min-width:140px}.ads-preview{border:1px solid #536577;border-radius:12px;padding:20px;min-height:180px}.ads-preview small{overflow-wrap:anywhere}.ads-preview h3{color:#4699e8}.ads-pre{white-space:pre-wrap}.ads-logo{width:48px;height:48px;object-fit:contain;display:block;margin:12px 0}.ads-image{width:100%;max-height:220px;object-fit:cover;border-radius:8px}.ads-empty{padding:20px}.ads-page [role="status"]:not(:empty){padding:12px;border:1px solid #d89535;border-radius:8px}.ads-page .mkt-stat strong{font-size:24px}.ads-page .mkt-table button{margin:3px}.ads-page [data-ads-topup]{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.ads-page [data-ads-topup] .field{max-width:220px}
/* Inventory names and sort labels are text controls, not filled action buttons. */
.inventory-table :is(.record-title,.table-sort),
html[data-theme=dark] .inventory-table :is(.record-title,.table-sort){background:transparent;border-color:transparent;box-shadow:none;border-radius:0}
.inventory-table .record-title{color:var(--ink);line-height:1.4}
.inventory-table .table-sort{color:inherit}
.inventory-table :is(.record-title,.table-sort):hover,
html[data-theme=dark] .inventory-table :is(.record-title,.table-sort):hover{background:transparent;border-color:transparent;color:var(--accent);text-decoration:underline;box-shadow:none}
html[data-theme=dark] .inventory-table .record-title{color:var(--dark-text)}
html[data-theme=dark] .inventory-table .table-sort{color:var(--dark-muted)}
html[data-theme=dark] .inventory-table :is(.record-title,.table-sort):hover{color:var(--dark-link)}
html[data-theme=dark] .inventory-table tbody tr:hover{background:#1b2b3d}

.inventory-status.is-out-of-stock,html[data-theme=dark] .inventory-status.is-out-of-stock{background:#ef233c;color:#fff;font-weight:700;border:1px solid #ff5267}

.special-hours-row{display:grid;grid-template-columns:1.2fr .6fr 1fr 1fr auto;gap:12px;align-items:end;padding:14px 0;border-bottom:1px solid var(--line)}.special-hours-row>label{min-width:0}.special-hours-row select,.special-hours-row input[type=date]{width:100%}@media(max-width:700px){.special-hours-row{grid-template-columns:1fr 1fr}.special-hours-row>button{grid-column:2}}

.permission-section{border:1px solid var(--line);border-radius:9px;margin:14px 0;padding:12px}.permission-section>summary{font-weight:700;cursor:pointer;margin-bottom:12px}.employee-permissions .permission-grid{gap:12px}.employee-permissions h4{margin:20px 0 10px}
/* Keep the three-stage Job Board fixed; scroll each order column independently. */
body:has(.job-board-page>.board:not(.board-list):not(.board-labels)){height:100dvh;overflow:hidden;overscroll-behavior:none}
body:has(.job-board-page>.board:not(.board-list):not(.board-labels))>main{height:100dvh;overflow:hidden}
body:has(.job-board-page>.board:not(.board-list):not(.board-labels)) #app{height:calc(100dvh - 56px);min-height:0;overflow:hidden}
.job-board-page:has(>.board:not(.board-list):not(.board-labels)){height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.job-board-page:has(>.board:not(.board-list):not(.board-labels))>.board-controls,.job-board-page:has(>.board:not(.board-list):not(.board-labels))>h1{flex:none}
.job-board-page>.board:not(.board-list):not(.board-labels){height:auto!important;flex:1;min-height:0;overflow:hidden;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:minmax(0,1fr)}
.job-board-page>.board:not(.board-list):not(.board-labels)>.column{min-height:0;height:100%;max-height:100%;display:flex;flex-direction:column;overflow:hidden}
.job-board-page>.board:not(.board-list):not(.board-labels)>.column>.column-title{flex:none}
.job-board-page>.board:not(.board-list):not(.board-labels) .column-orders{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}

/* Create repair order: compact customer and vehicle workspace. */
#modal:has(.ro-create-form){width:min(1080px,calc(100vw - 32px));max-width:1080px;max-height:calc(100dvh - 32px);padding:0;overflow:hidden}
.ro-create-form{display:flex;flex-direction:column;max-height:calc(100dvh - 34px);min-height:0}
.ro-create-form>h2{margin:0;padding:20px 24px;border-bottom:1px solid #cbd5e1;flex-shrink:0}
.ro-create{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:20px;padding:20px 24px;overflow-y:auto;min-height:0;align-items:start}
.ro-create section{padding:0;border:0;min-width:0}
.ro-create h3{display:flex;align-items:center;gap:10px;margin:0 0 16px;font-size:17px}
.ro-step{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#e6f1ff;color:#1367bd;font-size:13px}
.ro-create .field{font-size:13px;margin-bottom:10px;gap:5px}
.ro-create input,.ro-create select{min-height:42px;padding:9px 11px;font-size:14px;width:100%;box-sizing:border-box}
.ro-create .formgrid{gap:10px 12px}
.ro-create .ro-customer-address{margin-top:14px;padding-top:14px}
.ro-create .ro-customer-address h3{font-size:14px;margin-bottom:10px}
.ro-create [data-address-help]:empty{display:none}
.ro-create #ro-add-customer{margin:0 0 14px;padding:8px 12px;min-height:36px}
.ro-create #ro-customer-results button{padding:10px 12px;min-height:42px}
.ro-create #ro-decode{align-self:end;margin-bottom:10px;min-height:42px}
.ro-create .ro-create-concerns{grid-column:1/-1;padding-top:16px;border-top:1px solid #cbd5e1}
.ro-create .ro-create-rate{grid-column:2;grid-row:2;display:flex;align-items:center;gap:12px}
.ro-create-rate .field{max-width:140px;flex-shrink:0}.ro-create-rate small{font-size:12px;line-height:1.5}
.ro-create-form>.actions{margin:0;padding:16px 24px;border-top:1px solid #cbd5e1;flex-shrink:0;background:inherit}
html[data-theme=dark] .ro-create-form>h2,html[data-theme=dark] .ro-create-form>.actions,html[data-theme=dark] .ro-create .ro-create-concerns{border-color:#405975}
html[data-theme=dark] .ro-step{background:#25445e;color:#8bceff}
@media(max-width:760px){.ro-create{grid-template-columns:1fr;padding:16px;gap:20px}.ro-create .ro-create-rate,.ro-create .ro-create-concerns{grid-column:1;grid-row:auto}.ro-create-form>h2{padding:16px}.ro-create-form>.actions{padding:12px 16px}}

.ro-create-intro{grid-column:1/-1}.ro-create-intro>span{font-size:10px;font-weight:750;letter-spacing:1.1px;color:#2475bd}.ro-create-intro p{font-size:13px;color:#62758a;margin:6px 0 0}
.ro-create{background:#f4f7fa;gap:16px}.ro-create section{background:#fff;border:1px solid #dce4ed;border-radius:12px;padding:18px}
.ro-create-customer,.ro-create-vehicle{height:100%;box-sizing:border-box}.ro-create h3{font-size:16px;padding-bottom:12px;border-bottom:1px solid #e4eaf1}
.ro-create .ro-create-concerns{position:relative;padding:18px;border:1px solid #dce4ed}.ro-create-concerns>h3{padding-right:190px}
.ro-visit-rate{position:absolute;right:18px;top:14px;display:flex;align-items:center;gap:8px}.ro-visit-rate .field{display:flex;flex-direction:row;align-items:center;font-size:11px;margin:0}.ro-create .ro-visit-rate input{width:72px;min-height:32px;padding:5px 8px;font-size:12px}.ro-visit-rate>span{font-size:10px;max-width:80px;color:#62758a}
.ro-create #ro-customer-results{max-height:220px;overflow-y:auto}.ro-create #ro-customer-results button{display:flex;justify-content:space-between;gap:12px;align-items:center}.ro-create #ro-customer-results button strong{font-size:13px}.ro-create #ro-customer-results button span{font-size:12px;opacity:.75}.ro-create #ro-customer-results p{font-size:12px;color:#62758a}
.ro-create #ro-concerns p{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border:1px solid #dce4ed;border-radius:8px;margin:6px 0;font-size:13px}.ro-create #ro-concerns button{min-height:28px;padding:2px 9px}
html[data-theme=dark] .ro-create{background:#101d2b}html[data-theme=dark] .ro-create section{background:#17283a;border-color:#354c63}html[data-theme=dark] .ro-create h3,html[data-theme=dark] .ro-create #ro-concerns p{border-color:#354c63}html[data-theme=dark] .ro-create-intro>span{color:#83c8ff}html[data-theme=dark] .ro-create-intro p,html[data-theme=dark] .ro-visit-rate>span,html[data-theme=dark] .ro-create #ro-customer-results p{color:#afc1d5}
@media(max-width:760px){.ro-create section{padding:14px}.ro-create-customer,.ro-create-vehicle{height:auto}.ro-visit-rate{position:static;margin-bottom:12px}.ro-create-concerns>h3{padding-right:0}.ro-visit-rate>span{max-width:none}}

/* Emphasize customer contact fields without changing validation. */
.ro-create :is(input[name="customer"],input[name="phone"]){border-color:#d99428!important;background:#fff3df!important;box-shadow:inset 3px 0 #db8c18!important;color:#7d4308!important}
.ro-create :is(input[name="customer"],input[name="phone"])::placeholder{color:#895721!important;opacity:1}
html[data-theme=dark] .ro-create :is(input[name="customer"],input[name="phone"]){background:#49351e!important;border-color:#e3aa4b!important;color:#ffe0a3!important;box-shadow:inset 3px 0 #e7a43b!important}
html[data-theme=dark] .ro-create :is(input[name="customer"],input[name="phone"])::placeholder{color:#f1ca8d!important}
.ro-create .ro-decode-action{display:flex;align-items:flex-end;min-height:42px;margin-bottom:10px}.ro-create .ro-decode-action #ro-decode{margin:0;min-height:42px;white-space:nowrap}.ro-create .ro-decode-error{grid-column:1/-1;margin:0 0 10px;font-size:12px;line-height:1.45;color:#b42318;overflow-wrap:anywhere}.ro-create .ro-decode-error[hidden]{display:none}html[data-theme=dark] .ro-create .ro-decode-error{color:#ffb4ba}

.carapi-usage-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0}.carapi-usage-heading>strong{font-size:20px}.carapi-usage-heading>span{font-size:12px;text-transform:capitalize}.carapi-usage-grid{display:grid;grid-template-columns:1fr 1fr 2fr;gap:16px;margin:16px 0}.carapi-usage-grid span,.carapi-usage-grid strong{display:block}.carapi-usage-grid span{font-size:12px;margin-bottom:5px;opacity:.8}.carapi-usage-grid strong{font-size:14px}.carapi-usage-meter{width:100%;height:8px;accent-color:#1685cf;margin-bottom:12px}@media(max-width:600px){.carapi-usage-grid{grid-template-columns:1fr 1fr}.carapi-usage-grid>div:last-child{grid-column:1/-1}}

#modal:has(.inspection-editor-form){width:min(1100px,calc(100vw - 32px));max-width:1100px;max-height:calc(100dvh - 32px);padding:0;overflow:hidden}
.inspection-editor-form{display:flex;flex-direction:column;max-height:calc(100dvh - 34px);min-height:0}.inspection-editor-form>h2{padding:20px 24px;margin:0;border-bottom:1px solid #dce4ed;flex-shrink:0}.inspection-editor-form>.actions{margin:0;padding:14px 24px;border-top:1px solid #dce4ed;flex-shrink:0}
.inspection-editor-form .template-editor{padding:20px 24px;overflow:auto;min-height:0}.inspection-editor-intro{font-size:13px;color:#62758a;margin-bottom:16px}.inspection-editor-form .field{font-size:13px;margin-bottom:12px}.inspection-editor-form input:not([type=checkbox]),.inspection-editor-form select{min-height:40px;font-size:14px;padding:8px 11px}.inspection-editor-form .template-settings{gap:12px;margin:12px 0 18px}.inspection-editor-form .template-settings>label{padding:12px 14px;border:1px solid #dce4ed;border-radius:10px;font-size:13px}.inspection-editor-form .template-settings small{font-size:12px;margin-top:4px}
.inspection-editor-form .template-group-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0 12px}.template-group-toolbar h3{margin:0 0 4px;font-size:16px}.template-group-toolbar small{font-size:12px;color:#62758a}.inspection-editor-form .template-group-toolbar button{min-height:34px;padding:7px 10px;font-size:12px}.inspection-editor-form .inspection-editor-search{margin-bottom:16px}
.inspection-editor-form .template-group{border:1px solid #dce4ed;border-radius:10px;margin-bottom:10px;overflow:hidden}.inspection-editor-form .template-group>summary{padding:13px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;cursor:pointer}.inspection-editor-form .template-group>summary:before{content:'\203A';font-size:20px;line-height:1}.inspection-editor-form .template-group[open]>summary:before{transform:rotate(90deg)}.inspection-editor-form .template-group>summary span:first-of-type{flex:1;font-weight:650}.inspection-editor-form .template-group>summary span:last-child{font-size:11px;font-weight:500;white-space:nowrap}.inspection-editor-form .template-group-body{padding:14px 16px}.inspection-editor-form .template-group-actions{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px}.inspection-editor-form .template-group-actions button{min-height:32px;padding:6px 10px;font-size:12px}
.inspection-editor-form .template-task-editor{padding:10px 0;border:0;border-top:1px solid #dce4ed;border-radius:0;margin:0}.inspection-editor-form .template-task{display:grid;grid-template-columns:24px minmax(0,1fr) 32px 32px 32px;gap:7px;align-items:center}.inspection-item-number{font-size:11px;color:#62758a;text-align:center}.inspection-editor-form .template-task button{min-height:32px;padding:4px;font-size:16px}.inspection-editor-form .template-task-editor>details{padding:8px 12px;margin:7px 0 0 31px;border-radius:7px;font-size:12px}.inspection-editor-form .template-task-editor>details>summary{cursor:pointer}.inspection-editor-form .template-task-editor>details[open]>summary{margin-bottom:12px}.inspection-editor-form [data-general-findings] .template-task{grid-template-columns:minmax(0,1fr) 70px}.inspection-editor-form [hidden]{display:none!important}
html[data-theme=dark] .inspection-editor-form>h2,html[data-theme=dark] .inspection-editor-form>.actions,html[data-theme=dark] .inspection-editor-form .template-task-editor{border-color:#405975}html[data-theme=dark] :is(.inspection-editor-intro,.template-group-toolbar small,.inspection-item-number){color:#afc1d5}
@media(max-width:650px){.inspection-editor-form .template-editor{padding:16px}.inspection-editor-form>h2{padding:16px}.inspection-editor-form>.actions{padding:12px 16px}.inspection-editor-form .template-group-body{padding:12px}.inspection-editor-form .template-task{grid-template-columns:minmax(0,1fr) 28px 28px 28px;gap:4px}.inspection-editor-form .inspection-item-number{display:none}.inspection-editor-form .template-task-editor>details{margin-left:0}}
/* Marketing workspace: grouped navigation and consistent content hierarchy. */
.marketing-workspace{--mkt-surface:#fff;--mkt-line:#dce5ef;--mkt-muted:#607286;--mkt-hover:#f0f6fc;--mkt-active:#e8f2ff;--mkt-accent:#1769b4;max-width:1680px}.mkt-workspace-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:4px 0 26px}.mkt-eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:var(--mkt-muted)}.mkt-workspace-header h1{font-size:30px;letter-spacing:-.8px;margin:7px 0}.mkt-workspace-header p,.mkt-page-heading p{color:var(--mkt-muted);margin:0;line-height:1.5}.mkt-workspace-header>button{min-height:42px;padding:10px 18px;border-radius:10px}.mkt-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:28px;align-items:start}.mkt-navigation{position:sticky;top:16px;padding:14px 10px;border:1px solid var(--mkt-line);border-radius:14px;background:var(--mkt-surface)}.mkt-nav-group+ .mkt-nav-group{margin-top:20px}.mkt-nav-group>span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--mkt-muted);padding:0 10px 8px;font-weight:700}.mkt-navigation button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:0;background:transparent;border-radius:8px;padding:10px;min-height:41px;font-size:12px;margin:2px 0;color:inherit}.mkt-navigation button svg{width:17px;height:17px;flex:none;color:var(--mkt-muted)}.mkt-navigation button:hover{background:var(--mkt-hover)}.mkt-navigation button[aria-current=page]{background:var(--mkt-active);color:var(--mkt-accent);font-weight:700}.mkt-navigation button[aria-current=page] svg{color:var(--mkt-accent)}.mkt-workspace-main{min-width:0}.mkt-page-heading{border-bottom:1px solid var(--mkt-line);padding:0 0 20px;margin-bottom:20px}.mkt-page-heading h2{font-size:23px;letter-spacing:-.4px;margin:0 0 6px}.mkt-page-heading p{font-size:13px}.mkt-quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:26px}.mkt-quick-actions>button{display:flex;align-items:center;gap:12px;text-align:left;padding:16px;border:1px solid var(--mkt-line);border-radius:12px;background:var(--mkt-surface);color:inherit;min-width:0}.mkt-quick-actions>button:hover{border-color:var(--mkt-accent);background:var(--mkt-hover)}.mkt-quick-actions strong{display:block;font-size:13px}.mkt-quick-actions small{display:block;color:var(--mkt-muted);font-size:11px;margin-top:4px}.mkt-quick-actions>button>svg{width:16px;height:16px;margin-left:auto;flex:none;color:var(--mkt-muted)}.marketing-workspace .panel{box-shadow:none;border:1px solid var(--mkt-line)}.marketing-workspace .mkt-card{padding:20px}.marketing-workspace .mkt-section-heading h2{font-size:16px;margin:0}.marketing-workspace .mkt-section-heading p{font-size:12px;color:var(--mkt-muted)}.marketing-workspace .mkt-toolbar{padding:14px;background:var(--mkt-surface);border:1px solid var(--mkt-line);border-radius:12px;align-items:end}.marketing-workspace .mkt-search{align-self:end;max-width:none;min-height:40px}.marketing-workspace .mkt-table{border-color:var(--mkt-line);background:var(--mkt-surface)}.marketing-workspace .mkt-table th{font-size:11px;white-space:nowrap;padding:12px}.marketing-workspace .mkt-table td{padding:14px 12px}.marketing-workspace .mkt-subtabs{padding:5px;border:1px solid var(--mkt-line);border-radius:10px;background:var(--mkt-surface);margin-top:0;gap:4px}.marketing-workspace .mkt-subtabs button{border:0;border-radius:7px}.marketing-workspace button:focus-visible,.marketing-workspace summary:focus-visible{outline:2px solid var(--mkt-accent);outline-offset:3px}.mkt-inspiration{border:1px solid var(--mkt-line);padding:16px;border-radius:12px;margin:20px 0}.mkt-inspiration>summary{cursor:pointer;font-size:13px;font-weight:600}.marketing-workspace .mkt-card p{color:var(--mkt-muted)}
html[data-theme=dark] .marketing-workspace{--mkt-surface:#152535;--mkt-line:#30475c;--mkt-muted:#a7bacd;--mkt-hover:#1c3247;--mkt-active:#213e59;--mkt-accent:#8bcaff}
@media(max-width:1050px){.mkt-layout{grid-template-columns:170px minmax(0,1fr);gap:18px}.mkt-navigation{padding:12px 6px}.mkt-navigation button{font-size:11px;gap:7px}}
@media(max-width:760px){.mkt-layout{grid-template-columns:1fr;gap:20px}.mkt-navigation{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px}.mkt-nav-group+ .mkt-nav-group{margin-top:0}.mkt-navigation button{font-size:12px}.mkt-workspace-header{margin-bottom:20px}.mkt-workspace-header h1{font-size:26px}.mkt-workspace-header p{font-size:12px}.mkt-quick-actions{grid-template-columns:1fr}.mkt-workspace-header>button{padding:10px 12px;font-size:12px}.mkt-page-heading h2{font-size:21px}}
.marketing-workspace .mkt-automation-workspace .mkt-table{border-radius:12px}.mkt-automation-workspace .mkt-table table{min-width:920px}.mkt-automation-workspace .mkt-table th{white-space:normal;line-height:1.5}.mkt-automation-workspace .mkt-table td{padding:18px 14px}.mkt-automation-name{display:flex;gap:12px;align-items:flex-start;min-width:250px;max-width:380px}.mkt-automation-name .mkt-icon{flex:none;width:30px;height:30px;border-radius:50%}.mkt-automation-name strong{font-size:14px!important;font-weight:600}.mkt-automation-name small{display:block;color:var(--mkt-muted);font-size:12px;line-height:1.6;margin-top:5px;white-space:normal}.mkt-channel-group{display:flex;gap:6px;flex-wrap:wrap;min-width:145px}.mkt-channel,.mkt-status{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--mkt-line);border-radius:30px;padding:3px 9px;white-space:nowrap;font-size:11px;line-height:1.5}.mkt-channel svg{width:13px;height:13px}.mkt-channel.is-enabled,.mkt-status.is-scheduled{background:#e7f5ec;border-color:#7faa90;color:#226344}.mkt-channel.is-disabled{color:var(--mkt-muted);background:var(--mkt-hover)}.mkt-automation-state{display:block!important;font-size:10px!important;color:var(--mkt-muted);margin-top:7px}.mkt-sent-count{display:inline-flex;gap:7px;align-items:center;white-space:nowrap;font-size:12px}.mkt-sent-count svg{width:17px;height:17px;color:var(--mkt-muted)}.mkt-automation-workspace td:nth-child(4)>button,.mkt-automation-workspace td:first-child>button,.mkt-automation-workspace td:nth-child(2)>button{background:transparent;border:0;color:var(--mkt-accent);padding:0;min-height:28px;text-align:left;font-size:12px}.mkt-automation-workspace .mkt-subtabs{display:inline-flex}.mkt-automation-workspace .mkt-subtabs [aria-pressed=true]{background:var(--mkt-active);color:var(--mkt-accent);box-shadow:inset 0 0 0 1px var(--mkt-accent)}.mkt-schedule-note{font-size:11px;color:var(--mkt-muted);margin:12px 0}.mkt-automation-workspace .mkt-row-actions{flex-wrap:nowrap;align-items:center}.mkt-automation-workspace .mkt-menu{position:relative}.mkt-automation-workspace .mkt-menu[open]>div{position:absolute;right:0;z-index:5;background:var(--mkt-surface);box-shadow:0 6px 20px #0002}.mkt-automation-workspace .mkt-table:has(.mkt-menu[open]){padding-bottom:150px}html[data-theme=dark] .mkt-channel.is-enabled,html[data-theme=dark] .mkt-status.is-scheduled{color:#a5e7c1;background:#193c31;border-color:#3d795e}
.marketing-workspace :is(.mkt-workspace-header,.mkt-page-heading){position:static;inset:auto;height:auto;width:auto;min-height:0;background:transparent;box-shadow:none;border-left:0;border-right:0;border-top:0;color:inherit}.marketing-workspace .mkt-workspace-header{padding:0;display:flex}.marketing-workspace .mkt-page-heading{display:block;padding:0 0 20px}.mkt-automation-workspace .mkt-table table{min-width:820px}.mkt-automation-workspace .mkt-automation-name{min-width:220px;max-width:340px}
.mkt-automation-intro{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:24px;border:1px solid var(--mkt-line);border-radius:14px;background:var(--mkt-surface);margin-bottom:18px}.mkt-automation-intro h3{font-size:22px;letter-spacing:-.4px;margin:8px 0}.mkt-automation-intro p{font-size:13px;line-height:1.6;color:var(--mkt-muted);max-width:650px;margin:0}.mkt-automation-intro>button{white-space:nowrap}.mkt-shop-alerts{padding:20px;margin:22px 0}.mkt-shop-alerts .mkt-section-heading{margin:0 0 16px}.mkt-shop-alerts h3{margin:0;font-size:16px}.mkt-alert-rules{display:grid;grid-template-columns:1fr 1fr;gap:14px;border-top:1px solid var(--mkt-line);padding-top:16px;margin-top:16px}.mkt-alert-rules>div{display:flex;gap:10px}.mkt-alert-rules svg{width:20px;height:20px;color:var(--mkt-accent);flex:none}.mkt-alert-rules strong,.mkt-alert-rules small{display:block}.mkt-alert-rules strong{font-size:12px}.mkt-alert-rules small{color:var(--mkt-muted);font-size:11px;line-height:1.6;margin-top:4px}.mkt-health-summary{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;padding:12px;background:var(--mkt-hover);border-radius:8px;margin-bottom:8px}.mkt-shop-alerts [role=status]>small{color:var(--mkt-muted);font-size:10px}.mkt-workflow-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:16px;margin:18px 0 28px}.mkt-workflow-card{padding:20px;display:flex;flex-direction:column;min-width:0;border-radius:14px}.mkt-workflow-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.mkt-workflow-category{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--mkt-muted)}.mkt-workflow-card h3{font-size:16px;margin:7px 0 8px;line-height:1.5}.mkt-workflow-card p{font-size:12px;line-height:1.7;color:var(--mkt-muted);margin:0 0 16px;min-height:40px}.mkt-workflow-card dl{display:grid;grid-template-columns:65px 1fr;gap:8px;font-size:11px;border-top:1px solid var(--mkt-line);padding-top:14px;margin:0 0 16px}.mkt-workflow-card dt{color:var(--mkt-muted)}.mkt-workflow-card dd{margin:0;line-height:1.6}.mkt-workflow-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:auto;padding-top:18px}.mkt-workflow-actions>button{font-size:11px;padding:8px 10px;min-height:34px}.mkt-workflow-actions .mkt-menu{margin-left:auto}.mkt-workflow-card .mkt-channel-group{margin-bottom:10px}@media(max-width:760px){.mkt-automation-intro{align-items:flex-start;flex-direction:column;padding:18px}.mkt-alert-rules{grid-template-columns:1fr}.mkt-workflow-grid{grid-template-columns:1fr}}
.mkt-campaign-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px;border:1px solid var(--mkt-line);border-radius:14px;background:var(--mkt-surface);margin-bottom:18px}.mkt-campaign-intro h3{font-size:24px;letter-spacing:-.5px;margin:8px 0}.mkt-campaign-intro p{color:var(--mkt-muted);font-size:13px;line-height:1.7;margin:0;max-width:620px}.mkt-campaign-workspace>.mkt-section-heading{margin:26px 0 14px}.mkt-campaign-starters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:28px}.mkt-campaign-starters>button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:12px;padding:20px;border:1px solid var(--mkt-line);border-radius:12px;background:var(--mkt-surface);color:inherit;transition:border-color .15s,background .15s}.mkt-campaign-starters>button:hover{border-color:var(--mkt-accent);background:var(--mkt-hover)}.mkt-campaign-starters strong{font-size:14px}.mkt-campaign-starters small{font-size:12px;line-height:1.7;color:var(--mkt-muted);font-weight:400}.mkt-starter-count{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:auto;padding-top:12px;border-top:1px solid var(--mkt-line);font-size:11px;color:var(--mkt-accent)}.mkt-starter-count svg{width:15px;height:15px}.mkt-campaign-workspace td small{display:block;color:var(--mkt-muted);margin-top:6px;font-size:11px;line-height:1.5}.mkt-campaign-workspace td strong{font-size:12px}.mkt-inspiration{margin-top:24px;border-top:1px solid var(--mkt-line);padding-top:18px}.mkt-inspiration>summary{font-size:13px;font-weight:600;cursor:pointer;padding-bottom:14px}.mkt-campaign-workspace .mkt-row-actions{flex-wrap:nowrap}.mkt-composer .mkt-editor-section summary{font-size:13px}.mkt-composer .mkt-live-preview{position:sticky;top:12px;align-self:start}@media(max-width:950px){.mkt-campaign-starters{grid-template-columns:1fr}.mkt-campaign-intro{align-items:flex-start;flex-direction:column;padding:20px}}
.mkt-composer [hidden]{display:none!important}

.cash-card-control{--cash-color:#15803d;--card-color:#b95209;--cash-track:#dcfce7;--card-track:#fff0da;--price-accent:var(--card-color);--price-track:var(--card-track);display:inline-flex;align-items:center;gap:9px;white-space:nowrap}
.cash-card-control[data-price-mode=Cash]{--price-accent:var(--cash-color);--price-track:var(--cash-track)}
.cash-card-label{font-weight:600;font-size:13px;transition:color .18s}
.cash-card-control .cash-card-label[data-price-label=Cash]{color:var(--cash-color)!important}
.cash-card-control .cash-card-label[data-price-label=Card]{color:var(--card-color)!important}
.cash-card-label.is-selected{font-weight:750;text-shadow:none}
.cash-card-control .cash-card-toggle{position:relative;width:44px;height:26px;min-width:44px;min-height:26px!important;padding:0!important;border:1px solid var(--price-accent)!important;border-radius:999px;background:var(--price-track)!important;box-shadow:none;cursor:pointer}
.cash-card-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--price-accent);transition:transform .18s}
.cash-card-toggle[aria-checked=true] .cash-card-thumb{transform:translateX(18px)}
html[data-theme=dark] .cash-card-control,.ro-totalbar .cash-card-control{--cash-color:#4ade80;--card-color:#fb923c;--cash-track:#173d2a;--card-track:#472b19}
@media(prefers-reduced-motion:reduce){.cash-card-thumb,.cash-card-label{transition:none}}


dialog.customer-edit-drawer{inset:0!important;margin:auto!important;width:min(860px,calc(100vw - 32px));height:fit-content;max-height:90dvh;border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:0 24px 80px #0005}.customer-edit-drawer .customer-drawer{display:grid;grid-template-columns:1fr 1fr;gap:14px 22px}.customer-edit-drawer .customer-drawer>h3,.customer-edit-drawer .customer-drawer>.formgrid,.customer-edit-drawer [data-contact-phones],.customer-edit-drawer [data-contact-emails],.customer-edit-drawer .customer-drawer>small,.customer-edit-drawer .customer-drawer>label:has(textarea){grid-column:1/-1}.customer-edit-drawer .customer-drawer .field{margin:0}.customer-edit-drawer .actions{bottom:-26px;padding:16px 0;margin-top:24px}.customer-edit-drawer .customer-check{margin:0;padding:12px;border:1px solid var(--line);border-radius:10px;font-size:14px}@media(max-width:600px){.customer-edit-drawer .customer-drawer{grid-template-columns:1fr}dialog.customer-edit-drawer{padding:18px}.contact-row{gap:8px}}

dialog.vendor-editor-modal{width:min(820px,calc(100vw - 32px));max-height:90dvh;border-radius:18px;padding:26px}.vendor-intro{color:#64748b;margin-bottom:22px}.vendor-editor>section,.vendor-editor>details{border:1px solid var(--line);border-radius:12px;padding:18px;margin:14px 0}.vendor-editor h3{margin:0 0 16px;font-size:16px}.vendor-editor .formgrid{gap:16px}.vendor-editor .field{margin:0}.vendor-editor input{min-height:44px;border-radius:9px}.vendor-editor details summary{font-weight:600;cursor:pointer}.vendor-editor details[open] summary{margin-bottom:16px}.vendor-editor-modal .actions{position:sticky;bottom:-26px;padding:16px 0;background:var(--surface);border-top:1px solid var(--line)}

.dashboard-controls{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:20px 0}.dashboard-controls label{display:flex;align-items:center;gap:10px}.dashboard-controls .tabs{margin:0}.dashboard-summary{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:22px 0}.dashboard-summary h2{font-size:28px;margin-top:6px}.dashboard-stats .stat{border-top:3px solid #2185d0}@media(max-width:600px){.dashboard-summary{grid-template-columns:1fr}.dashboard-controls{gap:12px}}

dialog.customer-vehicle-modal{width:min(780px,calc(100vw - 32px));max-height:90dvh;border-radius:18px;padding:26px}.customer-vehicle-editor>section{padding:20px;border:1px solid var(--line);border-radius:12px}.vehicle-editor-intro{margin:0 0 20px;color:#64748b}.customer-vehicle-editor h3{margin:0 0 18px}.customer-vehicle-editor .formgrid{gap:18px}.customer-vehicle-editor .field{margin:0}.customer-vehicle-editor input{min-height:44px;border-radius:9px}.vehicle-decode-controls{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0 10px}.vehicle-decode-controls button{min-height:42px}.customer-vehicle-editor [data-vehicle-decode-status]{min-height:22px}.customer-vehicle-modal .actions{margin-top:20px}

.customer-directory-summary{display:flex;gap:30px;align-items:center;padding:22px 24px;border:1px solid var(--line);border-radius:14px;background:var(--surface);margin:18px 0}.customer-directory-summary>div{display:flex;flex-direction:column;gap:4px;min-width:125px}.customer-directory-summary strong{font-size:26px}.customer-directory-summary span,.customer-directory-summary p{font-size:13px;color:#64748b}.customer-directory-summary p{margin-left:auto;max-width:330px}.customer-name-cell{display:flex;align-items:center;gap:12px}.customer-initials{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:12px;background:#e6f2ff;color:#1762a6;font-weight:700}.customer-name-cell small,.customer-contact-cell small{display:block;margin-top:4px;color:#64748b;font-size:12px}.management-customers table td{padding:18px 16px;vertical-align:middle}.management-customers table th{padding:14px 16px;font-size:12px}.management-customers td:nth-child(4){max-width:280px;font-size:13px;line-height:1.6}.customer-vehicles-link{border:0;background:transparent;color:#1672c4;font-size:13px}.customer-profile-modal{width:min(980px,calc(100vw - 32px));border-radius:18px;padding:26px}.customer-profile-modal .profile-summary{display:grid;grid-template-columns:1fr 1fr;gap:14px}.customer-profile-modal .profile-info{border:1px solid var(--line);border-radius:10px;padding:16px}.customer-profile-modal .profile-info:nth-child(3){grid-column:1/-1}.customer-profile-modal .tabs{display:flex;gap:8px;overflow-x:auto;margin:24px 0}.customer-profile-modal .tabs button{white-space:nowrap;min-height:42px}@media(max-width:650px){.customer-directory-summary{flex-wrap:wrap;gap:16px}.customer-directory-summary p{margin:0;max-width:none}.customer-profile-modal .profile-summary{grid-template-columns:1fr}}

.tech-grid .tech-ro-number{color:#2563eb;text-shadow:0 0 10px #2563eb55,0 0 20px #2563eb22;font-weight:750}html[data-theme=dark] .tech-grid .tech-ro-number{color:#fb923c;text-shadow:0 0 10px #fb923c88,0 0 20px #fb923c44}

.tech-grid .card{border:1px solid #60a5fa;box-shadow:0 0 0 1px #3b82f61f,0 0 16px #3b82f633,0 0 28px #3b82f614}html[data-theme=dark] .tech-grid .card{border-color:#fb923c;box-shadow:0 0 0 1px #fb923c26,0 0 16px #fb923c44,0 0 28px #fb923c1f}

.job-board-page .board-order{border-color:var(--order-status-glow)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--order-status-glow) 18%,transparent),0 0 16px color-mix(in srgb,var(--order-status-glow) 30%,transparent),0 0 28px color-mix(in srgb,var(--order-status-glow) 12%,transparent)!important}

/* Main workspace navigation */
body{--main-nav-height:84px;--nav-accent:#2563eb;--nav-glow:#3b82f6;--nav-surface:#fff;--nav-text:#526579;--nav-line:#dce5ee}
html[data-theme=dark] body{--nav-accent:#fb923c;--nav-glow:#fb923c;--nav-surface:#122233;--nav-text:#b6c7d8;--nav-line:#2d4258}
body>aside,body.nav-collapsed>aside{position:fixed!important;inset:var(--workspace-header-height,72px) 0 auto!important;width:100%!important;height:auto!important;max-height:none!important;padding:6px 16px!important;display:block!important;background:var(--nav-surface)!important;border:0!important;border-bottom:1px solid var(--nav-line)!important;box-shadow:0 4px 18px #10233b0a;z-index:40;overflow:visible!important}
body>aside>.brand,body>aside>.shop,body>aside>footer{display:none!important}
body>main,body.nav-collapsed>main{margin-left:0!important;padding-top:calc(var(--workspace-header-height,72px) + var(--main-nav-height))!important;min-width:0}
body .workspace-topbar{z-index:50;padding:0 24px;gap:16px;border-bottom:1px solid var(--nav-line);box-shadow:none}
body #nav{display:flex!important;flex-wrap:wrap;gap:4px!important;overflow:visible!important;margin:0 auto!important;padding:0!important;max-width:1800px;align-items:center;justify-content:flex-start}
body #nav>label{display:none!important}
body #nav>button,body.nav-collapsed #nav>button{flex:1 1 calc(11.11% - 8px);width:auto!important;max-width:none!important;min-width:116px;display:flex!important;align-items:center;justify-content:center;gap:6px;margin:0!important;padding:6px 8px!important;min-height:34px!important;border:1px solid transparent!important;border-radius:7px!important;background:transparent!important;color:var(--nav-text)!important;font-size:12px!important;font-weight:550;white-space:nowrap;box-shadow:none!important;transition:background .15s,box-shadow .15s,color .15s}
body #nav>button>.nav-label,body.nav-collapsed #nav>button>.nav-label{display:inline!important;overflow:visible!important;width:auto!important;font-size:inherit!important}
body #nav>button svg{width:16px;height:16px;min-width:16px;flex:none;opacity:.85}
body #nav>button:hover{background:color-mix(in srgb,var(--nav-glow) 7%,var(--nav-surface))!important;color:var(--nav-accent)!important}
body #nav>button.active,html[data-theme=dark] body #nav>button.active{color:var(--nav-accent)!important;border-color:color-mix(in srgb,var(--nav-glow) 65%,transparent)!important;background:color-mix(in srgb,var(--nav-glow) 13%,var(--nav-surface))!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--nav-glow) 12%,transparent),0 0 9px color-mix(in srgb,var(--nav-glow) 30%,transparent)!important;font-weight:700}
body #nav>button.active svg{opacity:1;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--nav-glow) 50%,transparent))}
body #nav>button:focus-visible{outline:2px solid var(--nav-accent);outline-offset:2px}
body #nav .smart-ai-badge{display:none}
body .ro-totalbar,body.nav-collapsed .ro-totalbar{left:0!important}
body .reference-ro-layout .ro-details-shell{top:calc(var(--workspace-header-height,72px) + var(--main-nav-height) + 12px)!important}
body .job-board-page .board{height:calc(100dvh - var(--workspace-header-height,72px) - var(--main-nav-height) - 125px);min-height:260px}
@media(min-width:1600px){body #nav>button{flex-basis:calc(11.11% - 8px);font-size:13px!important}}
@media(max-width:1100px){body #nav{flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:thin;padding:0 2px 4px!important;justify-content:flex-start}body #nav>button,body.nav-collapsed #nav>button{flex:0 0 auto;min-width:0;padding:8px 12px!important;min-height:44px!important}body>aside,body.nav-collapsed>aside{padding:5px 12px!important}body{--main-nav-height:60px}}
@media(max-width:700px){body .workspace-topbar{padding:8px 12px;gap:9px;overflow-x:auto!important;white-space:nowrap}body .workspace-topbar .topbar-shop,body .workspace-topbar>.avatar{display:none}body .topbar-brand strong{font-size:12px}body .workspace-topbar .global-search{min-width:170px;width:170px;font-size:11px}body #app{padding:18px 14px}body>aside,body.nav-collapsed>aside{padding-inline:8px!important}}
@media(prefers-reduced-motion:reduce){body #nav>button{transition:none}}

/* Online booking settings workspace */
.booking-workspace{max-width:1400px;margin:auto}.booking-settings-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:8px 0 24px}.booking-settings-heading h2{font-size:27px;margin:7px 0}.booking-settings-heading p{margin:0;color:var(--muted)}.booking-eyebrow{font-size:10px;letter-spacing:.16em;font-weight:700;color:var(--muted)}.booking-settings-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:22px}.booking-settings-nav button{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:17px 14px;border-radius:12px;border:1px solid #dbe3ec;background:#fff;text-align:left;min-height:92px;color:#53657a}.booking-settings-nav svg{width:19px;height:19px}.booking-settings-nav strong{font-size:12px}.booking-settings-nav button[aria-current=page]{color:#1d5fc4;border-color:#80afea;background:#edf5ff;box-shadow:0 3px 12px #2563eb14}.booking-settings-card{padding:26px!important}.booking-editor-title{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:20px;margin-bottom:22px;border-bottom:1px solid #dbe3ec}.booking-editor-title h2{margin:0;font-size:20px}.booking-editor-title span{font-size:12px;color:var(--muted)}.booking-settings-section{border:1px solid #dbe3ec;border-radius:12px;padding:22px;margin-bottom:6px}.booking-settings-section>header{position:static!important;padding:0!important;display:block!important;border:0!important;min-height:0!important;background:none!important}.booking-settings-section h3,.booking-section-intro h3{font-size:15px;margin:0 0 6px}.booking-settings-section header p,.booking-section-intro p{font-size:13px;color:var(--muted);margin:0 0 20px;line-height:1.6}.booking-settings-section input[type=file]{padding:18px;border:1px dashed #9aadc4;border-radius:9px;background:#f6f9fc}.booking-settings-section .note{font-size:12px;line-height:1.65}.booking-settings-card .mkt-day{border:1px solid #dbe3ec;border-radius:10px;padding:15px;margin-bottom:8px;background:#f8fafc}.booking-settings-card .mkt-day:has(input[type=checkbox]:not(:checked)){opacity:.65}.booking-settings-card .mkt-day label{font-size:12px}.booking-settings-card [data-hours-status]{display:block;font-size:12px;padding:10px 0;color:var(--muted)}.booking-settings-card .mkt-save-bar{border-top:1px solid #dbe3ec;padding-top:18px;margin-top:22px}.booking-workspace .mkt-row-actions{flex-wrap:wrap}html[data-theme=dark] .booking-settings-nav button{background:#152333;border-color:#32465b;color:#b4c3d4}html[data-theme=dark] .booking-settings-nav button[aria-current=page]{background:#3a291e;border-color:#cf8b4a;color:#ffbb78;box-shadow:0 3px 14px #fb923c18}html[data-theme=dark] :is(.booking-settings-section,.booking-editor-title,.booking-settings-card .mkt-day){border-color:#32465b}html[data-theme=dark] .booking-settings-card .mkt-day,html[data-theme=dark] .booking-settings-section input[type=file]{background:#101e2d} @media(max-width:1050px){.booking-settings-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.booking-settings-nav button{min-height:75px;gap:8px}}@media(max-width:640px){.booking-settings-heading,.booking-editor-title{align-items:flex-start;flex-direction:column}.booking-settings-card{padding:16px!important}.booking-settings-section{padding:15px}.booking-settings-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.booking-settings-card .mkt-day{grid-template-columns:1fr 1fr}.booking-settings-card .mkt-day>.field:first-child{grid-column:1/-1}}

/* Customer paperwork clarity refresh */
.paperwork-designer{grid-template-columns:minmax(290px,370px) minmax(0,1fr);gap:26px}.paperwork-intro{padding:16px 0}.paperwork-intro p{max-width:650px;line-height:1.65}.paperwork-group{border-radius:12px}.paperwork-group summary{padding:16px;font-size:13px}.paperwork-group[open] summary{border-bottom:1px solid var(--border,#dce3eb)}.paperwork-group>div{padding:4px 16px 12px}.paperwork-setting{border-bottom:1px solid var(--border,#dce3eb);padding:10px 0}.paperwork-setting:last-child{border-bottom:0}.paperwork-toggle{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;position:relative;min-height:52px}.paperwork-toggle-copy{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.paperwork-toggle-copy strong{font-size:13px;font-weight:600}.paperwork-toggle-copy small{font-size:11px;color:var(--muted);line-height:1.5}.paperwork-toggle input{position:absolute;width:1px;height:1px;opacity:0;right:0}.paperwork-switch{display:block;width:38px;height:22px;flex-shrink:0;background:#a9b6c4;border:1px solid #8293a5;border-radius:20px;position:relative;transition:background .15s}.paperwork-switch:after{content:'';position:absolute;width:16px;height:16px;top:2px;left:2px;background:white;border-radius:50%;box-shadow:0 1px 3px #0003;transition:transform .15s}.paperwork-toggle input:checked+.paperwork-switch{background:#2370c8;border-color:#2370c8}.paperwork-toggle input:checked+.paperwork-switch:after{transform:translateX(16px)}.paperwork-toggle input:focus-visible+.paperwork-switch{outline:3px solid #8abaff;outline-offset:3px}.paperwork-toggle:has(input:disabled){opacity:.55;cursor:default}.paperwork-setting select{margin:7px 0 2px;width:100%;font-size:12px;border-radius:7px;min-height:35px}.paperwork-presets{padding:16px;margin-bottom:16px;border:1px solid var(--border,#dce3eb);border-radius:12px}.paperwork-presets>strong{font-size:13px}.paperwork-presets p{font-size:12px;color:var(--muted);line-height:1.5;margin:6px 0 12px}.paperwork-presets>div{display:flex;flex-wrap:wrap;gap:6px}.paperwork-presets button{font-size:11px;padding:7px 9px;min-height:32px}.paperwork-presets [role=status]{display:block;font-size:11px;margin-top:9px;color:var(--muted)}.paperwork-payment-preview{display:flex;align-items:center;gap:6px;padding:10px 14px;border-top:1px solid var(--border,#dce3eb);font-size:12px}.paperwork-payment-preview[hidden]{display:none}.paperwork-payment-preview span{margin-right:auto}.paperwork-payment-preview button{font-size:12px;min-height:30px;padding:5px 12px}.paperwork-payment-preview button[aria-pressed=true]{background:#2370c8;color:white;border-color:#2370c8}.paperwork-pricing-panel{padding:18px;border-radius:12px}.paperwork-pricing-panel p{line-height:1.65}.paperwork-preview{border-radius:12px}.paperwork-preview-toolbar{padding:16px;flex-wrap:wrap}.paperwork-face-tabs button{font-size:11px}.paperwork-preview-caption{padding:14px;line-height:1.5}html[data-theme=dark] .paperwork-toggle input:checked+.paperwork-switch{background:#c47532;border-color:#f2a45d}
html body .document.reference-document.professional-document[data-document-type] .doc-page{padding:36px 40px!important;font-family:Arial,Helvetica,sans-serif!important;color:#203345!important}.professional-document .doc-header{border-bottom:2px solid #243b50;padding-bottom:22px;margin-bottom:22px}.professional-document .doc-title h1{font-size:28px;letter-spacing:-.5px;font-weight:700}.professional-document .doc-eyebrow{font-size:8px;letter-spacing:1.3px}.professional-document .doc-info{gap:18px;border:1px solid #d6dfe7;border-radius:7px;padding:17px;margin-bottom:20px;background:#fff}.professional-document .doc-info>div{min-width:0}.professional-document .doc-info h3{font-size:9px;letter-spacing:1px;text-transform:uppercase;margin:0 0 9px}.professional-document .doc-info strong{font-size:12px;line-height:1.4}.professional-document .doc-info p,.professional-document .doc-fact{font-size:10px;line-height:1.6}.professional-document .doc-fact dt{color:#5e7080;font-size:9px}.professional-document .doc-fact dd{overflow-wrap:anywhere}.professional-document .doc-concerns{border-left:3px solid #536f88;padding:10px 14px;margin:0 0 20px}.professional-document .doc-concerns h3{font-size:11px;margin:0 0 8px}.professional-document .doc-job{margin-bottom:17px;border:1px solid #d6dfe7;border-radius:6px;overflow:hidden;break-inside:auto}.professional-document .doc-job table{width:100%;border-collapse:collapse}.professional-document .doc-job tbody td{font-size:10px;line-height:1.55;padding:9px 8px;vertical-align:top;border-bottom:1px solid #e6ebef}.professional-document .doc-job .doc-line-head th{font-size:8px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;padding:8px;color:#5e7080}.professional-document .doc-job-number{display:inline-block;min-width:22px;margin-right:7px;font-size:10px}.professional-document .doc-job-heading th{padding:12px 10px!important;font-size:12px!important;text-align:left}.professional-document .doc-job-total{padding:10px 8px;font-size:10px;gap:12px;align-items:center}.professional-document .doc-job-total b{font-size:12px;white-space:nowrap}.professional-document .doc-declined{border-style:dashed;opacity:1}.professional-document .doc-financials{margin:24px 0 16px;gap:30px}.professional-document .doc-financial-note h3{font-size:13px}.professional-document .doc-financial-note p{font-size:10px;line-height:1.6}.professional-document .doc-charge-breakdown{font-size:10px;line-height:1.7}.professional-document .doc-summary{font-variant-numeric:tabular-nums}.professional-document .doc-summary>div{padding:7px 0;font-size:11px}.professional-document .doc-summary .doc-grand-total{border-top:1px solid #b7c6d3;font-size:13px;padding-top:12px}.professional-document .doc-summary .doc-balance{padding:12px!important;margin-top:9px;border-radius:5px;font-size:13px!important}.professional-document .doc-payments h3{font-size:12px;margin:18px 0 10px}.professional-document .doc-payments th{font-size:9px;padding:9px 7px;text-align:left}.professional-document .doc-payments td{font-size:9px;padding:9px 7px;line-height:1.5}.professional-document .doc-policy{margin:0 0 15px;break-inside:avoid}.professional-document .doc-policy h3{font-size:10px;letter-spacing:.35px;margin:0 0 6px}.professional-document .doc-policy p{font-size:10px;line-height:1.65;margin:0}.professional-document .doc-authorization{border-top:1px solid #bdcad5;padding-top:20px;margin-top:20px;break-inside:avoid}.professional-document .doc-authorization h2{font-size:13px}.professional-document .doc-sign-line{min-height:70px}.professional-document .doc-sign-caption{font-size:9px;line-height:1.5}.professional-document .doc-foot{font-size:8px;border-top:1px solid #d6dfe7;padding-top:10px;margin-top:auto;gap:10px}.professional-document .doc-price-saving span{font-size:10px}@media(max-width:1050px){.paperwork-designer{grid-template-columns:1fr}.paperwork-preview{position:static;order:-1}.paperwork-controls{display:block}.paperwork-preview-frame{height:600px}}@media print{html body .document.reference-document.professional-document[data-document-type] .doc-page{box-shadow:none!important;border:0!important}.professional-document .doc-job thead{display:table-header-group}.professional-document .doc-job tr{break-inside:avoid}.professional-document .doc-financials{break-inside:avoid}}

/* Booking navigation motion */
#modal.booking-popup .booking-step-content>h3:focus,#modal.booking-popup .booking-success>h3:focus{outline:none}#modal.booking-popup .booking-steps li span{transition:background .2s,color .2s,box-shadow .2s}#modal.booking-popup .booking-steps li.active span{box-shadow:0 0 0 4px var(--booking-soft,#eaf3ff)}#modal.booking-popup .actions button,#modal.booking-popup .booking-time-options button,#modal.booking-popup .booking-service-options button{transition:background .16s,border-color .16s,box-shadow .16s,transform .16s}#modal.booking-popup .actions button:active,#modal.booking-popup .booking-time-options button:active{transform:scale(.98)}@media(prefers-reduced-motion:reduce){#modal.booking-popup *,#modal.booking-popup *:before,#modal.booking-popup *:after{animation:none!important;transition:none!important}}

.paperwork-essentials{border:1px solid var(--border,#dce3eb);border-radius:12px;padding:16px;margin:16px 0}.paperwork-essentials h3{font-size:13px;margin:0 0 8px}.paperwork-advanced{margin-top:18px}.paperwork-advanced>summary{cursor:pointer;font-size:13px;font-weight:650;padding:15px 0}.paperwork-advanced>summary small{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:5px}.paperwork-advanced>p{font-size:12px;line-height:1.5;color:var(--muted)}.paperwork-advanced .paperwork-switch{display:none}.paperwork-advanced .paperwork-toggle input{position:static;width:17px;height:17px;opacity:1;flex-shrink:0;accent-color:#2370c8}.paperwork-advanced .paperwork-toggle{min-height:40px}.paperwork-advanced .paperwork-toggle-copy small{display:none}

.mkt-modal .field input:focus,.mkt-modal .field textarea:focus,.mkt-modal .field select:focus{outline:2px solid #70b7ff!important;outline-offset:-3px!important}
.mkt-modal .mkt-preview-cta{color:#fff;text-decoration:none;cursor:pointer}.mkt-modal .mkt-preview-cta:hover{background:#1266b5}

/* Consistent, gently eased switch motion across settings and marketing. */
html body:is(body,#app) input[type=checkbox][role=switch]:not(:is(.ro-requirement,.paperwork-toggle) input),.ro-switch,.paperwork-switch{transition:background-color 240ms cubic-bezier(.22,1,.36,1),border-color 240ms ease,box-shadow 180ms ease!important}
html body:is(body,#app) input[type=checkbox][role=switch]:not(:is(.ro-requirement,.paperwork-toggle) input)::after,.ro-switch:after,.paperwork-switch:after{transition:transform 280ms cubic-bezier(.22,1,.36,1),box-shadow 180ms ease!important;backface-visibility:hidden}
@media(hover:hover){input[role=switch]:enabled:hover::after,.ro-requirement:has(input:enabled):hover .ro-switch:after,.paperwork-toggle:has(input:enabled):hover .paperwork-switch:after{box-shadow:0 2px 5px #10263850}}
input[role=switch]:enabled:active::after,.ro-requirement:has(input:enabled):active .ro-switch:after,.paperwork-toggle:has(input:enabled):active .paperwork-switch:after{box-shadow:0 1px 2px #10263860}
@media(prefers-reduced-motion:reduce){html body:is(body,#app) input[type=checkbox][role=switch]:not(:is(.ro-requirement,.paperwork-toggle) input),html body:is(body,#app) input[type=checkbox][role=switch]:not(:is(.ro-requirement,.paperwork-toggle) input)::after,.ro-switch,.ro-switch:after,.paperwork-switch,.paperwork-switch:after{transition:none!important}}

/* Reports adapt to the available width without hiding any columns. */
#modal:has(.report-results){width:min(1440px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;padding:24px}
.report-results{container-type:inline-size;min-width:0;margin-top:20px;overflow:visible}.report-results>p{margin-bottom:12px}.report-results table{width:100%;min-width:0!important;table-layout:fixed}.report-results :is(th,td){padding:12px;white-space:normal!important;overflow-wrap:anywhere;text-overflow:clip;max-width:none;font-variant-numeric:tabular-nums;vertical-align:top}.report-results th{font-weight:650}.report-results td span{display:block;min-width:0}
.report-results.report-cards table,.report-results.report-cards tbody{display:block}.report-results.report-cards thead{display:none}.report-results.report-cards tbody{display:grid;gap:14px}.report-results.report-cards tr{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--border,#dce3eb);border-radius:10px;padding:8px;background:var(--dark-panel,#fff)}.report-results.report-cards td{display:block;border:0;padding:10px 12px}.report-results.report-cards td:before{content:attr(data-label);display:block;font-size:11px;font-weight:650;color:var(--muted,#637789);margin-bottom:6px}.report-results.report-cards td span{font-size:14px;line-height:1.5}
@container(max-width:850px){.report-results table,.report-results tbody{display:block}.report-results thead{display:none}.report-results tbody{display:grid;gap:14px}.report-results tr,.report-results.report-cards tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--border,#dce3eb);border-radius:10px;padding:8px}.report-results td{display:block;border:0;padding:10px 12px}.report-results td:before{content:attr(data-label);display:block;font-size:11px;font-weight:650;color:var(--muted,#637789);margin-bottom:6px}}
@container(max-width:440px){.report-results tr,.report-results.report-cards tr{grid-template-columns:minmax(0,1fr)}}

/* Reading repair-order tables must not flash rows as the page scrolls under the pointer. */
html body .ro-main tbody tr:not([data-action]):hover,html[data-theme=dark] body .ro-main tbody tr:not([data-action]):hover{background:transparent!important;color:inherit!important}

/* Clearer labor-guide typography in inline search and the full guide. */
.labor-field-results,.guide-results{font-family:Inter,'Segoe UI',Arial,sans-serif;font-size:15px;line-height:1.6}
.labor-field-results .labor-result-copy strong,.guide-card .guide-card-copy>strong,.guide-option>div>strong{font-size:17px!important;font-weight:650;line-height:1.55;letter-spacing:0;font-style:normal;white-space:normal;overflow-wrap:anywhere}
.labor-field-results .labor-result-copy small,.guide-card .guide-card-conditions,.guide-option p{font-size:14px!important;line-height:1.65;font-weight:450;letter-spacing:0;color:#435d73}
.labor-result-copy{gap:8px}.labor-field-results [data-labor-pick]{padding:17px 18px;align-items:start;gap:18px}.labor-result-hours b,.guide-card-hours>strong,.guide-option-action>strong{font-size:23px;line-height:1.3;font-weight:700;font-variant-numeric:tabular-nums}.labor-result-hours small,.guide-card small,.guide-option-action>strong small{font-size:13px!important;line-height:1.5}.labor-results-heading strong{font-size:16px}.labor-results-heading span,.labor-results-help,.guide-count{font-size:13px}.guide-card,.guide-option{padding:18px}.labor-result-copy mark,.guide-card-conditions mark,.guide-option p mark{font-size:inherit;line-height:inherit}
html[data-theme=dark] .labor-field-results .labor-result-copy small,html[data-theme=dark] .guide-card .guide-card-conditions,html[data-theme=dark] .guide-option p{color:#d4e1ee!important;opacity:1}

/* Appointment workspace: restrained surfaces, clear hierarchy and grouped controls. */
.appointments-workspace{--appt-surface:#fff;--appt-raised:#f6f9fc;--appt-line:#dce5ee;--appt-text:#203b50;--appt-muted:#61778a;max-width:1700px;margin:0 auto}.appointments-workspace>.heading{margin-bottom:24px;align-items:center}.appointments-workspace>.heading .row{gap:10px}.appointment-overview{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px;background:var(--appt-surface);border:1px solid var(--appt-line);border-radius:14px 14px 0 0}.appointment-eyebrow{font-size:10px;font-weight:700;letter-spacing:1.5px;color:var(--appt-muted)}.appointment-overview h2{font-size:25px;font-weight:700;margin:5px 0;letter-spacing:-.4px;color:var(--appt-text)}.appointment-overview p{font-size:12px;color:var(--appt-muted)}.appointment-summary{display:flex;gap:32px}.appointment-summary>div{display:flex;flex-direction:column;gap:5px;min-width:85px}.appointment-summary strong{font-size:27px;font-weight:650;line-height:1.2;color:var(--appt-text);font-variant-numeric:tabular-nums}.appointment-summary span{font-size:12px;color:var(--appt-muted)}.appointment-controls{display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:18px;padding:18px 24px;background:var(--appt-surface);border:1px solid var(--appt-line);border-top:0;border-radius:0 0 14px 14px}.appointment-date-controls,.appointment-view-controls{display:flex;align-items:end;gap:8px}.appointment-date-controls>button{min-width:42px;height:44px}.appointment-control-label{display:flex;flex-direction:column;gap:6px;font-size:11px;color:var(--appt-muted);font-weight:600}.appointment-control-label :is(input,select){height:44px;min-height:44px;font-size:14px;min-width:0}.appointment-date-controls .appointment-control-label{margin-left:8px}.appointment-search{width:clamp(190px,25vw,360px)}.appointment-filter-panel{margin:16px 0;border:1px solid var(--appt-line);border-radius:10px;background:var(--appt-surface)}.appointment-filter-panel>summary{cursor:pointer;padding:13px 18px;font-weight:600;font-size:13px;color:var(--appt-text)}.appointment-filter-panel>summary span{font-size:11px;color:var(--appt-muted);font-weight:400;margin-left:8px}.appointments-workspace .appointment-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:4px 18px 18px;margin:0;border:0;background:transparent}.appointment-filters select{width:100%;font-size:13px}.appointment-filters button{justify-self:start}.appointments-workspace .appointment-timegrid{border:1px solid var(--appt-line);border-radius:12px;overflow:auto;background:var(--appt-surface);box-shadow:none;grid-template-columns:85px repeat(var(--days),minmax(125px,1fr))}.appointments-workspace .calendar-date{padding:12px 8px;background:var(--appt-raised)!important;border-color:var(--appt-line)!important}.appointments-workspace .calendar-date button{border:0;background:transparent;font-size:13px;font-weight:650;color:var(--appt-text)}.appointments-workspace .calendar-time-label{font-size:11px;font-weight:500;color:var(--appt-muted)!important;background:var(--appt-raised)!important;padding:14px 8px;border-color:var(--appt-line)!important}.appointments-workspace .calendar-slot,.appointments-workspace .calendar-allday{background:var(--appt-surface)!important;border-color:var(--appt-line)!important;min-height:55px;padding:5px}.appointments-workspace .calendar-slot-add{opacity:0;min-height:24px;border-radius:5px;transition:opacity .15s}.appointments-workspace .calendar-slot:hover .calendar-slot-add,.appointments-workspace .calendar-slot:focus-within .calendar-slot-add{opacity:1}.appointments-workspace .calendar-event{border:1px solid var(--appt-line);border-left:3px solid var(--event-color);background:var(--appt-raised)!important;border-radius:7px;padding:10px;gap:5px;margin:3px 0;box-shadow:0 1px 2px #00000008}.appointments-workspace .calendar-event strong{font-size:13px;line-height:1.45;color:var(--appt-text)!important}.appointments-workspace .calendar-event :is(span,small){font-size:11px;color:var(--appt-muted)!important;line-height:1.45}.appointments-workspace .calendar-grid{display:flex;flex-direction:column;gap:14px}.appointments-workspace .calendar-grid>.panel{margin:0;box-shadow:none;border-color:var(--appt-line)}.appointments-workspace .calendar-grid .panel-head{padding:10px 16px;background:var(--appt-raised)}.appointments-workspace .calendar-grid .panel-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;padding:16px}.appointments-workspace .appointment-card{padding:16px;margin:0;border:1px solid var(--appt-line);border-left-width:3px;border-radius:8px;background:var(--appt-surface)}.appointment-card>strong{font-size:15px}.appointment-card p{font-size:13px;margin-top:6px}.appointment-card small{font-size:12px;margin:8px 0 14px}.appointment-card button{font-size:12px;min-height:36px;margin-right:6px}.appointment-empty{text-align:center;padding:60px 24px;border:1px dashed var(--appt-line);border-radius:12px}.appointment-empty h3{margin:0 0 8px;font-size:20px}.appointment-empty p{margin-bottom:20px}
html[data-theme=dark] .appointments-workspace{--appt-surface:#152232;--appt-raised:#1c2d40;--appt-line:#344b60;--appt-text:#edf4fa;--appt-muted:#afc1d1}
@media(max-width:900px){.appointment-overview{align-items:flex-start}.appointment-summary{gap:18px}.appointment-controls{padding:16px}.appointment-view-controls{flex:1}.appointment-search{flex:1;width:auto}.appointments-workspace .appointment-timegrid{grid-template-columns:75px repeat(var(--days),minmax(125px,1fr))}}
@media(max-width:600px){.appointment-overview{flex-direction:column;padding:20px}.appointment-summary{width:100%;justify-content:space-between}.appointment-summary>div{min-width:0}.appointment-summary strong{font-size:24px}.appointment-date-controls,.appointment-view-controls{width:100%}.appointment-date-controls .appointment-control-label{flex:1}.appointment-control-label input{width:100%}.appointments-workspace .appointment-filters{grid-template-columns:1fr}.appointments-workspace>.heading{align-items:flex-start;flex-direction:column}.appointments-workspace .calendar-slot-add{opacity:1}.appointment-search{min-width:0}}

.reference-ro-layout .favorite-jobs{display:flex;align-items:center;gap:10px;padding:12px 0 16px;flex-wrap:wrap}.favorite-job-shortcuts{display:flex;align-items:center;flex-wrap:wrap;gap:8px;flex:1;min-width:min(100%,180px)}.reference-ro-layout .favorite-job-add{white-space:normal;text-align:left;border-color:#b8d4e9;background:#edf6ff;color:#195780;font-weight:600;line-height:1.4}.favorite-jobs-empty{font-size:12px;color:#61788d}.reference-ro-layout .favorite-jobs-manage{margin-left:auto}html[data-theme=dark] .reference-ro-layout .favorite-job-add{background:#203a51!important;border-color:#42657f!important;color:#e5f3ff!important}html[data-theme=dark] .favorite-jobs-empty{color:#b2c5da}

.purchase-vendor-parts{margin-top:7px;line-height:1.6;font-size:12px}.purchase-status-control{border:0;background:transparent;padding:4px;min-height:36px}.purchase-status-control:hover{background:#1674cc12}.purchase-status-control:after{content:' ⌄';font-size:12px}.purchase-lines-heading{display:flex;justify-content:space-between;align-items:center;margin:20px 0 12px}.purchase-edit-line{display:grid;grid-template-columns:minmax(170px,2fr) 80px 100px minmax(130px,1fr) auto;gap:10px;align-items:end;border:1px solid var(--border,#dce3eb);border-radius:10px;padding:12px;margin-bottom:10px}.purchase-edit-line :is(input,select){width:100%;min-width:0}.purchase-edit-total{text-align:right;font-weight:700;font-size:19px;margin:18px 0}#modal:has(.purchase-details-editor){width:min(1100px,calc(100vw - 32px));max-width:calc(100vw - 32px);overflow-y:auto}.purchase-details-editor>.field{margin-top:16px}@media(max-width:800px){.purchase-edit-line{grid-template-columns:1fr 1fr}.purchase-edit-line>.field:first-child{grid-column:1/-1}.purchase-edit-line>button{justify-self:start}}

/* Compact repair order details */
.ro-sidebar .side-group{margin:6px 0!important;border:1px solid #3c5267!important;border-radius:10px!important;overflow:hidden;background:#1c2d3e!important}
.ro-sidebar .side-group>summary,.ro-sidebar .side-group[open]>summary{min-height:38px!important;padding:9px 12px!important;font-size:13px!important;font-weight:700!important;letter-spacing:.015em;background:#263b4e!important;color:#edf4fa!important}
.ro-sidebar .side-group>summary:hover{background:#304a60!important}
.ro-sidebar .side-card{display:grid!important;grid-template-columns:minmax(82px,36%) minmax(0,1fr);align-items:center!important;gap:6px!important;padding:6px 12px!important;border-bottom:1px solid #314557!important;background:transparent!important;min-height:34px}
.ro-sidebar .side-card:last-child{border-bottom:0!important}
.ro-sidebar .side-card>b{font-size:11px!important;font-weight:500!important;line-height:1.35!important;color:#adbed0!important;letter-spacing:0!important}
.ro-sidebar .side-card>span{width:auto!important;font-size:13px!important;line-height:1.4!important}
.ro-sidebar .side-card .side-link{font-size:13px!important;line-height:1.4!important;min-height:28px!important;padding:3px 5px!important;margin:0 -5px!important;border-radius:5px!important;overflow-wrap:anywhere}
.ro-sidebar .side-card strong .side-link{font-size:14px!important;font-weight:650!important}
.ro-sidebar .side-stack:has(>strong){display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:2px!important;padding:9px 12px!important}
.ro-sidebar .side-stack small{font-size:11px!important;line-height:1.4!important;margin:0!important;color:#afc2d3!important}
.ro-sidebar .side-history-view{width:auto!important;min-width:0!important;min-height:28px!important;padding:4px 9px!important;margin:0!important;justify-self:start;background:#29465f!important;border:1px solid #526e87!important;font-size:12px!important}
.ro-sidebar .side-card.missing-information{border-left:2px solid #be8e43!important;background:#302f29!important}
.ro-sidebar .side-service .panel-body{padding:10px 12px!important}.ro-sidebar .service-data-vehicle{font-size:12px!important;line-height:1.45!important;margin:0 0 5px!important}

/* Repair order workspace: compact, consistent hierarchy */
.reference-ro-layout .reference-ro-header{padding:12px 18px 0!important}
.reference-ro-layout .reference-ro-title{gap:9px!important;align-items:center!important}.reference-ro-layout .reference-ro-title h1{font-size:18px!important;line-height:1.35!important;letter-spacing:-.2px;margin:0!important}
.reference-ro-layout .reference-ro-title :is(.reference-back,.ro-status-button){min-height:36px!important;min-width:36px!important;padding:7px 10px!important}
.reference-ro-layout .reference-mileage.odometer-panel{margin:8px 0!important;width:min(100%,650px)!important;padding:8px 10px!important;gap:8px!important;border-radius:9px!important}
.reference-ro-layout .odometer-panel button{min-height:34px!important;padding:6px 10px!important;font-size:12px!important}.reference-ro-layout .odometer-panel strong{font-size:14px!important}
.reference-ro-layout .reference-ro-nav{padding:8px 0!important;gap:7px!important}.reference-ro-layout .reference-ro-nav>.tabs{border-radius:9px!important;padding:3px!important}
.reference-ro-layout .reference-ro-nav>.tabs button{min-height:34px!important;padding:7px 11px!important;font-size:13px!important;border-radius:6px!important}
.reference-ro-layout .reference-tools :is(button,summary){min-height:34px!important;padding:6px 10px!important;font-size:12px!important;border-radius:7px!important}
.reference-ro-layout .ro-workspace{padding:0 18px!important}.reference-ro-layout .ro-main .build-toolbar{padding:8px 10px!important;gap:8px!important;margin:0 0 6px!important;border-radius:9px!important}
.reference-ro-layout .build-toolbar #canned-search{height:36px!important;min-height:36px!important;max-width:none!important;font-size:13px!important;padding:7px 10px!important}
.reference-ro-layout .build-toolbar .build-menu>summary{min-height:36px!important;padding:7px 13px!important;border-radius:7px!important;font-size:13px!important}
.reference-ro-layout .favorite-jobs{margin:0 0 9px!important;padding:4px 0 8px!important;gap:7px!important}.reference-ro-layout .favorite-jobs button{min-height:30px!important;padding:5px 9px!important;font-size:12px!important;border-radius:6px!important}.favorite-job-shortcuts{gap:6px!important}
.reference-ro-layout .ro-main .issues-panel{margin:0 0 10px!important;border-radius:9px!important}.reference-ro-layout .issues-panel .issues-top{padding:6px 8px!important;border-radius:9px 9px 0 0!important;gap:6px!important}
.reference-ro-layout .issues-top .tabs button,.reference-ro-layout .issues-top>button{min-height:32px!important;padding:6px 9px!important;font-size:12px!important;border-radius:6px!important}
.reference-ro-layout .issues-label{padding:7px 12px!important;font-size:11px!important;font-weight:650!important}.reference-ro-layout .issue-row{padding:8px 12px!important;font-size:13px!important;line-height:1.45!important}.reference-ro-layout .issues-actions{padding:7px 10px!important}.reference-ro-layout .issues-actions button{min-height:32px!important;padding:6px 10px!important;font-size:12px!important}
.reference-ro-layout .ro-main .organized-jobs-toolbar{margin:10px 0 8px!important;gap:7px!important}.reference-ro-layout .organized-jobs-toolbar h2{font-size:16px!important}.reference-ro-layout .organized-jobs-toolbar button{min-height:32px!important;padding:6px 10px!important;font-size:12px!important}
.reference-ro-layout .ro-main .reference-job{border-radius:9px!important;margin-bottom:10px!important;box-shadow:none!important;overflow:hidden}
.reference-ro-layout .ro-main .job .panel-head{padding:9px 12px!important;gap:8px!important}.reference-ro-layout .ro-main .panel-head strong{font-size:14px!important;line-height:1.4!important}
.reference-ro-layout .ro-main .job-header-actions button{min-height:32px!important;min-width:32px!important;padding:5px 8px!important;font-size:12px!important}.reference-ro-layout .ro-main .job-header-actions .job-icon{width:32px!important;height:32px!important;font-size:17px!important}
.reference-ro-layout .job-lines th{padding:7px 10px!important;font-size:11px!important;font-weight:650!important}.reference-ro-layout .job-lines td{padding:8px 10px!important;font-size:13px!important;line-height:1.45!important;vertical-align:top!important;font-variant-numeric:tabular-nums}
.job-lines .part-quantity{font-family:Inter,"Segoe UI",Arial,sans-serif!important;font-size:18px!important;font-weight:750!important;line-height:1.35!important;letter-spacing:.015em;font-variant-numeric:tabular-nums;white-space:nowrap;color:#17354c}
html[data-theme=dark] .job-lines .part-quantity{color:#f3f7fc}
.reference-ro-layout .job-lines .part-quantity{font-size:16px!important;font-weight:750!important;letter-spacing:.01em}
.job-lines .zero-attention{color:#d7193f!important;background-color:rgba(240,36,68,.12)!important;font-weight:800!important;text-shadow:0 0 .01px currentColor}
html[data-theme=dark] .job-lines .zero-attention{color:#ff526b!important;background-color:rgba(255,52,85,.18)!important}
.reference-ro-layout .part-description{gap:6px!important}.reference-ro-layout .part-status{padding:3px 6px!important;font-size:11px!important}.reference-ro-layout .ro-main .job-footer{padding:7px 10px!important;gap:7px!important}.reference-ro-layout .job-footer>.row{padding:0!important;gap:6px!important}.reference-ro-layout :is(.job-tax,.job-final){padding:7px 12px!important}.reference-ro-layout .job-final strong{font-size:16px!important;margin-top:2px!important}
.reference-ro-layout .ro-totalbar{padding:8px 14px!important;gap:10px!important}.reference-ro-layout .ro-total-metrics{gap:14px!important}.reference-ro-layout .ro-total-actions{gap:10px!important;padding-left:10px!important}.reference-ro-layout .ro-total-actions button{min-height:36px!important;padding:7px 12px!important}.reference-ro-layout .ro-total-actions .ro-grand-total b{font-size:18px!important}
@media(max-width:600px){.reference-ro-layout .reference-ro-header{padding:10px 12px 0!important}.reference-ro-layout .ro-workspace{padding:0 12px!important}.reference-ro-layout .reference-ro-title h1{font-size:16px!important}.reference-ro-layout .job-header-actions{flex-wrap:wrap!important}.reference-ro-layout .ro-totalbar{padding:8px!important}.reference-ro-layout .ro-total-metrics{gap:10px!important}}

/* Compact customer paperwork, shared by Estimate, Repair Order and Invoice. */
.document.reference-document.professional-document .doc-page{padding:24px 30px!important;color:#1e2d39!important;font-family:Arial,Helvetica,sans-serif!important;line-height:1.4!important}
.document.professional-document .doc-header{padding-bottom:12px!important;margin-bottom:12px!important;border-bottom:2px solid #28465d!important;gap:16px!important}
.document.professional-document .doc-title h1{font-size:25px!important;line-height:1.15!important;letter-spacing:-.5px!important;margin:0 0 5px!important}
.document.professional-document .doc-shop h2{font-size:17px!important;margin:0 0 4px!important}.document.professional-document .doc-shop p{font-size:10px!important;line-height:1.4!important;margin:2px 0!important}
.document.professional-document .doc-info{padding:11px 12px!important;margin-bottom:12px!important;gap:12px!important;border-radius:5px!important;background:#f8fafb!important}
.document.professional-document .doc-info h3{margin:0 0 5px!important;font-size:9px!important;letter-spacing:.5px!important}.document.professional-document .doc-info p,.document.professional-document .doc-fact{font-size:10.5px!important;line-height:1.4!important;margin:3px 0!important}
.document.professional-document .doc-concerns{padding:8px 10px!important;margin:0 0 12px!important}.document.professional-document .doc-concerns h3{margin:0 0 4px!important}
.document.professional-document .doc-job{margin-bottom:10px!important;border-radius:5px!important;border-color:#cbd6df!important}
.document.professional-document .doc-job-heading th{padding:8px 9px!important;font-size:11.5px!important;background:#edf2f6!important;color:#223e53!important}
.document.professional-document .doc-job .doc-line-head th{padding:5px 8px!important;font-size:9px!important;text-transform:none!important;letter-spacing:0!important}
.document.professional-document .doc-job tbody td{padding:6px 8px!important;font-size:10.5px!important;line-height:1.4!important;overflow-wrap:anywhere!important}
.document.professional-document .doc-job-total{padding:7px 8px!important;gap:9px!important;font-size:10px!important}.document.professional-document .doc-job-total b{font-size:11.5px!important}
.document.professional-document .doc-financials{margin:14px 0 10px!important;gap:20px!important}.document.professional-document .doc-financial-note h3{font-size:12px!important;margin:0 0 5px!important}.document.professional-document .doc-financial-note p{font-size:10.5px!important;line-height:1.45!important;margin:4px 0!important}
.document.professional-document .doc-charge-breakdown{font-size:10.5px!important;line-height:1.5!important}.document.professional-document .doc-summary>div{padding:4px 0!important;font-size:10.5px!important}.document.professional-document .doc-summary .doc-grand-total{font-size:12px!important;padding-top:7px!important}.document.professional-document .doc-summary .doc-balance{padding:8px!important;margin-top:6px!important;font-size:12px!important}
.document.professional-document .doc-payments h3{margin:12px 0 6px!important;font-size:11px!important}.document.professional-document .doc-payments :is(th,td){padding:6px 7px!important;font-size:10px!important;line-height:1.4!important}
.document.professional-document .doc-policy{margin-bottom:10px!important}.document.professional-document .doc-policy h3{margin:0 0 4px!important;font-size:10px!important}.document.professional-document .doc-policy p{font-size:10px!important;line-height:1.45!important}
.document.professional-document .doc-authorization{padding-top:12px!important;margin-top:12px!important}.document.professional-document .doc-sign-line{min-height:58px!important}.document.professional-document .doc-foot{padding-top:7px!important;font-size:8px!important}
@media print{.document.professional-document .doc-job thead{display:table-header-group!important}.document.professional-document .doc-job tr{break-inside:avoid!important}.document.professional-document :is(.doc-header,.doc-info,.doc-financials,.doc-authorization){break-inside:avoid!important}.document.professional-document h3{break-after:avoid!important}}

.recommendation-controls{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:10px!important}
.recommendation-controls #recommendation-search{flex:1 1 220px!important;width:auto!important;min-width:180px!important;max-width:none!important;box-sizing:border-box!important;min-height:38px!important;padding:8px 11px!important;font-size:13px!important}
.recommendation-controls>:not(input){flex:0 1 220px!important;width:220px!important;min-width:180px!important;max-width:100%!important;box-sizing:border-box!important}
.recommendation-controls select{min-height:38px!important;font-size:13px!important}
@media(max-width:600px){.recommendation-controls{flex-direction:column!important;align-items:stretch!important}.recommendation-controls #recommendation-search,.recommendation-controls>:not(input){flex:0 0 auto!important;width:100%!important;min-width:0!important}}
.recommendation-state.is-soon{background:#fff2d4;color:#785316}html[data-theme=dark] .recommendation-state.is-soon{background:#4a3d22;color:#ffe0a0}

/* Keep pricing toggle independent of toolbar button sizing. */
html body .reference-ro-layout .ro-totalbar .cash-card-control .cash-card-toggle,html body .cash-card-control button.cash-card-toggle{display:inline-block!important;flex:0 0 44px!important;width:44px!important;min-width:44px!important;max-width:44px!important;height:26px!important;min-height:26px!important;max-height:26px!important;padding:0!important;margin:0!important;box-sizing:border-box!important;vertical-align:middle!important;border-radius:999px!important;line-height:1!important;overflow:hidden!important}
html body .cash-card-toggle .cash-card-thumb{display:block!important;position:absolute!important;top:3px!important;left:3px!important;width:18px!important;height:18px!important;margin:0!important;padding:0!important;min-width:18px!important;min-height:18px!important;box-sizing:border-box!important;transform:translateX(0);transition:transform 260ms cubic-bezier(.2,.8,.2,1)!important}
html body .cash-card-toggle[aria-checked=true] .cash-card-thumb{transform:translateX(18px)!important}
@media(prefers-reduced-motion:reduce){html body .cash-card-toggle .cash-card-thumb{transition:none!important}}

.management-vendors .vendor-name-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;min-width:190px}.management-vendors .vendor-name-actions .record-title{border:0!important;background:transparent!important;box-shadow:none!important;padding:4px 0!important;min-height:30px!important;border-radius:0!important;text-align:left!important;white-space:normal;font-size:14px!important;font-weight:650!important;color:inherit!important}.management-vendors .vendor-name-actions [data-action=manage-car-part-search]{padding:6px 11px!important;min-height:32px!important;white-space:nowrap;font-size:12px!important;border-radius:7px!important}.management-vendors th button{background:transparent!important;border:0!important;box-shadow:none!important;padding:3px 0!important;min-height:28px!important;font-size:12px!important;border-radius:0!important}.management-vendors :is(th,td){vertical-align:middle!important}.management-vendors th:first-child,.management-vendors td:first-child{width:48px!important;padding-left:14px!important;padding-right:10px!important}

#modal.car-part-selection-dialog{width:min(640px,calc(100vw - 28px));max-width:640px}#modal.car-part-selection-dialog>h2{font-size:21px;letter-spacing:-.3px;margin-bottom:16px}.car-part-selection{display:grid;gap:18px}.car-part-steps{display:flex;gap:7px;align-items:center;font-size:11px;color:var(--muted,#9bb0c5)}.car-part-steps>*{flex:1;padding:8px 10px;border:1px solid var(--border,#3b5168);border-radius:6px;text-align:center}.car-part-steps strong{background:#234563;color:#e9f4ff;border-color:#4e82ae}.car-part-vehicle-summary{padding:15px 17px;border:1px solid var(--border,#3b5168);border-radius:10px;background:rgba(111,152,190,.07)}.car-part-eyebrow{font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--muted,#9bb0c5)}.car-part-vehicle-summary h3{font-size:17px;line-height:1.4;margin:6px 0!important}.car-part-vehicle-summary p{font-size:13px;line-height:1.5;margin:0 0 6px!important}.car-part-vehicle-summary small{font-size:11px;letter-spacing:.03em;overflow-wrap:anywhere;color:var(--muted,#9bb0c5)}.car-part-fields h3{font-size:15px;margin:0 0 4px!important}.car-part-help{font-size:12px;line-height:1.5;color:var(--muted,#a9bdd1);margin:4px 0 12px}.car-part-fields .field{font-size:12px;font-weight:600;gap:7px;margin:0}.car-part-fields input{min-height:42px!important;padding:10px 12px!important;font-size:14px!important;border-radius:8px!important}.car-part-match{margin-top:18px;padding-top:16px;border-top:1px solid var(--border,#3b5168)}.car-part-match .car-part-help{margin-bottom:0}#modal.car-part-selection-dialog .actions{gap:8px;margin-top:20px;padding-top:14px}#modal.car-part-selection-dialog .actions button{min-height:38px;padding:8px 13px;font-size:13px;border-radius:8px}@media(max-width:450px){.car-part-steps{font-size:10px;gap:4px}.car-part-steps>*{padding:7px 4px}#modal.car-part-selection-dialog .actions{flex-wrap:wrap}}

.car-part-results-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin:14px 0}.car-part-results-toolbar>strong{font-size:13px}.car-part-results-toolbar label{display:flex;align-items:center;gap:8px;font-size:12px}.car-part-results-toolbar select{width:210px;min-height:36px;font-size:12px}.car-part-listing{padding:16px!important;margin-bottom:12px!important}.car-part-listing h3{font-size:17px;margin:0 0 10px}.car-part-listing>p{font-size:13px;line-height:1.5}.car-part-supplier{padding:11px 13px;border-left:3px solid #3989cf;background:rgba(50,137,211,.1);border-radius:6px;margin:12px 0 8px}.car-part-supplier>strong{color:#79bbf2;font-size:15px}.car-part-supplier p{font-size:12px;line-height:1.5;margin:4px 0 0}.car-part-listing-mileage{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;padding:8px 0;font-size:12px}.car-part-listing-mileage strong{font-size:14px}.car-part-listing-mileage small{color:var(--muted,#9bb0c5);font-size:11px}html[data-theme=light] .car-part-supplier>strong{color:#155c93}

/* Address controls must fill their grid cell, including enhanced state selects. */
.ro-address-locality{grid-template-columns:minmax(0,1.2fr) minmax(180px,1fr) minmax(120px,.7fr)}.ro-address-locality>.field{display:flex;flex-direction:column;min-width:0;align-items:stretch}.ro-address-locality>.field>input,.ro-address-locality>.field>select,.ro-address-locality>.field>.desktop-select{width:100%!important;min-width:0!important;max-width:100%;box-sizing:border-box}.ro-address-locality .desktop-select-trigger{width:100%!important;min-width:0!important}.ro-address-locality select[name=state]{padding-right:32px!important}@media(max-width:650px){.ro-address-locality{grid-template-columns:minmax(0,1fr) minmax(100px,.7fr)}.ro-address-locality>.field:first-child{grid-column:1/-1}}

.customer-edit-drawer{width:min(880px,calc(100vw - 32px))!important;max-width:880px!important}.customer-edit-drawer .customer-drawer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.customer-edit-drawer .customer-editor-section{min-width:0;margin:0;padding:16px;border:1px solid #cbd5e1;border-radius:12px;background:#f7f9fc}.customer-edit-drawer .customer-editor-section h3{font-size:15px;margin:0 0 12px}.customer-edit-drawer .customer-editor-section>.field{margin:10px 0}.customer-edit-drawer .customer-editor-section input,.customer-edit-drawer .customer-editor-section select{min-height:40px;padding:9px 11px}.customer-edit-drawer .contact-row{display:flex;align-items:end;gap:8px;padding:8px;margin:8px 0}.customer-edit-drawer .contact-row>.field{min-width:0;flex:1}.customer-edit-drawer .contact-row button{min-width:32px;min-height:36px;padding:6px}.customer-edit-drawer .customer-check{display:flex;align-items:center;gap:10px;font-size:13px;line-height:1.4;padding:9px 0}.customer-edit-drawer .ro-customer-address,.customer-edit-drawer .customer-editor-section:last-child{grid-column:1/-1}.customer-edit-drawer .ro-customer-address{padding:16px}.customer-edit-drawer .customer-editor-section .field{font-size:13px}.customer-edit-drawer .customer-editor-section:last-child>.field{margin:0}.customer-edit-drawer .actions{position:sticky;bottom:0;z-index:5}html[data-theme=dark] .customer-edit-drawer .customer-editor-section{background:#192b3d;border-color:#405975}html[data-theme=dark] .customer-edit-drawer .customer-editor-section h3{color:#edf4fc}@media(max-width:700px){.customer-edit-drawer .customer-drawer{grid-template-columns:minmax(0,1fr)}.customer-edit-drawer .customer-editor-section{grid-column:1!important}}

.vehicle-drawer [data-identity-selection]{padding:16px;border:1px solid #cbd5e1;border-radius:12px;background:#f3f7fb;color:#233f54;margin:16px 0}.vehicle-drawer [data-identity-selection] h3{margin:0 0 14px;color:inherit}.vehicle-drawer [data-identity-selection] .field{color:inherit}.vehicle-drawer [data-identity-continue]{margin-top:14px}html[data-theme=dark] .vehicle-drawer [data-identity-selection]{background:#1c3044!important;color:#eef5fc!important;border-color:#48627b!important}html[data-theme=dark] .vehicle-drawer [data-identity-selection] h3,html[data-theme=dark] .vehicle-drawer [data-identity-selection] .field{color:#eef5fc!important}

.marketing-workspace .mkt-row-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.marketing-workspace .mkt-section-heading{gap:16px;margin:24px 0 14px;align-items:center}.marketing-workspace .mkt-section-heading h3{margin:0}.marketing-workspace .mkt-card{padding:20px;border-radius:12px;margin-bottom:18px}.marketing-workspace .mkt-card h3{margin:0 0 10px}.marketing-workspace .mkt-card p{margin:0 0 16px;line-height:1.5}.marketing-workspace .mkt-grid{gap:18px;margin-top:20px;margin-bottom:20px}.marketing-workspace .mkt-row-actions button{min-height:40px;padding:10px 16px;border-radius:9px;margin:0}.marketing-workspace .mkt-table{margin-bottom:20px}.marketing-workspace .mkt-table+.mkt-card{margin-top:20px}@media(max-width:700px){.marketing-workspace .mkt-section-heading{align-items:flex-start;flex-direction:column}.marketing-workspace .mkt-row-actions{width:100%}.marketing-workspace .mkt-row-actions button{flex:1 1 auto}}

.purchase-edit-line{grid-template-columns:minmax(160px,2fr) minmax(120px,1fr) 75px 100px minmax(130px,1fr) auto}@media(max-width:900px){.purchase-edit-line{grid-template-columns:repeat(2,minmax(0,1fr))}.purchase-edit-line>.field:first-child{grid-column:1/-1}}

.customer-search-dropdown{position:relative;z-index:8}.customer-search-dropdown>#ro-customer-results:empty{display:none}.customer-search-dropdown>#ro-customer-results{position:absolute;top:calc(100% + 6px);left:0;right:0;max-height:320px;overflow:auto;padding:6px;border:1px solid #c7d5e4;border-radius:12px;background:#fff;box-shadow:0 14px 36px #10243b30;scrollbar-width:thin}.customer-search-dropdown #ro-customer-results>button{display:flex;align-items:center;gap:12px;width:100%;min-height:62px;padding:10px 12px;margin:0;border:0;border-radius:8px;background:transparent;text-align:left;color:#20394f}.customer-search-dropdown #ro-customer-results>button:hover,.customer-search-dropdown #ro-customer-results>button:focus-visible{background:#eaf3fc;outline:2px solid #3586ce;outline-offset:-2px}.customer-search-avatar{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:9px;background:#dcebf8;color:#245d88;font-size:12px;font-weight:700}.customer-search-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}.customer-search-copy strong{font-size:14px}.customer-search-copy small{font-size:11px;opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-search-phone{font-size:12px;white-space:nowrap;font-weight:500}.customer-search-dropdown #ro-customer-results>p{padding:12px;font-size:13px}html[data-theme=dark] .customer-search-dropdown>#ro-customer-results{background:#182b3e;border-color:#4a657e}html[data-theme=dark] .customer-search-dropdown #ro-customer-results>button{color:#edf5fc;background:transparent}html[data-theme=dark] .customer-search-dropdown #ro-customer-results>button:hover,html[data-theme=dark] .customer-search-dropdown #ro-customer-results>button:focus-visible{background:#26455f}html[data-theme=dark] .customer-search-avatar{background:#2e4e69;color:#bddfff}@media(max-width:500px){.customer-search-phone{font-size:11px}.customer-search-avatar{display:none}}

.archive-order-heading{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:0 0 20px}.archive-order-heading h1{flex:1;min-width:200px;font-size:24px;margin:0;line-height:1.3}.archive-order-statuses{display:flex;align-items:center;gap:8px}.archive-status{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;min-height:32px;border-radius:999px;font-size:12px;font-weight:650;line-height:1;white-space:nowrap}.archive-status::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.archive-status-paid{background:#e0f4e9;color:#166443;border:1px solid #a5d7bd}.archive-status-posted{background:#e7edff;color:#394d99;border:1px solid #b4c1ef}html[data-theme=dark] .archive-status-paid{background:#163c30;color:#8be1b4;border-color:#2b7055}html[data-theme=dark] .archive-status-posted{background:#293457;color:#bdcaff;border-color:#53659a}@media(max-width:650px){.archive-order-heading h1{font-size:20px}.archive-order-statuses{margin-left:0}}

#modal:has(#global-ro-query){width:min(860px,calc(100vw - 32px));max-width:860px}#global-ro-query{min-height:46px}#global-ro-results{display:grid;gap:12px;max-height:65vh;overflow:auto;margin-top:16px;padding:2px 4px 4px}#global-ro-results .global-result{display:flex;flex-direction:column;align-items:stretch;gap:8px;width:100%;padding:16px;margin:0;text-align:left;white-space:normal;border:1px solid #cad7e4;border-radius:12px;background:#f8fafc;color:#233b50}#global-ro-results .global-result:hover{border-color:#438aca;background:#edf5fc}#global-ro-results .global-result>strong{font-size:17px}#global-ro-results .global-result>small{font-size:12px;line-height:1.6}.global-result-kind{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#477395;font-weight:700}.global-result-vehicles{display:grid;gap:8px;margin-top:4px}.global-vehicle{display:grid;grid-template-columns:1fr 1fr;gap:5px 12px;padding:10px 12px;background:#eaf0f6;border-radius:8px;font-size:12px;overflow-wrap:anywhere}.global-vehicle>b{grid-column:1/-1;font-size:13px}html[data-theme=dark] #global-ro-results .global-result{background:#1c3043;color:#eef5fc;border-color:#3e5971}html[data-theme=dark] #global-ro-results .global-result:hover{background:#25455f;border-color:#6ba6d6}html[data-theme=dark] .global-vehicle{background:#142638}html[data-theme=dark] .global-result-kind{color:#9bc9ec}@media(max-width:600px){.global-vehicle{grid-template-columns:1fr}}

/* Compact address form with balanced locality widths. */
.ro-create .ro-customer-address{display:grid;grid-template-columns:minmax(0,2fr) minmax(140px,1fr);gap:14px 16px;padding:18px!important;margin-top:18px!important;border:1px solid #cbd7e3;border-radius:12px;background:#f4f8fc}.ro-create .ro-customer-address>h3{grid-column:1/-1;margin:0!important;padding:0 0 12px;border-bottom:1px solid #cad7e4;font-size:15px}.ro-create .ro-customer-address>.address-autocomplete-field{min-width:0}.ro-create .ro-customer-address>small[data-address-help]{grid-column:1/-1;margin:0}.ro-create .ro-customer-address>small[data-address-help]:empty{display:none}.ro-create .ro-customer-address>.field{margin:0!important}.ro-create .ro-customer-address .field{font-size:12px!important;font-weight:600;gap:7px}.ro-create .ro-customer-address :is(input,select,.desktop-select-trigger){min-height:42px!important;font-size:14px!important;padding:10px 12px!important;border-radius:9px!important}.ro-create .ro-customer-address .ro-address-locality{grid-column:1/-1;grid-template-columns:minmax(0,1.3fr) minmax(0,1.2fr) minmax(90px,.65fr);gap:16px}.ro-create .ro-customer-address .ro-address-locality>.field{margin:0!important}.ro-create .ro-customer-address .desktop-select{min-width:0!important;width:100%!important}html[data-theme=dark] .ro-create .ro-customer-address{background:#172b3d;border-color:#405b72}html[data-theme=dark] .ro-create .ro-customer-address>h3{border-color:#405b72;color:#edf5fc}@media(max-width:600px){.ro-create .ro-customer-address{grid-template-columns:minmax(0,1fr);padding:14px!important}.ro-create .ro-customer-address .ro-address-locality{grid-template-columns:minmax(0,1fr) minmax(90px,.7fr)}.ro-create .ro-customer-address .ro-address-locality>.field:first-child{grid-column:1/-1}}

#modal:has(#global-ro-query){font-family:Inter,"Segoe UI",Arial,sans-serif}#global-ro-query{font-size:16px!important;font-weight:500;letter-spacing:0;line-height:1.5}#global-ro-results .global-result{font-family:Inter,"Segoe UI",Arial,sans-serif!important;line-height:1.5;letter-spacing:0}#global-ro-results .global-result>strong{font-size:19px!important;font-weight:650;line-height:1.35;letter-spacing:-.01em}#global-ro-results .global-result>small{font-size:14px!important;line-height:1.65;opacity:1;color:#51677b}.global-result-kind{font-size:11px!important;letter-spacing:.06em}.global-vehicle{font-size:14px!important;line-height:1.55}.global-vehicle>b{font-size:15px!important;font-weight:600}.global-vehicle>span{font-variant-numeric:tabular-nums;font-weight:450;letter-spacing:.015em}html[data-theme=dark] #global-ro-results .global-result>small{color:#c4d5e5}

.workspace-refresh-status{position:fixed;right:24px;bottom:24px;z-index:40;padding:8px 14px;border-radius:20px;background:var(--panel,#172b3d);color:var(--text,#e8f2fb);border:1px solid #56718b;font:500 13px system-ui;box-shadow:0 4px 16px #0002;pointer-events:none}

/* Fluid detail panels keep the same readable dark surface in both themes. */
.fluid-card>.fluid-source-details,.fluid-card>.fluid-source-details[open]{background:#253841!important;color:#f5f7f8!important;border:1px solid #526b77!important;border-radius:9px;padding:10px 12px;margin:12px 0}
.fluid-card>.fluid-source-details>summary{background:transparent!important;color:#f5f7f8!important;padding:5px 0!important;line-height:1.5;font-size:14px}
.fluid-card>.fluid-source-details .fluid-capacity{background:#344c58!important;color:#f5f7f8!important;border-color:#58717d!important}
.fluid-card>.fluid-source-details p,.fluid-card>.fluid-source-details span{color:#f5f7f8!important}
.customer-edit-drawer .customer-editor-section .customer-check{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:14px;padding:12px 0;margin:10px 0;grid-column:1/-1;line-height:1.5}
.customer-edit-drawer .customer-check input[type=checkbox]{width:18px;height:18px;min-height:18px;padding:0;margin:2px 0 0;flex:none}
.customer-edit-drawer .customer-check span{min-width:0;overflow-wrap:anywhere}
/* Independently scroll conversations and messages inside a compact inbox. */
.phone-page .phone-inbox{grid-template-columns:220px minmax(0,1fr);height:clamp(320px,60dvh,520px);min-height:0}
.phone-page .phone-inbox>.phone-thread-list{height:100%;min-height:0;max-height:none;padding:12px;overflow:auto;overscroll-behavior:contain}
.phone-page .phone-inbox>section{display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:12px}
.phone-page .phone-message-list{flex:1;min-height:0;max-height:none;overflow:auto;overscroll-behavior:contain;gap:8px;padding:8px 0}
.phone-page .phone-thread{padding:9px 10px}.phone-page .phone-thread strong{font-size:14px}.phone-page .phone-thread small{font-size:12px}
.phone-page .phone-bubble{padding:8px 10px;font-size:14px;max-width:88%}
.phone-page .phone-reply-composer{flex:none;padding:10px 0 0}.phone-page .phone-reply-composer textarea{min-height:44px;max-height:90px}.phone-page .phone-reply-composer button{min-height:38px}
.phone-page [data-phone-calls]{max-height:clamp(280px,58dvh,480px);overflow:auto;overscroll-behavior:contain;padding-right:8px}.phone-page .phone-call-transcript{max-height:220px;font-size:14px}
.guide-source-time{font-size:12px;line-height:1.5;color:#5d7288;margin:8px 0}html[data-theme=dark] .guide-source-time{color:#bbcedf}
@media(max-width:700px){.phone-page .phone-inbox{grid-template-columns:1fr;grid-template-rows:140px minmax(260px,48dvh);height:auto}.phone-page .phone-inbox>.phone-thread-list{height:140px}.phone-page .phone-thread{display:flex;width:100%}}

.offline-lemon-panel{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:12px 0;padding:12px 14px;border:1px solid var(--line,#526b77);border-radius:10px;background:var(--surface,#edf5fb)}.offline-lemon-panel p{font-size:12px;line-height:1.5;margin:4px 0}.offline-lemon-panel a{flex:none;white-space:nowrap;color:var(--accent,#0872ce)}@media(max-width:600px){.offline-lemon-panel{align-items:flex-start;flex-direction:column}}

.fluid-card>p{color:#edf4f7!important}

.offline-lemon-panel{color:#203c50}html[data-theme=dark] .offline-lemon-panel{background:#172c3e!important;color:#edf4fc!important;border-color:#486078}html[data-theme=dark] .offline-lemon-panel p,html[data-theme=dark] .offline-lemon-panel strong{color:inherit!important}

/* Compact grouped inspection results */
.inspection-result-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid var(--border,#3b5065);flex-wrap:wrap}.inspection-result-head h2{font-size:18px;margin:0 0 6px}.inspection-result-meta,.inspection-result-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.inspection-result-meta{font-size:12px;opacity:.85}.inspection-result-actions button{padding:9px 12px;font-size:13px;min-height:36px}.inspection-bulk-note{font-size:12px;margin:0;padding:10px 20px;opacity:.8}.inspection-result-group h3{display:flex;justify-content:space-between;font-size:13px;margin:0;padding:10px 16px;background:var(--surface,#203246);border-block:1px solid var(--border,#3b5065)}.inspection-result-group h3 span{font-weight:400;opacity:.75}.inspection-result-columns,.inspection-result-task{display:grid;grid-template-columns:minmax(180px,1fr) 180px minmax(220px,1.5fr);gap:16px;align-items:center;padding:10px 16px}.inspection-result-columns{font-size:11px;text-transform:uppercase;letter-spacing:.06em;opacity:.7;padding-block:8px}.inspection-result-task{border-top:1px solid var(--border,#3b5065)}.inspection-task-title{font-size:14px;font-weight:500}.inspection-task-title small{display:block;font-size:11px;font-weight:400;opacity:.75;margin-top:4px}.inspection-result-task input,.inspection-result-task select{width:100%;min-width:0;font-size:13px;padding:8px 10px;min-height:36px;margin:0}.inspection-task-findings{display:grid;grid-template-columns:minmax(100px,1fr) minmax(120px,1fr);gap:8px}.inspection-task-findings input:only-child{grid-column:1/-1}.inspection-mobile-label{display:none}@media(max-width:1000px){.inspection-task-findings{grid-template-columns:1fr}.inspection-result-columns,.inspection-result-task{grid-template-columns:minmax(140px,1fr) 160px minmax(180px,1fr);gap:10px}}@media(max-width:650px){.inspection-result-columns{display:none}.inspection-result-task{grid-template-columns:1fr;gap:8px;padding:12px 16px}.inspection-task-findings{grid-template-columns:1fr}.inspection-mobile-label{display:block;font-size:11px;margin-bottom:4px;opacity:.75}.inspection-result-head{padding:14px 16px}.inspection-result-actions{width:100%}.inspection-result-actions button{flex:1}.inspection-bulk-note{padding-inline:16px}}

.inspection-result-panel{--inspection-raised:var(--surface-soft,#f5f8fc);--inspection-line:var(--line,#d7e1eb)}.inspection-result-panel .inspection-result-head{position:static;background:var(--surface,#fff);color:var(--ink,#193449);height:auto;min-height:0;box-shadow:none;border-color:var(--inspection-line)}.inspection-result-panel .inspection-result-group h3{background:var(--inspection-raised);color:var(--ink,#193449)}.inspection-result-panel .inspection-result-task,.inspection-result-panel .inspection-result-group h3{border-color:var(--inspection-line)}html[data-theme=dark] .inspection-result-panel{--inspection-raised:var(--dark-raised);--inspection-line:var(--dark-border)}html[data-theme=dark] .inspection-result-panel .inspection-result-head{background:var(--dark-panel);color:var(--dark-text)}html[data-theme=dark] .inspection-result-panel .inspection-result-group h3{color:var(--dark-text)}

/* Inspection condition colors, selected field and dropdown choices. */
[data-inspection-condition="Good"]{--condition-bg:#e5f5e9;--condition-ink:#176333;--condition-line:#3b9556}[data-inspection-condition="Monitor"]{--condition-bg:#fff3c4;--condition-ink:#765300;--condition-line:#ba901c}[data-inspection-condition="Needs attention"]{--condition-bg:#fde8e7;--condition-ink:#a8292b;--condition-line:#cc5456}[data-inspection-condition="Not checked"]{--condition-bg:#e8ebef;--condition-ink:#4c5969;--condition-line:#a2aab5}[data-inspection-condition="Not Applicable"]{--condition-bg:#edf0f3;--condition-ink:#5a6571;--condition-line:#aab3bd}
html[data-theme=dark] [data-inspection-condition="Good"]{--condition-bg:#163b2b;--condition-ink:#9ee3b4;--condition-line:#4aaf70}html[data-theme=dark] [data-inspection-condition="Monitor"]{--condition-bg:#483c17;--condition-ink:#ffe08a;--condition-line:#cfac42}html[data-theme=dark] [data-inspection-condition="Needs attention"]{--condition-bg:#49272b;--condition-ink:#ffb1b4;--condition-line:#dc6b73}html[data-theme=dark] [data-inspection-condition="Not checked"]{--condition-bg:#303a46;--condition-ink:#d9dfe7;--condition-line:#9ca8b8}html[data-theme=dark] [data-inspection-condition="Not Applicable"]{--condition-bg:#28313c;--condition-ink:#b9c4d0;--condition-line:#788797}
:root:root:root:root:root:root [data-inspection-condition]{background:var(--condition-bg)!important;color:var(--condition-ink)!important;border-color:var(--condition-line)!important}:root:root:root:root:root:root .desktop-select-trigger[data-inspection-condition]{border-left:4px solid var(--condition-line)!important}:root:root:root:root:root:root .desktop-select-option[data-inspection-condition]{border-left:4px solid var(--condition-line)!important;margin-block:3px}:root:root:root:root:root:root .desktop-select-option[data-inspection-condition]:is(:hover,.is-focused){outline:2px solid var(--condition-line);outline-offset:-2px}:root:root:root:root:root:root [data-inspection-condition] :is(.desktop-select-caption,.desktop-select-check){color:inherit!important}

/* Short, compositor-only feedback: navigation never waits for animation. */
@media(prefers-reduced-motion:no-preference){:root{--motion-fast:110ms;--motion-medium:160ms;--motion-ease:cubic-bezier(.2,.8,.2,1)}#nav button,.tabs button,.summary-navigation button,.desktop-select-trigger{transition:background-color 110ms ease,color 110ms ease,border-color 110ms ease,box-shadow 110ms ease!important}#app button:active:not(:disabled),#nav button:active:not(:disabled){transform:translateY(1px)}.desktop-select-menu{animation:desktop-select-in 110ms cubic-bezier(.2,.8,.2,1)}dialog[open]{animation:workspace-dialog-enter 140ms cubic-bezier(.2,.8,.2,1)}}@keyframes workspace-dialog-enter{from{opacity:.92;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.workspace-refresh-status{position:fixed!important;right:20px;bottom:16px;z-index:40;padding:6px 10px;border-radius:6px;font-size:11px;pointer-events:none}

/* Direct LEMON values use the workspace font and fit the narrow RO sidebar. */
.prepared-specs{min-width:0;font-family:inherit;font-size:13px;line-height:1.45;text-align:left}
.prepared-specs .prepared-spec-section{display:block;min-width:0;padding:12px;margin:0 0 12px;overflow:hidden}
.prepared-specs h3{font-family:inherit;font-size:15px;line-height:1.35;font-weight:600;margin:0 0 12px;padding:0}
.prepared-specs h4,.prepared-specs h5{font-family:inherit;font-size:13px;line-height:1.45;font-weight:600;margin:0 0 8px;overflow-wrap:anywhere}
.prepared-specs p,.prepared-specs dt,.prepared-specs dd{font-family:inherit;font-size:12px;line-height:1.5;overflow-wrap:anywhere;white-space:normal}
.prepared-specs .prepared-spec-card{padding:10px 0;border-top:1px solid var(--line,#526b77);min-width:0}
.prepared-specs dl{margin:0}.prepared-specs dl>div{display:grid;grid-template-columns:minmax(65px,30%) minmax(0,1fr);gap:8px;margin:5px 0}
.prepared-specs dt{font-weight:400;opacity:.75}.prepared-specs dd{margin:0;font-weight:400;min-width:0}
.prepared-specs .prepared-spec-document+article{margin-top:16px}.prepared-specs figure{margin:10px 0}.prepared-specs img{display:block;width:auto;max-width:100%;height:auto;object-fit:contain;background:white}
.prepared-specs figcaption,.prepared-specs .prepared-spec-source{font-size:11px;line-height:1.4;opacity:.75;overflow-wrap:anywhere}
.prepared-specs .prepared-spec-table{max-width:100%;overflow:auto}.prepared-specs table{font-family:inherit;font-size:12px;line-height:1.45;width:100%;min-width:0;table-layout:auto}.prepared-specs th,.prepared-specs td{padding:6px;font-size:12px;white-space:normal;overflow-wrap:anywhere;max-width:220px}

.prepared-specs{color:var(--ink,#193449)}html[data-theme=dark] .prepared-specs{color:var(--dark-text,#edf4fc)}
.prepared-specs :is(section,article,dl,dt,dd,p,div,h3,h4,h5,th,td,figcaption){color:inherit!important;opacity:1}.prepared-specs dt,.prepared-specs .prepared-spec-source{opacity:.8}

.prepared-specs details.prepared-note{margin:0;padding:0;border:0;background:transparent;color:inherit}
.prepared-specs details.prepared-note>summary{display:inline-block;list-style:none;padding:4px 9px;margin:0;border:1px solid var(--line,#526b77);border-radius:6px;background:transparent;color:inherit;font:inherit;font-size:12px;font-weight:500;line-height:1.5;cursor:pointer}
.prepared-specs .prepared-note>summary::-webkit-details-marker{display:none}.prepared-specs .prepared-note>summary:focus-visible{outline:2px solid #76baff;outline-offset:2px}
.prepared-specs .prepared-note .note-hide,.prepared-specs .prepared-note[open] .note-show{display:none}.prepared-specs .prepared-note[open] .note-hide{display:inline}
.prepared-specs .prepared-note>p{margin:8px 0 0;white-space:pre-wrap}

.prepared-specs dl>div.prepared-standard{background:#e2f1ff;border-left:3px solid #1376ba;border-radius:4px;padding:6px 8px;margin:6px -8px;color:#123f62!important}
.prepared-specs .prepared-standard :is(dt,dd){font-weight:700;opacity:1}
html[data-theme=dark] .prepared-specs dl>div.prepared-standard{background:#284a61;border-color:#7dcfff;color:#effaff!important}

.prepared-specs .prepared-spec-variant{margin-top:10px;padding:10px;border:1px solid var(--line,#526b77);border-radius:6px}
.prepared-specs .prepared-spec-variant h6{font:inherit;font-size:12px;font-weight:700;line-height:1.45;margin:0 0 8px;color:inherit;overflow-wrap:anywhere}

/* Amber distinguishes primary quantities and specification titles from navigation blue. */
.prepared-specs dl>div.prepared-standard{background:#fff0bd;border-left:4px solid #c07800;color:#593400!important}
html[data-theme=dark] .prepared-specs dl>div.prepared-standard{background:#5c4318;border-color:#ffc447;color:#fff2c4!important}
.prepared-specs .prepared-spec-card>h5,.prepared-specs .prepared-spec-document>h4,.prepared-specs .prepared-service-topic>h4{font-size:16px;font-weight:800;line-height:1.4;color:#895000!important;margin-bottom:12px}
.prepared-specs .prepared-spec-section>h3{font-size:18px;font-weight:800;color:#895000!important}
html[data-theme=dark] .prepared-specs .prepared-spec-card>h5,html[data-theme=dark] .prepared-specs .prepared-spec-document>h4,html[data-theme=dark] .prepared-specs .prepared-service-topic>h4,html[data-theme=dark] .prepared-specs .prepared-spec-section>h3{color:#ffd166!important}

/* Repair-order details inherit the selected workspace theme. */
@media screen{
:root:root:root .ro-details-shell{--ro-side-bg:#f3f6fa;--ro-side-panel:#fff;--ro-side-raised:#eaf0f6;--ro-side-text:#20384e;--ro-side-muted:#52687e;--ro-side-line:#d1dce7;--ro-side-link:#0869b6;--ro-side-hover:#e1edf9;--ro-side-warning:#fff4df;--ro-side-warning-ink:#805000;--ro-side-warning-line:#d4a34e;background:var(--ro-side-bg)!important;color:var(--ro-side-text)!important;border-color:var(--ro-side-line)!important}
:root:root:root[data-theme=dark] .ro-details-shell{--ro-side-bg:#142231;--ro-side-panel:#1c2d3e;--ro-side-raised:#263b4e;--ro-side-text:#edf4fc;--ro-side-muted:#bfcede;--ro-side-line:#40566b;--ro-side-link:#9ed0ff;--ro-side-hover:#304a60;--ro-side-warning:#3c3221;--ro-side-warning-ink:#ffe0a3;--ro-side-warning-line:#aa8040}
:root:root:root .ro-details-shell>summary,:root:root:root .ro-sidebar{background:var(--ro-side-bg)!important;color:var(--ro-side-text)!important;border-color:var(--ro-side-line)!important}
:root:root:root .ro-sidebar .side-group{background:var(--ro-side-panel)!important;color:var(--ro-side-text)!important;border-color:var(--ro-side-line)!important}
:root:root:root .ro-sidebar .side-group>summary{background:var(--ro-side-raised)!important;color:var(--ro-side-text)!important;border-color:var(--ro-side-line)!important}
:root:root:root .ro-sidebar .side-group>summary:hover{background:var(--ro-side-hover)!important}
:root:root:root .ro-sidebar .side-card{background:var(--ro-side-panel)!important;color:var(--ro-side-text)!important;border-color:var(--ro-side-line)!important}
:root:root:root .ro-sidebar .side-card>b,:root:root:root .ro-sidebar :is(small,.sidebar-info b){color:var(--ro-side-muted)!important}
:root:root:root .ro-sidebar .side-card :is(span,strong,.side-value){color:var(--ro-side-text)!important}
:root:root:root .ro-sidebar :is(.side-link,.side-empty,a){color:var(--ro-side-link)!important}
:root:root:root .ro-sidebar .side-card .side-link:hover{background:var(--ro-side-hover)!important;color:var(--ro-side-link)!important}
:root:root:root .ro-sidebar .side-card.missing-information{background:var(--ro-side-warning)!important;border-color:var(--ro-side-warning-line)!important}
:root:root:root .ro-sidebar .side-card.missing-information :is(b,span,strong,.side-link){color:var(--ro-side-warning-ink)!important}
:root:root:root .ro-sidebar button:not(.side-link):not(.primary){background:var(--ro-side-raised)!important;color:var(--ro-side-text)!important;border-color:var(--ro-side-line)!important}
:root:root:root .ro-sidebar :is(.side-service>.panel-body,.vehicle-data-section,.fluid-section,.fluid-card,.fluid-capacity){background:var(--ro-side-panel)!important;color:var(--ro-side-text)!important;border-color:var(--ro-side-line)!important}
:root:root:root .ro-sidebar :is(.vehicle-data-section>summary,.fluid-section>summary){background:var(--ro-side-raised)!important;color:var(--ro-side-text)!important}
:root:root:root .ro-sidebar :is(p,h3,h4,td,th){color:var(--ro-side-text)!important;border-color:var(--ro-side-line)!important}
}

/* Sidebar actions use themed surfaces, including history and recall links. */
@media screen{
:root:root:root .ro-sidebar .side-card .side-history-view{background:var(--ro-side-raised)!important;color:var(--ro-side-link)!important;border:1px solid var(--ro-side-line)!important;box-shadow:none!important}
:root:root:root .ro-sidebar .side-card .side-history-view:hover{background:var(--ro-side-hover)!important;color:var(--ro-side-link)!important;border-color:var(--ro-side-link)!important}
:root:root:root .ro-sidebar .side-card .side-history-view:focus-visible{outline:2px solid var(--ro-side-link)!important;outline-offset:2px}
:root:root:root .ro-sidebar .side-group>summary :is(svg,.ui-icon){color:var(--ro-side-link)!important;opacity:1!important}
}

.account-security-modal{width:min(800px,calc(100vw - 32px))!important;max-width:800px!important}.account-security{font-size:14px;line-height:1.5}.account-security .security-intro{margin:0 0 20px;color:var(--muted,#51677b)}.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.account-security .security-card{padding:20px;border:1px solid #cfdae5;border-radius:12px;background:#f7f9fc;min-width:0}.security-card-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.account-security h3{font-size:16px;font-weight:700;margin:0}.account-security h4{font-size:14px;font-weight:650;margin:0}.account-security p{font-size:13px;margin:10px 0;color:#52677b}.security-status{font-size:11px;font-weight:650;padding:4px 9px;border-radius:20px;background:#e2e9f0;color:#43576b;white-space:nowrap}.security-status.is-protected{background:#ddf4e8;color:#17603c}.security-status.is-optional{background:#fff0cf;color:#7a5100}.security-card-actions{margin-top:16px}.account-security button{font-size:13px;min-height:36px;padding:8px 12px;border-radius:7px}.security-network{margin-top:16px}.account-security .security-network-note{font-size:12px}.security-current-ip{font-size:12px;padding:10px 0;border-bottom:1px solid #d1dce7}.security-current-ip strong{margin-left:8px;font-family:Consolas,monospace}.security-list-heading{display:flex;align-items:center;justify-content:space-between;margin:14px 0;gap:12px}.security-ip-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-top:1px solid #d1dce7}.security-ip-row>div{min-width:0}.security-ip-address{font-family:Consolas,monospace;font-size:14px;overflow-wrap:anywhere}.account-security .security-ip-row p{margin:4px 0}.security-ip-row small{font-size:11px}.security-empty{text-align:center;padding:20px;border:1px dashed #c7d5e2;border-radius:8px}.security-empty strong{font-size:13px}.account-security .security-empty p{font-size:12px;margin:5px 0}.account-security .security-feedback:empty{display:none}.account-security .security-feedback{font-size:12px;color:#17603c}
html[data-theme=dark] .account-security .security-card{background:#192d40;border-color:#425e76}html[data-theme=dark] .account-security :is(h3,h4,strong){color:#edf5fc}html[data-theme=dark] .account-security p,html[data-theme=dark] .account-security small{color:#c4d3e1}html[data-theme=dark] .security-status{background:#30475b;color:#dce8f4}html[data-theme=dark] .security-status.is-protected{background:#1b4635;color:#a7e7c2}html[data-theme=dark] .security-status.is-optional{background:#493a1d;color:#ffdc8a}html[data-theme=dark] .security-ip-row,html[data-theme=dark] .security-current-ip,html[data-theme=dark] .security-empty{border-color:#425e76}@media(max-width:650px){.security-grid{grid-template-columns:1fr}.account-security .security-card{padding:16px}.security-ip-row{align-items:flex-start}.security-card-heading{align-items:flex-start}}

.account-security .security-history{margin-top:16px}.security-history-table{overflow:auto;max-width:100%}.account-security .security-history table{width:100%;border-collapse:collapse;font-size:12px;background:transparent}.account-security .security-history th{text-align:left;font-size:11px;font-weight:650;padding:10px 8px;background:transparent;white-space:nowrap}.account-security .security-history td{padding:12px 8px;vertical-align:top;border-top:1px solid #d1dce7;font-size:12px;line-height:1.5;overflow-wrap:anywhere;min-width:100px}.account-security .security-history td small{display:block;font-size:10px;line-height:1.5;margin-top:5px}.security-history .security-ip-address{font-size:11px}.security-status.is-failed{background:#fbe1e1;color:#8d2828}.security-history-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;font-size:11px}.account-security [data-history-feedback]:empty{display:none}html[data-theme=dark] .account-security .security-history td{border-color:#425e76}html[data-theme=dark] .security-status.is-failed{background:#512b32;color:#ffbec4}@media(max-width:650px){.account-security .security-history thead{display:none}.account-security .security-history tr{display:block;border-top:1px solid #526b77;padding:8px 0}.account-security .security-history td{display:grid;grid-template-columns:85px minmax(0,1fr);gap:8px;min-width:0;border:0;padding:6px 0}.account-security .security-history td:before{content:attr(data-label);font-weight:600;opacity:.75}.account-security .security-history td small{grid-column:2}.security-history-footer{flex-wrap:wrap}}

/* Keep a full document sheet visible within the preview, including the footer. */
.paperwork-preview{display:flex;flex-direction:column;height:min(82dvh,1050px);max-height:calc(100dvh - 120px)}.paperwork-preview-toolbar,.paperwork-payment-preview,.paperwork-preview-caption{flex:none}.paperwork-preview-stage{flex:1 1 auto;min-height:0;overflow:hidden}.paperwork-preview-frame{height:100%;min-height:0}.paperwork-preview-caption{line-height:1.4}@media(max-width:1050px){.paperwork-preview{max-height:calc(100dvh - 32px)}.paperwork-preview-frame{height:100%}}

/* Compact shop service-history timeline. */
.vehicle-history-modal{max-width:860px}.vehicle-history-report{font-size:13px;line-height:1.5}.vhr-summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 0 16px;border-bottom:1px solid var(--border);margin-bottom:4px}.vhr-eyebrow{font-size:10px;letter-spacing:1.2px;font-weight:700;color:var(--muted)}.vhr-summary h3{font-size:18px;margin:3px 0}.vhr-summary p{margin:0;color:var(--muted);font-size:12px}.vhr-count{text-align:center;flex:none;padding:0 14px}.vhr-count strong{display:block;font-size:25px;line-height:1.2}.vhr-count span{font-size:11px;color:var(--muted)}.vhr-visit{display:grid;grid-template-columns:132px minmax(0,1fr);gap:18px;padding:16px 0;border-bottom:1px solid var(--border)}.vhr-visit-meta{display:flex;flex-direction:column;gap:4px}.vhr-visit-meta strong{font-size:13px}.vhr-visit-meta span{font-variant-numeric:tabular-nums;font-size:12px;color:var(--muted)}.vhr-visit-body{border-left:2px solid var(--border);padding-left:18px;min-width:0}.vhr-visit-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}.vhr-source{font-size:11px;color:var(--muted)}button.vhr-ro-link{font-size:12px;min-height:28px;padding:3px 8px;border:1px solid var(--border);border-radius:6px;background:var(--panel);color:var(--text);font-weight:700;white-space:nowrap}button.vhr-ro-link:hover{border-color:var(--blue,#1686db);text-decoration:underline}button.vhr-ro-link:focus-visible{outline:2px solid var(--blue,#1686db);outline-offset:2px}.vhr-services{padding:0 0 0 17px;margin:0;display:grid;gap:3px}.vhr-services li{padding-left:2px}.vhr-labor{font-size:12px;margin-top:8px;color:var(--muted)}.vhr-labor summary{cursor:pointer;width:fit-content}.vhr-labor>div{padding:7px 0 0}.vhr-labor ul{padding-left:17px;margin:3px 0}.vhr-missing{color:var(--muted);margin:0;font-size:12px}.vhr-footer{font-size:11px;color:var(--muted);padding-top:13px}@media(max-width:560px){.vhr-visit{grid-template-columns:1fr;gap:8px;padding:13px 0}.vhr-visit-meta{flex-direction:row;justify-content:space-between}.vhr-visit-body{padding-left:12px}.vhr-summary h3{font-size:16px}.vhr-count{padding:0 5px}}

/* Match part names to labor text and emphasize section labels. */
.reference-ro-layout .job-lines .part-description-copy>strong{font-size:13px!important;font-weight:400!important;line-height:1.45!important}.reference-ro-layout .job-lines .job-section-label{display:inline-block;padding:2px 8px;border-radius:4px;background:#dbeafe!important;color:#1e4d85!important;font-size:11px;font-weight:750;letter-spacing:.2px}html[data-theme=dark] .reference-ro-layout .job-lines .job-section-label{background:#294b6c!important;color:#c3e2ff!important}

/* Compact vehicle-specific torque reference. */
.prepared-specs .prepared-torque-card{border:1px solid var(--ro-side-line,var(--line));border-radius:8px;padding:0;margin:0 0 6px;background:var(--ro-side-panel,transparent);min-width:0}
.prepared-topic-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:8px 10px;list-style:none;cursor:pointer;min-width:0}
.prepared-topic-heading::-webkit-details-marker{display:none}.prepared-topic-heading:focus-visible{outline:2px solid #76baff;outline-offset:2px;border-radius:7px}
.vl-result-content details.prepared-service-topic{padding:0}.vl-result-content .prepared-topic-heading{padding:8px 10px}.vl-result-content .prepared-torque-content{padding:0 10px 10px}
.prepared-topic-heading:after{content:'+';flex:none;font-size:17px;font-weight:600;line-height:1;color:var(--ro-accent,#6fb7ff)}.prepared-torque-card[open]>.prepared-topic-heading:after{content:'−'}
.prepared-topic-hint{margin-left:auto;white-space:nowrap;font-size:11px;font-weight:500;color:var(--ro-muted,#91a8bd)}
.prepared-torque-content{padding:8px 10px 10px;border-top:1px solid var(--ro-side-line,var(--line))}
.prepared-specs .prepared-topic-heading h4{font-size:15px;font-weight:800;line-height:1.35;margin:0;color:#895000!important}
html[data-theme=dark] .prepared-specs .prepared-topic-heading h4{color:#ffd166!important}
.prepared-specs .prepared-belt-print{font-size:12px;line-height:1.2;padding:6px 10px;min-height:30px;white-space:nowrap;flex:none}
.prepared-torque-content figure{margin:8px 0}.prepared-torque-content img{display:block;max-width:100%;height:auto;border-radius:5px}
.prepared-specs .prepared-torque-content .prepared-spec-card{padding:7px 0}.prepared-specs .prepared-torque-content .prepared-spec-card>h5{font-size:14px;margin:0 0 6px}
.prepared-specs .prepared-torque-content dl{margin:0}.prepared-specs .prepared-torque-content dl>div{padding-top:3px;padding-bottom:3px}
.prepared-specs .prepared-torque-content .prepared-paragraph-facts>.prepared-spec-card{border:1px solid var(--ro-side-line,var(--line));border-radius:7px;padding:7px 9px;margin:7px 0;background:var(--ro-side-panel,transparent)}
.prepared-specs .prepared-torque-content .prepared-spec-card{border:1px solid var(--ro-side-line,var(--line));border-radius:7px;padding:10px 12px;margin:8px 0;background:var(--ro-side-panel,transparent)}
.prepared-specs .prepared-torque-content figure{border:1px solid var(--ro-side-line,var(--line));border-radius:7px;padding:10px;margin:8px 0}
.prepared-specs .prepared-torque-content .prepared-belt-reference{border:1px solid var(--ro-side-line,var(--line));border-radius:7px;padding:10px 12px}
.prepared-torque-value{font-weight:650;line-height:1.5;margin:6px 0}
.prepared-instructions{margin-top:9px}.prepared-instructions>summary{display:inline-block;cursor:pointer;border:1px solid var(--ro-side-line,var(--line));border-radius:6px;padding:6px 9px;font-size:12px;font-weight:650;list-style:none}
.prepared-instructions>summary::-webkit-details-marker{display:none}.prepared-instructions>summary:focus-visible{outline:2px solid #ffc447;outline-offset:2px}
.prepared-instructions .note-hide{display:none}.prepared-instructions[open] .note-show{display:none}.prepared-instructions[open] .note-hide{display:inline}
.prepared-instructions>div{padding:6px 0 0}.prepared-instructions p{font-size:12px;line-height:1.55;margin:7px 0;overflow-wrap:anywhere}

.prepared-specs .prepared-instructions>summary{background:var(--ro-side-raised,#eef2f6)!important;color:var(--ro-side-text,#20384e)!important;border-color:var(--ro-side-line,#aabacb)!important;width:auto;max-width:100%;min-height:30px;padding:6px 9px;font-size:12px;line-height:1.4;white-space:normal}
.prepared-specs .prepared-instructions>summary span{font:inherit;color:inherit}
.prepared-source-library>.panel-body{display:grid;gap:12px;min-width:0}.prepared-source-library label{display:grid;gap:6px}.prepared-source-library input[type=search],.prepared-source-library select{width:100%;min-width:0}.prepared-source-library [data-source-document]{margin:10px 0;border:1px solid var(--ro-side-line,#aabacb);border-radius:6px;overflow:hidden}.prepared-source-library [data-source-document]>summary{background:var(--ro-side-raised,#eef2f6)!important;color:var(--ro-side-text,#20384e)!important;padding:12px;cursor:pointer;font-weight:650;overflow-wrap:anywhere}.prepared-source-library [data-source-document]>p{padding:8px 12px;overflow-wrap:anywhere}.prepared-source-library [data-source-document] img{max-width:100%;height:auto}.prepared-source-library [data-source-document][hidden]{display:none}html[data-theme=dark] .prepared-source-library [data-source-document]>summary{background:var(--ro-side-raised,#20354a)!important;color:var(--ro-side-text,#edf4fa)!important}
.vehicle-vin-field{display:flex;align-items:flex-end;gap:10px}.vehicle-vin-field>.field{flex:1;min-width:0;margin:0}.vehicle-vin-field>button{flex:none;min-height:42px;white-space:nowrap}.vehicle-edit-drawer [data-edit-vin-status]:not(:empty),.vehicle-edit-drawer [data-edit-vin-error]:not([hidden]){margin:8px 0 16px}@media(max-width:480px){.vehicle-vin-field{align-items:stretch;flex-direction:column}.vehicle-vin-field>button{align-self:flex-start}}
/* Focused workshop vehicle reference */
.vehicle-lookup-page{--vl-panel:#fff;--vl-raised:#f5f8fb;--vl-line:#dce5ed;--vl-text:#20394e;--vl-muted:#647b8f;--vl-accent:#1378cf;max-width:1440px;margin:auto;color:var(--vl-text)}
html[data-theme=dark] .vehicle-lookup-page{--vl-panel:#192b3d;--vl-raised:#20364c;--vl-line:#344c61;--vl-text:#e9f1f8;--vl-muted:#a8bbcc;--vl-accent:#69b4fa}
.vehicle-lookup-page [hidden]{display:none!important}.vehicle-lookup-page svg{width:18px;height:18px;flex-shrink:0}.vehicle-lookup-page button{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:600;min-height:34px;padding:7px 12px;border:1px solid var(--vl-line);border-radius:7px;background:var(--vl-panel);color:var(--vl-text)}
.vehicle-lookup-page button:hover{background:var(--vl-raised)}.vehicle-lookup-page input,.vehicle-lookup-page select{width:100%;min-width:0;height:40px;min-height:40px;padding:8px 11px;border:1px solid var(--vl-line);border-radius:7px;background:var(--vl-panel);color:var(--vl-text);font-size:13px}.vehicle-lookup-page input:focus,.vehicle-lookup-page select:focus{outline:2px solid var(--vl-accent);outline-offset:2px}.vehicle-lookup-page select:disabled{opacity:.5}.vehicle-lookup-page label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:600;color:var(--vl-muted)}
.vl-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.vl-eyebrow{font-size:10px;font-weight:700;letter-spacing:1.5px;color:var(--vl-muted)}.vl-heading h1{font-size:27px;letter-spacing:-.7px;margin:5px 0 7px}.vl-heading p,.vl-card-heading p{margin:0;color:var(--vl-muted);font-size:12px}.vl-heading-actions{display:flex;align-items:center;gap:15px}.vl-source-badge{font-size:11px;color:var(--vl-muted);display:flex;align-items:center;gap:7px}.vl-source-badge i{width:6px;height:6px;border-radius:50%;background:#39b98a}
.vl-search-card,.vl-results{background:var(--vl-panel);border:1px solid var(--vl-line);border-radius:12px;overflow:hidden}.vl-search-card{padding:20px}.vl-card-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.vl-card-heading h2{display:flex;align-items:center;gap:8px;font-size:16px;margin:0 0 5px}.vl-mode{display:flex;gap:3px;background:var(--vl-raised);padding:3px;border-radius:8px}.vl-mode button{border-color:transparent;min-width:62px;background:transparent}.vl-mode button[aria-selected=true]{background:var(--vl-panel);border-color:var(--vl-line);box-shadow:0 1px 3px #0001}.vl-search-form{display:flex;align-items:end;gap:10px}.vl-vin-label,.vl-plate-label{flex:1}.vl-vin-label input{text-transform:uppercase;letter-spacing:1px}.vl-state-label{width:90px}.vehicle-lookup-page .vl-search-form button{height:40px;min-width:155px;background:#1378cf;color:#fff;border-color:#1378cf}.vl-feedback{margin:8px 0 0;font-size:12px;color:var(--vl-accent);min-height:0}.vl-feedback:empty{display:none}.vl-feedback.is-error{color:#e66a6a}.vl-divider{display:flex;align-items:center;gap:14px;color:var(--vl-muted);font-size:9px;letter-spacing:1.2px;margin:20px 0 16px}.vl-divider:before,.vl-divider:after{content:'';height:1px;flex:1;background:var(--vl-line)}.vl-selectors{display:grid;grid-template-columns:.65fr 1fr 1.2fr 1.1fr 1.4fr;gap:10px}.vl-configuration{display:flex;align-items:center;gap:14px;padding-top:16px;margin-top:16px;border-top:1px solid var(--vl-line)}.vl-configuration>span{font-size:11px;font-weight:600;min-width:125px}.vl-configuration small{display:block;font-size:10px;font-weight:400;color:var(--vl-muted);margin-top:4px}.vl-configuration label{width:160px;flex-shrink:0;gap:4px;font-size:10px}.vl-configuration select{height:34px;min-height:34px;font-size:12px;padding:5px 9px}.vl-configuration p{font-size:11px;color:var(--vl-muted);max-width:310px;margin:12px 0 0;line-height:1.5}.vl-recents{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:16px;padding-top:14px;border-top:1px solid var(--vl-line)}.vl-recents>span{font-size:10px;color:var(--vl-muted);margin-right:4px}.vl-recents button{font-size:10px;min-height:27px;padding:5px 9px;border-radius:20px}
.vl-empty{text-align:center;padding:46px 15px 25px;color:var(--vl-muted)}.vl-empty>svg{width:48px;height:48px;opacity:.65;margin-bottom:12px}.vl-empty h2{font-size:17px;color:var(--vl-text);margin:0 0 9px}.vl-empty p{font-size:12px;margin:0 0 24px}.vl-empty>div{display:flex;justify-content:center;gap:24px;font-size:10px}.vl-empty>div span:before{content:'•';color:var(--vl-accent);margin-right:7px}.vl-results{margin-top:20px}.vl-result-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px}.vl-result-heading h2{font-size:21px;margin:5px 0;letter-spacing:-.4px}.vl-result-heading p{margin:0;font-size:12px;color:var(--vl-muted)}.vl-match-badge{font-size:10px;color:var(--vl-accent);border:1px solid var(--vl-line);background:var(--vl-raised);border-radius:20px;padding:6px 10px;white-space:nowrap}.vl-result-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--vl-line);border-bottom:1px solid var(--vl-line);padding:0 16px}.vl-tabs{display:flex;gap:5px;overflow-x:auto}.vl-tabs button{border:0;border-radius:0;background:transparent;min-height:49px;font-size:11px;white-space:nowrap;border-bottom:2px solid transparent;padding:10px}.vl-tabs button[aria-selected=true]{color:var(--vl-accent);border-bottom-color:var(--vl-accent)}.vl-spec-search{position:relative;min-width:210px;width:265px}.vl-spec-search svg{position:absolute;top:10px;left:9px;width:14px;height:14px}.vl-spec-search input{height:34px;min-height:34px;padding-left:30px;font-size:11px}.vl-result-content{padding:18px;min-width:0;overflow-x:auto}.vl-result-content .prepared-specs{margin:0;padding:0;border:0;background:transparent;display:block}.vl-result-content .prepared-spec-section{padding:0;margin:0;border:0;background:transparent}.vl-result-content .prepared-spec-section>h3{display:none}.vl-result-content .prepared-spec-cards,.vl-result-content [data-source-category=torque_specs]>[data-source-content]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.vl-result-content .prepared-spec-card,.vl-result-content .prepared-service-topic{margin:0;border:1px solid var(--vl-line);border-radius:9px;padding:14px;background:var(--vl-panel);min-width:0}.vl-result-content .prepared-spec-card h5,.vl-result-content .prepared-service-topic h4{font-size:13px;margin:0 0 10px}.vl-result-content table{font-size:11px;line-height:1.6}.vl-result-content p{font-size:12px;line-height:1.6}.vl-result-content img{max-width:100%;height:auto}.vl-result-content [data-source-library]{margin:0;border:0;background:transparent;padding:0}.vl-result-content [data-source-library]>summary{display:none}.vl-result-content [data-source-library]>.panel-body{padding:0}.vl-result-content [data-source-library]>.panel-body>label,.vl-result-content [data-source-library]>.panel-body>p:first-child,.vl-result-content [data-source-library]>.panel-body>p:last-child{display:none}.vl-filter-empty{padding:0 18px 18px;color:var(--vl-muted);font-size:12px}.vl-result-footer{display:flex;gap:8px;align-items:center;padding:12px 18px;background:var(--vl-raised);border-top:1px solid var(--vl-line);color:var(--vl-muted);font-size:10px;line-height:1.6}.vl-result-footer svg{width:14px;height:14px}
@media(max-width:1100px){.vl-selectors{grid-template-columns:repeat(3,minmax(0,1fr))}.vl-result-tools{flex-wrap:wrap;padding-bottom:10px}.vl-spec-search{width:100%}.vl-configuration{flex-wrap:wrap}.vl-configuration p{max-width:none;flex:1}}
@media(max-width:700px){.vl-heading,.vl-card-heading{align-items:start;flex-direction:column;gap:12px}.vl-heading-actions{width:100%;justify-content:space-between}.vl-heading h1{font-size:24px}.vl-search-card{padding:15px}.vl-selectors{grid-template-columns:repeat(2,minmax(0,1fr))}.vl-selectors label:last-child{grid-column:1/-1}.vl-search-form{flex-wrap:wrap}.vl-search-form button{width:100%}.vl-configuration>span{width:100%}.vl-configuration label{width:calc(50% - 7px)}.vl-configuration p{flex-basis:100%;margin:0}.vl-result-heading{align-items:start;flex-direction:column;padding:16px}.vl-result-content .prepared-spec-cards,.vl-result-content [data-source-category=torque_specs]>[data-source-content]{grid-template-columns:1fr}.vl-tabs{width:100%}.vl-tabs button{padding:9px 6px;font-size:10px}.vl-empty>div{gap:10px;flex-wrap:wrap}.vl-result-content{padding:12px}}
.vehicle-lookup-page .prepared-service-topic figure{margin:10px 0}.vehicle-lookup-page .prepared-service-topic figure img{display:block;max-height:230px;width:100%;object-fit:contain;border-radius:6px}.vehicle-lookup-page [data-source-category=torque_specs]>[data-source-content]{align-items:start}.vehicle-lookup-page .vl-spec-search input{font-size:11px!important;font-weight:400!important}.vehicle-lookup-page .prepared-spec-card h5,.vehicle-lookup-page .prepared-service-topic h4{color:var(--vl-text)}

.global-customer-hit{position:relative;min-width:0}.global-customer-hit .global-create-ro{position:absolute;top:16px;right:16px;min-height:36px;font-size:12px;white-space:nowrap}.global-customer-hit .global-result>strong,.global-customer-hit .global-result-kind{padding-right:190px}@media(max-width:600px){.global-customer-hit .global-create-ro{position:static;margin:8px 0 0;width:100%}.global-customer-hit .global-result>strong,.global-customer-hit .global-result-kind{padding-right:0}}

/* Global search: visually distinct customer cards, clear result sections, and a stable create-order action. */
#global-ro-results{gap:10px;padding:4px 6px 12px;}
.global-result-section-title{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:10px;margin:10px 0 2px;padding:9px 12px;border-bottom:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:12px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;}
.global-result-section-title:first-child{margin-top:0;}
.global-customer-hit{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:12px;min-width:0;padding:3px;border:1px solid #75b7ee;border-radius:14px;background:linear-gradient(120deg,#eaf5ff 0%,var(--surface) 74%);box-shadow:0 0 0 1px #78b8ed55,0 0 18px #2589d933;}
.global-customer-hit .global-result{min-width:0;border:0!important;background:transparent!important;box-shadow:none!important;}
.global-customer-hit .global-result:hover{background:#dceeff55!important;}
.global-customer-hit .global-create-ro{position:static;align-self:center;justify-self:end;min-height:42px;margin:10px 12px 10px 0;padding:9px 14px;font-size:13px;white-space:nowrap;box-shadow:0 2px 5px #16334c12;}
.global-result-section-title+.global-customer-hit{margin-top:0;}
html[data-theme=dark] .global-result-section-title{background:var(--dark-panel);border-color:var(--dark-border);color:#a9bfd2;}
html[data-theme=dark] .global-customer-hit{background:linear-gradient(120deg,#1d3b55 0%,var(--dark-panel) 76%);border-color:#4a91c7;box-shadow:0 0 0 1px #4a91c755,0 0 18px #2589d933;}
html[data-theme=dark] .global-customer-hit .global-result:hover{background:#29496555!important;}
html[data-theme=dark] .global-customer-hit .global-create-ro{box-shadow:none;}
#global-ro-results>.global-result:not(.global-customer-result){border-color:var(--line);background:var(--surface);box-shadow:none;}
#global-ro-results>.global-result:not(.global-customer-result):hover{border-color:#9ab1c4;background:var(--surface);}
@media(max-width:600px){.global-customer-hit{grid-template-columns:minmax(0,1fr);gap:0}.global-customer-hit .global-create-ro{justify-self:stretch;margin:0 10px 10px;width:auto}.global-result-section-title{top:0}}

/* Compact workspace search with Customers and Repair Orders side by side. */
#modal:has(#global-ro-query){width:min(1120px,calc(100vw - 32px));max-width:1120px}
#global-ro-results{display:block;max-height:68vh;overflow:auto}
.global-result-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:14px}
.global-result-section{min-width:0}
.global-result-section>h2{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 7px;padding:8px 10px;border-bottom:1px solid var(--line);font-size:13px;line-height:1.2}
.global-result-section>h2 span{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--surface-2);font-size:11px}
.global-result-list{display:grid;gap:7px;min-width:0}
.global-result-columns .global-result-section-orders .global-result{padding:9px 10px;gap:3px;border-radius:10px}
.global-result-columns .global-result>strong{font-size:14px!important;line-height:1.3}
.global-result-columns .global-result>small{font-size:11px!important;line-height:1.35}
.global-result-columns .global-result-kind{font-size:9px!important}
.global-customer-hit{grid-template-columns:minmax(0,1fr) 124px;gap:5px;padding:2px;border-radius:11px}
.global-customer-hit .global-result{gap:3px;padding:8px!important;border-radius:9px}
.global-customer-hit .global-result>strong{padding-right:0;font-size:14px!important}
.global-customer-hit .global-result-kind{padding-right:0}
.global-customer-actions{display:flex;flex-direction:column;justify-content:center;gap:5px;padding:5px 5px 5px 0}
.global-customer-actions button{width:100%;min-height:32px;margin:0!important;padding:6px 7px!important;border-radius:8px;font-size:10px!important;line-height:1.2;white-space:normal}
.global-customer-actions .global-edit-customer{border:1px solid var(--line);background:var(--surface-2);color:var(--text)}
.global-result-vehicles{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}
.global-vehicle{display:grid;grid-template-columns:1fr 1fr;gap:2px 8px;min-width:min(100%,210px);padding:5px 7px;border-radius:7px;font-size:10px!important;line-height:1.25}
.global-vehicle>b{font-size:11px!important;line-height:1.2}
.global-result-section-other{margin-top:12px}
html[data-theme=dark] .global-customer-actions .global-edit-customer{border-color:var(--dark-border);background:#24384c;color:#eef5fc}
@media(max-width:820px){.global-result-columns{grid-template-columns:minmax(0,1fr)}.global-customer-hit{grid-template-columns:minmax(0,1fr) 132px}}
@media(max-width:480px){.global-customer-hit{grid-template-columns:minmax(0,1fr)}.global-customer-actions{display:grid;grid-template-columns:1fr 1fr;padding:0 7px 7px}.global-vehicle{grid-template-columns:1fr}}

#modal .customer-contact-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px}
#modal .customer-contact-actions>button{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:0 0 auto;width:auto;min-height:36px;margin:0;padding:7px 12px;border-radius:8px;font-size:13px;line-height:1.3;white-space:nowrap}
#modal .customer-contact-actions .plain-plus{font-size:17px;line-height:1}
/* Keep address controls aligned and show complete state names. */
#modal .ro-customer-address{container-type:inline-size;align-items:end}
#modal .ro-customer-address .address-autocomplete-field{align-self:end;min-width:0}
#modal .ro-customer-address .field{min-width:0}
#modal .ro-customer-address .address-autocomplete-field>.field{margin:0!important}
#modal .ro-customer-address .ro-address-locality{grid-template-columns:minmax(0,1.1fr) minmax(0,1.5fr) minmax(90px,.8fr);align-items:stretch;gap:14px}
#modal .ro-customer-address .ro-address-locality>.field{display:grid;grid-template-rows:auto minmax(44px,1fr);align-content:stretch;margin:0!important}
#modal .ro-customer-address .ro-address-locality :is(input,select,.desktop-select,.desktop-select-trigger){width:100%;min-width:0;box-sizing:border-box;height:100%}
#modal .ro-customer-address .desktop-select-trigger{gap:8px;white-space:normal!important}
#modal .ro-customer-address .desktop-select-caption{flex:1;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:break-word;line-height:1.35}
@container(max-width:500px){#modal .ro-customer-address .ro-address-locality{grid-template-columns:minmax(0,1.5fr) minmax(90px,1fr)}#modal .ro-customer-address .ro-address-locality>.field:first-child{grid-column:1/-1}}
/* Search layout: customer records stay left, repair orders stay right. */
#modal:has(#global-ro-query){width:min(1280px,calc(100vw - 32px));max-width:1280px}
#global-ro-results{display:block!important;max-height:70vh;overflow:auto}
#global-ro-results .global-result-columns{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:start;gap:16px;width:100%}
#global-ro-results .global-result-section{display:block!important;min-width:0;width:auto!important;margin:0}
#global-ro-results .global-result-section>h2{position:sticky;top:0;z-index:2;margin:0 0 8px;padding:9px 11px;border-radius:9px;background:var(--surface);font-size:13px}
#global-ro-results .global-result-list{display:grid;align-content:start;gap:7px;min-width:0}
#global-ro-results .global-result-section-orders .global-result{display:flex;width:100%;min-width:0;margin:0!important;padding:9px 11px;gap:3px;border-radius:9px;font-size:13px}
#global-ro-results .global-order-result .global-result-kind{font-size:9px!important}
#global-ro-results .global-order-result>strong{font-size:14px!important;line-height:1.3}
#global-ro-results .global-order-result>small{font-size:11px!important;line-height:1.35}
#global-ro-results .global-customer-hit{display:grid;grid-template-columns:minmax(0,1fr) 132px;align-items:center;gap:8px;min-width:0;padding:8px 9px;border:1px solid #e99532;border-radius:10px;background:linear-gradient(115deg,#fff5e7 0%,var(--surface) 82%);box-shadow:0 0 0 1px #e9953244,0 0 14px #e9953233}
#global-ro-results .global-customer-info{display:grid;gap:3px;min-width:0}
#global-ro-results .global-customer-info>strong{font-size:14px;line-height:1.25}
#global-ro-results .global-customer-info>small{font-size:11px;line-height:1.3;color:var(--muted)}
#global-ro-results .global-customer-actions{display:grid;gap:5px;min-width:0;padding:0}
#global-ro-results .global-customer-actions>button{display:block;width:100%;min-width:0;min-height:31px;margin:0!important;padding:5px 6px!important;border-radius:7px;font-size:10px!important;line-height:1.2;white-space:normal;overflow-wrap:anywhere;text-align:center}
#global-ro-results .global-customer-actions .global-edit-customer{border:1px solid #d6a66d;background:#fffaf3;color:#75420d}
#global-ro-results .global-result-vehicles{display:flex;flex-wrap:wrap;gap:4px;margin:2px 0 0}
#global-ro-results .global-vehicle{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2px 7px;min-width:min(100%,195px);padding:5px 7px;border:1px solid #e8d6be;border-radius:7px;background:#fffaf3;font-size:10px!important;line-height:1.25}
#global-ro-results .global-vehicle>b{grid-column:1/-1;font-size:11px!important;line-height:1.2}
#global-ro-results .global-search-empty{margin:0;padding:10px;color:var(--muted);font-size:12px}
#global-ro-results .global-result-section-other{margin-top:12px}
html[data-theme=dark] #global-ro-results .global-result-section>h2{background:var(--dark-panel)}
html[data-theme=dark] #global-ro-results .global-customer-hit{border-color:#e49a42;background:linear-gradient(115deg,#49341f 0%,var(--dark-panel) 82%);box-shadow:0 0 0 1px #e9953266,0 0 16px #e9953233}
html[data-theme=dark] #global-ro-results .global-customer-info>small{color:#d5c4ae}
html[data-theme=dark] #global-ro-results .global-customer-actions .global-edit-customer{border-color:#9e713d;background:#382b1e;color:#ffe0b2}
html[data-theme=dark] #global-ro-results .global-vehicle{border-color:#72522f;background:#382b1e}
@media(max-width:820px){#global-ro-results .global-result-columns{grid-template-columns:minmax(0,1fr)!important}}
@media(max-width:480px){#global-ro-results .global-customer-hit{grid-template-columns:minmax(0,1fr)}#global-ro-results .global-customer-actions{grid-template-columns:1fr 1fr}.global-vehicle{grid-template-columns:minmax(0,1fr)}}

/* Vehicle editor uses compact grouped sections and places VIN decoding first. */
#modal.vehicle-edit-drawer{width:min(760px,96vw);max-height:94dvh;padding:24px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:16px;}
#modal.vehicle-edit-drawer h2{margin:0 0 14px;font-size:22px;letter-spacing:-.02em;}
.vehicle-drawer{display:grid;gap:12px;max-height:calc(94dvh - 110px);overflow:auto;padding:0 2px 8px;}
.vehicle-drawer>section,.vehicle-drawer>[data-identity-selection],.vehicle-drawer>.vehicle-editor-details-heading+.vehicle-detail-fields,.vehicle-drawer>.formgrid:not(.vehicle-detail-fields),.vehicle-drawer>label.field{padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);}
.vehicle-drawer h3{margin:0 0 10px;font-size:14px;letter-spacing:.02em;color:var(--muted);}
.vehicle-drawer .vehicle-editor-details-heading{margin:4px 0 -6px;padding:0 2px;color:var(--ink);font-size:15px;}
.vehicle-drawer .vehicle-vin-field{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;}
.vehicle-drawer .vehicle-vin-field>.field{min-width:0;}
.vehicle-drawer .vehicle-vin-field button{min-height:42px;}
.vehicle-drawer .vehicle-editor-identification [data-edit-vin-status]:empty,.vehicle-drawer .vehicle-editor-identification [data-edit-vin-error][hidden]{display:none;}
.vehicle-drawer .vehicle-editor-identification [data-edit-vin-status]:not(:empty),.vehicle-drawer .vehicle-editor-identification [data-edit-vin-error]:not([hidden]){margin:8px 0 0;font-size:12px;}
.vehicle-drawer .vehicle-editor-saved .field{margin:0;}
.vehicle-drawer .formgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;margin:0;}
.vehicle-drawer .field{gap:5px;font-size:12px;font-weight:650;color:var(--muted);}
.vehicle-drawer :is(input,select,textarea){width:100%;min-width:0;min-height:40px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font-size:14px;}
.vehicle-drawer textarea{min-height:68px;resize:vertical;}
.vehicle-drawer [data-identity-selection]{margin:0;background:var(--raised);border-color:var(--line);}
.vehicle-drawer [data-identity-selection] .formgrid{margin-bottom:10px;}
.vehicle-edit-drawer .actions{position:sticky;bottom:-24px;z-index:2;margin:0 -2px;padding:12px 2px 2px;background:var(--surface);border-top:1px solid var(--line);}
html[data-theme=dark] #modal.vehicle-edit-drawer,html[data-theme=dark] .vehicle-drawer>section,html[data-theme=dark] .vehicle-drawer>[data-identity-selection],html[data-theme=dark] .vehicle-drawer>.vehicle-editor-details-heading+.vehicle-detail-fields,html[data-theme=dark] .vehicle-drawer>.formgrid:not(.vehicle-detail-fields),html[data-theme=dark] .vehicle-drawer>label.field{background:var(--dark-panel);color:var(--dark-text);border-color:var(--dark-border);}
html[data-theme=dark] .vehicle-drawer :is(input,select,textarea){background:#102131;color:var(--dark-text);border-color:var(--dark-border);}
html[data-theme=dark] .vehicle-drawer h3,html[data-theme=dark] .vehicle-drawer .field{color:#bbccda;}
html[data-theme=dark] .vehicle-edit-drawer .actions{background:var(--dark-panel);border-color:var(--dark-border);}
@media(max-width:560px){#modal.vehicle-edit-drawer{width:100vw;max-width:100vw;max-height:100dvh;border-radius:0;padding:16px}.vehicle-drawer{max-height:calc(100dvh - 100px)}.vehicle-drawer .formgrid{grid-template-columns:1fr}.vehicle-drawer .vehicle-vin-field{grid-template-columns:1fr}.vehicle-drawer .vehicle-vin-field button{width:100%}}

/* Prevent compact topbar controls from overlapping; truncate their labels within each flex item. */
body .workspace-topbar .global-search{flex:1 1 240px;min-width:0;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body .workspace-topbar .recent-orders{flex:0 1 132px;min-width:0;overflow:hidden}
body .workspace-topbar .recent-orders>summary{display:flex;align-items:center;gap:6px;min-width:0;max-width:100%;overflow:hidden;white-space:nowrap}
body .workspace-topbar .recent-orders-label{display:block;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body .workspace-topbar .recent-orders>summary .menu-chevron{flex:none}
body .workspace-topbar .theme-toggle{flex:0 0 auto;white-space:nowrap}
@media(max-width:900px){body .workspace-topbar{gap:8px;padding-inline:12px}body .topbar-brand{flex:0 0 auto;min-width:0}body .topbar-brand strong{display:none}body .workspace-topbar .topbar-shop,body .workspace-topbar>.avatar{display:none}body .workspace-topbar .global-search{flex:1 1 150px}body .workspace-topbar .recent-orders{flex:0 1 112px}body .workspace-topbar .theme-toggle{padding-inline:10px}}

/* Confirmation dialogs stay inside Shop Manager and follow the selected color theme. */
.shop-confirm-dialog{width:min(340px,calc(100vw - 32px));max-width:340px;padding:0;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);box-shadow:0 20px 64px #09132166;}
.shop-confirm-dialog::backdrop{background:#08152299;backdrop-filter:blur(2px)}
.shop-confirm-content{padding:14px;}
.shop-confirm-content h2{margin:0 0 6px;font-size:17px;color:inherit}
.shop-confirm-content p{margin:0;font-size:14px;line-height:1.4;color:var(--muted);overflow-wrap:anywhere}
.shop-confirm-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:12px}
.shop-confirm-actions button{min-width:82px;min-height:38px;padding:7px 11px}
.shop-confirm-actions .danger{background:#fff1f2;border-color:#efb5bf;color:#a32437}
html[data-theme=dark] .shop-confirm-dialog{background:var(--dark-panel);color:var(--dark-text);border-color:var(--dark-border)}
html[data-theme=dark] .shop-confirm-content p{color:var(--dark-muted)}
html[data-theme=dark] .shop-confirm-actions .danger{background:#40232c;border-color:#854253;color:#ffd5dc}
@media(max-width:520px){.shop-confirm-dialog{width:calc(100vw - 28px);max-width:340px}.shop-confirm-content{padding:13px}.shop-confirm-actions{margin-top:10px}.shop-confirm-actions button{flex:1;min-height:40px}}


/* Dark theme controls use brighter surfaces and borders across the workspace. */
html[data-theme=dark] body :is(button,.button){border-color:#7189a5}
html[data-theme=dark] body :is(button,.button):not(:disabled):not(.primary):not(.danger):not(.edit-control):not(.mark-completed-green):not(.cash-card-toggle):not(.ro-switch):not(.success):not(.warning){background-color:#2b4059;color:#f4f8ff}
html[data-theme=dark] body :is(button,.button):not(:disabled):not(.primary):not(.danger):not(.edit-control):not(.mark-completed-green):not(.cash-card-toggle):not(.ro-switch):not(.success):not(.warning):hover{background-color:#3b5878;border-color:#a4c4e8}
html[data-theme=dark] body :is(button,.button).primary:not(:disabled){background:#1877e5;color:#fff;border-color:#8bc0ff;box-shadow:0 2px 8px #0005}
html[data-theme=dark] body :is(button,.button).primary:hover:not(:disabled){background:#2788f5;border-color:#b5d8ff}
html[data-theme=dark] .reference-ro-layout .ro-totalbar{background:#13263a;color:#f4f8ff;border-top:1px solid #496987;box-shadow:0 -4px 16px #0006}
html[data-theme=dark] .reference-ro-layout .ro-totalbar span{color:#d2e0f0}
html[data-theme=dark] .reference-ro-layout .ro-totalbar b{color:#fff}

/* Paperwork actions should follow the selected theme instead of using a dark fallback. */
#shop-paperwork-form>.actions{background:var(--surface,#fff);border-top-color:var(--line,#d7e1eb);padding:10px 12px;min-height:60px;box-shadow:0 -3px 12px #17324a0d}
html[data-theme=dark] #shop-paperwork-form>.actions{background:var(--dark-panel,#152131);border-top-color:var(--dark-border,#40536b);box-shadow:0 -4px 14px #0004}

/* Fluid records expand on demand, matching the Specifications accordions. */
.prepared-specs .prepared-fluid-card{padding:0 0 4px}
.prepared-specs .prepared-fluid-card>summary,.prepared-fluid-table>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none;cursor:pointer;padding:10px 0}
.prepared-specs .prepared-fluid-card>summary::-webkit-details-marker,.prepared-fluid-table>summary::-webkit-details-marker{display:none}
.prepared-specs .prepared-fluid-card>summary:focus-visible,.prepared-fluid-table>summary:focus-visible{outline:2px solid #76baff;outline-offset:2px;border-radius:6px}
.prepared-specs .prepared-fluid-card>summary>h5{margin:0!important;min-width:0}
.prepared-specs .prepared-fluid-card>summary>h5{color:#895000!important;font-size:15px;font-weight:800;line-height:1.35}
.prepared-fluid-hint{flex:none;color:var(--ro-side-link,#0869b6);font-size:12px;font-weight:650;white-space:nowrap}
.prepared-fluid-hint .note-hide,.prepared-fluid-card[open] .prepared-fluid-hint .note-show,.prepared-fluid-table[open] .prepared-fluid-hint .note-show{display:none}
.prepared-fluid-card[open] .prepared-fluid-hint .note-hide,.prepared-fluid-table[open] .prepared-fluid-hint .note-hide{display:inline}
.prepared-fluid-card>summary:after,.prepared-fluid-table>summary:after{content:'+';flex:none;color:var(--ro-side-link,#0869b6);font-size:18px;font-weight:650;line-height:1}
.prepared-fluid-card[open]>summary:after,.prepared-fluid-table[open]>summary:after{content:'−'}
.prepared-fluid-content{padding:0 0 8px}
.prepared-fluid-table{margin:8px 0;border-top:1px solid var(--ro-side-line,var(--line,#d7e1eb))}
.prepared-fluid-table>summary{padding:10px 4px}
html[data-theme=dark] .prepared-fluid-hint,html[data-theme=dark] .prepared-fluid-card>summary:after,html[data-theme=dark] .prepared-fluid-table>summary:after{color:#9ed0ff}
html[data-theme=dark] .prepared-specs .prepared-fluid-card>summary>h5{color:#ffd166!important}
/* Flat, compact vehicle/customer drawer header. */
:root:root:root .reference-ro-layout .ro-details-shell{border-radius:4px!important;box-shadow:0 4px 16px #10263818}
:root:root:root .reference-ro-layout .ro-details-shell>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;min-height:44px;padding:10px 12px;margin:0;border:1px solid var(--ro-side-line);border-radius:3px;background:var(--ro-side-panel)!important;color:var(--ro-side-text)!important;font-size:13px;font-weight:650;line-height:1.4;box-shadow:none;cursor:pointer}
:root:root:root .reference-ro-layout .ro-details-shell>summary::-webkit-details-marker{display:none}
:root:root:root .reference-ro-layout .ro-details-shell>summary:after{content:'';width:7px;height:7px;flex:none;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:0 3px 4px 0;opacity:.8}
:root:root:root .reference-ro-layout .ro-details-shell[open]>summary:after{transform:rotate(225deg);margin-bottom:-3px}
:root:root:root .reference-ro-layout .ro-details-shell>summary:hover{background:var(--ro-side-hover)!important}
:root:root:root .reference-ro-layout .ro-details-shell>summary:focus-visible{outline:2px solid var(--ro-side-link);outline-offset:2px}
/* Make the Job Board sort-direction control distinct from its sort menu. */
html body .column-sort{gap:8px}
html body .column-sort>button[data-action=boardDirection]{display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;min-width:36px;min-height:38px;padding:4px;border:1px solid #7b9dbb!important;border-radius:6px;background:#e3eef9!important;color:#173f66!important;font-size:22px;font-weight:750;line-height:1;opacity:1;box-shadow:0 1px 2px #163c6020;cursor:pointer}
html body .column-sort>button[data-action=boardDirection]:hover{background:#cfe2f5!important;border-color:#416f99!important;color:#0b3157!important}
html[data-theme=dark] body .column-sort>button[data-action=boardDirection]{background:#345675!important;color:#fff!important;border-color:#8fb9df!important;box-shadow:0 1px 3px #0005}
html[data-theme=dark] body .column-sort>button[data-action=boardDirection]:hover{background:#466f95!important;border-color:#c2dfff!important}
html body .column-sort>button[data-action=boardDirection]:focus-visible{outline:3px solid #2689df!important;outline-offset:3px}

/* Fluids and Specifications share flat rows, spacing and expand controls. */
.prepared-specs{--service-unavailable:#c41f3b}
html[data-theme=dark] .prepared-specs{--service-unavailable:#ff687c}
.prepared-specs details:is(.prepared-fluid-card,.prepared-fluid-table,.prepared-torque-card){background:transparent!important;color:inherit;border:0;border-top:1px solid var(--ro-side-line,var(--line,#40566b));border-radius:0;margin:0;padding:0 0 4px;min-width:0;box-shadow:none}
.prepared-specs details:is(.prepared-fluid-card,.prepared-fluid-table,.prepared-torque-card)>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none;cursor:pointer;background:transparent!important;color:inherit!important;margin:0;padding:12px 8px;border:0;border-radius:6px;min-height:44px;min-width:0;box-shadow:none}
.prepared-specs details:is(.prepared-fluid-card,.prepared-fluid-table,.prepared-torque-card)>summary::-webkit-details-marker{display:none}
.prepared-specs details:is(.prepared-fluid-card,.prepared-fluid-table,.prepared-torque-card)>summary:hover{background:var(--ro-side-hover,#e1edf9)!important}
.prepared-specs details:is(.prepared-fluid-card,.prepared-fluid-table,.prepared-torque-card)>summary:focus-visible{outline:2px solid #76baff;outline-offset:2px}
:root:root:root .prepared-specs details:is(.prepared-fluid-card,.prepared-torque-card)>summary>:is(h4,h5){flex:1;min-width:0;margin:0!important;font-size:15px;font-weight:800;line-height:1.35;color:#895000!important}
.prepared-specs :is(.prepared-fluid-hint,.prepared-topic-hint){flex:none;margin-left:auto;font-size:12px;font-weight:650;white-space:nowrap;color:var(--ro-side-link,#0869b6)!important}
.prepared-specs details:is(.prepared-fluid-card,.prepared-fluid-table,.prepared-torque-card)>summary:after{content:'+';flex:none;font-size:18px;font-weight:650;line-height:1;color:var(--ro-side-link,#0869b6)}
.prepared-specs details:is(.prepared-fluid-card,.prepared-fluid-table,.prepared-torque-card)[open]>summary:after{content:'−'}
.prepared-topic-hint .note-hide,.prepared-torque-card[open]>.prepared-topic-heading .note-show{display:none}
.prepared-torque-card[open]>.prepared-topic-heading .note-hide{display:inline}
.prepared-specs .prepared-torque-content{padding:0 0 8px;border-top:0}
html[data-theme=dark] .prepared-specs details:is(.prepared-fluid-card,.prepared-fluid-table,.prepared-torque-card)>summary:hover{background:var(--ro-side-hover,#304a60)!important}
html[data-theme=dark]:root:root:root .prepared-specs details:is(.prepared-fluid-card,.prepared-torque-card)>summary>:is(h4,h5){color:#ffd166!important}
html[data-theme=dark] .prepared-specs :is(.prepared-fluid-hint,.prepared-topic-hint),html[data-theme=dark] .prepared-specs details:is(.prepared-fluid-card,.prepared-fluid-table,.prepared-torque-card)>summary:after{color:#9ed0ff!important}
:root:root:root .prepared-specs .prepared-torque-card[data-spec-state=unavailable]>summary>:is(h4,.prepared-topic-hint),.prepared-specs .prepared-torque-card[data-spec-state=unavailable]>summary:after,:root:root:root .prepared-specs p.prepared-spec-empty:not([data-spec-configuration-notice]):not([role=status]){color:var(--service-unavailable)!important}
html[data-theme=dark]:root:root:root .prepared-specs .prepared-torque-card[data-spec-state=unavailable]>summary>:is(h4,.prepared-topic-hint),html[data-theme=dark] .prepared-specs .prepared-torque-card[data-spec-state=unavailable]>summary:after{color:var(--service-unavailable)!important}

/* Compact Car-Part vehicle setup. */
#modal.car-part-vehicle-dialog{padding:24px;box-sizing:border-box;border-radius:16px;border:1px solid var(--border,#40566b)}
#modal.car-part-vehicle-dialog #form>h2{font-size:21px;margin:0 0 20px;padding:0 0 18px;border-bottom:1px solid var(--border,#40566b)}
.car-part-vehicle-intro h3{font-size:23px;line-height:1.25;margin:7px 0 8px}
.car-part-vehicle-intro p{font-size:14px;line-height:1.6;color:var(--muted,#a9bdd1);margin:0;max-width:48ch}
.car-part-vin-card{padding:20px;border:1px solid var(--border,#40566b);border-radius:12px;background:var(--surface,#f4f7fb)}
.car-part-vin-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px;flex-wrap:wrap}
.car-part-vin-badge{font-size:10px;font-weight:600;padding:4px 8px;border-radius:20px;background:#e1edf9;color:#24547c;white-space:nowrap}
.car-part-vin-card input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.065em;text-transform:uppercase;width:100%;box-sizing:border-box}
.car-part-vin-card .car-part-help{margin:10px 0 0;font-weight:400}
.car-part-next-note{font-size:12px;color:var(--muted,#a9bdd1);margin:0}
#modal.car-part-vehicle-dialog #form>.actions{margin:22px 0 0;padding:18px 0 0;border-top:1px solid var(--border,#40566b);background:transparent;display:flex;justify-content:flex-end}
#modal.car-part-vehicle-dialog .actions button:first-child:not(.primary){margin-right:auto}
html[data-theme=dark] .car-part-vin-card{background:#1c2d3e;border-color:#40566b}
html[data-theme=dark] .car-part-vin-badge{background:#29465e;color:#b8dcff}
@media(max-width:450px){#modal.car-part-vehicle-dialog{padding:18px}.car-part-vin-card{padding:15px}.car-part-vehicle-intro h3{font-size:21px}#modal.car-part-vehicle-dialog .actions .primary{width:100%;order:-1}}

#modal.car-part-vehicle-dialog{height:auto!important;min-height:0!important;max-height:calc(100dvh - 40px);margin:auto;overflow:auto}#modal.car-part-vehicle-dialog #form{min-height:0!important;height:auto!important}#modal.car-part-vehicle-dialog #form>.actions{background:transparent!important}

/* Restrained Car-Part vehicle dialog. */
#modal.car-part-vehicle-dialog{width:min(540px,calc(100vw - 32px));max-width:540px;padding:24px;border-radius:12px}
.car-part-vehicle-step{gap:22px}.car-part-vehicle-step .car-part-steps{gap:16px;font-size:12px}
.car-part-vehicle-step .car-part-steps>*{padding:0 0 10px;border:0;border-bottom:2px solid var(--border,#40566b);border-radius:0;background:transparent;color:var(--muted,#9bb0c5);text-align:left}
.car-part-vehicle-step .car-part-steps strong{border-bottom-color:#5ba9f3;color:var(--text,#20384e)}
html[data-theme=dark] .car-part-vehicle-step .car-part-steps strong{color:#edf4fc}
.car-part-vehicle-intro h3{font-size:18px;margin:0 0 6px}.car-part-vehicle-intro p{font-size:13px}
.car-part-vehicle-step .car-part-vin-card{padding:0;border:0;background:transparent}.car-part-vin-label{margin-bottom:10px}.car-part-vin-label h3{font-size:12px;font-weight:600;margin:0!important}
.car-part-vin-badge{background:transparent!important;color:var(--muted,#9bb0c5)!important;padding:0;font-size:10px;font-weight:400}
#modal.car-part-vehicle-dialog #form>.actions{margin-top:24px;padding-top:18px}.car-part-vin-card .car-part-help{font-size:11px;line-height:1.5}

html body #modal.car-part-vehicle-dialog{position:fixed;inset:50% 0 auto!important;transform:translateY(-50%);height:max-content!important;max-height:calc(100dvh - 40px);margin:0 auto!important}html body #modal.car-part-vehicle-dialog .car-part-vin-card{background:transparent!important}#modal.car-part-vehicle-dialog .field>.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* Keep the complete VIN selectable while emphasizing its identifying suffix. */
.ro-sidebar .ro-vin{font-variant-numeric:tabular-nums;white-space:nowrap}.ro-sidebar .ro-vin-suffix{background:#fff0be;color:#654300;border-radius:3px;padding:2px 3px;margin-left:1px;font-weight:800}.ro-sidebar .ro-vin-prefix{color:inherit}html[data-theme=dark] .ro-sidebar .ro-vin-suffix{background:#634c20;color:#ffe29a}

/* VIN segments stay inline even inside stacked sidebar cards. */
.ro-sidebar .side-card .ro-vin{white-space:nowrap!important;overflow-wrap:normal;word-break:normal}.ro-sidebar .side-stack .ro-vin>.ro-vin-prefix{display:inline!important;margin:0!important}.ro-sidebar .ro-vin>.ro-vin-suffix{display:inline!important;white-space:nowrap}

.ro-sidebar .ro-vin-card>span{display:flex!important;align-items:center;gap:5px;margin-top:4px}.ro-sidebar .side-card .ro-vin-card{min-width:0}.ro-sidebar .side-card .ro-vin{width:auto;flex:1;min-width:0}.ro-sidebar .side-card .ro-vin-copy{display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;min-width:28px;min-height:28px;height:28px;padding:4px;border:1px solid var(--ro-side-line);border-radius:5px;cursor:pointer}.ro-sidebar .ro-vin-copy:hover{filter:brightness(1.18)}.ro-sidebar .ro-vin-copy:focus-visible{outline:2px solid var(--ro-side-link);outline-offset:2px}
.ro-sidebar .side-card.ro-vin-card{display:block!important}.ro-sidebar .side-card.ro-vin-card>span{width:100%;box-sizing:border-box}
/* Keep pricing choices visible when the mobile total bar hides breakdown labels. */
@media(max-width:760px){
 .reference-ro-layout .ro-totalbar .cash-card-control{display:inline-flex!important}
 .reference-ro-layout .ro-totalbar .cash-card-control .cash-card-label{display:inline!important}
 .reference-ro-layout .ro-totalbar .cash-card-control .cash-card-thumb{display:block!important}
}

/* Mobile workspace: a compact header, expandable navigation and wrapping RO tabs. */
.mobile-nav-toggle{display:none}
@media(max-width:700px){
 body{--workspace-header-height:100px;--main-nav-height:0px!important}
 body .workspace-topbar{display:grid!important;grid-template-columns:48px minmax(0,1fr) auto auto;grid-template-rows:44px 38px;height:100px!important;min-height:100px!important;padding:6px 10px!important;gap:4px 6px!important;overflow:visible!important;box-sizing:border-box;white-space:normal}
 body .workspace-topbar>*{min-width:0;max-width:100%;margin:0}
 body .workspace-topbar .topbar-brand{grid-column:1;grid-row:1}
 body .workspace-topbar .topbar-brand img{width:44px;height:38px}
 body .workspace-topbar .theme-toggle{grid-column:2;grid-row:1;justify-self:start;font-size:12px;min-height:36px;padding:6px 8px!important}
 body .workspace-topbar .notification-menu{grid-column:3;grid-row:1}
 body .workspace-topbar .mobile-nav-toggle{display:block;grid-column:4;grid-row:1;font-size:12px;padding:6px 8px!important;min-height:36px}
 body .workspace-topbar .global-search{grid-column:1/-1;grid-row:2;width:100%!important;min-width:0!important;min-height:36px!important;text-align:left}
 body .workspace-topbar [data-action=accountSecurity]{grid-column:1/3;grid-row:3;font-size:11px;min-height:30px!important;padding:4px 8px!important}
 body .workspace-topbar [data-action=employeeLogout]{grid-column:3/5;grid-row:3;font-size:11px;min-height:30px!important;padding:4px 8px!important}
 body>aside,body.nav-collapsed>aside{display:none!important}
 body.mobile-navigation-open>aside{display:block!important;max-height:calc(100dvh - 100px - 76px)!important;overflow-y:auto!important;padding:8px!important;box-shadow:0 12px 24px #0004}
 body #nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible!important;gap:5px!important;flex-wrap:wrap!important}
 body #nav>button,body.nav-collapsed #nav>button{width:100%!important;min-width:0!important;white-space:normal;justify-content:flex-start;padding:9px 8px!important}
 body #nav>button>.nav-label{min-width:0;overflow-wrap:anywhere}
 body #app{padding:12px 10px 90px!important;min-width:0}
 .reference-ro-layout .reference-ro-nav>.tabs,.reference-ro-layout .issues-top .tabs{display:flex;flex-wrap:wrap!important;overflow:visible!important;width:100%!important;max-width:100%;box-sizing:border-box}
 .reference-ro-layout .reference-ro-nav>.tabs button{flex:1 1 30%;min-width:0;white-space:normal;padding:7px 5px!important;font-size:12px!important}
 .reference-ro-layout .reference-tools{flex-wrap:wrap;min-width:0;width:100%;gap:6px}
 .reference-ro-layout .reference-tools>*{flex:1 1 42%;min-width:0}
 .reference-ro-layout .reference-ro-nav,.reference-ro-layout .reference-ro-title,.reference-ro-layout .ro-main{min-width:0;max-width:100%}
 body .reference-ro-layout .ro-details-shell{position:relative!important;inset:auto!important;width:100%!important;box-sizing:border-box;margin:0!important;padding:0!important}
 .reference-ro-layout .ro-totalbar{left:0!important;right:0!important;max-width:100%;box-sizing:border-box;padding:8px!important;gap:6px!important}
 .reference-ro-layout .ro-total-actions{min-width:0;gap:7px!important;padding-left:0!important}
 .reference-ro-layout .ro-totalbar .cash-card-control{gap:5px;flex-shrink:0}
 .reference-ro-layout .ro-totalbar .ro-grand-total{white-space:nowrap}
 .reference-ro-layout .ro-totalbar .ro-grand-total b{font-size:17px!important}
}

.vendor-identity{display:inline-flex;align-items:center;gap:14px}.vendor-brand{display:inline-flex;align-items:center;justify-content:center;width:108px;height:42px;flex:0 0 108px;background:#fff;border:1px solid #dce3eb;border-radius:7px;padding:7px;box-sizing:border-box}.vendor-brand img{display:block;width:100%;height:100%;object-fit:contain}.vendor-brand.vendor-initials{width:42px;flex-basis:42px;background:var(--panel);color:var(--text);font-weight:700}.vendor-name-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}

/* Account actions live in the mobile Menu, leaving search directly accessible. */
.mobile-menu-account{display:none}
@media(max-width:700px){
 body .workspace-topbar :is([data-action=accountSecurity],[data-action=employeeLogout]){display:none!important}
 body.mobile-navigation-open>aside .mobile-menu-account{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border-top:1px solid var(--nav-line);margin-top:10px;padding-top:10px}
 body .mobile-menu-account button{min-width:0;width:100%;min-height:40px;font-size:12px;padding:8px;white-space:normal}
}
/* Mobile job lines: labeled, readable values without sideways scrolling. */
.mobile-job-table-title{display:none}
@media(max-width:700px){
 .reference-ro-layout .ro-main .organized-job .job-table-scroll{overflow:visible;min-width:0;max-width:100%}
 .reference-ro-layout .ro-main .organized-job .job-lines{display:block;min-width:0!important;width:100%;max-width:100%;table-layout:auto}
 .reference-ro-layout .ro-main .organized-job .job-lines colgroup{display:none}
 .reference-ro-layout .ro-main .organized-job .mobile-job-table-title{display:block;text-align:left;padding:8px 12px;font-size:12px;font-weight:750;letter-spacing:.03em;background:#e8f0f8;color:#234b70;border-block:1px solid #cbd7e2}
 .reference-ro-layout .ro-main .organized-job .job-lines thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .reference-ro-layout .ro-main .organized-job .job-lines tbody{display:block;width:100%}
 .reference-ro-layout .ro-main .organized-job .job-lines tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:10px 12px;gap:8px 12px;border-bottom:1px solid #cbd7e2}
 .reference-ro-layout .ro-main .organized-job .job-lines-labor tr{grid-template-columns:repeat(3,minmax(0,1fr))}
 .reference-ro-layout .ro-main .organized-job .job-lines td{display:block;width:auto!important;min-width:0;padding:6px 0!important;text-align:left!important;border:0;font-size:16px!important;line-height:1.4!important;font-weight:650;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;white-space:normal}
 .reference-ro-layout .ro-main .organized-job .job-lines td:first-child{grid-column:1/-1;font-weight:400;font-size:14px!important}
 .reference-ro-layout .ro-main .organized-job .job-lines td:not(:first-child)::before{content:attr(data-label);display:block;margin-bottom:3px;font-size:11px;font-weight:600;line-height:1.3;color:#52677b}
 .reference-ro-layout .ro-main .organized-job .job-lines .part-quantity,.reference-ro-layout .ro-main .organized-job .job-lines td[data-label=Hours]{font-size:20px!important;font-weight:800!important}
 .reference-ro-layout .ro-main .organized-job .job-lines .job-empty-section{grid-column:1/-1}
 .reference-ro-layout .ro-main .organized-job .organized-part{min-width:0;gap:8px;align-items:flex-start}
 .reference-ro-layout .ro-main .organized-job .part-description-copy{min-width:0;flex:1;overflow-wrap:anywhere}
 .reference-ro-layout .ro-main .organized-job .part-description-copy>strong{font-size:14px!important;line-height:1.45!important;font-weight:600!important}
 .reference-ro-layout .ro-main .organized-job .part-metadata{flex-wrap:wrap;min-width:0}
 .reference-ro-layout .ro-main .organized-job .job-footer{min-width:0;max-width:100%}
 .reference-ro-layout .ro-main .organized-job .job-tax,.reference-ro-layout .ro-main .organized-job .job-final{min-width:0;flex:1 1 30%;padding:10px 6px}
 .reference-ro-layout .ro-main .organized-job .job-tax label{font-size:11px;white-space:normal}
 html[data-theme=dark] .reference-ro-layout .ro-main .organized-job .mobile-job-table-title{background:#233b52;color:#dcecff;border-color:#49647d}
 html[data-theme=dark] .reference-ro-layout .ro-main .organized-job .job-lines tr{border-color:#49647d}
 html[data-theme=dark] .reference-ro-layout .ro-main .organized-job .job-lines td:not(:first-child)::before{color:#bfd0e1}
}
/* Mobile job footer: consistent touch targets and aligned totals. */
@media(max-width:700px){
 .reference-ro-layout .ro-main .organized-job .job-footer{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:0!important;align-items:stretch;padding:0!important}
 .reference-ro-layout .ro-main .organized-job .job-footer>.job-footer-actions{grid-column:1/-1;display:flex;flex-wrap:nowrap!important;gap:8px!important;margin:0;padding:10px!important;border-bottom:1px solid #cbd7e2}
 .reference-ro-layout .ro-main .organized-job .job-footer-actions:empty{display:none}
 .reference-ro-layout .ro-main .organized-job .job-footer-actions button{flex:1;min-width:0;min-height:44px!important;margin:0;padding:8px 10px!important;font-size:14px!important;justify-content:center;white-space:nowrap}
 .reference-ro-layout .ro-main .organized-job .job-tax{display:flex;flex-direction:column;gap:5px;align-items:stretch;justify-content:center;min-width:0;padding:8px 10px!important;border:0;margin:0;text-align:left}
 .reference-ro-layout .ro-main .organized-job .job-tax+.job-tax{border-left:1px solid #cbd7e2}
 .reference-ro-layout .ro-main .organized-job .job-tax label{display:flex;align-items:center;justify-content:flex-start;gap:7px;min-height:44px;margin:0;font-size:12px!important;font-weight:600;white-space:nowrap!important;line-height:1.3}
 .reference-ro-layout .ro-main .organized-job .job-tax label .ro-switch{flex-shrink:0}
 .reference-ro-layout .ro-main .organized-job .job-tax small{font-size:14px!important;line-height:1.3;font-weight:650;font-variant-numeric:tabular-nums;text-align:right}
 .reference-ro-layout .ro-main .organized-job .job-final{grid-column:1/-1;display:flex;flex-direction:row;align-items:center;justify-content:space-between;min-width:0;gap:12px;margin:0;padding:10px 12px!important;border:0;border-top:1px solid #cbd7e2;font-size:11px!important;font-weight:700;letter-spacing:.03em}
 .reference-ro-layout .ro-main .organized-job .job-final strong{margin:0;font-size:20px!important;line-height:1.3;font-variant-numeric:tabular-nums;letter-spacing:0;white-space:nowrap}
 html[data-theme=dark] .reference-ro-layout .ro-main .organized-job :is(.job-footer-actions,.job-tax+.job-tax,.job-final){border-color:#49647d!important}
 html[data-theme=dark] .reference-ro-layout .ro-main .organized-job .job-tax :is(label,small){color:#e1ecf7!important}
 html[data-theme=dark] .reference-ro-layout .ro-main .organized-job .job-final{background:#233b52!important;color:#cbdced!important}
 html[data-theme=dark] .reference-ro-layout .ro-main .organized-job .job-final strong{color:#fff!important}
}
/* Compact mobile job headers with dedicated, full-size action targets. */
@media(max-width:700px){
 .reference-ro-layout .ro-main .organized-job-header{display:flex;flex-direction:column;align-items:stretch;gap:8px!important;padding:10px!important}
 .reference-ro-layout .ro-main .organized-job-header .job-heading-group{display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px;align-items:start;width:100%;min-width:0;flex:none}
 .reference-ro-layout .ro-main .organized-job-header .job-heading-group>.job-approval-mark{display:none}
 .reference-ro-layout .ro-main .organized-job-header .job-heading-group>.job-icon{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;margin:0;padding:10px!important;display:flex;align-items:center;justify-content:center;border-radius:7px}
 .reference-ro-layout .ro-main .organized-job-header .job-heading-copy{min-width:0}
 .reference-ro-layout .ro-main .organized-job-header .job-heading-copy h3{font-size:16px!important;line-height:1.35!important;font-weight:700;margin:0;word-break:normal;overflow-wrap:anywhere}
 .reference-ro-layout .ro-main .organized-job-header .job-approval-text{font-size:12px!important;line-height:1.4;margin-top:4px;color:#52677b}
 .reference-ro-layout .ro-main .organized-job-header .approval-approved{color:#10733d!important}
 .reference-ro-layout .ro-main .organized-job-header .approval-declined{color:#b02b40!important}
 .reference-ro-layout .ro-main .organized-job-header .job-header-actions{display:grid!important;grid-template-columns:minmax(0,1fr) 44px 44px;gap:8px!important;width:auto!important;margin:0 0 0 52px;padding:0;flex-wrap:nowrap!important;align-items:center}
 .reference-ro-layout .ro-main .organized-job-header .job-header-actions button{display:flex;align-items:center;justify-content:center;min-width:44px!important;min-height:44px!important;height:44px!important;width:100%!important;margin:0;padding:8px!important;font-size:13px!important;border-radius:7px!important;box-sizing:border-box}
 .reference-ro-layout .ro-main .organized-job-header .job-header-actions .job-icon{width:44px!important;height:44px!important;font-size:18px!important}
 html[data-theme=dark] .reference-ro-layout .ro-main .organized-job-header .job-approval-text{color:#bfd0e1}
 html[data-theme=dark] .reference-ro-layout .ro-main .organized-job-header .approval-approved{color:#86efac!important}
 html[data-theme=dark] .reference-ro-layout .ro-main .organized-job-header .approval-declined{color:#ffafbc!important}
}
/* Mobile jobs toolbar: one aligned row of equal, touch-friendly actions. */
@media(max-width:700px){
 .reference-ro-layout .ro-main .organized-jobs-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr);align-items:center;gap:8px!important;padding:8px 0 10px!important}
 .reference-ro-layout .ro-main .organized-jobs-toolbar h2{margin:0;font-size:17px!important;line-height:1.4}
 .reference-ro-layout .ro-main .organized-jobs-toolbar>.row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px!important;width:100%;min-width:0;margin:0;flex-wrap:nowrap!important}
 .reference-ro-layout .ro-main .organized-jobs-toolbar>.row>button{display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;min-width:0!important;min-height:44px!important;height:44px;box-sizing:border-box;margin:0;padding:6px!important;font-size:12px!important;line-height:1.25!important;font-weight:650;border-radius:7px!important;white-space:normal!important;text-align:center;gap:0!important}
 .reference-ro-layout .ro-main .organized-jobs-toolbar>.row>button .ui-icon{display:none}
 .reference-ro-layout .ro-main .organized-jobs-toolbar>.row>button .button-label{min-width:0;white-space:normal}
}
/* Mobile concerns: concise section headings and aligned actions. */
@media(max-width:700px){
 .reference-ro-layout .ro-main .issues-panel{min-width:0;overflow:hidden}
 .reference-ro-layout .ro-main .concern-group{min-width:0;border-top:1px solid #cbd7e2}
 .reference-ro-layout .ro-main .concern-group .issues-label{display:block!important;margin:0;padding:9px 10px!important;font-size:13px!important;line-height:1.35!important;font-weight:700}
 .reference-ro-layout .ro-main .concern-group .issues-label>span{display:none}
 .reference-ro-layout .ro-main .concern-group .issues-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:8px!important;padding:8px 10px!important;margin:0}
 .reference-ro-layout .ro-main .concern-group .issues-actions>button{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0!important;width:100%;min-height:44px!important;margin:0;padding:6px!important;font-size:12px!important;font-weight:650;line-height:1.25!important;white-space:normal!important;text-align:center;border-radius:7px}
 .reference-ro-layout .ro-main .concern-group .issues-actions>button :is(.ui-icon,.plain-plus){display:none}
 .reference-ro-layout .ro-main .concern-group .issues-actions>button:disabled{opacity:1;background:#edf1f5!important;color:#6b7b8b!important;border-color:#d4dde6!important;cursor:not-allowed}
 .reference-ro-layout .ro-main .concern-group .issue-row{display:grid!important;grid-template-columns:minmax(0,1fr);gap:8px;padding:10px!important;border-top:1px solid #d5dfe8;font-size:14px;line-height:1.45}
 .reference-ro-layout .ro-main .concern-group .issue-row>div{min-width:0;overflow-wrap:anywhere}
 .reference-ro-layout .ro-main .concern-group .issue-tools{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
 .reference-ro-layout .ro-main .concern-group .issue-tools button,.reference-ro-layout .ro-main .concern-group .concern-finding button{min-height:44px!important;padding:6px 10px!important;font-size:12px!important;margin:0}
 .reference-ro-layout .ro-main .concern-group .concern-finding::before,.reference-ro-layout .ro-main .concern-group .concern-media:not(:empty)::before{content:attr(data-label);display:block;font-size:11px;font-weight:650;color:#52677b;margin-bottom:4px}
 .reference-ro-layout .ro-main .concern-group .concern-finding-copy{margin:0 0 6px;white-space:pre-wrap}
 .reference-ro-layout .ro-main .concern-group .concern-media:empty{display:none}
 .reference-ro-layout .ro-main .concern-group .concern-media .photo{max-width:100%;width:64px;height:64px;object-fit:cover;margin:0 5px 5px 0}
 html[data-theme=dark] .reference-ro-layout .ro-main .concern-group,html[data-theme=dark] .reference-ro-layout .ro-main .concern-group .issue-row{border-color:#49647d}
 html[data-theme=dark] .reference-ro-layout .ro-main .concern-group :is(.concern-finding,.concern-media)::before{color:#bfd0e1}
 html[data-theme=dark] .reference-ro-layout .ro-main .concern-group .issues-actions>button:disabled{background:#203247!important;color:#91a6bd!important;border-color:#425a73!important}
}
@media(max-width:700px){
 .reference-ro-layout .ro-main .concern-group .issues-actions>button:not(:disabled){background:#eef5fc!important;color:#214e76!important;border:1px solid #b6cbe0!important}
 html[data-theme=dark] .reference-ro-layout .ro-main .concern-group .issues-actions>button:not(:disabled){background:#2b4059!important;color:#f4f8ff!important;border-color:#6e91b6!important}
}
/* Mobile favorites: full-width shortcuts and aligned library actions. */
@media(max-width:700px){
 .reference-ro-layout .ro-main .favorite-jobs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px!important;align-items:stretch;margin:0 0 10px!important;padding:9px!important;min-width:0;box-sizing:border-box;background:#f7faff;border:1px solid #cedce9;border-radius:8px}
 .reference-ro-layout .ro-main .favorite-jobs>strong{grid-column:1/-1;margin:0;font-size:12px!important;line-height:1.4;font-weight:750;color:#37546d}
 .reference-ro-layout .ro-main .favorite-job-shortcuts{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr);gap:6px!important;width:100%;min-width:0;align-items:stretch}
 .reference-ro-layout .ro-main .favorite-jobs button{min-width:0!important;width:100%;min-height:44px!important;margin:0!important;padding:7px 10px!important;font-size:12px!important;line-height:1.35!important;border-radius:6px!important;white-space:normal!important;box-sizing:border-box;display:flex;align-items:center;gap:7px}
 .reference-ro-layout .ro-main .favorite-job-shortcuts .favorite-job-add{text-align:left;justify-content:flex-start;background:#edf6ff!important;color:#195780!important;border:1px solid #b8d4e9!important}
 .reference-ro-layout .ro-main .favorite-jobs>button{justify-content:center;text-align:center;background:#fff!important;color:#284c6c!important;border:1px solid #b9cde0!important}
 .reference-ro-layout .ro-main .favorite-jobs .ui-icon{flex:none;width:16px;height:16px}
 .reference-ro-layout .ro-main .favorite-jobs-empty{padding:4px 0;font-size:12px;line-height:1.4}
 html[data-theme=dark] .reference-ro-layout .ro-main .favorite-jobs{background:#172b3e;border-color:#425f79}
 html[data-theme=dark] .reference-ro-layout .ro-main .favorite-jobs>strong{color:#c4d7e9}
 html[data-theme=dark] .reference-ro-layout .ro-main .favorite-job-shortcuts .favorite-job-add{background:#203a51!important;color:#e5f3ff!important;border-color:#527b9a!important}
 html[data-theme=dark] .reference-ro-layout .ro-main .favorite-jobs>button{background:#2b4059!important;color:#f4f8ff!important;border-color:#6e91b6!important}
}
/* Keep mobile canned-job search and Build in one predictable row. */
@media(max-width:700px){
 .reference-ro-layout .ro-main .build-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) 76px;align-items:center;gap:6px!important;flex-wrap:nowrap!important;width:100%;max-width:100%;min-width:0;box-sizing:border-box;padding:8px!important;overflow:visible}
 .reference-ro-layout .ro-main .build-toolbar #canned-search{display:block;grid-column:1;min-width:0!important;width:100%!important;max-width:100%!important;height:44px!important;min-height:44px!important;margin:0;box-sizing:border-box;padding:8px!important;font-size:16px!important;line-height:1.3;border:1px solid #b8cde0!important;background:#fff!important;color:#233e55!important;border-radius:7px}
 .reference-ro-layout .ro-main .build-toolbar #canned-search::placeholder{color:#5d7387;opacity:1}
 .reference-ro-layout .ro-main .build-toolbar .build-menu{grid-column:2;min-width:0;width:76px;margin:0;position:relative}
 .reference-ro-layout .ro-main .build-toolbar .build-menu>summary{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;width:100%;height:44px!important;min-height:44px!important;padding:8px!important;box-sizing:border-box;font-size:13px!important;font-weight:700;line-height:1.3;white-space:nowrap;background:#086bca!important;color:#fff!important;border:1px solid #075eaf!important;border-radius:7px!important;list-style:none}
 .reference-ro-layout .ro-main .build-toolbar .build-menu>summary::-webkit-details-marker{display:none}
 .reference-ro-layout .ro-main .build-toolbar .build-menu>div{right:0!important;left:auto!important;max-width:calc(100vw - 48px);z-index:65}
 .reference-ro-layout .ro-main .build-toolbar .build-menu>summary:focus-visible,.reference-ro-layout .ro-main .build-toolbar #canned-search:focus-visible{outline:3px solid #3794ee;outline-offset:2px}
 html[data-theme=dark] .reference-ro-layout .ro-main .build-toolbar #canned-search{background:#102235!important;color:#edf5ff!important;border-color:#6485a5!important}
 html[data-theme=dark] .reference-ro-layout .ro-main .build-toolbar #canned-search::placeholder{color:#bed0e2}
 html[data-theme=dark] .reference-ro-layout .ro-main .build-toolbar .build-menu>summary{background:#1674d6!important;color:#fff!important;border-color:#75b8ff!important}
}
/* Mobile RO navigation: balanced tab rows and a consistent actions grid. */
@media(max-width:700px){
 .reference-ro-layout .reference-ro-nav{display:grid!important;grid-template-columns:minmax(0,1fr);gap:6px!important;align-items:stretch;padding:6px 0!important;margin:0;min-width:0}
 .reference-ro-layout .reference-ro-nav>.tabs{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px!important;width:100%!important;max-width:100%;min-width:0;padding:3px!important;margin:0!important;box-sizing:border-box;overflow:visible!important;border-radius:8px!important}
 .reference-ro-layout .reference-ro-nav>.tabs>button{grid-column:span 2;display:flex;align-items:center;justify-content:center;min-width:0!important;width:100%;height:44px;min-height:44px!important;margin:0!important;padding:5px 4px!important;box-sizing:border-box;font-size:12px!important;line-height:1.25!important;font-weight:650;white-space:normal!important;text-align:center;border-radius:6px!important}
 .reference-ro-layout .reference-ro-nav>.tabs>button:nth-child(n+4){grid-column:span 3}
 .reference-ro-layout .reference-tools{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px!important;align-items:stretch;width:100%!important;min-width:0;padding:0!important;margin:0}
 .reference-ro-layout .reference-tools>*{width:100%;min-width:0!important;max-width:100%;margin:0;box-sizing:border-box}
 .reference-ro-layout .reference-tools>button,.reference-ro-layout .reference-tools>details>summary{display:flex!important;align-items:center;justify-content:center;gap:5px;min-width:0!important;width:100%;height:44px;min-height:44px!important;box-sizing:border-box;margin:0!important;padding:5px 7px!important;white-space:normal!important;font-size:12px!important;font-weight:650;line-height:1.25!important;text-align:center;border-radius:7px!important;background:#f6f9fd!important;color:#264a68!important;border:1px solid #b9cde0!important}
 .reference-ro-layout .reference-tools>button .ui-icon,.reference-ro-layout .reference-tools>details>summary .ui-icon{display:none}
 .reference-ro-layout .reference-tools>details{position:relative}
 .reference-ro-layout .reference-tools>details>summary{list-style:none}
 .reference-ro-layout .reference-tools>details>summary::-webkit-details-marker{display:none}
 .reference-ro-layout .reference-tools>details>summary::after{content:'⌄';flex:none;font-size:14px;line-height:1;margin-left:3px}
 .reference-ro-layout .reference-tools>details[open]>summary::after{content:'⌃'}
 .reference-ro-layout .reference-tools>details>div[role=menu]{width:260px;max-width:calc(100vw - 48px);box-sizing:border-box;left:0!important;right:auto!important;z-index:65}
 .reference-ro-layout .reference-tools>details:last-child>div[role=menu]{left:auto!important;right:0!important}
 html[data-theme=dark] .reference-ro-layout .reference-tools>button,html[data-theme=dark] .reference-ro-layout .reference-tools>details>summary{background:#2b4059!important;color:#f4f8ff!important;border-color:#6e91b6!important}
 .reference-ro-layout .reference-ro-nav :is(button,summary):focus-visible{outline:3px solid #3794ee;outline-offset:2px}
}
/* Mobile mileage: title and action above two equally sized readings. */
@media(max-width:700px){
 .reference-ro-layout .reference-mileage.odometer-panel{display:grid!important;grid-template-columns:minmax(0,1fr) 108px!important;align-items:center;gap:6px 8px!important;width:100%!important;max-width:100%;min-width:0;box-sizing:border-box;margin:6px 0!important;padding:8px!important;border-radius:8px!important}
 .reference-ro-layout .odometer-panel .odometer-panel-title{grid-column:1;grid-row:1;display:flex;align-items:center;gap:6px;min-width:0;margin:0}
 .reference-ro-layout .odometer-panel .odometer-panel-title>.ui-icon{width:16px;height:16px;min-width:16px}
 .reference-ro-layout .odometer-panel .odometer-panel-title strong{display:block;font-size:12px!important;line-height:1.3;white-space:normal}
 .reference-ro-layout .odometer-panel .odometer-edit{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:center;gap:5px;width:100%!important;min-width:0!important;min-height:44px!important;height:44px;margin:0;padding:6px!important;font-size:12px!important;font-weight:700;line-height:1.25;white-space:nowrap;border-radius:7px}
 .reference-ro-layout .odometer-panel .odometer-edit .ui-icon{width:15px;height:15px;min-width:15px}
 .reference-ro-layout .odometer-panel .odometer-readings{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0;width:100%}
 .reference-ro-layout .odometer-panel .odometer-reading{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;min-width:0;min-height:56px;box-sizing:border-box;padding:7px 8px;border-radius:6px}
 .reference-ro-layout .odometer-panel .odometer-reading>span{font-size:10px!important;font-weight:650;line-height:1.3;letter-spacing:.02em;white-space:nowrap}
 .reference-ro-layout .odometer-panel .odometer-reading strong{font-size:17px!important;font-weight:750;line-height:1.25;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;white-space:normal}
 .reference-ro-layout .odometer-panel .odometer-reading.is-missing strong{font-size:13px!important;line-height:1.3}
 html[data-theme=dark] .reference-ro-layout .odometer-panel .odometer-panel-title strong{color:#e2ecf7}
 html[data-theme=dark] .reference-ro-layout .odometer-panel .odometer-reading>span{color:#c5d6e8}
}
/* Mobile RO heading: aligned controls, full title and an untruncated warning. */
@media(max-width:700px){
 .reference-ro-layout .reference-ro-header{padding:8px 10px 0!important}
 .reference-ro-layout .reference-ro-title{display:grid!important;grid-template-columns:44px 44px minmax(0,1fr);align-items:center!important;gap:6px!important;min-width:0;width:100%;max-width:100%;box-sizing:border-box}
 .reference-ro-layout .reference-ro-title>.reference-back{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:center;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:8px!important;margin:0;border-radius:7px}
 .reference-ro-layout .reference-ro-title>.ro-arrival-menu{grid-column:2;grid-row:1;min-width:0;width:44px;margin:0}
 .reference-ro-layout .reference-ro-title>.ro-arrival-menu>summary{display:flex;align-items:center;justify-content:center;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:8px!important;box-sizing:border-box;margin:0;border-radius:7px!important;list-style:none}
 .reference-ro-layout .reference-ro-title>.ro-arrival-menu>summary::-webkit-details-marker{display:none}
 .reference-ro-layout .reference-ro-title>.ro-arrival-menu>summary .appointment-svg{width:26px;height:26px}
 .reference-ro-layout .reference-ro-title>h1{grid-column:1/-1;grid-row:2;min-width:0;max-width:100%;width:auto;margin:0!important;padding:2px 0!important;font-size:16px!important;line-height:1.4!important;letter-spacing:0;white-space:normal!important;overflow:visible!important;text-overflow:clip;word-break:normal;overflow-wrap:anywhere}
 .reference-ro-layout .reference-ro-title>.ro-status-stack{display:contents!important}
 .reference-ro-layout .reference-ro-title .ro-status-button{grid-column:3;grid-row:1;display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0!important;width:100%;min-height:44px!important;height:auto;margin:0!important;padding:7px 9px!important;font-size:12px!important;font-weight:650;line-height:1.3;white-space:normal!important;border-radius:7px}
 .reference-ro-layout .reference-ro-title .odometer-warning{grid-column:1/-1;grid-row:3;min-width:0;max-width:100%;margin:0!important;padding:0 0 2px;font-size:12px!important;line-height:1.4!important;font-weight:650;text-align:left!important;white-space:normal;overflow-wrap:anywhere}
 .reference-ro-layout .reference-ro-title>.ro-arrival-menu>div[role=menu]{left:-50px!important;right:auto!important;min-width:0!important;width:min(290px,calc(100vw - 48px));max-width:calc(100vw - 48px);box-sizing:border-box;border-radius:8px;z-index:65}
 .reference-ro-layout .reference-ro-title>.ro-arrival-menu>div[role=menu]>button{min-width:0;min-height:44px;gap:8px!important;padding:8px!important;white-space:normal;font-size:13px}
 .reference-ro-layout .reference-ro-title :is(button,summary):focus-visible{outline:3px solid #3794ee;outline-offset:2px}
}
/* Mobile details: compact sections using the page scroll, never a nested viewport. */
@media(max-width:700px){
 :root:root:root .reference-ro-layout .ro-details-shell{min-width:0;max-width:100%;border-radius:7px!important;box-shadow:none!important}
 :root:root:root .reference-ro-layout .ro-details-shell>summary{min-height:44px!important;padding:9px 10px!important;font-size:13px!important;line-height:1.35;border-radius:6px!important}
 :root:root:root .reference-ro-layout .ro-details-shell[open] .ro-sidebar{position:static!important;max-height:none!important;height:auto!important;overflow:visible!important;width:100%;min-width:0;box-sizing:border-box;margin:6px 0 0;padding:6px;border:1px solid var(--ro-side-line);border-radius:7px}
 :root:root:root .reference-ro-layout .ro-sidebar .sidebar-controls{display:flex;justify-content:flex-end;padding:0 0 6px;margin:0}
 :root:root:root .reference-ro-layout .ro-sidebar .sidebar-controls button{min-height:44px!important;padding:7px 10px!important;font-size:12px!important;margin:0;border-radius:6px}
 :root:root:root .reference-ro-layout .ro-sidebar .side-group{min-width:0;margin:0 0 6px!important;border:1px solid var(--ro-side-line);border-radius:6px!important;overflow:visible}
 :root:root:root .reference-ro-layout .ro-sidebar .side-group:last-child{margin-bottom:0!important}
 :root:root:root .reference-ro-layout .ro-sidebar .side-group>summary{display:flex;align-items:center;gap:7px;min-height:44px!important;padding:9px 10px!important;margin:0;font-size:13px!important;font-weight:700;line-height:1.35;list-style:none;border-radius:5px;cursor:pointer}
 :root:root:root .reference-ro-layout .ro-sidebar .side-group>summary::-webkit-details-marker{display:none}
 :root:root:root .reference-ro-layout .ro-sidebar .side-group>summary>.ui-icon{width:17px;height:17px;flex:none}
 :root:root:root .reference-ro-layout .ro-sidebar .side-group>summary::after{content:'⌄';margin-left:auto;font-size:17px;line-height:1;flex:none}
 :root:root:root .reference-ro-layout .ro-sidebar .side-group[open]>summary::after{content:'⌃'}
 :root:root:root .reference-ro-layout .ro-sidebar .side-card{display:grid!important;grid-template-columns:minmax(75px,.8fr) minmax(0,1.2fr);align-items:center;gap:6px;padding:5px 9px!important;min-width:0;border-bottom:1px solid var(--ro-side-line);font-size:13px!important;line-height:1.4}
 :root:root:root .reference-ro-layout .ro-sidebar .side-card>b{font-size:11px!important;line-height:1.35;font-weight:650;min-width:0;overflow-wrap:anywhere}
 :root:root:root .reference-ro-layout .ro-sidebar .side-card>span{display:block;min-width:0;overflow-wrap:anywhere}
 :root:root:root .reference-ro-layout .ro-sidebar .side-card .side-link{min-height:44px!important;max-width:100%;min-width:0;padding:5px!important;margin:0;font-size:13px!important;line-height:1.4;white-space:normal;text-align:left;overflow-wrap:anywhere;border-radius:5px}
 :root:root:root .reference-ro-layout .ro-sidebar .side-card:has(>strong),:root:root:root .reference-ro-layout .ro-sidebar .ro-vin-card{grid-template-columns:minmax(0,1fr)}
 :root:root:root .reference-ro-layout .ro-sidebar .side-card>strong{min-width:0;font-size:14px!important;line-height:1.4}
 :root:root:root .reference-ro-layout .ro-sidebar .side-card>strong .side-link{font-size:14px!important;font-weight:700}
 :root:root:root .reference-ro-layout .ro-sidebar .side-card>small{font-size:12px!important;line-height:1.4;margin:0}
 :root:root:root .reference-ro-layout .ro-sidebar .ro-vin-card>span{display:flex;align-items:center;gap:5px;min-width:0}
 :root:root:root .reference-ro-layout .ro-sidebar .ro-vin-card .ro-vin{font-size:12px!important;letter-spacing:0;flex:1;min-width:0;white-space:nowrap!important}
 :root:root:root .reference-ro-layout .ro-sidebar .ro-vin-copy{flex:none;width:44px;min-width:44px;min-height:44px;padding:8px}
 :root:root:root .reference-ro-layout .ro-sidebar .side-service #ro-spec-results{padding:8px;min-width:0;max-width:100%;box-sizing:border-box}
 :root:root:root .reference-ro-layout .ro-sidebar .side-service :is(h3,h4){font-size:16px!important;line-height:1.4;margin-block:8px}
 :root:root:root .reference-ro-layout .ro-sidebar .side-service :is(.vehicle-data-section>summary,.fluid-section>summary,.prepared-spec-card>summary){min-height:44px;padding:8px!important;font-size:13px!important;line-height:1.4;white-space:normal}
 :root:root:root .reference-ro-layout .ro-sidebar :is(summary,button):focus-visible{outline:3px solid var(--ro-side-link);outline-offset:2px}
}

.auto-search-panel{border:1px solid var(--border,#ccd6df);border-radius:12px;padding:18px;margin:12px 0;background:var(--surface,#fff);color:inherit}.auto-search-panel[hidden]{display:none}.auto-search-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.auto-search-vendors,.auto-search-actions{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}.auto-search-vendors{border:0;padding:0}.auto-search-results{overflow-x:auto;max-height:480px}.auto-search-results table{min-width:800px}.auto-search-results small{display:block;margin-top:5px}.auto-search-panel [role=status]{margin:12px 0}.auto-search-panel [data-search-vendor-status]{font-size:13px}.auto-search-panel input,.auto-search-panel select{min-width:0;width:100%}.auto-search-vendors input{width:auto}.auto-search-actions button{white-space:normal}@media(max-width:700px){.auto-search-fields{grid-template-columns:1fr}.auto-search-panel{padding:12px}.auto-search-actions{gap:8px}}
@media(max-width:700px){
 :root:root:root .reference-ro-layout .ro-sidebar .side-group>summary::after{transform:none!important;border:0!important;width:auto!important;height:auto!important;background:none!important;margin:0 0 0 auto!important;position:static!important}
 :root:root:root .reference-ro-layout .ro-sidebar:not(:has(>.side-group[open]))>.sidebar-controls{display:none}
}
@media(max-width:700px){
 :root:root:root .reference-ro-layout .ro-details-shell{z-index:1!important}
}
/* Compact mobile service categories and legible specification values. */
@media(max-width:700px){
 :root:root:root .reference-ro-layout .ro-sidebar .side-service #ro-spec-results{padding:6px}
 :root:root:root .ro-sidebar .prepared-specs .prepared-spec-section{padding:0!important;margin:0 0 6px!important;min-width:0;border:1px solid var(--ro-side-line);border-radius:6px;overflow:visible}
 :root:root:root .ro-sidebar .mobile-service-category>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:8px 9px;box-sizing:border-box;list-style:none;cursor:pointer;background:var(--ro-side-raised);border-radius:5px}
 :root:root:root .ro-sidebar .mobile-service-category>summary::-webkit-details-marker{display:none}
 :root:root:root .ro-sidebar .mobile-service-category>summary>h3{font-size:14px!important;line-height:1.35!important;font-weight:750;margin:0!important;min-width:0;color:var(--ro-side-text)!important}
 :root:root:root .ro-sidebar .mobile-service-category>summary::after{content:'+';flex:none;font-size:19px;font-weight:650;color:var(--ro-side-link)}
 :root:root:root .ro-sidebar .mobile-service-category[open]>summary::after{content:'−'}
 :root:root:root .ro-sidebar .mobile-service-category>[data-source-content]{padding:6px;min-width:0;box-sizing:border-box}
 :root:root:root .ro-sidebar .prepared-specs .prepared-spec-document{padding:5px!important;margin:0 0 5px;min-width:0}
 :root:root:root .ro-sidebar .prepared-specs :is(.prepared-spec-card,.prepared-spec-variant){min-width:0;padding:5px 0!important;margin:0}
 :root:root:root .ro-sidebar .prepared-specs details:is(.prepared-fluid-card,.prepared-fluid-table,.prepared-torque-card)>summary{min-height:44px;gap:6px;padding:7px 3px!important;box-sizing:border-box}
 :root:root:root .ro-sidebar .prepared-specs details:is(.prepared-fluid-card,.prepared-torque-card)>summary>:is(h4,h5){font-size:14px!important;line-height:1.4!important;margin:0!important;font-weight:700}
 :root:root:root .ro-sidebar .prepared-specs :is(.prepared-fluid-hint,.prepared-topic-hint){font-size:11px!important;line-height:1.3}
 :root:root:root .ro-sidebar .prepared-specs :is(.prepared-fluid-content,.prepared-torque-content){padding:0 3px 6px!important;min-width:0}
 :root:root:root .ro-sidebar .prepared-specs dl{margin:0}
 :root:root:root .ro-sidebar .prepared-specs dl>div{display:grid;grid-template-columns:minmax(56px,30%) minmax(0,1fr);gap:7px;margin:4px 0;padding:3px 0;align-items:start;min-width:0}
 :root:root:root .ro-sidebar .prepared-specs dt{font-size:12px!important;line-height:1.45!important;font-weight:500;opacity:1}
 :root:root:root .ro-sidebar .prepared-specs :is(dd,p,li){font-size:13px!important;line-height:1.5!important;white-space:normal;overflow-wrap:anywhere}
 :root:root:root .ro-sidebar .prepared-specs dd{min-width:0;margin:0;font-variant-numeric:tabular-nums}
 :root:root:root .ro-sidebar .prepared-specs .prepared-standard{padding:7px 5px!important;border-radius:4px}
 :root:root:root .ro-sidebar .prepared-specs .prepared-standard :is(dt,dd){font-size:14px!important;font-weight:750;line-height:1.4!important}
 :root:root:root .ro-sidebar .prepared-specs :is(.source-review,.prepared-spec-empty){font-size:13px!important;line-height:1.5!important;white-space:normal;overflow-wrap:anywhere;margin:6px 0}
 :root:root:root .ro-sidebar .prepared-specs .prepared-note>summary{min-height:44px;display:flex;align-items:center;padding:6px 8px!important;box-sizing:border-box;font-size:12px!important}
 :root:root:root .ro-sidebar .prepared-specs .prepared-spec-document>summary{min-height:44px;white-space:normal;font-size:13px!important;line-height:1.4;padding:7px!important}
}
@media(max-width:700px){
 :root:root:root .ro-sidebar .prepared-specs dl>.prepared-standard{grid-template-columns:minmax(70px,38%) minmax(0,1fr)!important}
 :root:root:root .ro-sidebar .prepared-specs .prepared-standard>dt{white-space:nowrap!important;overflow-wrap:normal}
}
/* Number labels keep desktop grid placement and clarify mobile editing. */
dialog.job-editor-modal .sheet-number-field{display:contents}
dialog.job-editor-modal :is(.sheet-number-label,.mobile-sheet-caption){display:none}
dialog.job-editor-modal .sheet-number-field>input{height:44px;box-sizing:border-box}
@media(max-width:700px){
 dialog.job-editor-modal{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;height:calc(100dvh - 16px)!important;max-height:calc(100dvh - 16px)!important;padding:0!important;margin:auto!important;border-radius:9px;overflow:hidden!important}
 dialog.job-editor-modal #form{display:flex;flex-direction:column;height:100%;max-height:100%;min-height:0;width:100%;min-width:0;overflow:hidden}
 dialog.job-editor-modal #form>h2{flex:none;margin:0;padding:10px 12px!important;font-size:18px!important;line-height:1.3}
 dialog.job-editor-modal .job-sheet{flex:1;min-height:0;min-width:0;width:100%;max-width:100%;box-sizing:border-box;padding:0 10px 12px!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-gutter:auto;scroll-padding:12px;overscroll-behavior:contain}
 dialog.job-editor-modal .sheet-top{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;padding:9px!important;margin:10px 0!important;gap:8px}
 dialog.job-editor-modal .sheet-top .field{width:100%!important;min-width:0}
 dialog.job-editor-modal .sheet-top>button{min-height:44px;font-size:13px;justify-content:center;white-space:normal}
 dialog.job-editor-modal .job-sheet :is(input:not([type=checkbox]),select,textarea){min-width:0!important;max-width:100%;width:100%;min-height:44px!important;box-sizing:border-box;padding:8px!important;font-size:16px!important;line-height:1.4;border-radius:6px!important}
 dialog.job-editor-modal .sheet-labor,dialog.job-editor-modal .sheet-part{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;min-width:0!important;width:100%;max-width:100%;box-sizing:border-box;padding:10px 0!important;align-items:start}
 dialog.job-editor-modal .sheet-label{display:block!important;min-width:0!important;padding:8px!important;font-size:12px!important;margin:0;line-height:1.4}
 dialog.job-editor-modal .sheet-label>span{display:none;padding:0!important}
 dialog.job-editor-modal .sheet-labor.sheet-label>span:first-child,dialog.job-editor-modal .sheet-part.sheet-label>span:nth-child(2){display:block}
 dialog.job-editor-modal .labor-field-search{grid-column:1/-1;min-width:0}
 dialog.job-editor-modal :is(.sheet-number-label,.mobile-sheet-caption){display:block;font-size:12px;font-weight:650;line-height:1.35;margin:0 0 4px;color:#435f78}
 dialog.job-editor-modal .sheet-number-field{display:flex!important;flex-direction:column;min-width:0;gap:0;margin:0!important;align-self:start}
 dialog.job-editor-modal .job-sheet .sheet-number-field>input{font-size:18px!important;font-weight:700;font-variant-numeric:tabular-nums;height:44px!important;line-height:1.3}
 dialog.job-editor-modal .job-sheet .sheet-number-field>input[readonly]{background:#eaf0f6;color:#465e75}
 dialog.job-editor-modal .job-sheet .labor-description{height:70px!important;min-height:70px!important;resize:vertical;font-size:16px!important}
 dialog.job-editor-modal .labor-field-results{width:100%!important;max-width:100%;box-sizing:border-box;max-height:240px}
 dialog.job-editor-modal .labor-field-results button{padding:8px;font-size:13px;min-width:0}
 dialog.job-editor-modal .labor-field-results :is(strong,small,b){font-size:13px!important;white-space:normal;overflow-wrap:anywhere}
 dialog.job-editor-modal :is(.sheet-labor,.sheet-part)>output{display:flex!important;flex-direction:column;align-items:flex-end;justify-content:flex-start;gap:4px;padding:0!important;margin:0;min-width:0;min-height:64px!important;height:auto!important;text-align:right;font-size:18px;font-weight:750;line-height:1.4;background:transparent!important;overflow-wrap:anywhere}
 dialog.job-editor-modal :is(.sheet-labor,.sheet-part)>output::before{content:attr(data-mobile-label);display:block;font-size:12px;font-weight:650;color:#435f78;line-height:1.35}
 dialog.job-editor-modal .sheet-labor>[data-remove-labor]{justify-self:end;align-self:end}
 dialog.job-editor-modal :is([data-remove-labor],[data-remove-part],[data-remove-adjustment]){width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;margin:0!important;padding:8px!important}
 dialog.job-editor-modal .sheet-part>select{grid-column:1;grid-row:1}
 dialog.job-editor-modal .sheet-part>[data-remove-part]{grid-column:2;grid-row:1;justify-self:end}
 dialog.job-editor-modal .sheet-part-fields{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:minmax(0,1fr);gap:6px;min-width:0}
 dialog.job-editor-modal .sheet-part-fields :is(input,select){height:auto;min-height:44px!important}
 dialog.job-editor-modal .sheet-part>.sheet-number-field[data-number-key=qty],dialog.job-editor-modal .sheet-part>.smart-quantity-lock{grid-column:1;grid-row:3}
 dialog.job-editor-modal .sheet-part>.sheet-number-field[data-number-key=cost]{grid-column:2;grid-row:3}
 dialog.job-editor-modal .sheet-part>.part-retail-control{grid-column:1;grid-row:4;min-width:0;display:flex;flex-direction:column;gap:6px}
 dialog.job-editor-modal .sheet-part>.part-retail-control>label{min-height:32px;font-size:12px;line-height:1.4;white-space:normal}
 dialog.job-editor-modal .sheet-part>output{grid-column:2;grid-row:4}
 dialog.job-editor-modal .sheet-add{display:flex;flex-wrap:wrap;gap:7px!important;min-width:0;padding:8px 0 12px!important}
 dialog.job-editor-modal .sheet-add button{min-height:44px!important;flex:1 1 42%;min-width:0;padding:7px!important;font-size:12px!important;white-space:normal}
 dialog.job-editor-modal .sheet-add select{flex:1 1 100%;max-width:100%!important}
 dialog.job-editor-modal .labor-field-hint{flex:1 1 100%;font-size:12px!important;line-height:1.4}
 dialog.job-editor-modal .job-adjustments{min-width:0!important;grid-template-columns:minmax(0,1fr);gap:8px;padding:8px 0}
 dialog.job-editor-modal .adjustment-group{min-width:0;padding:8px}
 dialog.job-editor-modal .adjustment-head{display:none}
 dialog.job-editor-modal .adjustment-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;gap:6px}
 dialog.job-editor-modal .adjustment-row>input[data-field=name]{grid-column:1/-1}
 dialog.job-editor-modal #form>.actions{flex:none;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px!important;min-width:0;min-height:0!important;padding:8px 10px!important;background:#f4f8fc!important;border-top:1px solid #b9cde0;position:relative!important;box-sizing:border-box}
 dialog.job-editor-modal .job-save-summary{grid-column:1/-1;display:flex;flex-direction:row;align-items:center;justify-content:space-between;min-width:0;margin:0;gap:10px}
 dialog.job-editor-modal .job-save-summary>span{font-size:12px!important}
 dialog.job-editor-modal .job-save-summary strong{font-size:20px!important;line-height:1.3;font-variant-numeric:tabular-nums}
 dialog.job-editor-modal #form>.actions button{width:100%;min-width:0!important;min-height:44px!important;padding:7px!important;font-size:14px!important;margin:0;border-radius:6px}
 html[data-theme=dark] dialog.job-editor-modal :is(.sheet-number-label,.mobile-sheet-caption),html[data-theme=dark] dialog.job-editor-modal :is(.sheet-labor,.sheet-part)>output::before{color:#c1d4e7}
 html[data-theme=dark] dialog.job-editor-modal .job-sheet .sheet-number-field>input[readonly]{background:#253a50;color:#c1d4e7}
 html[data-theme=dark] dialog.job-editor-modal #form>.actions{background:#192d42!important;border-color:#536f8a}
}
/* Only the editor body scrolls while the mobile job dialog is open. */
@media(max-width:700px){
 html:has(dialog.job-editor-modal[open]),body:has(dialog.job-editor-modal[open]){overflow:hidden!important;scrollbar-gutter:auto!important}
}
.auto-search-panel{--search-bg:#fff;--search-text:#193449;--search-muted:#536b7e;--search-line:#ccd6df;--search-head:#edf3f8;--search-hover:#f5f8fc;background:var(--search-bg);color:var(--search-text);border-color:var(--search-line);min-width:0}
.auto-search-panel :is(h3,strong,label,legend,td){color:var(--search-text)}
.auto-search-panel :is(p,small){color:var(--search-muted)}
.auto-search-fields>.field{min-width:0;margin:0;gap:6px}
.auto-search-vendors label{display:inline-flex;align-items:center;gap:7px;cursor:pointer}
.auto-search-vendors input[type=checkbox]{width:16px;height:16px;min-height:16px;padding:0;margin:0;flex:none;accent-color:#0872ce}
.auto-search-results{border-radius:8px;overscroll-behavior:contain}
.auto-search-results table{width:100%;border-collapse:collapse;background:var(--search-bg);color:var(--search-text)}
.auto-search-results :is(th,td){padding:12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--search-line)}
.auto-search-results th{position:sticky;top:0;z-index:1;background:var(--search-head);color:var(--search-text);font-size:12px}
.auto-search-results tbody tr:hover{background:var(--search-hover)}
.auto-search-panel [data-search-status]:not(:empty){padding:12px;background:var(--search-head);border:1px solid var(--search-line);border-radius:8px;color:var(--search-text)}
html[data-theme=dark] .auto-search-panel{--search-bg:var(--dark-panel,#152131);--search-text:var(--dark-text,#f1f5fc);--search-muted:var(--dark-muted,#c1cede);--search-line:var(--dark-border,#40536b);--search-head:var(--dark-raised,#1e2d40);--search-hover:#203247}
@media(max-width:700px){.auto-search-panel{max-width:100%;box-sizing:border-box}.auto-search-vendors{gap:14px}.auto-search-actions button{min-height:42px}}


/* Full-width mobile boards and labeled directory records. */
@media(max-width:700px){
 body:has(.job-board-page>.board:not(.board-list):not(.board-labels)),body:has(.job-board-page>.board:not(.board-list):not(.board-labels))>main{height:auto!important;overflow:visible!important;overscroll-behavior:auto}
 body:has(.job-board-page>.board:not(.board-list):not(.board-labels)) #app{height:auto!important;overflow:visible!important}
 .job-board-page:has(>.board:not(.board-list):not(.board-labels)){height:auto!important;overflow:visible!important;display:block}
 body .job-board-page .board{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto!important;height:auto!important;min-height:0!important;overflow:visible!important;gap:12px!important;padding:0 10px 16px;box-sizing:border-box}
 body .job-board-page .board>.column{height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important;border:1px solid var(--line);border-radius:8px!important}
 body .job-board-page .column-orders{max-height:none!important;height:auto!important;overflow:visible!important;padding:8px;scrollbar-gutter:auto}
 body .job-board-page .column-title{height:auto!important;min-height:44px;flex-wrap:wrap;padding:8px 10px;gap:6px}
 .job-board-page .column-title>span{flex:1 1 120px;min-width:0;overflow-wrap:anywhere}
 .job-board-page .column-sort{display:flex;align-items:center;gap:5px;min-width:0}
 .job-board-page .column-sort>button{width:44px;min-height:44px;padding:6px}
 .job-board-page .column-sort :is(select,.desktop-select){max-width:150px;width:150px;min-width:0}
 .job-board-page .column-end{padding:4px;font-size:12px}.job-board-page .column-end p{margin:2px}
 .job-board-page .board-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:0 10px 12px}
 .job-board-page .board-filter-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;min-width:0;width:100%}
 .job-board-page .board-filter-group>.search{grid-column:1/-1;width:100%;min-width:0;box-sizing:border-box}
 .job-board-page .board-filter-group :is(select,.desktop-select){width:100%!important;min-width:0!important;max-width:100%}
 .job-board-page .board-filter-group :is(button,input,select){min-height:44px;font-size:14px}
 .job-board-page .board-filter-group>.primary{grid-column:1/-1;justify-content:center}
 .job-board-page .board-view-buttons{display:flex;justify-content:flex-end;gap:4px;min-width:0}.job-board-page .board-view-buttons button{flex:1;min-width:0;padding:6px}
 .job-board-page .board-order{width:100%;min-width:0;box-sizing:border-box;padding:10px!important;margin-bottom:8px}
 .job-board-page .board-card-top,.job-board-page .board-card-bottom{flex-wrap:wrap;gap:7px}.job-board-page .board-vehicle{overflow-wrap:anywhere}
 .job-board-page .board-add{display:none!important}
 .management-toolbar{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;min-width:0}
 .management-toolbar>input{grid-column:1/-1;width:100%;min-width:0!important;box-sizing:border-box}
 .management-toolbar :is(select,.desktop-select){min-width:0!important;width:100%!important;max-width:100%}
 .management-toolbar>button{min-width:0;min-height:44px;font-size:13px;padding:7px;white-space:normal}
 .management-toolbar>[data-action=manage-view]{grid-column:1/-1}
 .customer-directory-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;gap:10px;margin:12px 0}
 .customer-directory-summary>div{min-width:0}.customer-directory-summary strong{font-size:22px}.customer-directory-summary p{grid-column:1/-1;font-size:12px}
 .management-table{padding:0!important;min-width:0}.management-table .table-scroll{overflow:visible!important}
 .management-table table{display:block;width:100%;min-width:0!important}.management-table thead{display:block;padding:8px 10px;border-bottom:1px solid var(--line)}
 .management-table thead tr{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.management-table thead th{padding:0!important;border:0;background:transparent}
 .management-table thead th:not(:first-child):not(:has(.table-sort)){display:none}
 .management-table tbody{display:block;padding:8px}.management-table tbody tr{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:0;border:1px solid var(--line);border-radius:8px;margin:0 0 9px;padding:6px;min-width:0}
 .management-table tbody td{display:block;grid-column:1/-1;width:auto!important;max-width:none!important;min-width:0;padding:6px 8px!important;border:0;font-size:13px;overflow-wrap:anywhere}
 .management-table tbody td:first-child{grid-column:1;grid-row:1;display:grid;place-items:center;padding:0!important}
 .management-table tbody td:nth-child(2){grid-column:2;grid-row:1;padding:0 6px!important}
 .management-table tbody td:last-child{grid-column:3;grid-row:1;padding:0!important;align-self:start}
 .management-table tbody td[data-mobile-label]:not(:nth-child(2))::before{content:attr(data-mobile-label);display:block;font-size:11px;font-weight:650;color:#526b7f;margin-bottom:2px}
 html[data-theme=dark] .management-table tbody td[data-mobile-label]::before{color:#bfd0e2}
 .management-table .record-title{font-size:15px;line-height:1.35;white-space:normal;min-height:44px;max-width:100%;overflow-wrap:anywhere}
 .management-table .customer-initials{display:none}.management-table .customer-name-cell{gap:0}.management-table .vendor-name-actions{flex-wrap:wrap;min-width:0;gap:6px}
 .management-table .management-row-menu>summary{width:44px;height:44px;min-width:44px;min-height:44px;box-sizing:border-box}
 .management-table .management-row-menu>div{position:absolute;right:0;top:46px;min-width:160px;max-width:calc(100vw - 48px)}
 .management-pagination{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:10px;gap:8px;font-size:12px}
 .management-pagination>label{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.management-pagination select{margin:0;min-height:44px;max-width:100%}
 .management-pagination>span{text-align:right}.management-page-links{grid-column:1/-1;grid-row:3;justify-content:center;gap:4px}.management-page-links button{min-width:36px;padding:6px;min-height:44px}
 .management-pagination>button{min-height:44px;min-width:0;padding:7px}
}

html[data-theme=dark] .customer-directory-summary{background:var(--dark-panel);border-color:var(--dark-border);color:var(--dark-text)}
html[data-theme=dark] .customer-directory-summary :is(span,p){color:var(--dark-muted,#bfd0e2)}
@media(max-width:700px){
 #app:has(>.management-table)>.heading{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:stretch;margin-bottom:12px}
 #app:has(>.management-table)>.heading>div{grid-column:1/-1;width:100%;min-width:0}
 #app:has(>.management-table)>.heading>button{width:100%;min-width:0;min-height:44px;white-space:normal;justify-content:center;font-size:12px;padding:7px;gap:5px}
 #app:has(>.management-table)>.heading>button:nth-child(2):last-child{grid-column:1/-1}
}

.inventory-mobile-sorting{display:none}
/* Mobile stock and order records retain every value without a sideways table. */
@media(max-width:700px){
 #app:has(>.inventory-summary)>.heading,#app:has(>.orders-table)>.heading{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin-bottom:12px}
 #app:has(>.inventory-summary)>.heading>button,#app:has(>.orders-table)>.heading>button{width:100%;min-height:44px;justify-content:center;white-space:normal}
 #app:has(>.inventory-summary)>.heading h1,#app:has(>.orders-table)>.heading h1{font-size:24px;margin-bottom:5px}
 #app:has(>.inventory-summary)>.heading p,#app:has(>.orders-table)>.heading p{font-size:13px;margin:0}
 .inventory-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}
 .inventory-summary .stat{padding:10px;min-width:0}.inventory-summary .stat label{font-size:12px;line-height:1.4;white-space:normal}
 .inventory-summary .stat strong{font-size:20px;line-height:1.35;margin-top:5px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
 .inventory-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:12px 0}
 .inventory-search{grid-column:1/-1;width:100%;min-width:0;gap:6px}.inventory-search input{min-width:0;font-size:16px;box-sizing:border-box;min-height:44px}
 .inventory-controls>button{min-width:0;min-height:44px;padding:7px;font-size:12px;white-space:normal;justify-content:center}
 .inventory-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px;align-items:end}
 .inventory-filter{min-width:0;font-size:12px;gap:4px}.inventory-filter :is(select,.desktop-select){min-width:0;width:100%;max-width:100%;box-sizing:border-box}
 .inventory-filters>button{grid-column:1/-1;min-height:44px;justify-content:center}
 .inventory-mobile-sorting{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;align-items:end;margin:0 0 10px}
 .inventory-mobile-sorting>label{display:flex;flex-direction:column;min-width:0;gap:4px;font-size:12px;font-weight:650}
 .inventory-mobile-sorting :is(select,.desktop-select){min-width:0;width:100%;max-width:100%}.inventory-mobile-sorting>button{min-width:0;min-height:44px;padding:7px;font-size:12px}
 .inventory-table,.orders-table{padding:0!important;min-width:0;overflow:visible!important}
 .inventory-table .table-scroll{overflow:visible!important;min-width:0}
 :is(.inventory-table,.orders-table) table{display:block;min-width:0!important;width:100%;max-width:100%;table-layout:auto}
 :is(.inventory-table,.orders-table) thead{display:none}
 :is(.inventory-table,.orders-table) tbody{display:block;padding:8px}
 :is(.inventory-table,.orders-table) tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border:1px solid #c3d2e0;border-radius:8px;padding:10px;margin:0 0 10px;min-width:0;background:#fff}
 :is(.inventory-table,.orders-table) tbody td{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:3px;padding:0!important;min-width:0!important;width:auto!important;max-width:100%;border:0!important;font-size:14px;line-height:1.4;white-space:normal!important;overflow-wrap:anywhere;color:#233f54}
 :is(.inventory-table,.orders-table) td[data-mobile-label]::before{content:attr(data-mobile-label);display:block;font-size:11px;line-height:1.4;font-weight:650;color:#526b7f;font-variant-numeric:normal}
 .inventory-table tbody td:first-child{grid-column:1/-1;padding-bottom:7px!important;border-bottom:1px solid #dce5ee!important}
 .inventory-table tbody td:first-child::before{display:none}.inventory-table .record-title{font-size:15px;line-height:1.4;min-height:44px;white-space:normal;overflow-wrap:anywhere;width:100%;padding:0!important}
 .inventory-table td:first-child small{font-size:12px;line-height:1.4;overflow-wrap:anywhere}
 .inventory-table tbody td:is(.inventory-quantity,.inventory-price),.orders-table tbody td.order-number{font-size:18px;font-weight:750;font-variant-numeric:tabular-nums;line-height:1.4}
 .inventory-table tbody td.inventory-row-actions{align-items:stretch;justify-content:flex-end}
 .inventory-table .inventory-status{white-space:normal;line-height:1.4;font-size:12px;max-width:100%;box-sizing:border-box}
 .inventory-status.is-out-of-stock{background:#ffe8ec;color:#a71932}
 .inventory-table .inventory-row-actions button{width:100%;min-height:44px;justify-content:center;font-size:14px}
 .inventory-table .management-pagination{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));padding:10px;gap:8px;font-size:12px}
 .inventory-table .management-pagination label{flex-wrap:wrap;gap:4px;min-width:0}.inventory-table .management-pagination :is(select,.desktop-select){margin:0;min-width:0;max-width:100%}
 .inventory-table .management-pagination>span{text-align:right;overflow-wrap:anywhere}
 .inventory-table .management-pagination>button{min-width:0;min-height:44px;padding:7px}
 #app:has(>.orders-table)>.tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:5px}
 #app:has(>.orders-table)>.tabs button{min-width:0;min-height:44px;padding:7px 4px;font-size:12px;line-height:1.4;white-space:normal}
 #app:has(>.orders-table)>.toolbar{display:block;margin:12px 0}
 #app:has(>.orders-table) #ops-search{width:100%;min-width:0;min-height:44px;box-sizing:border-box;font-size:16px}
 .orders-table tbody td:nth-child(2){grid-column:1/-1;grid-row:1;padding-bottom:7px!important;border-bottom:1px solid #dce5ee!important}
 .orders-table tbody td:nth-child(2)::before{display:none}.orders-table tbody td:nth-child(2)>strong{font-size:16px;line-height:1.4}
 .orders-table .purchase-vendor-parts{font-size:13px;line-height:1.5;margin-top:2px;overflow-wrap:anywhere}
 .orders-table tbody td:first-child{grid-column:1/-1;grid-row:2;font-size:12px}
 .orders-table tbody td:nth-child(7),.orders-table tbody td:nth-child(8),.orders-table tbody td.order-row-actions{grid-column:1/-1}
 .orders-table .purchase-status-control{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;min-width:0;max-width:100%;width:100%;padding:6px 9px;border:1px solid #b6c9dc;background:#edf4fc;border-radius:6px;text-align:left;font-size:14px;white-space:normal}
 .orders-table .purchase-status{font-size:13px;line-height:1.4;white-space:normal;max-width:100%;box-sizing:border-box;padding:5px 8px}
 .orders-table tbody td.order-row-actions{display:flex;flex-flow:row wrap;align-items:center;gap:8px}
 .orders-table td.order-row-actions::before{display:none}.orders-table .order-row-actions>button{flex:1;min-width:0;min-height:44px;justify-content:center;font-size:14px;padding:8px}
 .orders-table .order-row-actions>small{font-size:12px}
 #app:has(>.orders-table)>.management-pagination{display:flex;flex-wrap:wrap;gap:8px;padding:10px;font-size:12px}
 #app:has(>.orders-table)>.management-pagination>span{flex:1 1 100%;text-align:center}
 #app:has(>.orders-table)>.management-pagination>button{flex:1;min-height:44px;min-width:0}
 html[data-theme=dark] :is(.inventory-table,.orders-table) tbody tr{background:#152131;border-color:#536e88}
 html[data-theme=dark] :is(.inventory-table,.orders-table) tbody td{color:#eef5ff}
 html[data-theme=dark] :is(.inventory-table,.orders-table) td[data-mobile-label]::before{color:#bfd0e2}
 html[data-theme=dark] .inventory-table tbody td:first-child,html[data-theme=dark] .orders-table tbody td:nth-child(2){border-bottom-color:#405873!important}
 html[data-theme=dark] .inventory-status.is-out-of-stock{background:#572334;color:#ffb4c0}
 html[data-theme=dark] .orders-table .purchase-status-control{background:#29445d;border-color:#6e91b2;color:#f3f8ff}
 html[data-theme=dark] .inventory-mobile-sorting>label{color:#d7e7f8}
 #modal:has(.inventory-form),#modal:has(.purchase-details-editor){box-sizing:border-box;width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;padding:12px!important;max-height:calc(100dvh - 16px);overflow-x:hidden}
 #modal:has(.inventory-form) .inventory-editor .field,#modal:has(.purchase-details-editor) .field{min-width:0}
 #modal:has(.inventory-form) input:not([type=checkbox]),#modal:has(.purchase-details-editor) :is(input,select,textarea){min-width:0;width:100%;max-width:100%;box-sizing:border-box;font-size:16px;min-height:44px}
 #modal:has(.inventory-form) :is(input[type=number]),#modal:has(.purchase-details-editor) :is([data-part-qty],[data-part-cost]){font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}
 #modal:has(.purchase-details-editor) .formgrid{grid-template-columns:minmax(0,1fr)}
 .purchase-edit-line{min-width:0;gap:8px;padding:9px}.purchase-edit-line>.field:first-child,.purchase-edit-line>.field:has([data-part-inventory]){grid-column:1/-1}
 .purchase-lines-heading{gap:8px;flex-wrap:wrap}.purchase-lines-heading h3{margin:0;font-size:17px}
}

@media(max-width:700px){
 #modal:has(.inventory-form) #form>.actions,#modal:has(.purchase-details-editor) #form>.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-inline:-12px;margin-bottom:-12px;padding:10px 12px;bottom:-12px;box-sizing:border-box}
 #modal:has(.inventory-form) #form>.actions button,#modal:has(.purchase-details-editor) #form>.actions button{min-width:0;width:100%;min-height:44px;padding:7px;font-size:14px;white-space:normal}
 .orders-table .order-row-actions:not(:has(button)):not(:has(small)){display:none}
}

.appointment-mobile-schedule{display:none}
.tech-hours-summary{display:flex;flex-wrap:wrap;gap:12px;margin:10px 0 14px;font-size:12px}
.tech-hours-summary>span{display:flex;flex-direction:column;gap:3px}.tech-hours-summary strong{font-size:17px;font-variant-numeric:tabular-nums}
.tech-job-meta{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0;font-size:12px}.tech-job-meta>span{border:1px solid #bacddd;background:#edf4fb;color:#294e69;padding:4px 7px;border-radius:5px;line-height:1.4}
html[data-theme=dark] .tech-job-meta>span{border-color:#617e9a;background:#29445d;color:#eaf4ff}
@media(max-width:700px){
 .appointments-workspace,.tech-grid{min-width:0;max-width:100%}
 .appointments-workspace>.heading{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:stretch;margin-bottom:12px}
 .appointments-workspace>.heading>div{grid-column:1/-1;min-width:0;width:100%}
 .appointments-workspace>.heading>button{min-width:0;width:100%;min-height:44px;padding:7px;font-size:12px;justify-content:center;white-space:normal}
 .appointments-workspace>.heading>button:nth-child(2){grid-column:1/-1}
 .appointments-workspace>.heading h1,#app:has(>.tech-grid)>.heading h1{font-size:24px;margin-bottom:5px}
 .appointments-workspace>.heading p,#app:has(>.tech-grid)>.heading p{font-size:13px;margin:0}
 .appointment-overview{padding:12px;gap:12px;border-radius:8px 8px 0 0;min-width:0}
 .appointment-overview h2{font-size:21px}.appointment-overview p{margin:4px 0;font-size:12px}
 .appointment-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%}
 .appointment-summary>div{min-width:0}.appointment-summary strong{font-size:21px}.appointment-summary span{font-size:11px;line-height:1.4;overflow-wrap:anywhere}
 .appointment-controls{display:grid;grid-template-columns:minmax(0,1fr);padding:12px;gap:10px;min-width:0}
 .appointment-date-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;min-width:0;width:100%}
 .appointment-date-controls>button{width:100%;min-width:0;min-height:44px;padding:7px}
 .appointment-date-controls>.appointment-control-label{grid-column:1/-1;margin:0;min-width:0}
 .appointment-view-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;min-width:0;width:100%}
 .appointment-control-label{min-width:0;width:100%;gap:4px;font-size:12px}.appointment-search{width:100%}
 .appointment-control-label :is(input,select,.desktop-select){width:100%;min-width:0;max-width:100%;box-sizing:border-box;font-size:16px;min-height:44px}
 .appointment-filter-panel{margin:12px 0}.appointment-filter-panel>summary{padding:10px 12px;min-height:44px;box-sizing:border-box}
 .appointment-filter-panel>summary span{display:block;margin:3px 0 0;line-height:1.4}
 .appointments-workspace .appointment-filters{grid-template-columns:minmax(0,1fr);padding:0 12px 12px;gap:8px;min-width:0}
 .appointments-workspace .appointment-filters :is(select,.desktop-select){width:100%;max-width:100%;min-width:0!important;box-sizing:border-box}
 .appointments-workspace .appointment-filters button{min-height:44px;min-width:0;max-width:100%}
 .appointments-workspace .appointment-timegrid{display:none!important}
 .appointment-mobile-schedule{display:flex;flex-direction:column;gap:10px;min-width:0}
 .appointment-mobile-day{min-width:0;border:1px solid var(--appt-line);border-radius:8px;background:var(--appt-surface);overflow:visible}
 .appointment-mobile-day-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:8px;background:var(--appt-raised);border-radius:8px 8px 0 0;border-bottom:1px solid var(--appt-line)}
 .appointment-mobile-day-heading button{min-width:0;min-height:44px;font-size:12px;padding:7px;white-space:normal;line-height:1.4}
 .appointment-mobile-day-heading button:first-child{text-align:left;justify-content:flex-start;font-weight:700}
 .appointment-mobile-card{margin:8px;padding:10px;min-width:0;border:1px solid var(--appt-line);border-left:4px solid var(--event-color);border-radius:6px;background:var(--appt-surface);color:var(--appt-text);overflow-wrap:anywhere}
 .appointment-mobile-card>strong{display:block;font-size:15px;line-height:1.4}.appointment-mobile-card p{margin:7px 0;font-size:13px;line-height:1.5;white-space:normal}
 .appointment-mobile-card .appointment-mobile-time{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--appt-text)}
 .appointment-mobile-status{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0}.appointment-mobile-status>span{padding:4px 6px;border:1px solid #bfd0e0;border-radius:5px;background:#edf4fb;color:#294e69;font-size:11px;line-height:1.4;overflow-wrap:anywhere}
 html[data-theme=dark] .appointment-mobile-status>span{background:#29445d;color:#eaf4ff;border-color:#617e9a}
 .appointment-mobile-actions{display:flex;flex-wrap:wrap;gap:7px}.appointment-mobile-actions>button{flex:1;min-width:0;min-height:44px;padding:7px;font-size:12px;justify-content:center;white-space:normal}
 .appointment-mobile-empty{font-size:13px;padding:10px;margin:0;color:var(--appt-muted)}
 .appointments-workspace .calendar-grid{min-width:0;overflow:visible}.appointments-workspace .calendar-grid .panel-body{grid-template-columns:minmax(0,1fr);padding:8px;min-width:0}
 .appointments-workspace .calendar-grid .appointment-card{min-width:0;padding:10px;overflow-wrap:anywhere}.appointments-workspace .calendar-grid .appointment-card button{min-height:44px;font-size:13px;padding:7px;max-width:100%}
 .appointments-workspace .calendar-grid .panel-head{padding:7px}.appointment-empty{padding:24px 12px}
 .tech-board-toolbar{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin:12px 0;min-width:0}
 .tech-board-toolbar :is(#ops-search,#ops-tech-filter,.desktop-select){width:100%!important;min-width:0!important;max-width:100%;min-height:44px;box-sizing:border-box;font-size:16px}
 .tech-grid{grid-template-columns:minmax(0,1fr);gap:10px}
 .tech-grid>.column{min-width:0;padding:10px;border-radius:8px}.tech-grid>.column>h2{font-size:18px;line-height:1.4;margin:0 0 7px;overflow-wrap:anywhere}
 .tech-hours-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:8px 0 12px;font-size:11px;line-height:1.4}
 .tech-hours-summary>span{min-width:0}.tech-hours-summary strong{font-size:17px;line-height:1.4;overflow-wrap:anywhere}
 .tech-grid .card{min-width:0;padding:10px;margin-bottom:10px;border-radius:7px;overflow-wrap:anywhere}
 .tech-grid .card>strong{display:block;font-size:14px;line-height:1.5}.tech-grid .card>p{font-size:13px;line-height:1.5;margin:7px 0}
 .tech-grid .card>h3{font-size:16px;line-height:1.4;margin:9px 0}
 .tech-job-meta{gap:5px;margin:8px 0}.tech-job-meta>span{font-size:12px;max-width:100%;box-sizing:border-box}
 .tech-job-meta .tech-job-hours{font-size:16px;font-weight:750;font-variant-numeric:tabular-nums}
 .tech-job-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .tech-job-actions>button{min-width:0;width:100%;min-height:44px;padding:7px;font-size:13px;justify-content:center;white-space:normal}
 .tech-job-actions>button:last-child{grid-column:1/-1}
 #modal:has(.appointment-wizard){width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);box-sizing:border-box;padding:0!important;margin:auto;overflow:hidden!important;border-radius:8px}
 #modal:has(.appointment-wizard) #form{display:flex;flex-direction:column;height:100%;min-height:0;min-width:0}
 #modal:has(.appointment-wizard) #form>h2{flex:none;padding:10px 12px;margin:0;font-size:18px;line-height:1.4}
 .appointment-wizard{flex:1;min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden;padding:0 12px 12px;scrollbar-gutter:auto;overscroll-behavior:contain}
 .appointment-wizard .formgrid{grid-template-columns:minmax(0,1fr);gap:8px}.appointment-wizard .field{min-width:0;font-size:13px}
 .appointment-wizard :is(input:not([type=radio]):not([type=checkbox]),select,textarea,.desktop-select){min-width:0;max-width:100%;width:100%;box-sizing:border-box;font-size:16px;min-height:44px}
 .appointment-wizard :is(input[type=radio],input[type=checkbox]){flex:none}.appointment-wizard h3{font-size:16px;margin:16px 0 9px}
 .appointment-type{gap:9px;padding:10px;margin:8px 0;min-width:0}.appointment-type>span{min-width:0}.appointment-type strong{font-size:14px}.appointment-type small{font-size:12px;line-height:1.5;margin-top:5px}
 .appointment-steps{gap:6px;margin:8px 0 12px}.appointment-steps span{padding:7px;font-size:12px;line-height:1.4}
 #modal:has(.appointment-wizard) #form>.actions{flex:none;position:relative;bottom:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px 10px;margin:0;box-sizing:border-box}
 #modal:has(.appointment-wizard) #form>.actions:not(:has(button:nth-child(3))){grid-template-columns:repeat(2,minmax(0,1fr))}
 #modal:has(.appointment-wizard) #form>.actions button{min-width:0;width:100%;min-height:44px;padding:7px;font-size:13px;white-space:normal;justify-content:center}
 html:has(#modal[open] .appointment-wizard),body:has(#modal[open] .appointment-wizard){overflow:hidden!important;scrollbar-gutter:auto!important}
}

@media(max-width:700px){.tech-grid>.column{min-height:0!important;height:auto!important;max-height:none!important;overflow:visible!important}}

.mkt-mobile-section{display:none}
@media(max-width:700px){
 .phone-page,.marketing-page{min-width:0;max-width:100%}
 .phone-page>.heading{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin-bottom:12px}
 .phone-page>.heading h1{font-size:23px;line-height:1.35;display:flex;align-items:center;gap:7px}.phone-page>.heading h1 svg{width:23px;height:23px;flex:none}
 .phone-page>.heading p{font-size:12px;margin:5px 0;line-height:1.5}
 .phone-page>.heading>.row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%;min-width:0}
 .phone-page>.heading>.row>button{min-width:0;min-height:44px;padding:7px;font-size:12px;white-space:normal;justify-content:center}
 .phone-page>.heading>.row>button[data-phone=compose]{grid-column:1/-1}
 .phone-page .settings-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;overflow:visible;min-width:0}
 .phone-page .settings-tabs>button{min-width:0;min-height:44px;padding:6px;font-size:12px;white-space:normal;justify-content:center;gap:3px}
 .phone-page .communication-unread-badge{margin-left:1px;min-width:17px;height:18px;padding:0 4px;font-size:10px}
 .phone-subtabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;min-width:0;margin:10px 0}
 .phone-subtabs>button{min-width:0;min-height:44px;padding:7px;font-size:13px;justify-content:center;white-space:normal}
 .phone-page .panel{margin:10px 0}.phone-page .phone-inbox{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;height:auto;min-height:0;min-width:0;overflow:hidden}
 .phone-page .phone-inbox>.phone-thread-list{width:100%;height:auto;min-height:0;max-height:160px;overflow-y:auto;overflow-x:hidden;padding:8px;box-sizing:border-box;scrollbar-gutter:auto}
 .phone-thread-list>h3{font-size:14px;margin:0 0 6px}
 .phone-page .phone-thread{display:flex;width:100%;min-width:0;box-sizing:border-box;min-height:44px;padding:8px;gap:3px;white-space:normal}
 .phone-page .phone-thread strong{font-size:14px;line-height:1.4}.phone-page .phone-thread small{font-size:12px}
 .phone-page .phone-inbox>section{min-width:0;overflow:visible;padding:10px}
 .phone-page .phone-conversation-heading{min-width:0;gap:6px;flex-wrap:wrap}.phone-page .phone-conversation-heading h3{font-size:17px;line-height:1.4;margin:3px 0 8px;overflow-wrap:anywhere}
 .phone-page .phone-message-list{flex:none;min-height:160px;max-height:52dvh;overflow-y:auto;overflow-x:hidden;gap:8px;padding:7px 0;scrollbar-gutter:auto}
 .phone-page .phone-bubble{min-width:0;max-width:94%;padding:8px 10px;box-sizing:border-box;line-height:1.5;font-size:14px}
 .phone-page .phone-bubble p{font-size:14px;line-height:1.5;overflow-wrap:anywhere}.phone-page .phone-bubble small{font-size:11px;line-height:1.5;white-space:normal}
 .phone-page .phone-reply-composer{grid-template-columns:minmax(0,1fr) 64px;gap:7px;padding-top:8px;min-width:0}
 .phone-page .phone-reply-composer textarea{min-width:0;max-width:100%;min-height:64px;font-size:16px;box-sizing:border-box;padding:8px}
 .phone-page .phone-reply-composer button{min-height:44px;min-width:0;padding:7px;font-size:14px;justify-content:center}
 .phone-page #phone-content>.panel-body{padding:10px;min-width:0}.phone-page #phone-content h2{font-size:18px}
 .phone-page [data-phone-calls]{max-height:none;overflow:visible;padding:0;min-width:0}
 .phone-page .phone-call{padding:10px 0;min-width:0}.phone-call-heading{gap:5px;align-items:center}.phone-page .phone-customer-name{font-size:15px;min-width:0;overflow-wrap:anywhere}
 .phone-page .phone-call-direction{font-size:11px;padding:3px 6px;border:1px solid #8199b0;border-radius:5px}
 .phone-page .phone-call :is(p,small){font-size:13px;line-height:1.6;overflow-wrap:anywhere}
 .phone-page .phone-call details>summary{min-height:44px;box-sizing:border-box;padding:10px 0;font-size:13px;cursor:pointer}
 .phone-page .phone-call-transcript{white-space:pre-wrap;max-height:none;overflow-wrap:anywhere}
 .phone-settings-grid{grid-template-columns:minmax(0,1fr);gap:10px}.phone-settings-grid>.panel{padding:12px;min-width:0}
 .phone-settings-grid :is(input,select,textarea){min-width:0;max-width:100%;box-sizing:border-box;font-size:16px}.phone-settings-grid :is(p,code,a){overflow-wrap:anywhere}
 .phone-page a{overflow-wrap:anywhere}.phone-page button{max-width:100%}
 .marketing-workspace .mkt-workspace-header{display:grid;grid-template-columns:minmax(0,1fr);gap:9px;margin-bottom:12px}
 .marketing-workspace .mkt-workspace-header h1{font-size:24px;margin:4px 0}.marketing-workspace .mkt-workspace-header p{font-size:12px;margin:0}
 .mkt-workspace-header>button{min-width:0;min-height:44px;width:100%;justify-content:center;padding:8px}
 .marketing-workspace .mkt-navigation{display:none}
 .mkt-mobile-section{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:650;margin:0 0 12px;min-width:0}
 .mkt-mobile-section :is(select,.desktop-select){width:100%;min-width:0;max-width:100%;min-height:44px;box-sizing:border-box}
 .marketing-workspace .mkt-layout{display:block;min-width:0}.marketing-workspace .mkt-workspace-main{min-width:0;max-width:100%}
 .marketing-workspace .mkt-page-heading{padding-bottom:10px;margin-bottom:12px}.marketing-workspace .mkt-page-heading h2{font-size:20px}.marketing-workspace .mkt-page-heading p{font-size:12px;line-height:1.5;overflow-wrap:anywhere}
 .marketing-page :is(.mkt-grid,.mkt-quick-actions,.mkt-workflow-grid,.mkt-campaign-starters){grid-template-columns:minmax(0,1fr);gap:9px}
 .marketing-page .mkt-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:10px 0}
 .marketing-page .mkt-stat{padding:10px;gap:5px;min-width:0}.marketing-page .mkt-stat strong{font-size:20px;line-height:1.35;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
 .marketing-page .mkt-stat small{font-size:11px;line-height:1.4;padding-right:0}.marketing-page .mkt-stat>.mkt-icon{display:none}
 .marketing-page .mkt-card{padding:12px;min-width:0}.marketing-page .mkt-card h3{font-size:16px}.marketing-page .mkt-card p{font-size:13px;line-height:1.6;overflow-wrap:anywhere}
 .marketing-page .mkt-section-heading{gap:8px;margin:14px 0 10px;min-width:0;align-items:flex-start;flex-wrap:wrap}.mkt-section-heading>div{min-width:0;max-width:100%}
 .marketing-page .mkt-section-heading :is(h2,h3){font-size:17px;line-height:1.4;overflow-wrap:anywhere}
 .marketing-page .mkt-section-heading>button{min-height:44px;max-width:100%;white-space:normal;font-size:12px}
 .marketing-page .mkt-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px;min-width:0}
 .marketing-page .mkt-search{grid-column:1/-1;min-width:0;max-width:100%;width:100%}.marketing-page .mkt-search input{min-width:0;max-width:100%;font-size:16px;box-sizing:border-box}
 .marketing-page .mkt-filter{min-width:0;max-width:100%;font-size:12px}.marketing-page .mkt-filter :is(input,select,.desktop-select){width:100%;min-width:0;max-width:100%;min-height:44px;box-sizing:border-box}
 .marketing-page :is(.mkt-toolbar,.mkt-subtabs) button{min-width:0;min-height:44px;font-size:12px;padding:7px;white-space:normal}
 .marketing-page .mkt-subtabs{display:flex!important;flex-wrap:wrap!important;overflow:visible!important;gap:6px;max-width:100%;box-sizing:border-box}
 .marketing-page .mkt-subtabs>button{flex:1 1 40%;justify-content:center}
 .marketing-page .mkt-table{overflow:visible!important;min-width:0;max-width:100%;border-radius:8px}
 .marketing-page .mkt-table table{display:block;width:100%;min-width:0!important;max-width:100%}
 .marketing-page .mkt-table thead{display:block;padding:7px;border-bottom:1px solid var(--mkt-line,#c5d4e2)}
 .marketing-page .mkt-table thead tr{display:flex;flex-wrap:wrap;gap:6px}.marketing-page .mkt-table th{padding:0!important;border:0;white-space:normal!important;background:transparent}
 .marketing-page .mkt-table th:not(:has(button)){display:none}.marketing-page .mkt-table th>button{min-height:44px;padding:6px!important;font-size:11px;white-space:normal}
 .marketing-page .mkt-table tbody{display:block;padding:7px}.marketing-page .mkt-table tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;min-width:0;padding:10px;margin-bottom:9px;border:1px solid var(--mkt-line,#c5d4e2);border-radius:7px;background:var(--mkt-surface,#fff)}
 .marketing-page .mkt-table tbody td{display:block;min-width:0!important;width:auto!important;max-width:100%!important;padding:0!important;border:0;font-size:13px;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
 .marketing-page .mkt-table tbody td::before{content:attr(data-mobile-label);display:block;font-size:11px;font-weight:650;color:var(--mkt-muted,#526b7f);line-height:1.4;margin-bottom:3px}
 .marketing-page .mkt-table tbody td:first-child,.marketing-page .mkt-table tbody td[data-mobile-wide=true],.marketing-page .mkt-table tbody td[data-mobile-actions=true]{grid-column:1/-1}
 .marketing-page .mkt-table td strong{font-size:14px!important;line-height:1.4}.marketing-page .mkt-table td small{display:block;font-size:12px;line-height:1.5}
 .marketing-page .mkt-table td :is(button,summary){min-height:44px!important;min-width:0;max-width:100%;font-size:12px;padding:7px!important;box-sizing:border-box;white-space:normal;overflow-wrap:anywhere}
 .marketing-page .mkt-row-actions{display:flex;flex-wrap:wrap!important;gap:7px;min-width:0}.marketing-page .mkt-row-actions>button{flex:1;min-width:0;min-height:44px;font-size:12px;padding:7px;justify-content:center;white-space:normal}
 .marketing-page .mkt-menu{min-width:44px;position:relative}.marketing-page .mkt-menu>summary{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid var(--mkt-line,#9db4cb);border-radius:6px}
 .marketing-page .mkt-menu[open]>div{position:absolute;right:0;top:46px;z-index:20;width:180px;min-width:0;max-width:calc(100vw - 48px);background:var(--mkt-surface,#fff);box-sizing:border-box;box-shadow:0 8px 24px #0003}
 .marketing-page .mkt-pagination{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;font-size:12px}
 .marketing-page .mkt-pagination>label{width:auto;min-width:0;margin:0;flex-wrap:wrap}.marketing-page .mkt-pagination>span{text-align:right}.marketing-page .mkt-pagination button{min-width:0;min-height:44px;justify-content:center}
 .marketing-page .mkt-pagination :is(select,.desktop-select){min-width:0;max-width:100%;min-height:44px}
 .marketing-page :is(.mkt-channel,.mkt-status,.record-badge){white-space:normal;overflow-wrap:anywhere;line-height:1.5;font-size:12px}
 .marketing-page .mkt-automation-name{min-width:0!important;max-width:100%;gap:7px}.marketing-page .mkt-automation-name>.mkt-icon{display:none}
 .marketing-page .mkt-channel-group{min-width:0;flex-wrap:wrap}.marketing-page .mkt-workflow-card{padding:12px}.marketing-page .mkt-workflow-card dl{grid-template-columns:55px minmax(0,1fr)}
 .marketing-page :is(.mkt-campaign-intro,.mkt-automation-intro){padding:12px;gap:12px;min-width:0}.marketing-page :is(.mkt-campaign-intro,.mkt-automation-intro) h3{font-size:19px;line-height:1.4}
 .marketing-page .mkt-form-grid,.marketing-page .formgrid{grid-template-columns:minmax(0,1fr)}
 .marketing-page .field{min-width:0}.marketing-page .field :is(input,select,textarea){min-width:0;max-width:100%;box-sizing:border-box;font-size:16px}
 .marketing-page .ads-filters{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.marketing-page .ads-filters .field{min-width:0;max-width:100%}
 .marketing-page .ads-filters>button{min-height:44px;max-width:100%;justify-content:center}
 .marketing-page .booking-settings-card{padding:10px!important}.marketing-page .booking-settings-section{padding:10px;min-width:0}.marketing-page .booking-settings-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 .marketing-page .booking-settings-nav button{min-width:0;min-height:52px;padding:8px;gap:6px;white-space:normal}.marketing-page .booking-settings-nav strong{font-size:12px}
 .marketing-page .mkt-day{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:9px}.marketing-page .mkt-day :is(.field,input,select,.desktop-select){min-width:0;max-width:100%;box-sizing:border-box}
 .marketing-page .mkt-day>strong{grid-column:1/-1}.marketing-page .mkt-day .mkt-check{grid-column:1/-1}
 .marketing-page .mkt-vehicle-filter{grid-template-columns:minmax(0,1fr)}
 .marketing-page :is(a,code,pre){overflow-wrap:anywhere;max-width:100%}.marketing-page pre{white-space:pre-wrap}
 dialog:has(.mkt-modal){width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px);padding:12px;box-sizing:border-box;overflow-x:hidden;scrollbar-gutter:auto}
 .mkt-modal :is(.mkt-form-grid,.formgrid){grid-template-columns:minmax(0,1fr)}.mkt-modal .field{min-width:0}.mkt-modal :is(input:not([type=checkbox]),select,textarea){min-width:0;max-width:100%;width:100%;box-sizing:border-box;font-size:16px}
 .mkt-modal .mkt-composer{grid-template-columns:minmax(0,1fr)}.mkt-modal .mkt-live-preview{position:static;min-width:0}.mkt-modal .mkt-vehicle-filter{grid-template-columns:minmax(0,1fr)}
 .mkt-modal>.actions{display:flex;flex-wrap:wrap;gap:7px;margin-inline:0!important;margin-bottom:0!important}.mkt-modal>.actions button{min-width:0;min-height:44px;flex:1;font-size:13px;padding:7px;white-space:normal}
}

@media(max-width:700px){
 .marketing-page .mkt-table th>button{color:#294e69!important;background:#edf4fb!important;border:1px solid #bfd0e0!important;border-radius:5px!important}
 html[data-theme=dark] .marketing-page :is(input:not([type=checkbox]):not([type=radio]),select,textarea,.desktop-select-trigger){background:#0e1c2b!important;color:#eff6ff!important;border-color:#6785a2!important}
 html[data-theme=dark] .marketing-page :is(input,textarea)::placeholder{color:#b8cde0!important;opacity:1}
 html[data-theme=dark] .marketing-page .mkt-table th>button{color:#d6eaff!important;background:#263f57!important;border-color:#6382a0!important}
 html[data-theme=dark] .marketing-page .mkt-mobile-section{color:#d2e4f7}
}

@media(max-width:700px){
 .reports-page,.shop-dashboard-page{min-width:0;max-width:100%}
 :is(.reports-page,.shop-dashboard-page)>.heading{display:grid;grid-template-columns:minmax(0,1fr);gap:9px;margin-bottom:12px}
 :is(.reports-page,.shop-dashboard-page)>.heading h1{font-size:24px;margin-bottom:5px}
 :is(.reports-page,.shop-dashboard-page)>.heading p{font-size:13px;line-height:1.5;margin:0}
 .reports-page>.heading>button{width:100%;min-width:0;min-height:44px;padding:8px;font-size:13px;justify-content:center;white-space:normal}
 :is(.reports-page,.shop-dashboard-page)>.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 :is(.reports-page,.shop-dashboard-page) .stat{padding:10px;min-width:0;border-radius:7px}
 :is(.reports-page,.shop-dashboard-page) .stat label{display:block;font-size:11px;line-height:1.5;white-space:normal}
 :is(.reports-page,.shop-dashboard-page) .stat strong{font-size:clamp(16px,5vw,20px);line-height:1.4;margin:7px 0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
 :is(.reports-page,.shop-dashboard-page) .stat small{font-size:11px;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
 .reports-page>br{display:none}.reports-page .report-grid{grid-template-columns:minmax(0,1fr);gap:9px;margin-top:12px}
 .reports-page .report{display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:8px;row-gap:4px;padding:11px;min-width:0;border-radius:7px}
 .reports-page .report>.report-icon{grid-column:1;grid-row:1/3;display:grid;place-items:center;align-self:start;width:32px;height:32px}
 .reports-page .report>.report-icon svg{width:23px;height:23px}
 .reports-page .report>h3{grid-column:2;font-size:15px;line-height:1.4;margin:0;overflow-wrap:anywhere}
 .reports-page .report>p{grid-column:2;font-size:12px;line-height:1.5;margin:0}
 .reports-page .report>br{display:none}.reports-page .report>button{grid-column:1/-1;width:100%;min-width:0;min-height:44px;margin-top:5px;font-size:13px;justify-content:center;padding:7px}
 .shop-dashboard-page .dashboard-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:9px;margin:12px 0}
 .shop-dashboard-page .dashboard-controls .tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;overflow:visible;margin:0;padding:0 0 8px;min-width:0}
 .shop-dashboard-page .dashboard-controls .tabs button{width:100%;min-width:0;min-height:44px;padding:6px 3px;font-size:13px;white-space:normal;justify-content:center}
 .shop-dashboard-page .dashboard-controls>label{display:flex;flex-direction:column;align-items:stretch;gap:4px;font-size:12px;min-width:0}
 .shop-dashboard-page #dashboard-date{width:100%;min-width:0;max-width:100%;box-sizing:border-box;min-height:44px;font-size:16px}
 .shop-dashboard-page .dashboard-controls>span{font-size:12px;line-height:1.5;overflow-wrap:anywhere}
 .shop-dashboard-page .dashboard-summary{grid-template-columns:minmax(0,1fr);gap:12px;padding:12px;margin:12px 0;min-width:0;overflow:visible}
 .shop-dashboard-page .dashboard-summary>div{min-width:0}.shop-dashboard-page .dashboard-summary>div+div{border-top:1px solid #c4d3e1;padding-top:10px}
 .shop-dashboard-page .dashboard-summary h2{font-size:24px;line-height:1.4;margin:4px 0 0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
 .shop-dashboard-page .dashboard-summary small{font-size:12px;line-height:1.4;margin:0}
 .shop-dashboard-page .note{font-size:12px;line-height:1.6;padding:10px;overflow-wrap:anywhere}
 .shop-dashboard-page .dashboard-orders{padding:10px;min-width:0;overflow:visible}
 .shop-dashboard-page .dashboard-orders>.panel-head{padding:0 0 10px;gap:6px;flex-wrap:wrap;align-items:center}
 .shop-dashboard-page .dashboard-orders>.panel-head h2{font-size:17px;line-height:1.4;overflow-wrap:anywhere}
 .shop-dashboard-page .dashboard-orders>.panel-head span{font-size:12px}
 .shop-dashboard-page .dashboard-orders>.table-scroll{overflow:visible;min-width:0}
 .shop-dashboard-page .dashboard-orders table{display:block;min-width:0!important;width:100%;max-width:100%}
 .shop-dashboard-page .dashboard-orders thead{display:none}.shop-dashboard-page .dashboard-orders tbody{display:block;padding-top:8px}
 .shop-dashboard-page .dashboard-orders tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px;margin-bottom:9px;border:1px solid #c1d1e0;border-radius:7px;background:#fff;min-width:0}
 .shop-dashboard-page .dashboard-orders td{display:block;min-width:0;width:auto;max-width:100%;padding:0;border:0;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
 .shop-dashboard-page .dashboard-orders td::before{content:attr(data-label);display:block;font-size:11px;font-weight:650;line-height:1.4;margin-bottom:3px;color:#526b7f}
 .shop-dashboard-page .dashboard-orders td:first-child{grid-column:1;grid-row:1}
 .shop-dashboard-page .dashboard-orders td:nth-child(2),.shop-dashboard-page .dashboard-orders td:nth-child(3){grid-column:1/-1}
 .shop-dashboard-page .dashboard-orders td.dashboard-order-total{grid-column:2;grid-row:1;text-align:right;font-size:18px;font-weight:750;font-variant-numeric:tabular-nums}
 .shop-dashboard-page .dashboard-orders td button{min-width:0;width:100%;min-height:44px;padding:6px;font-size:13px;white-space:normal;justify-content:center}
 .shop-dashboard-page .dashboard-orders>.empty{padding:24px 10px;font-size:13px}
 :is(.reports-page,.shop-dashboard-page) :is(.report-chart,.dashboard-chart){min-width:0;width:100%;max-width:100%}
 :is(.reports-page,.shop-dashboard-page) :is(.report-chart,.dashboard-chart) :is(svg,canvas){max-width:100%;height:auto}
 #modal:has(.report-results){width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);padding:0!important;box-sizing:border-box;overflow:hidden!important;border-radius:8px}
 #modal:has(.report-results) #form{display:flex;flex-direction:column;height:100%;min-height:0;min-width:0}
 #modal:has(.report-results) #form>h2{flex:none;padding:10px 12px;margin:0;font-size:18px;line-height:1.4;overflow-wrap:anywhere}
 #modal:has(.report-results) #form>.note{flex:none;font-size:11px;line-height:1.5;padding:8px;margin:0 10px 8px}
 #modal:has(.report-results) .report-filters{flex:none;grid-template-columns:minmax(0,1fr);gap:6px;padding:0 10px 8px;min-width:0}
 #modal:has(.report-results) .report-filters .field{min-width:0;font-size:12px;gap:3px}
 #modal:has(.report-results) .report-filters input{min-width:0;max-width:100%;width:100%;min-height:44px;box-sizing:border-box;font-size:16px;padding:7px}
 #modal:has(.report-results) .report-results{flex:1;min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:auto;margin:0;padding:8px 10px}
 #modal:has(.report-results) .report-results>p{font-size:12px;line-height:1.5;margin-bottom:8px}
 #modal:has(.report-results) .report-results table,#modal:has(.report-results) .report-results tbody{display:block;width:100%;min-width:0!important}
 #modal:has(.report-results) .report-results thead{display:none}
 #modal:has(.report-results) .report-results tbody{display:grid;gap:9px}
 #modal:has(.report-results) .report-results tr{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:10px;min-width:0;border:1px solid #c4d3e2;border-radius:7px;background:#fff!important;color:#233f54}
 #modal:has(.report-results) .report-results td{display:block;min-width:0;max-width:100%;padding:0;border:0;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
 #modal:has(.report-results) .report-results td::before{content:attr(data-label);display:block;font-size:11px;line-height:1.4;font-weight:650;color:#526b7f;margin-bottom:2px}
 #modal:has(.report-results) .report-results td>span{font-size:14px;line-height:1.5;overflow-wrap:anywhere}
 #modal:has(.report-results) .report-results td.report-value-numeric>span{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}
 #modal:has(.report-results) #form>.actions{flex:none;position:relative;bottom:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:8px 10px;margin:0;box-sizing:border-box}
 #modal:has(.report-results) #form>.actions button{min-width:0;width:100%;min-height:44px;padding:7px;font-size:13px;white-space:normal;justify-content:center}
 html:has(#modal[open] .report-results),body:has(#modal[open] .report-results){overflow:hidden!important;scrollbar-gutter:auto!important}
 html[data-theme=dark] .shop-dashboard-page .dashboard-summary>div+div{border-top-color:#526f89}
 html[data-theme=dark] .shop-dashboard-page .dashboard-orders tr,html[data-theme=dark] #modal:has(.report-results) .report-results tr{background:#152131!important;color:#eef5ff;border-color:#587692}
 html[data-theme=dark] .shop-dashboard-page .dashboard-orders td::before,html[data-theme=dark] #modal:has(.report-results) .report-results td::before{color:#bed3e7}
 html[data-theme=dark] :is(.reports-page,.shop-dashboard-page) .stat label{color:#c4d7e9}
}
@media(min-width:380px) and (max-width:700px){#modal:has(.report-results) .report-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}

.shop-dashboard-page .dashboard-controls .tabs button.primary{background:#096dc6!important;color:#fff!important;border:1px solid #096dc6!important;font-weight:700}
@media(max-width:700px){
 .shop-dashboard-page .dashboard-controls .tabs button{background:#f2f7fc;color:#294e69;border:1px solid #bfd0e0;border-radius:6px}
 html[data-theme=dark] .shop-dashboard-page .dashboard-controls .tabs button{background:#29445d;color:#e7f3ff;border-color:#6486a6}
 html[data-theme=dark] .shop-dashboard-page .dashboard-controls .tabs button.primary{background:#1d79df!important;color:#fff!important;border-color:#82b7f1!important}
}

.settings-mobile-section{display:none}
@media(max-width:700px){
 .employees-page,.shop-settings-page{min-width:0;max-width:100%}
 .employees-page>.heading{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px;align-items:stretch}
 .employees-page>.heading>div{grid-column:1/-1;min-width:0;width:100%}
 :is(.employees-page,.shop-settings-page)>.heading h1{font-size:24px;margin-bottom:5px;line-height:1.35}
 :is(.employees-page,.shop-settings-page)>.heading p{font-size:13px;margin:0;line-height:1.5}
 .employees-page>.heading>button{min-width:0;width:100%;min-height:44px;padding:7px;font-size:12px;white-space:normal;justify-content:center}
 .employees-page>.toolbar{display:grid;grid-template-columns:minmax(0,1fr);gap:7px;margin:12px 0}
 .employees-page>.toolbar input{width:100%;min-width:0;max-width:100%;min-height:44px;font-size:16px;box-sizing:border-box}
 .employees-page>.toolbar>button{min-height:44px;min-width:0;width:100%;justify-content:center;font-size:13px}
 .employees-page>.panel{padding:7px;min-width:0;overflow:visible}
 .employees-page table{display:block;width:100%;min-width:0!important;max-width:100%}.employees-page thead{display:none}.employees-page tbody{display:block}
 .employees-page tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;min-width:0;padding:10px;margin:0 0 9px;border:1px solid #c4d4e3;border-radius:7px;background:#fff}
 .employees-page tbody td{display:block;min-width:0;max-width:100%;width:auto;border:0;padding:0;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
 .employees-page tbody td::before{content:attr(data-mobile-label);display:block;font-size:11px;font-weight:650;line-height:1.4;margin-bottom:3px;color:#526b7f}
 .employees-page tbody td:first-child{grid-column:1/-1;font-size:16px;font-weight:700;min-height:44px}
 .employees-page tbody td:nth-child(2),.employees-page tbody td:nth-child(3){grid-column:1/-1}
 .employees-page tbody td.employee-row-actions{display:flex;align-items:flex-end;justify-content:flex-end;min-width:0}
 .employees-page .employee-row-actions>button{min-width:0;width:100%;min-height:44px;font-size:14px;justify-content:center}
 .employees-page>.panel>.row{display:flex;flex-wrap:wrap;gap:7px;padding:8px;min-width:0}.employees-page>.panel>.row>span{flex:1 1 100%;text-align:center;font-size:12px}.employees-page>.panel>.row>button{min-height:44px;flex:1;min-width:0}
 .shop-settings-page>.heading{display:block;margin-bottom:12px}
 .shop-settings-page>.settings-tabs{display:none}
 .settings-mobile-section{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:650;margin:0 0 12px;min-width:0}
 .settings-mobile-section :is(select,.desktop-select){width:100%;min-width:0;max-width:100%;min-height:44px;box-sizing:border-box}
 .shop-settings-page [role=tabpanel]{min-width:0;max-width:100%}
 .shop-settings-page [role=tabpanel]>.panel{margin:0 0 12px;min-width:0;overflow:visible;border-radius:8px}
 .shop-settings-page .panel-head{padding:10px 12px;gap:8px;flex-wrap:wrap;align-items:flex-start;min-width:0}
 .shop-settings-page .panel-head>div{min-width:0;max-width:100%}.shop-settings-page .panel-head h2{font-size:18px;line-height:1.4;overflow-wrap:anywhere}
 .shop-settings-page .panel-head :is(p,small){font-size:12px;line-height:1.5;margin:4px 0 0;overflow-wrap:anywhere}
 .shop-settings-page .panel-body{padding:12px;min-width:0;max-width:100%}
 .shop-settings-page :is(.formgrid,.permission-grid,.brand-rate-grid,.engine-rate-grid,.pricing-config){grid-template-columns:minmax(0,1fr);gap:9px}
 .shop-settings-page .field{min-width:0;max-width:100%;font-size:13px;line-height:1.5;gap:5px}
 .shop-settings-page :is(input:not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea,.desktop-select){min-width:0;max-width:100%;width:100%;box-sizing:border-box;min-height:44px;font-size:16px}
 .shop-settings-page input[type=number]{font-size:18px;font-weight:650;font-variant-numeric:tabular-nums}
 .shop-settings-page input[type=color]{width:54px;min-width:54px;min-height:44px;height:44px;padding:4px}
 .shop-settings-page :is(h3,h4){font-size:16px;line-height:1.4;margin:16px 0 8px;overflow-wrap:anywhere}
 .shop-settings-page :is(p,small){font-size:12px;line-height:1.6;overflow-wrap:anywhere}
 .shop-settings-page :is(code,pre,a){overflow-wrap:anywhere;max-width:100%}.shop-settings-page pre{white-space:pre-wrap}
 .shop-settings-page .row{flex-wrap:wrap;min-width:0;gap:7px}
 .shop-settings-page button{min-width:0;min-height:44px;max-width:100%;font-size:13px;padding:7px;white-space:normal;overflow-wrap:anywhere}
 .shop-settings-page .actions{position:static;bottom:auto;display:grid;grid-template-columns:minmax(0,1fr);gap:7px;margin:12px 0 0;padding:10px 0 0;border-top:1px solid #bfd0e0;min-width:0}
 .shop-settings-page .actions button{width:100%;min-height:44px;justify-content:center;line-height:1.4}
 .shop-settings-page .shop-hours-row{grid-template-columns:repeat(2,minmax(0,1fr));padding:9px;gap:7px;min-width:0}
 .shop-settings-page .shop-hours-row>label{min-width:0;max-width:100%;white-space:normal;font-size:12px}
 .shop-settings-page .shop-hours-row>.hours-closed{min-height:44px;display:flex;align-items:center;justify-self:end}
 .shop-settings-page .shop-hours-row :is(select,.desktop-select){min-width:0;width:100%;max-width:100%}
 .shop-settings-page .shop-hours-message{grid-column:1/-1;font-size:12px}
 .shop-settings-page .special-hours-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0}
 .shop-settings-page .special-hours-row>label:first-child{grid-column:1/-1}
 .shop-settings-page .status-color-grid{grid-template-columns:minmax(0,1fr);gap:8px}
 .shop-settings-page .status-color-row{grid-template-columns:minmax(0,1fr) 54px;gap:8px;padding:10px;min-width:0;font-size:13px}
 .shop-settings-page .status-color-preview{grid-column:1/-1;white-space:normal;overflow-wrap:anywhere}
 .shop-settings-page .pricing-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-bottom:12px}
 .shop-settings-page .pricing-types>button{min-width:0;min-height:44px;font-size:12px;padding:6px;white-space:normal}
 .shop-settings-page .pricing-enabled{min-width:0;font-size:13px;line-height:1.5}.shop-settings-page .pricing-enabled input{flex:none}
 .shop-settings-page .pricing-flat{max-width:100%;margin:12px 0}
 .shop-settings-page :is(.pricing-explanation,.pricing-preview){padding:10px;margin:12px 0;min-width:0}.shop-settings-page .pricing-preview{gap:9px;align-items:stretch}
 .shop-settings-page .pricing-preview strong{font-size:23px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
 .shop-settings-page .table-scroll{overflow:visible!important;min-width:0}
 .shop-settings-page table{display:block;min-width:0!important;width:100%;max-width:100%}
 .shop-settings-page thead{display:none}.shop-settings-page tbody{display:grid;gap:9px}
 .shop-settings-page tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;min-width:0;padding:10px;margin-bottom:7px;border:1px solid #c3d3e2;border-radius:7px;background:#fff}
 .shop-settings-page td{display:block;min-width:0!important;max-width:100%;width:auto;padding:0!important;border:0;font-size:14px;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
 .shop-settings-page td::before{content:attr(data-mobile-label);display:block;font-size:11px;font-weight:650;line-height:1.4;margin-bottom:3px;color:#526b7f}
 .shop-settings-page td[data-mobile-wide=true]{grid-column:1/-1}
 .shop-settings-page .pricing-matrix td input{width:100%;min-width:0;font-size:18px;min-height:44px}
 .shop-settings-page .pricing-matrix [data-tier-metrics]{font-size:13px;line-height:1.5}
 .shop-settings-page .interval-settings-heading{gap:7px;min-width:0}.shop-settings-page .interval-heading-icon{display:none}
 .shop-settings-page .interval-source-info{padding:10px;gap:7px;margin-bottom:12px;min-width:0}.shop-settings-page .interval-source-info>.ui-icon{display:none}
 .shop-settings-page .interval-library-toolbar{display:grid;grid-template-columns:minmax(0,1fr);gap:5px}
 .shop-settings-page .interval-library-toolbar input{width:100%;min-width:0}
 .shop-settings-page .interval-setting-row{display:flex;flex-direction:column;gap:8px;padding:10px;min-width:0}
 .shop-settings-page .interval-service-icon{display:none}.shop-settings-page .interval-setting-fields{grid-template-columns:minmax(0,1fr);gap:9px;width:100%;min-width:0}
 .shop-settings-page .interval-setting-fields label{font-size:13px;min-width:0}.shop-settings-page .interval-remove{margin:0;width:44px;min-width:44px;min-height:44px;align-self:flex-end}
 .shop-settings-page .interval-settings-footer{position:static;display:flex;flex-direction:column;padding:10px;gap:10px;min-width:0}
 .shop-settings-page .interval-settings-footer>div,.shop-settings-page .interval-save-controls{min-width:0;width:100%}.shop-settings-page .interval-settings-footer button{width:100%}
 .shop-settings-page .interval-add{width:100%;min-height:44px;justify-content:center}
 .shop-settings-page :is(.record-badge,.note){white-space:normal;overflow-wrap:anywhere;line-height:1.5}
 #modal:has(.employee-editor){width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);padding:0!important;box-sizing:border-box;overflow:hidden!important;border-radius:8px}
 #modal:has(.employee-editor) #form{display:flex;flex-direction:column;height:100%;min-width:0;min-height:0}
 #modal:has(.employee-editor) #form>h2{flex:none;font-size:18px;line-height:1.4;padding:10px 12px;margin:0}
 .employee-editor{flex:1;min-height:0;min-width:0;padding:0 12px 12px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:auto}
 .employee-editor :is(.formgrid,.permission-grid){grid-template-columns:minmax(0,1fr);gap:9px}
 .employee-editor .field{font-size:13px;min-width:0;line-height:1.5;gap:5px}
 .employee-editor :is(input,select,textarea,.desktop-select){width:100%;min-width:0;max-width:100%;min-height:44px;font-size:16px;box-sizing:border-box}
 .employee-editor .employee-permissions{padding:10px;margin:12px 0;border-radius:7px;min-width:0}
 .employee-editor :is(h3,h4){font-size:16px;line-height:1.4;margin:12px 0 7px}.employee-editor :is(p,small){font-size:12px;line-height:1.6;overflow-wrap:anywhere}
 #modal:has(.employee-editor) #form>.actions{flex:none;position:relative;bottom:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:8px 10px;margin:0;box-sizing:border-box}
 #modal:has(.employee-editor) #form>.actions button{min-width:0;width:100%;min-height:44px;font-size:12px;padding:7px;white-space:normal;justify-content:center}
 html:has(#modal[open] .employee-editor),body:has(#modal[open] .employee-editor){overflow:hidden!important;scrollbar-gutter:auto!important}
 html[data-theme=dark] .employees-page tbody tr,html[data-theme=dark] .shop-settings-page tr{background:#152131;color:#eef5ff;border-color:#56738e}
 html[data-theme=dark] .employees-page tbody td::before,html[data-theme=dark] .shop-settings-page td::before{color:#bdd3e7}
 html[data-theme=dark] .shop-settings-page .actions{border-top-color:#526f89}
 html[data-theme=dark] .settings-mobile-section{color:#d3e6f8}
 html[data-theme=dark] .shop-settings-page :is(input:not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea,.desktop-select-trigger),html[data-theme=dark] .employee-editor :is(input,select,textarea,.desktop-select-trigger){background:#0e1c2b!important;color:#eff6ff!important;border-color:#6785a2!important}
 html[data-theme=dark] .shop-settings-page :is(input,textarea)::placeholder{color:#b7cee1;opacity:1}
}

@media(max-width:700px){
 .employees-page tbody td.employee-row-actions{grid-column:1/-1}
 .shop-settings-page .desktop-select-caption,.employee-editor .desktop-select-caption{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.4}
 .shop-settings-page .desktop-select-trigger,.employee-editor .desktop-select-trigger{height:auto;min-height:44px;align-items:center}
}

/* Auto Search saved sign-ins and OE identification */
.vendor-login-settings{margin:14px 0;padding:12px;border:1px solid var(--search-line);border-radius:8px}.vendor-login-settings summary{cursor:pointer;font-weight:700}.vendor-login-settings input{box-sizing:border-box}.auto-search-oe-row{background:color-mix(in srgb,#258660 9%,var(--search-bg))}.auto-search-oe-row td:first-child{box-shadow:inset 4px 0 #258660}.auto-search-oe-badge{display:inline-block;margin:6px 0 2px;padding:3px 7px;border:1px solid #258660;border-radius:5px;background:#e7f5ed;color:#145736;font-size:12px;font-weight:700}html[data-theme=dark] .auto-search-oe-badge{background:#173f32;color:#b4f0cd;border-color:#5dbd8d}

/* Payments and vehicle reference layouts: one readable mobile column. */
@media(max-width:700px){
 .payments-page,.vehicle-lookup-page{min-width:0;max-width:100%}
 .payments-page>.heading{display:flex;flex-direction:column;align-items:stretch;gap:9px;margin-bottom:12px}
 .payments-page>.heading h1{font-size:24px;margin:0 0 5px}.payments-page>.heading p{font-size:13px;line-height:1.5;margin:0}
 .payments-page>.heading button{min-height:44px;white-space:normal;font-size:13px;justify-content:center}
 .payments-page>.panel{padding:7px;overflow:visible;min-width:0}
 .payments-table{display:block;min-width:0!important;width:100%;max-width:100%}.payments-table thead{display:none}.payments-table tbody{display:grid;gap:9px}
 .payments-table tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:11px;border:1px solid #bdcfe0;border-radius:7px;background:#fff;min-width:0}
 .payments-table tbody td{display:block;min-width:0;width:auto;padding:0;border:0;font-size:14px;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
 .payments-table td::before{content:attr(data-mobile-label);display:block;font-size:11px;font-weight:650;color:#526b7f;margin-bottom:3px}
 .payments-table td:nth-child(3),.payments-table td:nth-child(4),.payments-table td:last-child{grid-column:1/-1}
 .payments-table td:nth-child(5){grid-column:1/-1;font-size:21px;font-weight:750;font-variant-numeric:tabular-nums}
 .payments-table td:last-child::before{display:none}.payments-table td button{width:100%;min-width:0;min-height:44px;font-size:14px;justify-content:center}
 #modal:has(.payment-details-editor){width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);padding:0!important;overflow:hidden!important;border-radius:8px;box-sizing:border-box}
 #modal:has(.payment-details-editor) #form{display:flex;flex-direction:column;height:100%;min-height:0;min-width:0}
 #modal:has(.payment-details-editor) #form>h2{flex:none;font-size:18px;line-height:1.4;padding:10px 12px;margin:0;overflow-wrap:anywhere}
 .payment-details-editor{flex:1;min-height:0;min-width:0;padding:0 12px 12px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}
 .payment-details-editor .formgrid{grid-template-columns:minmax(0,1fr);gap:9px}.payment-details-editor :is(p,label,summary){font-size:13px;line-height:1.5;overflow-wrap:anywhere}
 .payment-details-editor :is(input,select,textarea,.desktop-select){width:100%;min-width:0;max-width:100%;min-height:44px;font-size:16px;box-sizing:border-box}
 .payment-details-editor input[name=amount]{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}
 #modal:has(.payment-details-editor) #form>.actions{flex:none;position:relative;bottom:auto;display:flex;gap:7px;padding:8px 10px;margin:0;box-sizing:border-box}
 #modal:has(.payment-details-editor) #form>.actions button{flex:1;min-width:0;min-height:44px;font-size:13px;padding:7px;white-space:normal;justify-content:center}
 #modal:has(.payment-details-editor) #form>.actions button[hidden]{display:none!important}
 html:has(#modal[open] .payment-details-editor),body:has(#modal[open] .payment-details-editor){overflow:hidden!important;scrollbar-gutter:auto!important}
 .vehicle-lookup-page .vl-heading{gap:10px;align-items:stretch}.vehicle-lookup-page .vl-heading h1{font-size:24px}.vehicle-lookup-page .vl-heading-actions{justify-content:space-between;flex-wrap:wrap;gap:7px}
 .vehicle-lookup-page .vl-search-card{padding:12px;border-radius:8px}.vehicle-lookup-page .vl-card-heading{align-items:stretch;gap:10px}.vehicle-lookup-page .vl-mode{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;box-sizing:border-box}
 .vehicle-lookup-page button{min-height:44px;font-size:13px;white-space:normal;min-width:0}
 .vehicle-lookup-page .vl-search-form{display:grid;grid-template-columns:minmax(0,1fr) 76px;gap:9px}.vehicle-lookup-page .vl-vin-label,.vehicle-lookup-page [data-lookup-decode]{grid-column:1/-1;width:100%;min-width:0}.vehicle-lookup-page .vl-state-label{width:auto}
 .vehicle-lookup-page label{font-size:12px;min-width:0;line-height:1.5}.vehicle-lookup-page :is(input,select,.desktop-select){font-size:16px;min-height:44px;max-width:100%;width:100%;box-sizing:border-box}
 .vehicle-lookup-page .vl-selectors{grid-template-columns:minmax(0,1fr);gap:9px}.vehicle-lookup-page .vl-configuration{display:grid;grid-template-columns:minmax(0,1fr);gap:9px}.vehicle-lookup-page .vl-configuration label{width:100%}
 :is(.vehicle-lookup-page,.payment-details-editor) .desktop-select-caption{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.4}
 :is(.vehicle-lookup-page,.payment-details-editor) .desktop-select-trigger{height:auto;min-height:44px}
 .vehicle-lookup-page .vl-result-heading{padding:12px;gap:8px}.vehicle-lookup-page .vl-result-heading h2{font-size:19px;overflow-wrap:anywhere}
 .vehicle-lookup-page .vl-result-tools{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:0 12px 12px}
 .vehicle-lookup-page .vl-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;width:100%;min-width:0;padding:0;gap:5px;border:0}
 .vehicle-lookup-page .vl-tabs button{font-size:12px;line-height:1.4;padding:8px 5px;min-width:0;border:1px solid var(--vl-line);border-radius:5px;white-space:normal}
 .vehicle-lookup-page .vl-tabs button[aria-selected=true]{background:#126fc2;color:#fff;border-color:#126fc2}
 .vehicle-lookup-page .vl-spec-search{width:100%;min-width:0}.vehicle-lookup-page .vl-spec-search input{font-size:16px!important;min-height:44px}
 .vehicle-lookup-page .vl-result-content{padding:10px;overflow:visible;min-width:0}.vehicle-lookup-page .vl-result-content>*{min-width:0;max-width:100%}
 .vehicle-lookup-page .vl-result-content :is(table,td,th){min-width:0!important;max-width:100%;white-space:normal;overflow-wrap:anywhere;font-size:13px;line-height:1.5}
 .vehicle-lookup-page .vl-result-content table{width:100%;table-layout:fixed}.vehicle-lookup-page .vl-result-content :is(pre,code){white-space:pre-wrap;overflow-wrap:anywhere}
 .vehicle-lookup-page .vl-result-footer{padding:12px;display:block;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
 html[data-theme=dark] .payments-table tbody tr{background:#152131;border-color:#56738e;color:#eef5ff}html[data-theme=dark] .payments-table td::before{color:#bdd3e7}
 html[data-theme=dark] .payment-details-editor :is(input,textarea,.desktop-select-trigger){background:#0e1c2b!important;color:#eff6ff!important;border-color:#6785a2!important}
 html[data-theme=dark] .vehicle-lookup-page .vl-tabs button[aria-selected=true]{background:#237fcf;color:#fff;border-color:#8ecbff}
}

@media(max-width:700px){
 .vehicle-lookup-page .prepared-specs dl{margin:0;min-width:0}
 .vehicle-lookup-page .prepared-specs dl>div{display:grid;grid-template-columns:minmax(60px,30%) minmax(0,1fr);gap:7px;align-items:start;min-width:0;margin:4px 0;padding:4px 0}
 .vehicle-lookup-page .prepared-specs :is(dt,dd,p,li){font-size:13px!important;line-height:1.55!important;min-width:0;white-space:normal;overflow-wrap:anywhere}
 .vehicle-lookup-page .prepared-specs dd{margin:0;font-variant-numeric:tabular-nums}
 .vehicle-lookup-page .prepared-specs dl>div.prepared-standard{padding:7px 5px;margin:5px 0;box-sizing:border-box}
 .vehicle-lookup-page .prepared-specs .prepared-standard :is(dt,dd){font-size:14px!important;font-weight:750}
 .vehicle-lookup-page .prepared-specs .prepared-note>summary{min-height:44px;display:inline-flex;align-items:center;box-sizing:border-box;font-size:13px;padding:6px 9px}
 .vehicle-lookup-page .prepared-specs :is(.prepared-fluid-content,.prepared-torque-content){min-width:0;padding:0 2px 8px}
 .vehicle-lookup-page .prepared-specs .prepared-spec-table{overflow:visible}
}

/* Mobile customer, supplier and inspection details share a single scroll body. */
@media(max-width:700px){
 .management-toolbar :is(input,select,.desktop-select-trigger){min-height:44px;font-size:16px;box-sizing:border-box}
 .management-toolbar .desktop-select-caption{white-space:normal;overflow-wrap:anywhere;text-overflow:clip;line-height:1.4}
 .management-toolbar .desktop-select-trigger{height:auto}
 .management-table :is(.customer-contact-cell,.vendor-name-actions){min-width:0;max-width:100%}
 .management-table tbody :is(small,strong,span,a){white-space:normal;overflow-wrap:anywhere;line-height:1.5}
 .management-table tbody td small{font-size:12px}.management-table tbody td{font-size:14px}
 .management-table .vendor-name-actions>button{min-width:0;max-width:100%;white-space:normal;min-height:44px;justify-content:center;font-size:13px}
 .management-table.management-inspections td[data-mobile-label=Default]>button{width:100%;min-height:44px;font-size:13px;white-space:normal;justify-content:center}
 #modal:has(:is(.customer-drawer,.vendor-editor,.management-profile,.customer-vehicle-editor,.inspection-editor-form)){width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);padding:0!important;overflow:hidden!important;box-sizing:border-box;border-radius:8px}
 #modal:has(:is(.customer-drawer,.vendor-editor,.management-profile,.customer-vehicle-editor,.inspection-editor-form)) #form{display:flex;flex-direction:column;height:100%;max-height:100%;min-height:0;min-width:0}
 #modal:has(:is(.customer-drawer,.vendor-editor,.management-profile,.customer-vehicle-editor,.inspection-editor-form)) #form>h2{flex:none;font-size:18px;line-height:1.4;padding:10px 12px;margin:0;overflow-wrap:anywhere}
 #modal #form>:is(.customer-drawer,.vendor-editor,.management-profile,.customer-vehicle-editor,.template-editor){display:block;flex:1;min-height:0;min-width:0;padding:0 12px 12px;margin:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}
 #modal:has(:is(.customer-drawer,.vendor-editor,.management-profile,.customer-vehicle-editor,.inspection-editor-form)) #form>.actions{flex:none;position:relative;bottom:auto;display:flex;gap:7px;padding:8px 10px;margin:0;box-sizing:border-box}
 #modal:has(:is(.customer-drawer,.vendor-editor,.management-profile,.customer-vehicle-editor,.inspection-editor-form)) #form>.actions button{flex:1;min-width:0;min-height:44px;font-size:13px;padding:7px;white-space:normal;justify-content:center}
 html:has(#modal[open] :is(.customer-drawer,.vendor-editor,.management-profile,.customer-vehicle-editor,.inspection-editor-form)),body:has(#modal[open] :is(.customer-drawer,.vendor-editor,.management-profile,.customer-vehicle-editor,.inspection-editor-form)){overflow:hidden!important;scrollbar-gutter:auto!important}
 #modal :is(.customer-drawer,.vendor-editor,.management-profile,.customer-vehicle-editor,.template-editor) :is(.formgrid,.ro-address-row,.ro-address-locality,.profile-summary,.profile-stats){display:grid;grid-template-columns:minmax(0,1fr);gap:9px;min-width:0}
 #modal :is(.customer-drawer,.vendor-editor,.customer-vehicle-editor,.template-editor) :is(input:not([type=checkbox]):not([type=radio]),select,textarea,.desktop-select){width:100%;min-width:0;max-width:100%;min-height:44px;font-size:16px;box-sizing:border-box}
 #modal :is(.customer-drawer,.vendor-editor,.customer-vehicle-editor,.template-editor) :is(label,.field){font-size:13px;line-height:1.5;min-width:0;max-width:100%}
 #modal :is(.customer-drawer,.vendor-editor,.management-profile,.customer-vehicle-editor,.template-editor) :is(p,small){font-size:12px;line-height:1.6;overflow-wrap:anywhere}
 #modal :is(.customer-drawer,.vendor-editor,.management-profile,.customer-vehicle-editor,.template-editor) :is(h3,h4){font-size:16px;line-height:1.4;overflow-wrap:anywhere;margin:12px 0 8px}
 #modal :is(.customer-drawer,.vendor-editor,.management-profile,.customer-vehicle-editor,.template-editor) :is(button,summary){min-height:44px;min-width:0;max-width:100%;white-space:normal;font-size:13px;line-height:1.4;box-sizing:border-box}
 #modal :is(.customer-drawer,.vendor-editor,.customer-vehicle-editor,.template-editor) .desktop-select-caption{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.4}
 #modal :is(.customer-drawer,.vendor-editor,.customer-vehicle-editor,.template-editor) .desktop-select-trigger{height:auto}
 .customer-edit-drawer .customer-editor-section{padding:10px;margin:0 0 10px;border-radius:7px}
 .customer-edit-drawer .contact-row{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:7px;padding:8px;margin:8px 0}
 .customer-edit-drawer .contact-row>.field{grid-column:1/-1;margin:0}
 .customer-edit-drawer .contact-row>button{grid-column:2;min-height:44px;width:44px;padding:5px}
 .customer-edit-drawer .contact-row.email-row>button[data-primary-email]{grid-column:1;width:auto}
 .customer-edit-drawer .customer-contact-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .customer-edit-drawer .customer-contact-actions button{width:100%;padding:7px;font-size:12px}
 .customer-edit-drawer .customer-editor-section .customer-check{grid-template-columns:32px minmax(0,1fr);gap:9px;align-items:start;padding:8px 0}
 .customer-edit-drawer .ro-customer-address :is(.ro-address-grid,.ro-address-top,.ro-address-bottom){grid-template-columns:minmax(0,1fr)!important}
 .vendor-editor>section,.vendor-editor>details,.customer-vehicle-editor>section{padding:10px;margin:10px 0;border-radius:7px;min-width:0}
 .management-profile .profile-summary{padding:10px}.management-profile .profile-info{min-width:0;padding:7px}.management-profile .profile-info strong{font-size:14px;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
 .management-profile .profile-stats{padding:10px;margin:10px 0}.management-profile .profile-stats strong{font-size:22px;font-variant-numeric:tabular-nums}
 .management-profile>.row{display:flex;flex-wrap:wrap;gap:7px}.management-profile>.row button{width:100%;justify-content:center}
 .management-profile>.tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;overflow:visible}.management-profile>.tabs>button{margin:0;padding:8px 5px;justify-content:center;white-space:normal}
 .management-profile .panel-head{display:flex;flex-direction:column;padding:10px 0;gap:8px;align-items:stretch}.management-profile .panel-head button{width:100%;justify-content:center}
 .management-profile .table-scroll{overflow:visible}.management-profile table{display:block;width:100%;min-width:0!important;max-width:100%}.management-profile thead{display:none}.management-profile tbody{display:grid;gap:8px}
 .management-profile tr{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:10px;border:1px solid var(--line);border-radius:6px;min-width:0}
 .management-profile td{display:block;padding:0;width:auto;max-width:100%;min-width:0;font-size:14px;line-height:1.5;white-space:normal;overflow-wrap:anywhere;border:0}
 .management-profile td::before{content:attr(data-mobile-label);display:block;font-size:11px;font-weight:650;line-height:1.4;margin-bottom:3px;color:#526b7f}
 .management-profile td button{width:100%;justify-content:center}.management-profile .pagination{display:flex;flex-wrap:wrap;gap:7px;min-width:0}
 .inspection-editor-form .template-settings{display:grid;grid-template-columns:minmax(0,1fr);gap:7px}.inspection-editor-form .template-settings>label{padding:9px;min-width:0}
 .inspection-editor-form .template-editor>.tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;overflow:visible}.inspection-editor-form .template-editor>.tabs button{padding:7px 5px;white-space:normal;margin:0}
 .inspection-editor-form .template-group-toolbar{display:block;margin:12px 0}.inspection-editor-form .template-group-toolbar>.row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.inspection-editor-form [data-new-group]{grid-column:1/-1}
 .inspection-editor-form .template-group>summary{padding:10px;gap:7px;align-items:start}.inspection-editor-form .template-group>summary span{white-space:normal;overflow-wrap:anywhere}.inspection-editor-form .template-group-body{padding:9px}
 .inspection-editor-form .template-group-actions{display:flex;flex-wrap:wrap;gap:6px}.inspection-editor-form .template-group-actions button{padding:7px;min-width:44px}
 .inspection-editor-form .template-task{display:grid;grid-template-columns:repeat(3,minmax(44px,1fr));gap:6px}.inspection-editor-form .template-task>input{grid-column:1/-1}.inspection-editor-form .template-task>button{min-height:44px}.inspection-editor-form .inspection-item-number{display:none}
 .inspection-editor-form .template-task-editor>details{margin:8px 0 0;padding:8px;min-width:0}.inspection-editor-form .template-task-editor>details>summary{overflow-wrap:anywhere}
 .inspection-editor-form [data-general-findings] .template-task{grid-template-columns:minmax(0,1fr)}.inspection-editor-form [data-general-findings] .template-task>button{justify-self:end;width:auto;padding:7px 12px}
 html[data-theme=dark] .management-profile td::before{color:#bdd3e7}
 html[data-theme=dark] #modal :is(.customer-drawer,.vendor-editor,.customer-vehicle-editor,.template-editor) :is(input:not([type=checkbox]):not([type=radio]),textarea,.desktop-select-trigger){background:#0e1c2b!important;color:#eff6ff!important;border-color:#6785a2!important}
}

/* Mobile Smart Canned Jobs: readable shortcuts and a single scrolling wizard. */
@media(max-width:700px){
 .management-canned .record-title{font-size:16px;line-height:1.45;text-align:left;padding:7px 0;justify-content:flex-start}
 .management-canned td[data-mobile-label="Job total"]{font-weight:700;font-size:16px;line-height:1.5}
 .management-canned .record-badge{display:inline-block;white-space:normal;overflow-wrap:anywhere;font-size:12px;padding:5px 8px}
 .management-canned .table-sort{min-height:44px;font-size:12px;padding:7px;white-space:normal}
 #modal:has(.smart-template-wizard){width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;height:calc(100dvh - 16px)!important;max-height:calc(100dvh - 16px)!important;padding:0!important;overflow:hidden!important;box-sizing:border-box;border-radius:8px}
 #modal:has(.smart-template-wizard) #form{display:flex;flex-direction:column;height:100%;max-height:100%;min-height:0;min-width:0}
 #modal:has(.smart-template-wizard) #form>h2{flex:none;font-size:18px!important;line-height:1.4;padding:10px 12px!important;margin:0;overflow-wrap:anywhere}
 .smart-template-wizard{flex:1;min-height:0;min-width:0;padding:0 12px 12px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;box-sizing:border-box}
 .smart-template-wizard .smart-wizard-step{font-size:13px;line-height:1.4;margin:9px 0}
 .smart-template-wizard :is(p,small){font-size:13px;line-height:1.55;overflow-wrap:anywhere}
 .smart-template-wizard :is(h3,strong){overflow-wrap:anywhere;line-height:1.4}.smart-template-wizard h3{font-size:16px;margin:0 0 8px}
 .smart-template-wizard .smart-service-grid{grid-template-columns:minmax(0,1fr);max-height:none;overflow:visible;margin:12px 0;padding:0;gap:8px}
 #modal .smart-template-wizard .smart-service-card{width:100%;min-width:0;max-width:100%;min-height:70px;padding:12px;gap:4px;text-align:left;white-space:normal;border-radius:7px;box-sizing:border-box}
 .smart-template-wizard .smart-service-card strong{font-size:15px}.smart-template-wizard .smart-service-card span{font-size:13px;line-height:1.45}
 #modal .smart-template-wizard .smart-service-card.selected{background:#dfedff!important;border:2px solid #146abd!important;box-shadow:inset 4px 0 #146abd}
 .smart-template-wizard :is(input:not([type=checkbox]),select,textarea){width:100%;min-width:0;max-width:100%;min-height:44px;font-size:16px;box-sizing:border-box}
 .smart-template-wizard input[type=number]{font-size:19px;font-weight:700;font-variant-numeric:tabular-nums}
 .smart-template-wizard .smart-service-search{margin:8px 0 0}
 .smart-template-wizard .formgrid{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.smart-template-wizard .field{min-width:0;font-size:13px;line-height:1.5}
 .smart-template-wizard :is(.smart-selection-preview,.smart-rate-notice,.smart-oil-policy){padding:11px;margin:12px 0;min-width:0;border-radius:7px}
 .smart-template-wizard .smart-oil-policy>label{display:flex;align-items:flex-start;gap:9px;font-size:13px;line-height:1.5;margin:10px 0}.smart-template-wizard input[type=checkbox]{flex:none;width:22px;height:22px;min-width:22px;margin:0}
 #modal:has(.smart-template-wizard) #form>.actions{flex:none;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px!important;padding:8px 10px!important;margin:0;position:relative!important;bottom:auto;box-sizing:border-box}
 #modal:has(.smart-template-wizard) #form>.actions [type=submit]:nth-child(3){grid-column:1/-1}
 #modal:has(.smart-template-wizard) #form>.actions button{min-width:0!important;width:100%;min-height:44px!important;font-size:13px!important;line-height:1.4;white-space:normal;padding:7px!important;justify-content:center}
 html:has(#modal[open] .smart-template-wizard),body:has(#modal[open] .smart-template-wizard){overflow:hidden!important;scrollbar-gutter:auto!important}
 dialog.job-editor-modal .canned-config{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:10px;margin:10px 0;min-width:0;border-radius:7px}
 dialog.job-editor-modal .canned-config :is(h3,p,button){grid-column:1/-1;min-width:0}.canned-config h3{font-size:16px;margin:0}.canned-config p{font-size:13px;line-height:1.5;margin:0}
 dialog.job-editor-modal .canned-config>label{display:flex;align-items:center;gap:8px;min-height:44px;min-width:0;font-size:13px;line-height:1.4;margin:0;white-space:normal}
 dialog.job-editor-modal .canned-config>button{width:100%;min-height:44px;white-space:normal;font-size:13px;justify-content:center}
 dialog.job-editor-modal .desktop-select{min-width:0;max-width:100%;width:100%}.job-editor-modal .desktop-select-caption{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.4}.job-editor-modal .desktop-select-trigger{height:auto;min-height:44px}
 html[data-theme=dark] #modal .smart-template-wizard .smart-service-card{background:#172b40!important;border-color:#6a89a7!important;color:#eff6ff!important}
 html[data-theme=dark] #modal .smart-template-wizard .smart-service-card.selected{background:#244d76!important;border-color:#8ecbff!important;box-shadow:inset 4px 0 #8ecbff}
 html[data-theme=dark] .smart-template-wizard .smart-service-card strong{color:#f2f7ff!important}html[data-theme=dark] .smart-template-wizard .smart-service-card span{color:#c5dcf0!important}
 html[data-theme=dark] .smart-template-wizard :is(input:not([type=checkbox]),textarea){background:#0e1c2b!important;color:#eff6ff!important;border-color:#6785a2!important}
 html[data-theme=dark] .smart-template-wizard input::placeholder{color:#bfd4e7;opacity:1}
}

@media(max-width:700px){dialog.job-editor-modal .job-sheet [hidden]{display:none!important}}

/* Let the job sheet own vertical scrolling, including vendor comparisons. */
dialog.job-editor-modal .auto-search-results{max-height:none;height:auto;overflow:visible;overscroll-behavior:auto;min-width:0}
dialog.job-editor-modal .auto-search-results table{min-width:0;width:100%;table-layout:fixed}
dialog.job-editor-modal .auto-search-results :is(th,td){white-space:normal;overflow-wrap:anywhere;min-width:0}
dialog.job-editor-modal .auto-search-results th{position:static}
dialog.job-editor-modal .auto-search-results button{min-width:0;max-width:100%;white-space:normal}
@media(max-width:700px){
 dialog.job-editor-modal .auto-search-results table,dialog.job-editor-modal .auto-search-results tbody{display:block}
 dialog.job-editor-modal .auto-search-results thead{display:none}
 dialog.job-editor-modal .auto-search-results tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:10px;margin:8px 0;border:1px solid var(--search-line);border-radius:6px}
 dialog.job-editor-modal .auto-search-results td{display:block;width:auto;padding:0;border:0;font-size:13px;line-height:1.5}
 dialog.job-editor-modal .auto-search-results td:first-child,dialog.job-editor-modal .auto-search-results td:last-child{grid-column:1/-1}
 dialog.job-editor-modal .auto-search-results td::before{display:block;font-size:11px;font-weight:650;color:var(--search-muted);margin-bottom:3px}
 dialog.job-editor-modal .auto-search-results td:nth-child(2)::before{content:'Vendor / supplier'}
 dialog.job-editor-modal .auto-search-results td:nth-child(3)::before{content:'Unit cost / total'}
 dialog.job-editor-modal .auto-search-results td:nth-child(4)::before{content:'Stock / condition'}
 dialog.job-editor-modal .auto-search-results td:nth-child(5)::before{content:'Delivery'}
 dialog.job-editor-modal .auto-search-results td:nth-child(6)::before{content:'Price tier'}
 dialog.job-editor-modal .auto-search-results button{width:100%;min-height:44px;justify-content:center}
}

/* Compact vendor comparison workspace. The job sheet remains the only scroller. */
dialog.job-editor-modal .auto-search-panel{padding:14px;margin:10px 0;border-radius:8px;font-size:13px}
.auto-search-panel .auto-search-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;min-width:0}
.auto-search-panel .auto-search-heading h3{font-size:17px;line-height:1.35;margin:0 0 3px}.auto-search-panel .auto-search-heading p{font-size:12px;line-height:1.5;margin:0}
.auto-search-panel .auto-search-heading>button{flex:none;min-height:36px;padding:6px 12px;font-size:12px}
.auto-search-panel .auto-search-primary{display:grid;grid-template-columns:minmax(0,1fr) 96px auto;align-items:end;gap:10px;min-width:0}
.auto-search-panel .field{min-width:0;margin:0;gap:5px;font-size:12px;line-height:1.4}
dialog.job-editor-modal .auto-search-panel :is(input:not([type=checkbox]),select,.desktop-select-trigger){min-height:40px!important;height:40px!important;padding:7px 10px!important;font-size:14px!important;box-sizing:border-box;border-radius:6px!important}
.auto-search-panel .auto-search-actions{display:flex;gap:7px;align-items:center;margin:0;min-width:0}.auto-search-panel .auto-search-actions button{min-height:40px;font-size:13px;padding:7px 14px;white-space:normal}
.auto-search-panel .auto-search-vendors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:12px 0;padding:0;min-width:0}
.auto-search-panel .auto-search-vendors legend{font-size:11px;font-weight:650;margin-bottom:6px;color:var(--search-muted)}
.auto-search-panel .auto-search-vendors label{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--search-line);border-radius:6px;background:var(--search-bg);padding:8px;min-width:0;min-height:38px;font-size:12px;line-height:1.4;box-sizing:border-box}
.auto-search-panel .auto-search-vendors label:has(input:checked){background:#e8f2ff;border-color:#70a8d7;color:#164a74}
.auto-search-panel :is(.auto-search-filters,.auto-search-guidance,.vendor-login-settings){margin:0;border:0;border-top:1px solid var(--search-line);border-radius:0;padding:0;background:transparent}
.auto-search-panel :is(.auto-search-filters,.auto-search-guidance,.vendor-login-settings)>summary{padding:10px 0;min-height:38px;font-size:12px;line-height:1.5;cursor:pointer;font-weight:650;background:transparent!important;color:var(--search-text)!important;overflow-wrap:anywhere}
.auto-search-panel .auto-search-filters>summary>span{font-weight:400;color:var(--search-muted);margin-left:9px;font-size:11px}
.auto-search-panel .auto-search-filters>.auto-search-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 0 12px}
.auto-search-panel :is(.auto-search-guidance,.vendor-login-settings)>p{font-size:12px;line-height:1.55;margin:0 0 10px}
.auto-search-panel .vendor-login-settings .auto-search-fields{margin:0 0 10px;gap:10px}.auto-search-panel .vendor-login-settings .auto-search-actions{padding-bottom:10px;flex-wrap:wrap}
.auto-search-panel [data-search-status]:empty,.auto-search-panel [data-search-vendor-status]:empty,.auto-search-panel [data-search-results]:empty{display:none}
.auto-search-panel [data-search-status]:not(:empty){margin:10px 0;padding:9px 11px;border-radius:6px;font-size:12px;line-height:1.5}
.auto-search-panel .auto-search-vendor-progress{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:10px 0}
.auto-search-panel .auto-search-vendor-state{border:1px solid var(--search-line);border-radius:6px;padding:9px;min-width:0;background:var(--search-bg)}
.auto-search-panel .auto-search-vendor-state>div{display:flex;align-items:center;justify-content:space-between;gap:7px}.auto-search-panel .auto-search-vendor-state strong{font-size:12px}
.auto-search-panel .auto-search-vendor-state p{font-size:12px;line-height:1.45;margin:5px 0 0;overflow-wrap:anywhere}
.auto-search-panel .auto-search-state{font-size:10px;padding:3px 6px;border-radius:4px;white-space:normal;background:var(--search-head);color:var(--search-text);font-weight:650}
.auto-search-panel .auto-search-state[data-state=complete]{background:#dff4e8;color:#17603c}.auto-search-panel .auto-search-state[data-state=searching]{background:#e0edff;color:#17538b}.auto-search-panel .auto-search-state:is([data-state=attention],[data-state=error]){background:#ffe5e7;color:#9d2937}
dialog.job-editor-modal .auto-search-results :is(th,td){padding:9px 8px;font-size:12px;line-height:1.5}.auto-search-results small{font-size:11px;line-height:1.5;margin-top:3px}.auto-search-results strong{font-size:13px}
dialog.job-editor-modal .auto-search-results th:first-child{width:22%}dialog.job-editor-modal .auto-search-results th:nth-child(4),dialog.job-editor-modal .auto-search-results th:nth-child(5){width:16%}dialog.job-editor-modal .auto-search-results th:nth-child(6){width:8%}
dialog.job-editor-modal .auto-search-results button{padding:7px 9px;font-size:12px;min-height:38px;border-radius:6px}
html[data-theme=dark] .auto-search-panel .auto-search-vendors label:has(input:checked){background:#244563;border-color:#6f9ec7;color:#eff7ff}
html[data-theme=dark] .auto-search-panel .auto-search-state[data-state=complete]{background:#184d38;color:#a3efc4}html[data-theme=dark] .auto-search-panel .auto-search-state[data-state=searching]{background:#214971;color:#c2e3ff}html[data-theme=dark] .auto-search-panel .auto-search-state:is([data-state=attention],[data-state=error]){background:#602c37;color:#ffc5cb}
@media(max-width:700px){
 dialog.job-editor-modal .auto-search-panel{padding:10px;margin:8px 0}
 .auto-search-panel .auto-search-heading{gap:8px;margin-bottom:10px}.auto-search-panel .auto-search-heading h3{font-size:16px}.auto-search-panel .auto-search-heading>button{min-height:44px;padding:7px 10px}
 .auto-search-panel .auto-search-primary{grid-template-columns:80px minmax(0,1fr);gap:8px}.auto-search-panel .auto-search-primary>.field:first-child{grid-column:1/-1}.auto-search-panel .auto-search-primary>.auto-search-actions{width:100%;flex-wrap:wrap}.auto-search-panel .auto-search-primary>.auto-search-actions button{flex:1;min-width:0;padding:7px;font-size:12px;min-height:44px}
 dialog.job-editor-modal .auto-search-panel :is(input:not([type=checkbox]),select,.desktop-select-trigger){min-height:44px!important;height:auto!important;font-size:16px!important;padding:8px!important}
 .auto-search-panel .auto-search-vendors{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:10px 0}.auto-search-panel .auto-search-vendors label{min-height:44px;padding:7px;font-size:12px;justify-content:flex-start}.auto-search-panel .auto-search-vendors input{flex:none}
 .auto-search-panel .auto-search-filters>summary>span{display:block;margin:3px 0 0;font-size:11px}
 .auto-search-panel .auto-search-filters>.auto-search-fields,.auto-search-panel .vendor-login-settings>.auto-search-fields{grid-template-columns:minmax(0,1fr)}
 .auto-search-panel :is(.auto-search-filters,.auto-search-guidance,.vendor-login-settings)>summary{min-height:44px;font-size:13px;padding:10px 0}
 .auto-search-panel .auto-search-vendor-progress{grid-template-columns:minmax(0,1fr)}.auto-search-panel .vendor-login-settings .auto-search-actions button{width:100%;min-height:44px;padding:7px;font-size:12px;justify-content:center}
 dialog.job-editor-modal .auto-search-results :is(th,td){padding:0;font-size:13px}.auto-search-results small{font-size:12px}.auto-search-results strong{font-size:14px}
}

html:has(dialog.job-editor-modal[open]),body:has(dialog.job-editor-modal[open]){overflow:hidden!important;scrollbar-gutter:auto!important}

.auto-search-vendors label[hidden]{display:none!important}

.auto-search-panel .auto-search-primary{grid-template-columns:140px minmax(180px,1fr) 96px auto}
@media(max-width:700px){.auto-search-panel .auto-search-primary{grid-template-columns:minmax(0,1fr) 90px}.auto-search-panel .auto-search-primary>.field:first-child,.auto-search-panel .auto-search-primary>.field:nth-child(2){grid-column:1/-1}.auto-search-panel .auto-search-primary>.auto-search-actions{grid-column:1/-1}}

/* Dense search toolbar with comfortable control targets. */
dialog.job-editor-modal .auto-search-panel{padding:12px;margin:8px 0}
.auto-search-panel .auto-search-heading{margin-bottom:9px}.auto-search-panel .auto-search-heading>div{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.auto-search-panel .auto-search-heading h3{margin:0;font-size:16px}
.auto-search-panel .auto-search-primary{grid-template-columns:128px minmax(180px,1fr) 78px auto;gap:8px}
.auto-search-panel .auto-search-vendors{display:flex;flex-wrap:wrap;gap:6px;margin:9px 0}.auto-search-panel .auto-search-vendors legend{margin-bottom:4px}.auto-search-panel .auto-search-vendors label{min-height:36px;justify-content:flex-start;flex:0 1 auto;padding:5px 10px;gap:7px;font-size:12px}
.auto-search-panel .auto-search-secondary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}.auto-search-panel .auto-search-secondary:has(details[open]){grid-template-columns:minmax(0,1fr)}
.auto-search-panel :is(.auto-search-filters,.auto-search-guidance,.vendor-login-settings)>summary{padding:8px 0;min-height:34px}
.auto-search-panel .auto-search-filters>summary>span{margin-left:7px}
.auto-search-panel .auto-search-vendor-progress{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:8px 0}.auto-search-panel .auto-search-vendor-state{padding:8px}
.auto-search-panel [data-search-status]:not(:empty){margin:8px 0;padding:8px 10px}
@media(min-width:701px) and (max-width:1000px){.auto-search-panel .auto-search-primary{grid-template-columns:110px minmax(0,1fr) 72px}.auto-search-panel .auto-search-primary>.auto-search-actions{grid-column:1/-1;justify-content:flex-end}.auto-search-panel .auto-search-vendor-progress{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
 dialog.job-editor-modal .auto-search-panel{padding:10px;margin:7px 0}
 .auto-search-panel .auto-search-heading{margin-bottom:8px}.auto-search-panel .auto-search-heading>div{display:block}.auto-search-panel .auto-search-heading p{display:none}
 .auto-search-panel .auto-search-primary{grid-template-columns:minmax(0,1fr) 78px;gap:8px}
 .auto-search-panel .auto-search-primary>.field:first-child{grid-column:1;grid-row:1}.auto-search-panel .auto-search-primary>.field:nth-child(2){grid-column:1/-1;grid-row:2}.auto-search-panel .auto-search-primary>.field:nth-child(3){grid-column:2;grid-row:1}.auto-search-panel .auto-search-primary>.auto-search-actions{grid-column:1/-1;grid-row:3}
 .auto-search-panel .auto-search-primary>.auto-search-actions button{min-height:44px;font-size:13px}
 .auto-search-panel .auto-search-vendors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:8px 0}.auto-search-panel .auto-search-vendors label{min-height:44px;padding:6px;gap:6px}
 .auto-search-panel .auto-search-filters>summary>span{display:none}
 .auto-search-panel .auto-search-secondary{column-gap:9px}.auto-search-panel :is(.auto-search-filters,.auto-search-guidance,.vendor-login-settings)>summary{min-height:44px;font-size:12px;padding:9px 0}
 .auto-search-panel .auto-search-vendor-progress{grid-template-columns:minmax(0,1fr)}
}

/* Ordered status remains explicit in text as well as color. Static glow avoids motion. */
.ordered-part-row{--ordered-bg:#e9fff0;--ordered-text:#075f2d;--ordered-line:#35b568;--ordered-glow:rgba(34,197,94,.24)}
.job-lines tr.ordered-part-row>td{background:var(--ordered-bg)!important;border-top:1px solid var(--ordered-line)!important;border-bottom:1px solid var(--ordered-line)!important;box-shadow:inset 0 3px 8px -5px var(--ordered-glow),inset 0 -3px 8px -5px var(--ordered-glow)}
.job-lines tr.ordered-part-row>td:first-child{border-left:3px solid var(--ordered-line)!important;box-shadow:inset 5px 0 12px -5px var(--ordered-glow)}
.job-lines tr.ordered-part-row .part-description-copy>strong{color:var(--ordered-text)!important}
html .ordered-part-row .part-status,.part-order-badge{display:inline-flex;align-items:center;width:fit-content;background:#d0f9df!important;color:#075f2d!important;border:1px solid #35b568!important;border-radius:5px;padding:4px 8px!important;font-size:12px;font-weight:700;box-shadow:0 0 9px rgba(34,197,94,.3)}
.sheet-part.ordered-part-row{border:1px solid var(--ordered-line)!important;border-left-width:3px!important;border-radius:8px;padding:10px;background:var(--ordered-bg)!important;box-shadow:0 0 12px var(--ordered-glow)}
.part-order-badge{grid-column:1/-1}
html[data-theme=dark] .ordered-part-row{--ordered-bg:#153c2b;--ordered-text:#a7f3c4;--ordered-line:#42d77e;--ordered-glow:rgba(66,215,126,.28)}
html[data-theme=dark] .ordered-part-row .part-status,html[data-theme=dark] .part-order-badge{background:#165536!important;color:#b4ffd1!important;border-color:#42d77e!important;box-shadow:0 0 10px rgba(66,215,126,.32)}
@media(forced-colors:active){.ordered-part-row{outline:2px solid Highlight}.part-order-badge{border:2px solid Highlight!important}}

.order-parts-panel{padding:16px;margin:14px 0;border:1px solid var(--line,#cbd5e1);border-radius:10px;background:var(--panel,#fff)}.order-parts-panel[hidden]{display:none!important}.order-parts-panel .auto-search-heading{display:flex;justify-content:space-between;align-items:center}.order-parts-panel p{line-height:1.5}.order-test-mode{display:flex;gap:8px;align-items:center;margin:10px 0}.order-combined-total{display:flex;gap:16px;align-items:center;justify-content:space-between;border-block:1px solid var(--line,#cbd5e1);padding:12px}.order-combined-total strong{font-size:24px;color:#08743e}.order-parts-panel .auto-search-vendor-progress{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}.order-parts-panel .auto-search-vendor-state{border:1px solid var(--line,#cbd5e1);padding:12px;border-radius:8px}.order-parts-panel small{display:block}.order-parts-panel .auto-search-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}html[data-theme=dark] .order-parts-panel{background:#152332;border-color:#3f566d;color:#e1ebf5}html[data-theme=dark] .order-combined-total strong{color:#9bf3bc}@media(max-width:600px){.order-parts-panel .auto-search-actions button{width:100%;min-height:44px}.order-parts-panel .auto-search-vendor-progress{grid-template-columns:minmax(0,1fr)}}
/* Compact comparison rows: keep essential facts and actions visible. */
dialog.job-editor-modal .auto-search-results .auto-search-offers :is(th,td){padding:10px 9px;font-size:13px;line-height:1.4}
dialog.job-editor-modal .auto-search-results .auto-search-offers th:first-child{width:32%}
dialog.job-editor-modal .auto-search-results .auto-search-offers th:nth-child(2){width:22%}
dialog.job-editor-modal .auto-search-results .auto-search-offers th:nth-child(3){width:18%}
dialog.job-editor-modal .auto-search-results .auto-search-offers th:nth-child(4){width:16%}
dialog.job-editor-modal .auto-search-results .auto-search-offers th:nth-child(5){width:12%}
.auto-search-offers small{font-size:12px;line-height:1.4;margin-top:3px;color:var(--search-muted)}
.auto-search-offers .search-offer-part>strong{font-size:14px;line-height:1.4;display:block}
.auto-search-offers .search-offer-price>strong{font-size:16px;font-variant-numeric:tabular-nums;display:inline-block}
.auto-search-offers .search-offer-source{font-weight:600;color:var(--search-text)}
.auto-search-offers .search-offer-tier{display:inline-block;margin:0 0 0 6px;font-size:10px;font-weight:650;border:1px solid var(--search-line);border-radius:4px;padding:2px 5px;color:var(--search-text);background:var(--search-head)}
dialog.job-editor-modal .auto-search-results .auto-search-offers .search-offer-action{vertical-align:middle}
dialog.job-editor-modal .auto-search-results .auto-search-offers button{min-height:44px;padding:8px 10px;line-height:1.3;font-weight:650;background:#0969c8;border:1px solid #0969c8;color:#fff}
dialog.job-editor-modal .auto-search-results .auto-search-offers button:hover{background:#0755a3}
dialog.job-editor-modal .auto-search-results .auto-search-offers button:focus-visible{outline:3px solid #63adff;outline-offset:2px}
dialog.job-editor-modal .auto-search-results .auto-search-offers button:disabled{background:var(--search-head);color:var(--search-muted);border-color:var(--search-line);opacity:1;cursor:not-allowed}
html[data-theme=dark] dialog.job-editor-modal .auto-search-results .auto-search-offers button:not(:disabled){background:#237de0;border-color:#75b9ff;color:#fff}
@media(max-width:1000px){
 dialog.job-editor-modal .auto-search-results .auto-search-offers,dialog.job-editor-modal .auto-search-results .auto-search-offers tbody{display:block}
 dialog.job-editor-modal .auto-search-results .auto-search-offers thead{display:none}
 dialog.job-editor-modal .auto-search-results .auto-search-offers tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 12px;padding:11px;margin:8px 0;border:1px solid var(--search-line);border-radius:6px}
 dialog.job-editor-modal .auto-search-results .auto-search-offers td{display:block;width:auto;border:0}
 dialog.job-editor-modal .auto-search-results .auto-search-offers td{padding:0;font-size:13px;line-height:1.4}
 dialog.job-editor-modal .auto-search-results .auto-search-offers td::before{display:block;font-size:11px;line-height:1.4;font-weight:650;color:var(--search-muted);margin-bottom:3px;content:none}
 dialog.job-editor-modal .auto-search-results .auto-search-offers .search-offer-part{grid-column:1/-1;padding-bottom:8px;border-bottom:1px solid var(--search-line)}
 dialog.job-editor-modal .auto-search-results .auto-search-offers .search-offer-price{grid-column:1;grid-row:2}
 dialog.job-editor-modal .auto-search-results .auto-search-offers .search-offer-stock{grid-column:2;grid-row:2}
 dialog.job-editor-modal .auto-search-results .auto-search-offers .search-offer-delivery{grid-column:1;grid-row:3}
 dialog.job-editor-modal .auto-search-results .auto-search-offers .search-offer-action{grid-column:2;grid-row:3;align-self:end}
 dialog.job-editor-modal .auto-search-results .auto-search-offers .search-offer-stock::before{content:'Stock / condition'}
 dialog.job-editor-modal .auto-search-results .auto-search-offers .search-offer-price::before{content:'Price / total'}
 dialog.job-editor-modal .auto-search-results .auto-search-offers .search-offer-delivery::before{content:'Delivery'}
 dialog.job-editor-modal .auto-search-results .auto-search-offers button{width:100%;min-height:44px}
 .auto-search-offers .search-offer-tier{margin:3px 0 0 5px}
}

.auto-search-part-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0;min-width:0}
.auto-search-part-tabs[hidden],.auto-search-actions [hidden]{display:none!important}
.auto-search-part-tabs button{flex:1 1 150px;min-width:0;max-width:100%;min-height:44px;padding:8px 10px;text-align:left;white-space:normal;border:1px solid var(--search-line);border-radius:6px;background:var(--search-bg);color:var(--search-text)}
.auto-search-part-tabs button[aria-selected=true]{border-color:#237de0;box-shadow:inset 0 -3px #237de0;background:var(--search-head)}
.auto-search-part-tabs strong{display:block;font-size:12px;overflow-wrap:anywhere}.auto-search-part-tabs small{display:block;font-size:11px;color:var(--search-muted);margin-top:3px}
.auto-search-panel .auto-search-primary>.auto-search-actions{flex-wrap:wrap;max-width:310px}
@media(max-width:700px){.auto-search-panel .auto-search-primary>.auto-search-actions{max-width:none}.auto-search-part-tabs button{flex-basis:calc(50% - 6px)}}

.order-parts-panel .order-test-mode{justify-content:flex-start;gap:9px}.order-parts-panel .order-test-mode input{width:18px;height:18px;min-width:18px;flex:0 0 18px;margin:0;accent-color:#16834d}.order-parts-panel .auto-search-vendor-state>div{display:flex;gap:10px;align-items:center;justify-content:space-between}.order-parts-panel .auto-search-state{padding:2px 7px;border:1px solid var(--line,#a3b2c3);border-radius:5px;font-size:12px;line-height:1.5}.order-parts-panel .auto-search-state[data-state=ready]{background:#e1f5e8;color:#155e35;border-color:#7fbd93}html[data-theme=dark] .order-parts-panel .auto-search-state[data-state=ready]{background:#184c32;color:#c0ffd6;border-color:#4a9e6b}

html[data-theme=dark] :is(.order-parts-panel button,[data-order-parts]){background:#203e55;color:#edf6ff;border:1px solid #6b8ca5}html[data-theme=dark] .order-parts-panel button.primary{background:#16643c;color:#e0ffec;border-color:#5ed793}html[data-theme=dark] .order-parts-panel button:disabled{background:#253442;color:#a9bccb;border-color:#475d70;opacity:1}

/* Part name hints remain inside the search field width in both themes. */
.part-name-search-field{position:relative;min-width:0}.part-name-suggestions{position:absolute;top:100%;left:0;right:0;z-index:12;max-height:260px;overflow-y:auto;border:1px solid var(--search-line,#94a3b8);border-radius:6px;background:var(--search-bg,#fff);box-shadow:0 8px 20px #0003;padding:4px;display:grid;gap:2px}.part-name-suggestions[hidden]{display:none!important}.part-name-suggestions button{width:100%;min-height:40px;border:0;border-radius:4px;background:transparent;color:var(--search-text,#17334b);padding:9px 10px;text-align:left;white-space:normal;overflow-wrap:anywhere;font-size:14px;font-weight:600}.part-name-suggestions button:hover,.part-name-suggestions button[aria-selected=true]{background:var(--search-head,#e6eff8);outline:2px solid #388de0;outline-offset:-2px}@media(max-width:700px){.part-name-suggestions{max-height:220px}.part-name-suggestions button{min-height:44px}}

/* Reuse search hints in every Edit Job part-name field, including redraws. */
.job-sheet .sheet-part-fields .part-name-search-field{--search-bg:#fff;--search-text:#193449;--search-line:#94a3b8;--search-head:#e6eff8;align-self:start;min-width:0}.sheet-part-fields .part-name-search-field>input{width:100%;box-sizing:border-box}html[data-theme=dark] .job-sheet .sheet-part-fields .part-name-search-field{--search-bg:var(--dark-panel,#152131);--search-text:var(--dark-text,#f1f5fc);--search-line:var(--dark-border,#40536b);--search-head:var(--dark-raised,#1e2d40)}

/* Center the bottom Add Job action independently of the side groups. */
.reference-ro-layout .ro-totalbar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center}.reference-ro-layout .ro-totalbar .ro-add-job{grid-column:2;grid-row:1;justify-self:center;min-width:112px;min-height:44px;white-space:nowrap}.reference-ro-layout .ro-totalbar .ro-total-metrics{grid-column:1;grid-row:1;display:flex;flex-wrap:wrap;overflow:visible;min-width:0}.reference-ro-layout .ro-totalbar .ro-total-actions{grid-column:3;grid-row:1;justify-self:end;min-width:0;max-width:100%}@media(max-width:760px){.reference-ro-layout .ro-totalbar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);row-gap:6px!important}.reference-ro-layout .ro-totalbar .ro-total-metrics{display:none}.reference-ro-layout .ro-totalbar .ro-total-actions{grid-column:1/-1;grid-row:2;justify-self:stretch;justify-content:space-between;border-left:0;margin:0;padding:0!important}.reference-ro-layout .ro-totalbar .ro-total-actions>button{min-height:40px!important}body:has(.reference-ro-layout) #app{padding-bottom:132px!important}}

/* Keep the compact bottom actions as legible as the larger Add New Job action. */
.reference-ro-layout .ro-totalbar .ro-add-job,
.reference-ro-layout .ro-totalbar .ro-total-actions>button.primary:not(:disabled){font-family:inherit!important;font-size:15px!important;font-weight:750!important;line-height:1.25!important;letter-spacing:.01em;color:#fff!important;text-shadow:0 1px 1px rgba(0,0,0,.2)}
html[data-theme=dark] .reference-ro-layout .ro-totalbar .ro-add-job,
html[data-theme=dark] .reference-ro-layout .ro-totalbar .ro-total-actions>button.primary:not(:disabled){color:#fff!important}

.reference-ro-layout .ro-main .build-toolbar.canned-search-only{grid-template-columns:minmax(0,1fr)!important}.reference-ro-layout .build-toolbar.canned-search-only #canned-search{flex:1;width:100%;max-width:100%;box-sizing:border-box}

.canned-kind-tabs{display:flex;flex-direction:row;gap:8px;flex-wrap:wrap;margin:0 0 16px}.canned-kind-tabs button{min-height:44px;width:auto;flex:0 1 auto}
@media(max-width:600px){.canned-kind-tabs button{flex:1;white-space:normal}}

#app .canned-kind-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,180px));gap:8px}#app .canned-kind-tabs button{width:100%!important;min-width:0;text-align:center}@media(max-width:600px){#app .canned-kind-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Persistent progress in the comparison panel, without blocking partial results. */
.auto-search-panel .auto-search-loading{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:12px;padding:12px 14px;margin:10px 0;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text)}
.auto-search-panel .auto-search-loading[hidden]{display:none!important}.auto-search-panel .auto-search-loading strong{display:block;font-size:14px}.auto-search-panel .auto-search-loading small{display:block;margin-top:3px;color:var(--muted);font-size:12px}
.auto-search-spinner{display:inline-block;width:24px;height:24px;flex:0 0 24px;border:3px solid #288ce038;border-top-color:#288ce0;border-radius:50%;animation:auto-search-spin .8s linear infinite}
html[data-theme=dark] .auto-search-spinner{border-color:#78bcff35;border-top-color:#78bcff}@keyframes auto-search-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.auto-search-spinner{animation:none}}

.auto-search-panel .search-delivery{font-weight:750}.auto-search-panel .search-delivery-green{color:#15713b}.auto-search-panel .search-delivery-orange{color:#a84d00}.auto-search-panel .search-delivery-red{color:#ba2533}html[data-theme=dark] .auto-search-panel .search-delivery-green{color:#83e6a8}html[data-theme=dark] .auto-search-panel .search-delivery-orange{color:#ffbc70}html[data-theme=dark] .auto-search-panel .search-delivery-red{color:#ff9aab}

.auto-search-cache-info{font-size:12px;line-height:1.4;margin:6px 0 10px}

.auto-search-offers .search-offer-tier[data-price-tier="Budget"]{background:#e5edf5!important;color:#17283b!important;border-color:#a5b6ca!important;font-weight:750}.auto-search-offers .search-offer-tier[data-price-tier="Medium"]{background:#ff9d32!important;color:#3b1a00!important;border-color:#d66b00!important;font-weight:750}.auto-search-offers .search-offer-tier[data-price-tier="Premium"]{background:#ffdb4d!important;color:#352500!important;border-color:#d6a600!important;font-weight:750}
/* Dense RO job cards: preserve values and touch targets without oversized rows. */
.reference-ro-layout .ro-main .organized-job .organized-job-header{padding:8px 12px!important;gap:10px!important}
.reference-ro-layout .organized-job .job-heading-group{gap:8px;min-width:0}
.reference-ro-layout .organized-job .job-heading-copy h3{font-size:16px!important;line-height:1.3!important}
.reference-ro-layout .organized-job .job-approval-text{font-size:12px!important;line-height:1.3;margin-top:2px}
.reference-ro-layout .organized-job .job-approval-mark{width:30px;height:30px;flex-basis:30px}
.reference-ro-layout .organized-job .job-approval-mark .ui-icon{width:17px;height:17px}
.reference-ro-layout .ro-main .organized-job .job-lines th{padding:5px 10px!important;font-size:11px!important}
.reference-ro-layout .ro-main .organized-job .job-lines td{padding:7px 10px!important;vertical-align:middle!important;line-height:1.35!important}
.reference-ro-layout .organized-job .part-description-copy{display:flex;align-items:center;flex-wrap:wrap;gap:3px 12px}
.reference-ro-layout .organized-job .part-description-copy>strong{flex-basis:100%;font-size:14px;line-height:1.35}
.reference-ro-layout .organized-job .part-description-copy>small{display:inline;font-size:12px;margin:0;overflow-wrap:anywhere}
.reference-ro-layout .organized-job .part-metadata{margin:0;gap:6px;font-size:12px}
.reference-ro-layout .organized-job .part-metadata .part-vendor{font-size:12px;gap:4px}
.reference-ro-layout .organized-job .part-metadata .ui-icon{width:13px;height:13px}
.reference-ro-layout .organized-job .organized-part{gap:8px}
.reference-ro-layout .organized-job .organized-part>.job-icon{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;padding:5px!important;border-radius:6px;font-size:19px;flex:none}
.reference-ro-layout .organized-job .job-line-description{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:3px 12px}
.reference-ro-layout .organized-job .job-line-description>small{font-size:12px}
.reference-ro-layout .ro-main .organized-job .job-footer{gap:0!important;padding:0!important}
.reference-ro-layout .organized-job .job-footer>.job-footer-actions{padding:8px 12px!important;gap:8px!important;border-bottom:0}
.reference-ro-layout .organized-job .job-footer-actions button{min-height:34px!important;padding:6px 12px!important;font-size:13px!important;border-radius:6px;margin-left:0!important;min-width:90px}
.reference-ro-layout .organized-job :is(.job-tax,.job-final){padding:7px 12px!important;min-width:108px;gap:2px}
.reference-ro-layout .organized-job .job-tax label{font-size:12px!important;gap:6px}
.reference-ro-layout .organized-job .job-tax small{font-size:12px!important}
.reference-ro-layout .organized-job .job-final{font-size:10px!important;letter-spacing:.04em}
.reference-ro-layout .organized-job .job-final strong{font-size:18px!important;letter-spacing:0;margin-top:0!important}
@media(min-width:701px){
 .reference-ro-layout .ro-main .organized-job-header{flex-direction:row!important;align-items:center!important}
 .reference-ro-layout .ro-main .organized-job .job-header-actions{width:auto!important;padding:0;flex-wrap:nowrap}
 .reference-ro-layout .ro-main .organized-job .job-footer-actions{flex-basis:auto}
}
@media(max-width:700px){
 .reference-ro-layout .ro-main .organized-job .job-lines tr{padding:8px 10px;gap:4px 12px}
 .reference-ro-layout .ro-main .organized-job .job-lines td{padding:3px 0!important;font-size:15px!important}
 .reference-ro-layout .ro-main .organized-job .job-lines td:first-child{padding-bottom:5px!important}
 .reference-ro-layout .ro-main .organized-job .mobile-job-table-title{padding:5px 10px}
 .reference-ro-layout .ro-main .organized-job .organized-part>.job-icon{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}
 .reference-ro-layout .ro-main .organized-job .job-footer>.job-footer-actions{padding:6px 10px!important;border-bottom:1px solid #cbd7e2}
 .reference-ro-layout .ro-main .organized-job .job-footer-actions button{min-height:44px!important}
 .reference-ro-layout .ro-main .organized-job :is(.job-tax,.job-final){min-width:0;padding:7px 10px!important}
 .reference-ro-layout .ro-main .organized-job .job-final{flex-direction:row;align-items:center;justify-content:space-between}
}

/* Compact, labeled toolbar for the vehicle and customer detail groups. */
:root:root:root .reference-ro-layout .ro-sidebar>.sidebar-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:0;margin:0 8px 6px;padding:6px 10px;border-bottom:1px solid var(--ro-side-line);background:transparent}
:root:root:root .reference-ro-layout .ro-sidebar .sidebar-controls-label{color:var(--ro-side-muted,var(--ro-side-text));font-size:10px;font-weight:750;letter-spacing:.09em;line-height:1.2}
:root:root:root .reference-ro-layout .ro-sidebar .sidebar-controls button{display:inline-flex;align-items:center;justify-content:center;min-height:34px!important;padding:5px 10px!important;margin:0;border:1px solid var(--ro-side-line)!important;border-radius:6px!important;background:var(--ro-side-raised,var(--ro-side-panel))!important;color:var(--ro-side-text)!important;font-size:12px!important;font-weight:650;line-height:1.2;box-shadow:none;transition:background .15s ease,border-color .15s ease}
:root:root:root .reference-ro-layout .ro-sidebar .sidebar-controls button:hover{background:var(--ro-side-hover)!important;border-color:var(--ro-side-link)!important}
:root:root:root .reference-ro-layout .ro-sidebar .sidebar-controls button:focus-visible{outline:2px solid var(--ro-side-link);outline-offset:2px}
@media(max-width:700px){
 :root:root:root .reference-ro-layout .ro-sidebar>.sidebar-controls{margin:0 4px 6px;padding:5px 8px}
 :root:root:root .reference-ro-layout .ro-sidebar .sidebar-controls button{min-height:40px!important;padding:7px 11px!important;font-size:12px!important}
}

/* The vendor chooser has its own compact layout instead of the job sheet. */
#modal.vendor-picker-modal{width:min(720px,calc(100vw - 24px))!important;max-width:720px!important;height:fit-content!important;min-height:0!important;max-height:90dvh!important;padding:0!important;border-radius:12px}
#modal.vendor-picker-modal #form{display:flex;flex-direction:column;margin:0;min-height:0;height:auto;max-height:88dvh;overflow:hidden}
#modal.vendor-picker-modal #form>h2{flex:none;padding:14px 16px;margin:0;font-size:20px;line-height:1.3;border-bottom:1px solid #cbd7e2}
#modal.vendor-picker-modal .vendor-picker-content{display:flex;flex-direction:column;gap:10px;min-height:0;overflow:auto;padding:12px 14px}
#modal.vendor-picker-modal .vendor-picker-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px}
#modal.vendor-picker-modal .vendor-picker-toolbar label{display:flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap}
#modal.vendor-picker-modal .vendor-picker-toolbar select{width:160px;min-height:34px;height:34px;padding:5px 8px;font-size:12px}
#modal.vendor-picker-modal .vendor-picker-toolbar small{margin:0;font-size:11px;line-height:1.4}
#modal.vendor-picker-modal [data-vendor-feedback]{font-size:12px;line-height:1.4}
#modal.vendor-picker-modal [data-vendor-feedback]:empty{display:none}
#modal.vendor-picker-modal .vendor-job-picker{display:grid;gap:6px}
#modal.vendor-picker-modal .vendor-picker-row{display:flex;align-items:center;gap:10px;padding:9px 10px;margin:0;min-height:58px;border-radius:8px;overflow:visible}
#modal.vendor-picker-modal .vendor-picker-details{flex:1;min-width:0}
#modal.vendor-picker-modal .vendor-identity{display:flex;gap:10px;min-width:0}
#modal.vendor-picker-modal .vendor-identity>span:last-child{min-width:0}
#modal.vendor-picker-modal .vendor-identity strong{display:block;font-size:14px;line-height:1.3;overflow-wrap:anywhere}
#modal.vendor-picker-modal .vendor-identity small{margin:3px 0 0;font-size:11px;line-height:1.3}
#modal.vendor-picker-modal .vendor-brand{width:72px;height:30px;flex:0 0 72px;padding:4px;border-radius:5px}
#modal.vendor-picker-modal .vendor-brand.vendor-initials{width:72px;flex-basis:72px;font-size:12px}
#modal.vendor-picker-modal .vendor-picker-open{flex:none;min-width:104px;min-height:34px;padding:6px 10px;font-size:12px;line-height:1.3;border-radius:6px}
#modal.vendor-picker-modal .vendor-picker-reorder{display:flex;gap:4px;flex:none}
#modal.vendor-picker-modal .vendor-picker-reorder button{width:32px;min-width:32px;height:34px;min-height:34px;padding:4px;font-size:14px;line-height:1;border-radius:6px}
#modal.vendor-picker-modal .vendor-picker-help{font-size:11px;line-height:1.4;margin:0}
#modal.vendor-picker-modal #form>.actions{flex:none;position:static;display:flex;justify-content:flex-end;min-height:0;padding:10px 14px;margin:0;border-top:1px solid #cbd7e2;box-shadow:none}
#modal.vendor-picker-modal #form>.actions button{min-height:36px;min-width:104px;padding:7px 12px;font-size:12px;border-radius:6px}
@media(max-width:560px){
 #modal.vendor-picker-modal .vendor-picker-toolbar{align-items:flex-start;flex-wrap:wrap;gap:5px}
 #modal.vendor-picker-modal .vendor-picker-toolbar select{min-height:40px;height:40px;font-size:14px}
 #modal.vendor-picker-modal .vendor-picker-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:9px}
 #modal.vendor-picker-modal .vendor-picker-details{grid-column:1/-1}
 #modal.vendor-picker-modal .vendor-picker-open{justify-self:start;min-height:40px;font-size:13px}
 #modal.vendor-picker-modal .vendor-picker-reorder button{width:40px;min-width:40px;height:40px}
 #modal.vendor-picker-modal #form>.actions button{min-height:40px;font-size:13px}
}

/* Automatically refreshed Google listing data. */
.gbp-live-panel{min-width:0;max-width:100%}.gbp-live-panel .gbp-live-section{min-width:0;margin-top:18px;padding-top:12px;border-top:1px solid var(--line,#cbd5e1)}.gbp-live-panel .gbp-live-section h4{margin:0 0 8px}.gbp-live-panel .inventory-activity{display:block;min-width:0;padding:10px 0;border-bottom:1px solid var(--line,#cbd5e1)}.gbp-live-panel p,.gbp-live-panel small{overflow-wrap:anywhere}.gbp-live-panel .mkt-stars{display:block}.gbp-live-panel .gbp-hours{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.gbp-live-panel .gbp-live-note{font-size:12px}.gbp-live-panel .mkt-metrics{margin-block:10px}.gbp-live-panel .mkt-stat{min-width:0}.gbp-live-panel summary{cursor:pointer;font-weight:650;min-height:36px;line-height:1.4}.gbp-live-panel>.mkt-section-heading{flex-wrap:wrap;gap:8px}@media(max-width:700px){.gbp-live-panel .mkt-grid{grid-template-columns:minmax(0,1fr)}.gbp-live-panel .mkt-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.gbp-live-panel .gbp-live-section{margin-top:12px}.gbp-live-panel summary,.gbp-live-panel button{min-height:44px}}
.gads-console{min-width:0}.gads-toolbar{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:12px 0}.gads-toolbar>.field{flex:1 1 220px;min-width:0;margin:0}.gads-toolbar .mkt-row-actions{flex:2 1 300px;min-width:0}.gads-records{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:12px}.gads-record{min-width:0;border:1px solid var(--border,#8da5be55);border-radius:10px;padding:14px;background:var(--panel)}.gads-record small{display:block}.gads-record .mkt-row-actions{margin-top:12px}.gads-values{margin:10px 0;display:grid;gap:7px}.gads-values>div{display:grid;grid-template-columns:minmax(100px,.9fr) minmax(0,1.1fr);gap:10px;border-bottom:1px solid #8da5be22;padding-bottom:6px}.gads-values dt{font-size:.8rem;opacity:.8}.gads-values dd{margin:0;font-size:.9rem;font-weight:600;overflow-wrap:anywhere}.gads-record details{padding-top:8px}.gads-account{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid #8da5be33}.gads-message{overflow-wrap:anywhere}.gads-console select,.gads-console input{max-width:100%;min-width:0}.gads-console .mkt-row-actions button{white-space:normal;min-height:42px}.gads-console .mkt-row-actions{flex-wrap:wrap}.gads-console>details{margin-top:14px}@media(max-width:600px){.gads-records{grid-template-columns:minmax(0,1fr)}.gads-toolbar>.field{flex-basis:100%}.gads-toolbar .mkt-row-actions{flex-basis:100%}.gads-toolbar .mkt-row-actions>button{flex:1 1 140px}.gads-values>div{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.gads-record{padding:12px}.gads-account>.mkt-row-actions{width:100%}}

/* Compact repair order workspace. Scoped to preserve other screens and dialogs. */
.ro-compact{--ro-compact-line:#cbd7e2;--ro-compact-muted:#53697e;--ro-compact-surface:#fff;--ro-compact-soft:#f3f6fa;--ro-compact-text:#19324b}
html[data-theme=dark] .ro-compact{--ro-compact-line:#34495f;--ro-compact-muted:#aabdd0;--ro-compact-surface:#152232;--ro-compact-soft:#1d2e41;--ro-compact-text:#edf3fa}
body:has(.ro-compact) #app{padding-right:0!important}
.reference-ro-layout.ro-compact .reference-ro-header{position:relative;inset:auto;padding:12px 18px 0!important;min-height:0}
.reference-ro-layout.ro-compact .reference-ro-title{gap:10px;align-items:center;min-height:0;padding:0;margin:0}
.ro-compact .ro-identity{flex:1;min-width:0}
.ro-compact .ro-identity h1{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;font-size:18px!important;line-height:1.25!important;margin:0!important}
.ro-compact .ro-number{font-size:13px;color:var(--ro-compact-muted);font-weight:650}
.ro-compact .ro-vehicle-line{display:flex;flex-wrap:wrap;gap:5px 12px;margin:4px 0 0;font-size:13px;line-height:1.35;color:var(--ro-compact-muted)}
.ro-compact .ro-vehicle-line>span{padding-left:12px;border-left:1px solid var(--ro-compact-line)}
.reference-ro-layout.ro-compact .reference-ro-title :is(.reference-back,.ro-arrival-menu>summary){min-width:34px!important;width:34px;height:34px;min-height:34px!important;padding:6px!important;border-radius:7px!important}
.reference-ro-layout.ro-compact .ro-status-stack{margin-left:auto;min-width:0}
.reference-ro-layout.ro-compact .reference-ro-title .ro-status-button{min-height:32px!important;padding:6px 10px!important;font-size:12px!important}
.ro-compact .ro-mileage-inline{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;margin:8px 0 0;padding:0;font-size:12px;color:var(--ro-compact-muted);min-height:32px}
.ro-compact .ro-mileage-caption{font-weight:650}
.ro-compact .ro-mileage-value{display:inline-flex;gap:6px;align-items:center}
.ro-compact .ro-mileage-value strong{font-size:12px;color:var(--ro-compact-text);font-weight:650}
.ro-compact .ro-mileage-value.is-missing strong,.ro-compact .ro-mileage-alert{color:#966000}
html[data-theme=dark] .ro-compact .ro-mileage-value.is-missing strong,html[data-theme=dark] .ro-compact .ro-mileage-alert{color:#f2c46d}
.ro-compact .ro-mileage-alert{font-size:11px;padding:3px 7px;border-radius:4px;background:#bd851413}
.ro-compact .ro-mileage-inline .ro-mileage-edit{min-height:30px!important;padding:4px 8px!important;font-size:12px!important;background:transparent!important;color:var(--ro-compact-muted)!important;border-color:var(--ro-compact-line)!important;box-shadow:none!important}
.reference-ro-layout.ro-compact .reference-ro-nav{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:6px!important;padding:8px 0!important}
.reference-ro-layout.ro-compact .reference-ro-nav>.tabs{display:flex!important;flex:1 1 490px!important;width:auto!important;overflow-x:auto!important;flex-wrap:nowrap!important;gap:2px!important;padding:2px!important;min-width:0;border-radius:7px!important}
.reference-ro-layout.ro-compact .reference-ro-nav>.tabs button{flex:0 0 auto!important;min-width:0!important;width:auto!important;min-height:34px!important;height:34px;padding:6px 10px!important;font-size:12px!important;white-space:nowrap!important}
.reference-ro-layout.ro-compact .reference-tools{display:flex!important;align-items:center;flex:0 0 auto;width:auto!important;gap:5px!important;margin:0!important;padding:0!important;flex-wrap:nowrap!important}
.reference-ro-layout.ro-compact .reference-tools>button,.reference-ro-layout.ro-compact .reference-tools>.ro-share-menu>summary{width:auto!important;min-height:34px!important;height:34px;min-width:0!important;padding:6px 9px!important;font-size:12px!important;line-height:1.2!important;border-radius:6px!important;white-space:nowrap!important}
.reference-ro-layout.ro-compact .reference-tools .ui-icon{width:15px!important;height:15px!important;min-width:15px!important}
.reference-ro-layout.ro-compact .reference-tools>details>div[role=menu]{left:auto!important;right:0!important;min-width:210px}
.reference-ro-layout.ro-compact .ro-workspace{display:grid!important;grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:14px;padding:12px 18px 96px!important}
.reference-ro-layout.ro-compact .ro-main{order:0!important;min-width:0;width:100%}
.reference-ro-layout.ro-compact .ro-details-shell{position:sticky!important;top:12px!important;inset-inline:auto!important;bottom:auto!important;width:100%!important;max-height:calc(100dvh - 110px);height:auto!important;order:0!important;padding:0!important;margin:0!important;border:1px solid var(--ro-compact-line);border-radius:8px;background:var(--ro-compact-surface)!important;z-index:4;overflow:auto}
.reference-ro-layout.ro-compact .ro-details-shell>summary{min-height:36px!important;padding:9px 10px!important;font-size:12px!important;border:0!important;background:var(--ro-compact-soft)!important;color:var(--ro-compact-text)!important;border-radius:7px;line-height:1.4}
.reference-ro-layout.ro-compact .ro-details-shell[open] .ro-sidebar{height:auto!important;max-height:none!important;overflow:visible!important;margin:0!important;padding:4px!important}
.ro-compact .side-secondary{margin:0 8px 8px;border-top:1px solid var(--ro-compact-line)}
.ro-compact .side-secondary>summary{padding:8px 2px;font-size:11px;font-weight:650;color:var(--ro-compact-muted);cursor:pointer}
.ro-compact .side-secondary .side-card{margin-left:0;margin-right:0}
.ro-compact .ro-build-tools{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin-bottom:10px;padding:8px 10px;border:1px solid var(--ro-compact-line);border-radius:8px;background:var(--ro-compact-surface)}
.reference-ro-layout.ro-compact .ro-build-tools .build-toolbar{flex:1 1 180px!important;min-width:0;width:auto!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.reference-ro-layout.ro-compact .ro-build-tools #canned-search{min-width:0!important;width:100%!important;max-width:none!important;min-height:34px!important;height:34px!important;padding:6px 9px!important;font-size:12px!important;border-radius:6px!important}
.reference-ro-layout.ro-compact .ro-build-tools .favorite-jobs{display:flex;align-items:center;flex:2 1 380px;min-width:0;gap:6px;padding:0!important;margin:0!important;flex-wrap:wrap}
.ro-compact .ro-build-tools .favorite-jobs>strong{display:none}
.ro-compact .favorite-job-shortcuts{display:flex;gap:5px;min-width:0;flex:1;flex-wrap:wrap}
.reference-ro-layout.ro-compact .ro-build-tools .favorite-jobs button{min-height:32px!important;max-width:100%;padding:5px 8px!important;font-size:11px!important;line-height:1.3!important;border-radius:5px!important}
.reference-ro-layout.ro-compact .issues-panel{margin:0 0 10px!important;border-radius:8px!important}
.reference-ro-layout.ro-compact .issues-panel .issues-top{padding:5px 8px!important;gap:5px!important;border-radius:7px 7px 0 0!important}
.reference-ro-layout.ro-compact .issues-top .tabs{display:flex!important;gap:2px!important;overflow-x:auto;flex-wrap:nowrap!important}
.reference-ro-layout.ro-compact .issues-top .tabs button,.reference-ro-layout.ro-compact .issues-top>button{min-height:30px!important;padding:5px 8px!important;font-size:11px!important;white-space:nowrap;border-radius:5px!important}
.ro-compact .concern-empty{border-top:1px solid var(--ro-compact-line)}
.ro-compact .concern-empty>summary{display:flex;align-items:center;gap:7px;list-style:none;padding:8px 10px;font-size:12px;font-weight:600;cursor:pointer;color:var(--ro-compact-muted)}
.ro-compact .concern-empty>summary::-webkit-details-marker{display:none}
.ro-compact .concern-empty-hint{margin-left:auto;font-size:11px;font-weight:400}
.ro-compact .concern-empty-hint::after{content:' +';font-size:14px}
.ro-compact .concern-empty[open] .concern-empty-hint::after{content:' −'}
.ro-compact .concern-empty .count{font-size:10px;padding:1px 5px}
.reference-ro-layout.ro-compact .issues-actions{padding:6px 10px!important}
.reference-ro-layout.ro-compact .issues-actions button{min-height:32px!important;padding:5px 9px!important;font-size:12px!important}
.reference-ro-layout.ro-compact .organized-jobs-toolbar{margin:8px 0!important;gap:8px}
.reference-ro-layout.ro-compact .organized-jobs-toolbar h2{font-size:16px!important}
.reference-ro-layout.ro-compact .organized-jobs-toolbar button{min-height:32px!important;padding:5px 9px!important;font-size:11px!important;border-radius:6px!important}
.reference-ro-layout.ro-compact .organized-jobs-toolbar [data-action=reassignAll].missing-input{background:var(--ro-compact-soft)!important;color:var(--ro-compact-text)!important;border-color:var(--ro-compact-line)!important;box-shadow:none!important}
.reference-ro-layout.ro-compact .organized-job .organized-job-header{padding:8px 10px!important;gap:8px;align-items:center!important}
.reference-ro-layout.ro-compact .organized-job .job-heading-group{gap:8px;min-width:0;flex:1}
.reference-ro-layout.ro-compact .organized-job .job-heading-copy{min-width:0}
.reference-ro-layout.ro-compact .organized-job h3{font-size:14px!important;line-height:1.35}
.reference-ro-layout.ro-compact .organized-job .job-approval-text{font-size:11px!important;margin-top:2px!important}
.reference-ro-layout.ro-compact .organized-job .job-approval-mark{width:26px;height:26px;min-width:26px}
.reference-ro-layout.ro-compact .organized-job .job-header-actions{gap:5px!important;flex-wrap:nowrap!important;width:auto!important;align-items:center}
.ro-compact .job-header-total{font-size:15px;font-variant-numeric:tabular-nums;white-space:nowrap;margin-right:5px}
.reference-ro-layout.ro-compact .organized-job .job-header-actions button,.reference-ro-layout.ro-compact .organized-job .job-heading-group>.job-icon{min-height:32px!important;height:32px!important;min-width:32px!important;padding:5px 8px!important;border-radius:6px!important;font-size:12px!important}
.reference-ro-layout.ro-compact .organized-job .job-header-actions .job-edit-control{background:var(--ro-compact-soft)!important;color:var(--ro-compact-text)!important;border-color:var(--ro-compact-line)!important;box-shadow:none!important}
.reference-ro-layout.ro-compact .organized-job .job-lines :is(td,th){padding:7px 10px!important;line-height:1.4;font-size:12px!important}
.ro-compact .job-lines :is(td:not(:first-child),th:not(:first-child)){font-variant-numeric:tabular-nums;text-align:right}
.reference-ro-layout.ro-compact .organized-job .job-lines th{font-size:10px!important;padding-top:5px!important;padding-bottom:5px!important}
.reference-ro-layout.ro-compact .organized-job .part-description-copy>strong{font-size:12px!important;font-weight:650;line-height:1.4}
.ro-compact .part-identity{display:block;font-size:11px!important;color:var(--ro-compact-muted);margin:2px 0!important}
.ro-compact .part-extra-details{margin:3px 0 0;font-size:11px;color:var(--ro-compact-muted)}
.ro-compact .part-extra-details>summary{display:inline-flex;gap:4px;align-items:center;cursor:pointer;font-size:11px;list-style:none;color:var(--ro-compact-muted);text-decoration:underline;text-underline-offset:3px}
.ro-compact .part-extra-details>div{margin-top:5px;line-height:1.5;overflow-wrap:anywhere}
.ro-compact .part-extra-details>div>span{display:block;font-weight:650;font-size:10px}
.reference-ro-layout.ro-compact .organized-job .job-footer{padding:6px 10px!important;gap:10px}
.reference-ro-layout.ro-compact .organized-job .job-footer button{min-height:30px!important;padding:5px 8px!important;font-size:11px!important}
.reference-ro-layout.ro-compact .organized-job .job-tax{padding:0!important;font-size:11px!important}
.reference-ro-layout.ro-compact .organized-job .job-final{padding:0!important;font-size:9px!important}
.reference-ro-layout.ro-compact .organized-job .job-final strong{font-size:15px!important}
:root:root:root .ro-compact .organized-job .job-header-actions .job-edit-control,:root:root:root .ro-compact .organized-jobs-toolbar [data-action=reassignAll]{background:var(--ro-compact-soft)!important;color:var(--ro-compact-text)!important;border-color:var(--ro-compact-line)!important;box-shadow:none!important}
:root:root:root .ro-compact .organized-job .job-footer .job-tax{display:flex;align-items:center;gap:7px;border:0!important;min-height:30px;padding:0!important}
:root:root:root .ro-compact .organized-job .job-tax label{display:flex;align-items:center;gap:5px;font-size:11px!important;white-space:nowrap}
:root:root:root .ro-compact .organized-job .job-tax input[type=checkbox]{width:28px!important;min-width:28px!important;height:17px!important;min-height:17px!important}
:root:root:root .ro-compact .organized-job .job-tax input[type=checkbox]::before{width:13px!important;height:13px!important;top:1px;left:1px}
:root:root:root .ro-compact .organized-job .job-tax input[type=checkbox]:checked::before{transform:translateX(11px)}
:root:root:root .ro-compact .organized-job .job-tax small{font-size:10px!important;margin:0!important;color:var(--ro-compact-muted)}
.reference-ro-layout.ro-compact .ro-totalbar{right:0!important;min-height:64px;gap:12px!important;padding:10px 18px!important;border-top:1px solid var(--ro-compact-line);box-shadow:0 -3px 16px #0000000c;overflow:visible!important;background:var(--ro-compact-surface)!important;align-items:center;z-index:25}
.ro-compact .ro-total-overview{display:flex;align-items:center;gap:14px;flex:1;min-width:0}
.ro-compact .ro-total-overview>span{display:flex;flex-direction:column;gap:2px;color:var(--ro-compact-muted);font-size:10px!important}
.ro-compact .ro-total-overview b{font-size:13px!important;color:var(--ro-compact-text)}
.ro-compact .ro-breakdown{position:relative;margin:0}
.ro-compact .ro-breakdown>summary{display:flex;gap:6px;align-items:center;cursor:pointer;list-style:none;font-size:11px!important;padding:6px;color:var(--ro-compact-muted);min-height:32px}
.ro-compact .ro-breakdown>summary::-webkit-details-marker{display:none}
.ro-compact .ro-breakdown>.ro-breakdown-panel{position:absolute;top:auto!important;bottom:calc(100% + 16px);left:0;right:auto;min-width:240px;max-width:calc(100vw - 32px);padding:10px 12px;border:1px solid var(--ro-compact-line);border-radius:8px;background:var(--ro-compact-surface)!important;color:var(--ro-compact-text)!important;box-shadow:0 8px 32px #0003;z-index:30}
.ro-compact .ro-breakdown-panel>div{display:flex;justify-content:space-between;gap:24px;padding:6px 0;font-size:12px;border-bottom:1px solid var(--ro-compact-line)}
.ro-compact .ro-breakdown-panel>div:last-child{border:0}
.reference-ro-layout.ro-compact .ro-totalbar .ro-total-actions{gap:12px;padding-left:12px;margin:0;align-items:center}
.reference-ro-layout.ro-compact .ro-totalbar button{min-height:36px!important;height:36px;padding:7px 12px!important;font-size:12px!important;border-radius:7px!important}
.reference-ro-layout.ro-compact .ro-totalbar .ro-grand-total b{font-size:20px!important}
.reference-ro-layout.ro-compact .ro-totalbar .ro-grand-total{color:var(--ro-compact-muted)!important}
.reference-ro-layout.ro-compact .ro-totalbar .ro-grand-total b{color:var(--ro-compact-text)!important}
@media(max-width:1250px){
 .reference-ro-layout.ro-compact .ro-workspace{grid-template-columns:minmax(0,1fr)}
 .reference-ro-layout.ro-compact .ro-details-shell{position:relative!important;top:auto!important;max-height:none;order:-1!important}
 .reference-ro-layout.ro-compact .ro-details-shell[open] .ro-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 .ro-compact .ro-sidebar>.sidebar-controls{grid-column:1/-1}
 .reference-ro-layout.ro-compact .reference-ro-nav>.tabs{flex:1 1 450px!important}
}
@media(max-width:700px){
 .reference-ro-layout.ro-compact .reference-ro-header{padding:10px 10px 0!important}
 .reference-ro-layout.ro-compact .reference-ro-title{flex-wrap:wrap!important;gap:7px!important}
 .ro-compact .ro-identity{flex-basis:calc(100% - 90px)}
 .ro-compact .ro-identity h1{gap:4px 8px;font-size:16px!important}
 .reference-ro-layout.ro-compact .ro-status-stack{margin:0 0 0 41px!important}
 .ro-compact .ro-vehicle-line{font-size:12px}
 .reference-ro-layout.ro-compact .ro-mileage-inline{gap:6px 10px;margin-top:6px}
 .ro-compact .ro-mileage-alert{display:none}
 .reference-ro-layout.ro-compact .reference-ro-nav>.tabs{flex:1 1 100%!important;width:100%!important}
 .reference-ro-layout.ro-compact .reference-ro-nav>.tabs button{min-height:42px!important;height:42px!important;padding:6px 9px!important;font-size:12px!important}
 .reference-ro-layout.ro-compact .reference-tools{justify-content:flex-end;width:100%!important}
 .reference-ro-layout.ro-compact .reference-tools>button,.reference-ro-layout.ro-compact .reference-tools>details>summary{min-height:40px!important;height:40px!important;padding:7px 10px!important}
 .reference-ro-layout.ro-compact .ro-workspace{padding:8px 10px 150px!important;gap:8px}
 .reference-ro-layout.ro-compact .ro-details-shell[open] .ro-sidebar{display:block}
 .reference-ro-layout.ro-compact .ro-build-tools .favorite-jobs{flex-basis:100%}
 .reference-ro-layout.ro-compact .ro-build-tools .favorite-jobs button{min-height:40px!important}
 .reference-ro-layout.ro-compact .issues-top .tabs button,.reference-ro-layout.ro-compact .issues-top>button{min-height:40px!important}
 .reference-ro-layout.ro-compact .issues-top{flex-wrap:wrap!important}
 .ro-compact .concern-empty>summary{min-height:40px;box-sizing:border-box}
 .reference-ro-layout.ro-compact .organized-jobs-toolbar{flex-wrap:wrap}
 .reference-ro-layout.ro-compact .organized-jobs-toolbar button{min-height:40px!important}
 .reference-ro-layout.ro-compact .organized-job .organized-job-header{flex-wrap:wrap!important}
 .reference-ro-layout.ro-compact .organized-job .job-heading-group{flex-basis:100%}
 .reference-ro-layout.ro-compact .organized-job .job-header-actions{width:100%!important}
 .ro-compact .job-header-total{margin-right:auto}
 .reference-ro-layout.ro-compact .organized-job .job-header-actions button{min-height:40px!important;height:40px!important;min-width:40px!important}
 .reference-ro-layout.ro-compact .organized-job .job-lines td{font-size:13px!important;padding:3px 0!important}
 .reference-ro-layout.ro-compact .organized-job .job-lines td:first-child{text-align:left!important}
 .reference-ro-layout.ro-compact .organized-job .job-footer{padding:8px 10px!important}
 .reference-ro-layout.ro-compact .ro-totalbar{left:0!important;right:0!important;display:flex!important;flex-wrap:wrap!important;gap:7px!important;padding:8px 10px!important;box-sizing:border-box}
 .ro-compact .ro-total-overview{order:0;flex:1;gap:12px}
 .reference-ro-layout.ro-compact .ro-totalbar .ro-add-job{order:1}
 .reference-ro-layout.ro-compact .ro-totalbar .ro-total-actions{order:2;width:100%;padding:6px 0 0;border-left:0;border-top:1px solid var(--ro-compact-line);justify-content:space-between;gap:8px}
 .reference-ro-layout.ro-compact .ro-totalbar button{min-height:40px!important;height:40px!important}
 .reference-ro-layout.ro-compact .ro-totalbar .ro-grand-total b{font-size:18px!important}
 .ro-compact .ro-breakdown>.ro-breakdown-panel{left:auto;right:-30px;bottom:calc(100% + 10px)}
}


/* Compact Marketing workspace */
.marketing-workspace .mkt-workspace-header{margin:0 0 16px;gap:12px}
.marketing-workspace .mkt-workspace-header h1{font-size:25px;margin:3px 0}
.marketing-workspace .mkt-workspace-header p{font-size:12px}
.marketing-workspace .mkt-layout{grid-template-columns:180px minmax(0,1fr);gap:18px}
.marketing-workspace .mkt-navigation{border-radius:8px;padding:10px 6px}
.marketing-workspace .mkt-nav-group+.mkt-nav-group{margin-top:12px}
.marketing-workspace .mkt-page-heading{padding-bottom:12px;margin-bottom:14px}
.marketing-workspace .mkt-card{padding:14px;border-radius:8px;margin-bottom:12px}
.marketing-workspace .mkt-section-heading{gap:10px;align-items:center;margin:0 0 10px}
.marketing-workspace .mkt-section-heading h3{font-size:17px;margin:0}
.marketing-workspace .mkt-card p{font-size:13px;line-height:1.5;margin:6px 0 10px}
.marketing-workspace .mkt-row-actions{gap:7px;flex-wrap:wrap}
.marketing-workspace button{font-size:13px;min-height:38px;border-radius:7px}
.marketing-workspace .mkt-metrics{gap:8px;margin:10px 0;grid-template-columns:repeat(auto-fit,minmax(125px,1fr))}
.marketing-workspace .mkt-stat{padding:12px;border-radius:7px;min-width:0}
.marketing-workspace .mkt-stat strong{font-size:23px;line-height:1.3}
.marketing-workspace .mkt-stat small{font-size:12px;line-height:1.4}
.marketing-workspace .mkt-quick-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0}
.marketing-workspace .mkt-quick-actions>button{padding:12px;gap:8px;border-radius:8px}
.marketing-workspace .mkt-quick-actions small{display:none}
.marketing-workspace .mkt-quick-actions .mkt-icon{width:28px;height:28px;flex:none}
.marketing-workspace .gbp-live-section{margin-top:12px;padding-top:12px;min-width:0}
.marketing-workspace .gbp-live-section h4{margin:0 0 8px;font-size:14px}
.marketing-workspace .gbp-live-note{font-size:11px;color:var(--mkt-muted)}
.marketing-workspace .mkt-disclosure{border:1px solid var(--mkt-line);border-radius:7px;padding:0 12px;margin:10px 0;background:var(--mkt-surface)}
.marketing-workspace .mkt-disclosure>summary{cursor:pointer;padding:12px 0;min-height:20px;font-size:13px;font-weight:650;color:var(--mkt-accent);overflow-wrap:anywhere}
.marketing-workspace .mkt-disclosure[open]{padding-bottom:12px}
.marketing-workspace .mkt-workflow-summary{display:flex;align-items:center;justify-content:space-between;gap:12px}
.marketing-workspace .mkt-workflow-summary h3{margin:0;font-size:15px}
.marketing-workspace .gads-console{border-top:3px solid var(--mkt-accent)}
.marketing-workspace :is(.mkt-card,.mkt-grid,.mkt-metrics,.mkt-disclosure){min-width:0;max-width:100%;box-sizing:border-box}
.marketing-workspace :is(.gads-message,.mkt-error,code){overflow-wrap:anywhere}
@media(max-width:1100px){.marketing-workspace .mkt-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
.marketing-workspace .mkt-layout{display:block}
.marketing-workspace .mkt-workspace-header{display:flex;align-items:center}
.marketing-workspace .mkt-workspace-header>button{width:auto;min-height:44px;flex:none}
.marketing-workspace .mkt-workspace-header p{display:none}
.marketing-workspace .mkt-eyebrow{font-size:9px;letter-spacing:1px}
.marketing-workspace .mkt-card{padding:12px}
.marketing-workspace .mkt-section-heading{align-items:flex-start;flex-wrap:wrap}
.marketing-workspace .mkt-row-actions{display:flex}
.marketing-workspace .mkt-row-actions>button{flex:1 1 auto;min-height:44px}
.marketing-workspace .mkt-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
.marketing-workspace .mkt-workflow-summary{align-items:flex-start;flex-wrap:wrap}
.marketing-workspace .mkt-disclosure{padding-left:10px;padding-right:10px}
.marketing-workspace .mkt-disclosure>summary{min-height:24px}
}

.marketing-workspace .ads-context{font-size:12px;color:var(--mkt-muted);margin:8px 0 14px;line-height:1.5}
.marketing-workspace .ads-page>.mkt-section-heading{margin-bottom:10px}

/* Main navigation uses a visible workflow row and grouped secondary destinations. */
:root:root body #nav{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px!important;overflow:visible!important;width:100%;max-width:1250px;padding:0!important;align-items:stretch}
:root:root body #nav>button,:root:root body.nav-collapsed #nav>button{min-width:0!important;width:100%!important;min-height:38px!important;padding:7px 8px!important;font-size:12px!important;white-space:normal!important;line-height:1.25;box-sizing:border-box}
:root:root body #nav>button>.nav-label{min-width:0;white-space:normal!important;overflow-wrap:normal}
.workspace-more{position:relative;min-width:0;margin:0}
:root:root body>aside:has(.workspace-more[open]){z-index:90!important}
.workspace-more>summary{display:flex;align-items:center;justify-content:center;gap:8px;list-style:none;cursor:pointer;box-sizing:border-box;min-height:38px;height:100%;padding:7px 10px;border:1px solid var(--nav-line);border-radius:7px;background:transparent;color:var(--nav-text);font-size:12px;font-weight:600;line-height:1.25}
.workspace-more>summary::-webkit-details-marker{display:none}
.workspace-more>summary.active,.workspace-more[open]>summary{color:var(--nav-accent);background:color-mix(in srgb,var(--nav-glow) 10%,var(--nav-surface));border-color:color-mix(in srgb,var(--nav-glow) 55%,var(--nav-line))}
.workspace-more>summary:focus-visible{outline:2px solid var(--nav-accent);outline-offset:2px}
.workspace-more-panel{position:absolute;top:calc(100% + 10px);right:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:650px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 170px);overflow-y:auto;overflow-x:hidden;box-sizing:border-box;gap:14px;padding:14px;background:var(--nav-surface);color:var(--nav-text);border:1px solid var(--nav-line);border-radius:10px;box-shadow:0 12px 35px #0003;z-index:80}
.workspace-more-panel section{min-width:0}
.workspace-more-panel h2{margin:0 0 7px;padding:2px 8px 8px;border-bottom:1px solid var(--nav-line);font-size:10px;line-height:1.4;letter-spacing:.07em;text-transform:uppercase;color:var(--nav-text)}
:root:root body #nav .workspace-more-panel button{display:flex!important;align-items:center;justify-content:flex-start;gap:8px;min-height:36px!important;min-width:0!important;width:100%!important;max-width:100%;margin:2px 0;padding:7px 8px!important;box-sizing:border-box;font-size:12px!important;line-height:1.3;white-space:normal!important;border:1px solid transparent!important;border-radius:6px;background:transparent!important;color:var(--nav-text)!important;box-shadow:none!important}
.workspace-more-panel button svg{width:16px;height:16px;min-width:16px}
.workspace-more-panel .nav-label{display:inline!important;min-width:0;width:auto!important;white-space:normal!important;font-size:12px!important}
:root:root body #nav .workspace-more-panel button:hover,:root:root body #nav .workspace-more-panel button.active{background:color-mix(in srgb,var(--nav-glow) 10%,var(--nav-surface))!important;color:var(--nav-accent)!important}
/* The stored name remains intact; the table shows a single, scannable line. */
.reference-ro-layout.ro-compact .job-lines-parts{table-layout:fixed;width:100%}
.reference-ro-layout.ro-compact .organized-part{min-width:0;max-width:100%}
.reference-ro-layout.ro-compact .part-description-copy{min-width:0;flex:1;max-width:100%}
.reference-ro-layout.ro-compact .part-description-copy>.part-name-preview{display:block!important;max-width:100%;overflow:hidden!important;text-overflow:ellipsis;white-space:nowrap!important;line-height:1.5!important}
.reference-ro-layout.ro-compact .part-extra-details .part-full-name{white-space:normal;overflow-wrap:anywhere;line-height:1.5}
@media(min-width:701px){:root:root body>aside,:root:root body.nav-collapsed>aside{overflow:visible!important;padding:6px 16px!important}}
@media(max-width:700px){
 :root:root body #nav{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:100%;gap:6px!important}
 :root:root body #nav>button,:root:root body.nav-collapsed #nav>button{min-height:44px!important;justify-content:flex-start;padding:9px 10px!important}
 :root:root body #nav{height:auto!important;min-height:0!important;grid-auto-rows:max-content;align-content:start;align-items:start}
 .workspace-more{grid-column:1/-1;height:auto;min-height:0;align-self:start}
 .workspace-more>summary{height:auto;min-height:44px;justify-content:space-between}
 .workspace-more-panel{position:static;width:100%;max-width:100%;max-height:none;grid-template-columns:1fr;gap:12px;margin-top:6px;padding:10px;box-shadow:none}
 :root:root body #nav .workspace-more-panel button{min-height:44px!important;font-size:13px!important}
}

/* Quiet, compact field rows in the repair order detail panel. */
:root:root:root .ro-compact .ro-sidebar-refined{background:var(--ro-compact-surface)!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:4px 8px 8px!important}
:root:root:root .ro-compact .ro-sidebar-refined>.sidebar-controls{min-height:0!important;margin:0 0 4px;padding:2px 2px 3px;gap:8px;border-bottom:0}
:root:root:root .ro-compact .ro-sidebar-refined .sidebar-controls-label{font-size:9px;letter-spacing:.1em;color:var(--ro-compact-muted)}
:root:root:root .ro-compact .ro-sidebar-refined .sidebar-controls button{min-height:24px!important;padding:2px 6px!important;font-size:10px!important;background:transparent!important;border:0!important;box-shadow:none!important;color:var(--ro-compact-muted)!important}
:root:root:root .ro-compact .ro-sidebar-refined .side-group{margin:0 0 6px!important;border:1px solid var(--ro-compact-line)!important;border-radius:7px!important;background:var(--ro-compact-surface)!important;box-shadow:none;overflow:hidden}
:root:root:root .ro-compact .ro-sidebar-refined .side-group>summary{display:flex;align-items:center;gap:7px;margin:0;padding:7px 9px!important;min-height:32px!important;box-sizing:border-box;border:0!important;border-radius:0!important;background:var(--ro-compact-soft)!important;color:var(--ro-compact-text)!important;font-size:12px!important;font-weight:650;line-height:1.3}
:root:root:root .ro-compact .ro-sidebar-refined .side-group>summary .ui-icon{width:14px;height:14px;min-width:14px;color:var(--ro-compact-muted)!important}
:root:root:root .ro-compact .ro-sidebar-refined .side-group>summary:after{width:5px;height:5px;flex-basis:5px;border-color:var(--ro-compact-muted);border-width:1.5px}
.ro-sidebar-refined .detail-group-body{padding:5px 9px 7px}
.ro-sidebar-refined .detail-identity{padding:3px 0 6px}
:root:root:root .ro-compact .ro-sidebar-refined .detail-identity>.side-link{display:block;width:100%;min-height:0!important;padding:0!important;text-align:left!important;line-height:1.4!important;font-size:13px!important;font-weight:650;color:var(--ro-compact-text)!important;border:0!important;background:transparent!important;box-shadow:none!important;white-space:normal;overflow-wrap:anywhere}
.ro-sidebar-refined .detail-identity>small{display:block;margin:3px 0 0;color:var(--ro-compact-muted);font-size:10px;line-height:1.45}
.ro-sidebar-refined .detail-customer .detail-identity{display:flex;align-items:baseline;gap:8px}
.ro-sidebar-refined .detail-customer .detail-identity>small{flex:none;margin:0}
.ro-sidebar-refined .detail-field{display:grid;grid-template-columns:78px minmax(0,1fr);align-items:baseline;gap:8px;padding:5px 0;margin:0;min-height:0;border-bottom:1px solid color-mix(in srgb,var(--ro-compact-line) 45%,transparent);font-size:11px;line-height:1.4}
.ro-sidebar-refined .detail-label{min-width:0;color:var(--ro-compact-muted);font-size:10px;font-weight:450}
.ro-sidebar-refined .detail-value{min-width:0;color:var(--ro-compact-text);font-size:11px;overflow-wrap:anywhere;text-align:left}
:root:root:root .ro-compact .ro-sidebar-refined .detail-value>.side-link{display:inline-block;min-width:0;max-width:100%;min-height:0!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;text-align:left!important;font-size:11px!important;font-weight:500;line-height:1.4!important;white-space:normal;overflow-wrap:anywhere;color:var(--ro-compact-text)!important}
:root:root:root .ro-compact .ro-sidebar-refined .side-link:hover{text-decoration:underline;text-underline-offset:3px}
:root:root:root .ro-compact .ro-sidebar-refined .detail-value>.side-empty{color:var(--ro-compact-muted)!important;text-decoration:underline dotted;text-underline-offset:3px;font-size:10px!important}
.ro-sidebar-refined .detail-field.detail-vin{grid-template-columns:25px minmax(0,1fr);align-items:center}
.ro-sidebar-refined .detail-vin .detail-value{display:flex;align-items:center;gap:4px;flex-wrap:nowrap}
:root:root:root .ro-compact .ro-sidebar-refined .detail-vin .detail-vin-value{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px!important;font-weight:500;line-height:1.6!important;white-space:nowrap;letter-spacing:.15px}
.ro-sidebar-refined .detail-vin-value>span{color:var(--ro-compact-text)}
.ro-sidebar-refined .detail-vin-value>strong{font-weight:750}
:root:root:root .ro-compact .ro-sidebar-refined .detail-copy{display:inline-flex;align-items:center;justify-content:center;margin:0;padding:4px;min-width:24px;min-height:24px!important;width:24px;height:24px;border:0!important;background:transparent!important;color:var(--ro-compact-muted)!important;box-shadow:none}
.ro-sidebar-refined .detail-copy .ui-icon{width:13px;height:13px}
.ro-sidebar-refined .detail-report-links{display:flex;gap:12px;padding:6px 0}
:root:root:root .ro-compact .ro-sidebar-refined .detail-report-links>.side-link{min-height:24px!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;font-size:10px!important;color:var(--ro-compact-muted)!important;line-height:1.4}
.ro-sidebar-refined .detail-more{margin:3px 0 0}
.ro-sidebar-refined .detail-more>summary{padding:5px 0;cursor:pointer;font-size:10px;line-height:1.4;color:var(--ro-compact-muted);list-style:none}
.ro-sidebar-refined .detail-more>summary:after{content:' +';margin-left:4px}
.ro-sidebar-refined .detail-more[open]>summary:after{content:' −'}
.ro-sidebar-refined .detail-more>summary::-webkit-details-marker{display:none}
.ro-sidebar-refined .detail-more>div{padding-top:2px}
.ro-sidebar-refined .detail-loading{margin:4px 0;font-size:11px;color:var(--ro-compact-muted)}
@media(min-width:1251px){
 :root:root:root .reference-ro-layout.ro-compact .ro-details-shell{top:calc(var(--workspace-header-height,72px) + var(--main-nav-height) + 12px)!important;max-height:calc(100dvh - var(--workspace-header-height,72px) - var(--main-nav-height) - 100px)}
}
@media(min-width:701px) and (max-width:1250px){
 :root:root:root .ro-compact .ro-details-shell[open] .ro-sidebar-refined{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:8px!important;align-items:start}
 .ro-sidebar-refined>.sidebar-controls{grid-column:1/-1}
}
@media(max-width:700px){
 .ro-sidebar-refined .detail-field{padding:7px 0;grid-template-columns:90px minmax(0,1fr)}
 :root:root:root .ro-compact .ro-sidebar-refined .detail-value>.side-link{font-size:12px!important;min-height:28px!important;display:inline-flex;align-items:center}
 :root:root:root .ro-compact .ro-sidebar-refined .side-group>summary{min-height:42px;padding:10px!important}
 .ro-sidebar-refined .detail-more>summary{padding:10px 0;font-size:11px}
}


/* Match the current RO identity and four-item job action markup on phones. */
@media(max-width:700px){
 :root:root:root .reference-ro-layout.ro-compact .reference-ro-title{display:grid!important;grid-template-columns:44px 44px minmax(0,1fr)!important;grid-template-rows:auto auto;gap:8px!important;align-items:center!important;min-width:0;width:100%;max-width:100%;box-sizing:border-box}
 :root:root:root .reference-ro-layout.ro-compact .reference-ro-title>.reference-back{grid-column:1;grid-row:1;margin:0!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important}
 :root:root:root .reference-ro-layout.ro-compact .reference-ro-title>.ro-arrival-menu{grid-column:2;grid-row:1;width:44px;min-width:0;margin:0!important}
 :root:root:root .reference-ro-layout.ro-compact .reference-ro-title>.ro-arrival-menu>summary{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important}
 :root:root:root .reference-ro-layout.ro-compact .reference-ro-title>.ro-status-stack{grid-column:3;grid-row:1;margin:0!important;width:100%;min-width:0;max-width:100%}
 :root:root:root .reference-ro-layout.ro-compact .reference-ro-title .ro-status-button{min-height:44px!important;width:100%!important;max-width:100%;box-sizing:border-box;padding:7px 9px!important;margin:0!important}
 :root:root:root .reference-ro-layout.ro-compact .reference-ro-title>.ro-identity{grid-column:1/-1;grid-row:2;min-width:0;width:100%;max-width:100%;margin:0!important;padding:2px 0;box-sizing:border-box}
 :root:root:root .reference-ro-layout.ro-compact .ro-identity h1{display:flex!important;flex-wrap:wrap!important;align-items:baseline;gap:4px 10px!important;min-width:0;width:100%!important;max-width:100%;margin:0!important;font-size:17px!important;line-height:1.35!important;white-space:normal!important;word-break:normal;overflow-wrap:normal}
 .reference-ro-layout.ro-compact .ro-identity .ro-number{flex:none;font-size:12px;white-space:nowrap}
 .reference-ro-layout.ro-compact .ro-identity .ro-customer{min-width:0;overflow-wrap:break-word}
 :root:root:root .reference-ro-layout.ro-compact .ro-vehicle-line{display:flex;flex-wrap:wrap;gap:4px 9px;font-size:12px!important;line-height:1.45;white-space:normal;word-break:normal;overflow-wrap:normal}
 .reference-ro-layout.ro-compact .ro-vehicle-line>span{white-space:nowrap;padding-left:9px}
 :root:root:root .reference-ro-layout.ro-compact .reference-ro-nav{display:grid!important;grid-template-columns:minmax(0,1fr);gap:6px!important;min-width:0;max-width:100%}
 :root:root:root .reference-ro-layout.ro-compact .reference-ro-nav>.tabs{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:3px!important;min-width:0;width:100%!important;max-width:100%;overflow:visible!important;box-sizing:border-box}
 :root:root:root .reference-ro-layout.ro-compact .reference-ro-nav>.tabs>button{grid-column:span 2;min-width:0!important;width:100%!important;max-width:100%;height:44px!important;min-height:44px!important;padding:6px 5px!important;margin:0!important;font-size:12px!important;line-height:1.3!important;white-space:normal!important;box-sizing:border-box}
 :root:root:root .reference-ro-layout.ro-compact .reference-ro-nav>.tabs>button:nth-child(n+4){grid-column:span 3}
 :root:root:root .reference-ro-layout.ro-compact .reference-ro-nav>.reference-tools{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px!important;min-width:0;width:100%!important;max-width:100%}
 :root:root:root .reference-ro-layout.ro-compact .reference-tools>*{min-width:0!important;width:100%!important;max-width:100%;box-sizing:border-box}
 :root:root:root .reference-ro-layout.ro-compact .reference-tools>button,:root:root:root .reference-ro-layout.ro-compact .reference-tools>details>summary{display:flex!important;align-items:center;justify-content:center;width:100%!important;max-width:100%;height:42px!important;min-height:42px!important;padding:6px 4px!important;gap:3px!important;box-sizing:border-box;font-size:12px!important;line-height:1.3!important;white-space:normal!important}
 :root:root:root .reference-ro-layout.ro-compact .ro-main .organized-job .organized-job-header{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;min-width:0;max-width:100%;padding:9px 10px!important;box-sizing:border-box}
 :root:root:root .reference-ro-layout.ro-compact .organized-job-header>.job-heading-group{grid-column:1;grid-row:1;min-width:0;width:100%!important;max-width:100%;margin:0!important;box-sizing:border-box}
 :root:root:root .reference-ro-layout.ro-compact .ro-main .organized-job-header>.job-header-actions{display:grid!important;grid-template-columns:minmax(0,1fr) 64px 44px 44px!important;grid-column:1;grid-row:2;align-items:center;gap:6px!important;min-width:0;width:100%!important;max-width:100%;margin:0!important;padding:0!important;box-sizing:border-box}
 :root:root:root .reference-ro-layout.ro-compact .job-header-actions>.job-header-total{grid-column:1;min-width:0;margin:0!important;font-size:15px!important;line-height:1.3;white-space:nowrap}
 :root:root:root .reference-ro-layout.ro-compact .organized-job-header .job-header-actions>button{display:flex;align-items:center;justify-content:center;min-width:0!important;width:100%!important;max-width:100%;min-height:44px!important;height:44px!important;padding:7px!important;margin:0!important;box-sizing:border-box}
 :root:root:root .reference-ro-layout.ro-compact .job-header-actions>[data-action=editJob]{grid-column:2;grid-row:1}
 :root:root:root .reference-ro-layout.ro-compact .job-header-actions>[data-action=deleteJob]{grid-column:3;grid-row:1}
 :root:root:root .reference-ro-layout.ro-compact .job-header-actions>[data-action=jobActions]{grid-column:4;grid-row:1}
 :root:root:root .reference-ro-layout.ro-compact .organized-job-header .job-header-actions>.job-icon{width:44px!important;min-width:44px!important}
}


/* Clear, balanced actions beneath the vehicle identity. */
:root:root:root:root .ro-compact .ro-sidebar-refined .detail-report-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:8px 0 5px}
:root:root:root:root .ro-compact .ro-sidebar-refined .detail-report-links>.detail-report-button{display:flex!important;align-items:center;justify-content:center;gap:6px;width:100%;min-width:0;min-height:36px!important;margin:0!important;padding:7px 6px!important;box-sizing:border-box;border:1px solid var(--ro-compact-line)!important;border-radius:6px;background:var(--ro-compact-soft)!important;color:var(--ro-compact-text)!important;box-shadow:none!important;font-size:11px!important;font-weight:600;line-height:1.3!important;text-decoration:none!important;white-space:nowrap;cursor:pointer;transition:background .15s,border-color .15s}
:root:root:root:root .ro-compact .ro-sidebar-refined .detail-report-button>.ui-icon{flex:0 0 15px;width:15px;height:15px;min-width:15px;margin:0;opacity:.85}
:root:root:root:root .ro-compact .ro-sidebar-refined .detail-report-button>span{min-width:0;font-size:inherit;line-height:inherit;color:inherit}
:root:root:root:root .ro-compact .ro-sidebar-refined .detail-report-links>.detail-report-button:hover{background:color-mix(in srgb,#3593ea 12%,var(--ro-compact-surface))!important;border-color:#669bc9!important}
:root:root:root:root .ro-compact .ro-sidebar-refined .detail-report-links>.detail-report-button:focus-visible{outline:2px solid #3794ee;outline-offset:2px}
@media(max-width:700px){
 :root:root:root:root .ro-compact .ro-sidebar-refined .detail-report-links>.detail-report-button{min-height:44px!important;padding:9px 8px!important;font-size:12px!important}
}

/* Keep all part-type labels readable beside the brand/name fields. */
dialog.job-editor-modal .sheet-part{grid-template-columns:112px minmax(280px,1fr) 70px 86px 100px 104px 40px}
dialog.job-editor-modal .sheet-part>.desktop-select{min-width:0;width:100%;max-width:100%}
dialog.job-editor-modal .sheet-part>.desktop-select>.desktop-select-trigger{padding:10px!important;gap:8px;font-size:14px!important;min-height:44px}
dialog.job-editor-modal .sheet-part>.desktop-select .desktop-select-caption{white-space:nowrap;overflow:visible;text-overflow:clip;flex:1;line-height:1.4}
@media(max-width:700px){dialog.job-editor-modal .sheet-part>.desktop-select{grid-column:1;grid-row:1}}
/* Selected values in the job editor and vendor filters must remain readable. */
dialog.job-editor-modal .desktop-select{min-width:0;max-width:100%;box-sizing:border-box}
dialog.job-editor-modal .desktop-select>.desktop-select-trigger{height:auto!important;min-height:44px!important;box-sizing:border-box;align-items:center;gap:8px;white-space:normal!important}
dialog.job-editor-modal .desktop-select .desktop-select-caption{flex:1;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.4}
dialog.job-editor-modal .desktop-select-trigger .menu-chevron{flex-shrink:0}
dialog.job-editor-modal .auto-search-panel .auto-search-fields{grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr))}
#modal.job-editor-modal .auto-search-panel .desktop-select-trigger{height:auto!important;min-height:44px!important}
/* Open menus retain readable labels and accessible targets at every viewport size. */
.desktop-select-menu{max-width:calc(100vw - 20px);min-width:0}
.desktop-select-menu .desktop-select-options{flex:1 1 auto;min-width:0;overflow-x:hidden}
.desktop-select-menu .desktop-select-option{min-height:44px;box-sizing:border-box;align-items:center}
.desktop-select-option>span:first-child{min-width:0;flex:1;white-space:normal;overflow-wrap:anywhere;line-height:1.4;text-overflow:clip}
.desktop-select-option .desktop-select-check{flex:none;align-self:center}
/* Emphasize replacement combinations without selecting or changing labor. */
.labor-extensions label.labor-replacement-emphasis{padding:8px 10px;border:1px solid #dba343;border-left:4px solid #c27a0a;border-radius:6px;background:#fff4dc;color:#714100;align-items:center}
.labor-extensions label.labor-replacement-emphasis>span{font-weight:650}
html[data-theme=dark] .labor-extensions label.labor-replacement-emphasis{background:#41321c;border-color:#a67c32;border-left-color:#ffc857;color:#ffe29a}

.auto-search-positions{margin:10px 0;border:1px solid var(--search-border,var(--border));border-radius:8px;padding:10px 12px;color:var(--search-text,inherit);background:var(--search-bg,var(--surface))}
.auto-search-positions>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-weight:700}
.auto-search-positions>summary span{font-weight:500}
.search-position-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin:10px 0}
.search-position-fields label{display:flex;flex-direction:column;gap:5px;min-width:0;font-weight:600}
.search-position-fields select{min-height:44px;width:100%}
.auto-search-positions p{font-size:12px;line-height:1.5;margin:8px 0 0}
.auto-search-results .search-offer-position{font-weight:700;color:var(--search-text,inherit);margin:5px 0}
@media(max-width:500px){.search-position-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.auto-search-positions{padding:8px}}

/* Keep labor values aligned to the description when Extend adds height below it. */
@media(min-width:701px){
 dialog.job-editor-modal .sheet-labor[data-labor]{align-items:start}
 dialog.job-editor-modal .sheet-labor[data-labor]>.sheet-number-field>input,
 dialog.job-editor-modal .sheet-labor[data-labor]>output,
 dialog.job-editor-modal .sheet-labor[data-labor]>[data-remove-labor]{align-self:start;margin-top:0}
}

/* Position labels retain their words; color supplements their meaning in both themes. */
.applicability-term[data-position]{background:var(--position-bg);color:var(--position-fg);white-space:nowrap;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--position-fg) 35%,transparent)}
html[data-theme=dark] .applicability-term[data-position]{background:var(--position-bg);color:var(--position-fg)}
.applicability-term[data-position=front]{--position-bg:#bfdbfe;--position-fg:#172554}html[data-theme=dark] .applicability-term[data-position=front]{--position-bg:#1e40af;--position-fg:#eff6ff}
.applicability-term[data-position=rear]{--position-bg:#fed7aa;--position-fg:#7c2d12}html[data-theme=dark] .applicability-term[data-position=rear]{--position-bg:#9a3412;--position-fg:#fff7ed}
.applicability-term[data-position=left]{--position-bg:#bbf7d0;--position-fg:#14532d}html[data-theme=dark] .applicability-term[data-position=left]{--position-bg:#166534;--position-fg:#f0fdf4}
.applicability-term[data-position=right]{--position-bg:#ddd6fe;--position-fg:#4c1d95}html[data-theme=dark] .applicability-term[data-position=right]{--position-bg:#5b21b6;--position-fg:#f5f3ff}
.applicability-term[data-position=all]{--position-bg:#cbd5e1;--position-fg:#1e293b}html[data-theme=dark] .applicability-term[data-position=all]{--position-bg:#475569;--position-fg:#f8fafc}
.applicability-term[data-position=upper]{--position-bg:#a5f3fc;--position-fg:#164e63}html[data-theme=dark] .applicability-term[data-position=upper]{--position-bg:#155e75;--position-fg:#ecfeff}
.applicability-term[data-position=lower]{--position-bg:#fbcfe8;--position-fg:#831843}html[data-theme=dark] .applicability-term[data-position=lower]{--position-bg:#9d174d;--position-fg:#fdf2f8}
.applicability-term[data-position=inner]{--position-bg:#99f6e4;--position-fg:#134e4a}html[data-theme=dark] .applicability-term[data-position=inner]{--position-bg:#115e59;--position-fg:#f0fdfa}
.applicability-term[data-position=outer]{--position-bg:#fef08a;--position-fg:#713f12}html[data-theme=dark] .applicability-term[data-position=outer]{--position-bg:#854d0e;--position-fg:#fefce8}

/* Give the repair-order Print menu a clear primary action treatment. */
:root .reference-ro-layout .reference-tools>.ro-print-menu>summary{background:#0b66c3!important;color:#fff!important;border-color:#0b66c3!important;font-weight:750!important;box-shadow:0 0 0 1px #0b66c326}
html[data-theme=dark] .reference-ro-layout .reference-tools>.ro-print-menu>summary{background:#0b66c3!important;color:#fff!important;border-color:#83bfff!important;box-shadow:0 0 0 1px #83bfff35}
:root .reference-ro-layout .reference-tools>.ro-print-menu>summary:hover,
:root .reference-ro-layout .reference-tools>.ro-print-menu[open]>summary{background:#0954a3!important;color:#fff!important}
:root .reference-ro-layout .reference-tools>.ro-print-menu>summary:focus-visible{outline:3px solid #f4b83f!important;outline-offset:3px}

/* Match Assign to the highlighted Print action. */
:root:root:root .reference-ro-layout.ro-compact .organized-jobs-toolbar [data-action=reassignAll]{background:#0b66c3!important;color:#fff!important;border-color:#0b66c3!important;font-weight:750!important;box-shadow:0 0 0 1px #0b66c326}
:root:root:root[data-theme=dark] .reference-ro-layout.ro-compact .organized-jobs-toolbar [data-action=reassignAll]{background:#0b66c3!important;color:#fff!important;border-color:#83bfff!important;box-shadow:0 0 0 1px #83bfff35}
:root:root:root .reference-ro-layout.ro-compact .organized-jobs-toolbar [data-action=reassignAll]:hover{background:#0954a3!important;color:#fff!important}
:root:root:root .reference-ro-layout.ro-compact .organized-jobs-toolbar [data-action=reassignAll]:focus-visible{outline:3px solid #f4b83f!important;outline-offset:3px}

/* Highlight Auto Search consistently with the primary shop actions. */
:root:root:root dialog.job-editor-modal .sheet-add>[data-auto-search]{background:#0b66c3!important;color:#fff!important;border-color:#0b66c3!important;font-weight:750!important;box-shadow:0 0 0 1px #0b66c326}
:root:root:root[data-theme=dark] dialog.job-editor-modal .sheet-add>[data-auto-search]{background:#0b66c3!important;color:#fff!important;border-color:#83bfff!important;box-shadow:0 0 0 1px #83bfff35}
:root:root:root dialog.job-editor-modal .sheet-add>[data-auto-search]:hover{background:#0954a3!important;color:#fff!important}
:root:root:root dialog.job-editor-modal .sheet-add>[data-auto-search]:focus-visible{outline:3px solid #f4b83f!important;outline-offset:3px}

/* Hide the local signature surface for remote and staff-recorded methods. */
[data-authorization-signature][hidden]{display:none!important}
[data-authorization-signature] .signature{width:100%;max-width:600px;touch-action:none}

/* Unified workspace motion: immediate actions with a softer visual settle. */
@media(prefers-reduced-motion:no-preference){
 :root{--motion-fast:180ms;--motion-medium:240ms;--motion-ease:cubic-bezier(.22,1,.36,1)}
 #nav button,.tabs button,.summary-navigation button,.desktop-select-trigger{transition:background-color var(--motion-fast) var(--motion-ease),color var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease),box-shadow var(--motion-fast) var(--motion-ease)!important}
 dialog{transition:opacity 220ms var(--motion-ease),transform 260ms var(--motion-ease),overlay 260ms allow-discrete,display 260ms allow-discrete;transform:translateY(8px) scale(.99)}
 dialog[open]{animation:none;opacity:1;transform:translateY(0) scale(1)}
 dialog::backdrop{transition:background-color 240ms var(--motion-ease),overlay 260ms allow-discrete,display 260ms allow-discrete}
 @starting-style{dialog[open]{opacity:0;transform:translateY(8px) scale(.99)}}
 .desktop-select-menu{animation:workspace-menu-enter 220ms var(--motion-ease)}
 .labor-field-results:not([hidden]){animation:zbt-suggestion-in 200ms var(--motion-ease)}
 details::details-content{opacity:0;transition:opacity 200ms var(--motion-ease),content-visibility 200ms allow-discrete}
 details[open]::details-content{opacity:1}
 @supports(interpolate-size:allow-keywords){
  .side-group::details-content,.vehicle-data-section::details-content,.ro-details-shell::details-content{transition:block-size 260ms var(--motion-ease),opacity 200ms var(--motion-ease),content-visibility 260ms allow-discrete}
 }
 .menu-chevron{transition:transform 220ms var(--motion-ease)}
}
@keyframes workspace-menu-enter{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}

/* Compare bare components and assemblies without mixing their prices. */
.auto-search-results .assembly-comparison-note{display:flex;align-items:baseline;gap:6px 14px;flex-wrap:wrap;margin:4px 0 12px;font-size:12px;color:var(--search-muted)}
.auto-search-results .assembly-comparison-note strong{font-size:14px;color:var(--search-text)}
.auto-search-results .assembly-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.auto-search-results .assembly-group{min-width:0;border:1px solid var(--search-line);border-top:3px solid #4686d4;border-radius:9px;overflow:hidden;background:var(--search-panel,transparent)}
.auto-search-results .assembly-group[data-assembly-group=assembly]{border-top-color:#309b78}
.auto-search-results .assembly-group[data-assembly-group=review]{grid-column:1/-1;border-top-color:#cb9635}
.auto-search-results .assembly-group>header{display:flex;align-items:start;justify-content:space-between;gap:12px;padding:14px;background:var(--search-head);border-bottom:1px solid var(--search-line)}
.auto-search-results .assembly-group h4{font-size:16px;line-height:1.35;margin:0 0 5px;color:var(--search-text)}
.auto-search-results .assembly-group header p{font-size:12px;line-height:1.5;margin:0;color:var(--search-muted)}
.auto-search-results .assembly-count{font-size:11px;font-weight:700;white-space:nowrap;border:1px solid var(--search-line);border-radius:20px;padding:3px 7px;color:var(--search-text)}
.auto-search-results .assembly-empty{font-size:13px;padding:16px;margin:0;color:var(--search-muted)}
.auto-search-results .assembly-comparison .auto-search-offers,.auto-search-results .assembly-comparison .auto-search-offers tbody{display:block;width:100%;min-width:0;table-layout:auto}
.auto-search-results .assembly-comparison .auto-search-offers thead{display:none}
.auto-search-results .assembly-comparison .auto-search-offers tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;margin:0;padding:14px;border:0;border-bottom:1px solid var(--search-line);border-radius:0;background:transparent}
.auto-search-results .assembly-comparison .auto-search-offers tr:last-child{border-bottom:0}
.auto-search-results .assembly-comparison .auto-search-offers td{display:block;width:auto;min-width:0;border:0;padding:0;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.auto-search-results .assembly-comparison .auto-search-offers .search-offer-part{grid-column:1/-1;grid-row:1;border-bottom:1px solid var(--search-line);padding-bottom:10px}
.auto-search-results .assembly-comparison .auto-search-offers .search-offer-part>strong{font-size:14px;line-height:1.5}
.auto-search-results .assembly-comparison .search-offer-price{grid-column:1;grid-row:2}
.auto-search-results .assembly-comparison .search-offer-stock{grid-column:2;grid-row:2}
.auto-search-results .assembly-comparison .search-offer-delivery{grid-column:1;grid-row:3}
.auto-search-results .assembly-comparison .search-offer-action{grid-column:2;grid-row:3;align-self:end}
.auto-search-results .assembly-comparison .search-offer-stock::before{content:'Stock / condition';display:block;font-size:11px;font-weight:650;color:var(--search-muted);margin-bottom:3px}
.auto-search-results .assembly-comparison .search-offer-price::before{content:'Price / total';display:block;font-size:11px;font-weight:650;color:var(--search-muted);margin-bottom:3px}
.auto-search-results .assembly-comparison .search-offer-delivery::before{content:'Delivery';display:block;font-size:11px;font-weight:650;color:var(--search-muted);margin-bottom:3px}
.auto-search-results .assembly-comparison .search-offer-action button{width:100%;min-height:40px;padding:8px;font-size:12px;white-space:normal}
.auto-search-results .assembly-contents{display:block;width:fit-content;margin:7px 0 4px;padding:4px 7px;border-radius:5px;background:#dcecff;color:#143c72;font-size:12px;font-weight:700;line-height:1.4}
.auto-search-results .assembly-contents[data-assembly-type=assembly]{background:#d7f3e7;color:#134f39}
.auto-search-results .assembly-contents[data-assembly-type=review]{background:#fff0cb;color:#694500}
.auto-search-results .assembly-name-highlight{background:#fff0a8;color:#533b00;border-radius:3px;padding:1px 3px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
[data-theme=dark] .auto-search-results .assembly-contents{background:#213f64;color:#d8eaff}
[data-theme=dark] .auto-search-results .assembly-contents[data-assembly-type=assembly]{background:#164e3d;color:#cbf6e2}
[data-theme=dark] .auto-search-results .assembly-contents[data-assembly-type=review]{background:#5c451b;color:#ffe3a4}
[data-theme=dark] .auto-search-results .assembly-name-highlight{background:#614d1d;color:#ffeaa7}
@media(max-width:760px){.auto-search-results .assembly-comparison{grid-template-columns:minmax(0,1fr)}.auto-search-results .assembly-group[data-assembly-group=review]{grid-column:auto}}

.auto-search-results .assembly-group>header{height:auto;min-height:92px}

.gmail-connection{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}.gmail-connection strong{border:1px solid var(--line);border-radius:6px;padding:5px 9px;font-size:13px}.gmail-connection strong.is-connected{color:#146c3b;background:#e8f7ed;border-color:#94cbaa}.gmail-connection span{overflow-wrap:anywhere;font-weight:600}.gmail-settings-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:14px 0}.gmail-settings-actions :is(button,a){min-height:42px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:normal}.gmail-settings-actions [hidden]{display:none!important}.gmail-settings small{display:block;line-height:1.5}.gmail-settings [data-gmail-feedback]:empty{display:none}html[data-theme=dark] .gmail-connection strong.is-connected{color:#a8edc5;background:#163e2d;border-color:#3b8660}@media(max-width:600px){.gmail-settings-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.gmail-settings-actions a{grid-column:1/-1}.gmail-settings-actions button{width:100%;min-width:0}.gmail-settings .panel-head{flex-wrap:wrap;gap:8px}.gmail-settings .panel-head h2{min-width:0;overflow-wrap:anywhere}}

.integration-config{border:1px solid var(--line);border-radius:8px;margin:10px 0;min-width:0}.integration-config>summary{padding:12px;cursor:pointer;font-weight:650;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.integration-config>summary span{font-size:12px;font-weight:500;color:var(--muted)}.integration-config form{padding:12px;border-top:1px solid var(--line)}.integration-config input{min-width:0;width:100%}.catalog-client{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding:12px 0}.catalog-client button{margin-left:auto}[data-distribution-settings] input{min-width:0;width:100%}[data-distribution-settings] [hidden]{display:none!important}[data-distribution-settings] .button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:normal}@media(max-width:600px){.integration-config .actions{flex-wrap:wrap}.integration-config .actions button{flex:1;min-width:120px}[data-shop-integrations] .panel-head{gap:10px;flex-wrap:wrap}}

/* Vendor photos are temporary search aids; estimate records keep no images. */
.auto-search-results .listing-photo-button{float:right;display:flex;flex-direction:column;align-items:center;gap:4px;width:82px;min-width:82px;margin:0 0 10px 12px;padding:5px;border:1px solid var(--search-line);border-radius:7px;background:#fff;color:#193449;cursor:zoom-in;white-space:normal}
.auto-search-results .listing-photo-button img{display:block;width:70px;height:64px;object-fit:contain;border-radius:3px;background:#fff}
.auto-search-results .listing-photo-button span{font-size:10px;line-height:1.3;color:#193449}
.auto-search-results .listing-photo-button:focus-visible{outline:3px solid #2788ef;outline-offset:3px}
.auto-search-results .listing-photo-unavailable{float:right;max-width:75px;padding:5px;margin:0 0 5px 10px;font-size:10px;line-height:1.4;color:var(--search-muted);border:1px dashed var(--search-line);border-radius:5px;text-align:center}
.auto-search-results .search-offer-part:after{content:'';display:block;clear:both}
dialog.listing-photo-zoom{width:min(960px,94vw);max-width:94vw;max-height:92vh;padding:0;border:1px solid #aebdca;border-radius:12px;overflow:auto;background:#fff;color:#193449}
dialog.listing-photo-zoom::backdrop{background:rgba(5,13,24,.8)}
.listing-photo-zoom-heading{display:flex;align-items:start;justify-content:space-between;gap:18px;padding:16px;border-bottom:1px solid #cdd7e0}
.listing-photo-zoom-heading h2{font-size:16px;line-height:1.5;margin:0;overflow-wrap:anywhere}
.listing-photo-zoom-heading p{font-size:12px;line-height:1.5;margin:5px 0 0}
.listing-photo-zoom-heading button{flex:none;min-height:44px}
.listing-photo-zoom-body{padding:18px;text-align:center}
.listing-photo-zoom-body img{display:block;max-width:100%;max-height:65vh;width:min(520px,100%);height:clamp(180px,48vh,480px);object-fit:contain;margin:auto;background:#fff;border-radius:8px}
.listing-photo-zoom-body img[hidden],.listing-photo-zoom-body p[hidden]{display:none}
html[data-theme=dark] dialog.listing-photo-zoom{background:#152131;color:#f1f5fc;border-color:#40536b}
html[data-theme=dark] .listing-photo-zoom-heading{border-color:#40536b}
@media(max-width:600px){.auto-search-results .listing-photo-button{width:70px;min-width:70px;margin-left:8px}.auto-search-results .listing-photo-button img{width:58px;height:56px}.listing-photo-zoom-heading{padding:12px;gap:10px}.listing-photo-zoom-heading h2{font-size:14px}.listing-photo-zoom-body{padding:12px}}

/* Keep vendor photo actions legible in both themes and interaction states. */
.auto-search-results button.listing-photo-button,.auto-search-results button.listing-photo-button:hover,.auto-search-results button.listing-photo-button:focus{background:#fff;color:#193449}
.auto-search-results button.listing-photo-button span{color:#193449}

/* Order statuses stay inline; native selects support keyboard and mobile menus. */
.orders-table .purchase-status-select{width:100%;min-width:135px;min-height:38px;padding:7px 26px 7px 10px;border:1px solid var(--border,#b6c9dc);border-radius:6px;font-size:13px;font-weight:600;cursor:pointer}
.purchase-status-field small{display:block;min-height:0;font-size:11px;margin-top:3px}.purchase-status-field small:empty{display:none}.purchase-status-select:disabled{cursor:progress;opacity:.7}.purchase-status-select option{background:var(--panel,#fff);color:var(--text,#193449)}

.parts-bridge-verification{padding:14px 0}.parts-bridge-verification p{margin:10px 0;line-height:1.6}[data-bridge-readiness][data-state=ready]{color:#16733f;font-weight:700}html[data-theme=dark] [data-bridge-readiness][data-state=ready]{color:#82e5ae}

/* Booking identity always comes from the current shop Profile. */
#modal.booking-popup .booking-profile-brand{display:flex;align-items:center;justify-content:flex-start;gap:16px}#modal.booking-popup .booking-profile-logo{width:116px;height:100px;max-width:116px;object-fit:contain;flex:none;border-radius:6px;background:transparent}#modal.booking-popup .booking-profile-details{min-width:0;flex:1;text-align:left}#modal.booking-popup .booking-profile-details h3{margin:0;font-size:17px;overflow-wrap:anywhere}#modal.booking-popup .booking-profile-address{margin:6px 0;font-size:12px;line-height:1.5;overflow-wrap:anywhere}#modal.booking-popup .booking-profile-links{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:6px;font-size:12px;line-height:1.6}#modal.booking-popup .booking-profile-links a{color:var(--booking-ink,#245c79);overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:3px}@media(max-width:480px){#modal.booking-popup .booking-profile-brand{gap:12px}#modal.booking-popup .booking-profile-logo{width:88px;max-width:88px;height:82px}#modal.booking-popup .booking-profile-details h3{font-size:15px}#modal.booking-popup .booking-profile-links{flex-direction:column;gap:3px}}

/* CarAPI vehicle details and photo scanning */
.vehicle-scan-control{display:flex;align-items:stretch;gap:6px;min-width:0;width:100%}.vehicle-scan-control>input:not([type=file]){flex:1;width:0;min-width:0}.vehicle-scan-control>button{flex:0 0 auto;white-space:nowrap;font-size:12px;padding:8px 10px;min-height:40px}.vehicle-scan-status{display:block;font-size:12px;line-height:1.4;white-space:normal}.vehicle-scan-status:empty{display:none}.carapi-vehicle-details{border:1px solid var(--border,#62788b);border-radius:12px;padding:18px;margin:16px 0;background:var(--panel,var(--card,transparent));color:inherit}.carapi-vehicle-details h2{margin:0 0 16px;font-size:18px}.carapi-vehicle-details h2 small{font-size:12px;font-weight:400}.carapi-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:14px 20px;margin:0}.carapi-detail-grid dt{font-size:12px;opacity:.75}.carapi-detail-grid dd{margin:4px 0 0;font-weight:600;overflow-wrap:anywhere}.carapi-feature-list{display:flex;flex-wrap:wrap;gap:6px}.carapi-feature-list>span{border:1px solid var(--border,#62788b);padding:5px 9px;border-radius:6px;font-size:12px}.carapi-mileage-table{overflow-x:auto}.recall-disclosure{border:1px solid var(--border,#62788b);border-radius:10px;margin:12px 0}.recall-disclosure summary{padding:14px;cursor:pointer}.recall-content{padding:0 14px 14px;overflow-wrap:anywhere}.recall-content p{white-space:pre-wrap}.recall-content h4{margin:14px 0 5px}@media(max-width:480px){.vehicle-scan-control>button{padding:7px;font-size:11px}.carapi-vehicle-details{padding:14px}.carapi-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.vl-search-form .vehicle-scan-control{min-width:0}}

.vehicle-scan-control>.vehicle-scan-button,.vehicle-lookup-page .vl-search-form .vehicle-scan-button{width:44px;min-width:44px;max-width:44px;height:44px;min-height:44px;flex:0 0 44px;align-self:center;padding:0;display:inline-flex;align-items:center;justify-content:center}.vehicle-scan-button>svg{width:20px;height:20px;flex:none;pointer-events:none}
.avatar{overflow:hidden;flex-shrink:0}.avatar>img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.account-profile-card{margin:14px 0}.account-profile-editor{display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;align-items:start}.account-avatar-preview{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#185fc4;color:#fff;font-size:24px;font-weight:700;overflow:hidden}.account-avatar-preview img{width:100%;height:100%;object-fit:cover}.account-profile-fields{min-width:0}.account-profile-fields input[type=file]{max-width:100%;font-size:13px}.account-profile-fields label{min-width:0}.account-profile-card [data-profile-feedback]{margin-bottom:0}@media(max-width:520px){.account-profile-editor{grid-template-columns:minmax(0,1fr);gap:12px}.account-profile-card .security-card-actions{display:flex;flex-wrap:wrap;gap:8px}.account-profile-card .security-card-actions button{flex:1 1 auto}}
/* Confirmation sheets use one compact inset, independent of full editor dialogs. */
dialog#shop-confirm-dialog{width:min(360px,calc(100vw - 32px));max-width:360px;min-height:0!important;height:max-content!important;max-height:calc(100dvh - 32px);inset:0;margin:auto;overflow:auto;padding:0;border-radius:12px;box-sizing:border-box}
#shop-confirm-dialog .shop-confirm-content{margin:0;padding:18px;min-height:0}
#shop-confirm-dialog .shop-confirm-content h2{margin:0 0 8px;font-size:18px;line-height:1.3}
#shop-confirm-dialog .shop-confirm-content p{font-size:14px;line-height:1.5}
#shop-confirm-dialog .shop-confirm-actions{gap:8px;margin-top:16px;flex-wrap:wrap}
#shop-confirm-dialog .shop-confirm-actions button{min-height:44px;min-width:88px;padding:9px 14px;font-size:14px;line-height:1.3;font-weight:650;max-width:100%;white-space:normal;overflow-wrap:anywhere}
@media(max-width:480px){dialog#shop-confirm-dialog{width:calc(100vw - 32px)}#shop-confirm-dialog .shop-confirm-content{padding:16px}#shop-confirm-dialog .shop-confirm-actions button{flex:1}}

/* Keep registration controls together and scan hit targets compact in the vehicle drawer. */
.vehicle-editor-identification .vehicle-registration-fields{margin-top:12px;padding:0;border:0;background:transparent}.vehicle-drawer .vehicle-scan-control>.vehicle-scan-button{width:44px;min-width:44px;max-width:44px;height:44px;min-height:44px;flex:0 0 44px;padding:0;align-self:center}

/* Center the phone icon and label independently of its notification count. */
:root:root body #nav>button[data-value=Phone]{position:relative;align-items:center;justify-content:center!important;padding-inline:30px!important;text-align:center}:root:root body #nav>button[data-value=Phone]>.nav-label{flex:0 1 auto;min-width:0;text-align:center;align-self:center;line-height:1.25}:root:root body #nav>button[data-value=Phone]>span[aria-hidden=true]{display:inline-flex;align-items:center;justify-content:center;flex:none}:root:root body #nav>button[data-value=Phone]>.communication-unread-badge{position:absolute;right:6px;top:50%;transform:translateY(-50%);margin:0;min-width:20px;max-width:26px;padding:0 3px;font-size:10px;box-sizing:border-box}
@media(max-width:700px){:root:root body #nav>button[data-value=Phone]{justify-content:flex-start!important;padding-inline:10px 32px!important}:root:root body #nav>button[data-value=Phone]>.nav-label{text-align:left}}

/* Shared Create RO / Edit Vehicle lookup layout. */
#modal .vehicle-lookup-fields{grid-column:1/-1;display:grid;gap:14px;min-width:0;width:100%;padding:16px;border:1px solid #ccd8e4;border-radius:12px;background:#f5f8fc}
#modal .vehicle-lookup-vin-row{display:grid;grid-template-columns:minmax(0,1fr) 142px;gap:12px;align-items:end;min-width:0}
#modal .vehicle-lookup-registration{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:12px;min-width:0}
#modal .vehicle-lookup-fields label.field{display:block;min-width:0;margin:0;font-size:13px;font-weight:650;line-height:1.4;color:#344b60}
#modal .vehicle-lookup-fields :is(input:not([type=file]),select){min-width:0;max-width:100%;width:100%;height:44px;min-height:44px;margin-top:6px;padding:10px 12px;border-radius:8px;font-size:14px;line-height:1.3;font-weight:550}
#modal .vehicle-lookup-fields input[name=vin]{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.035em;text-transform:uppercase;font-size:13px}
#modal .vehicle-lookup-fields input[name=plate]{text-transform:uppercase;letter-spacing:.04em}
#modal .vehicle-lookup-fields .vehicle-scan-control{gap:8px;align-items:center}
#modal .vehicle-lookup-fields .vehicle-scan-control>input:not([type=file]){width:0;flex:1;margin-top:6px}
#modal .vehicle-lookup-fields .vehicle-scan-control>.vehicle-scan-button{width:44px;min-width:44px;max-width:44px;height:44px;min-height:44px;flex:0 0 44px;margin-top:6px;padding:0;border-radius:8px;display:inline-flex;align-items:center;justify-content:center}
#modal .vehicle-lookup-decode{display:flex;align-items:flex-end;align-self:end;min-width:0;margin:0}
#modal .vehicle-lookup-decode>button.vehicle-lookup-decode-button{width:100%;height:44px;min-height:44px;margin:0;padding:10px 14px;border:1px solid #1265ce;border-radius:8px;background:#1675e5;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;line-height:1.3;font-weight:650;white-space:nowrap;box-shadow:0 2px 5px #1265ce1a}
#modal .vehicle-lookup-decode>button:hover{background:#1066cc}#modal .vehicle-lookup-decode>button:disabled{opacity:.7;cursor:progress}
#modal .vehicle-lookup-fields :is([data-edit-vin-status],[data-edit-vin-error],.ro-decode-error){grid-column:1/-1;margin:0;font-size:12px;line-height:1.5;overflow-wrap:anywhere}#modal .vehicle-lookup-fields [data-edit-vin-status]:empty{display:none}
html[data-theme=dark] #modal .vehicle-lookup-fields{background:#101e2c;border-color:#3c536a}html[data-theme=dark] #modal .vehicle-lookup-fields label.field{color:#d8e4ef}
@media(max-width:540px){#modal .vehicle-lookup-fields{padding:12px;gap:12px}#modal .vehicle-lookup-vin-row{grid-template-columns:minmax(0,1fr);gap:10px}#modal .vehicle-lookup-decode{justify-content:stretch}#modal .vehicle-lookup-registration{grid-template-columns:minmax(0,1fr) 130px;gap:10px}#modal .vehicle-lookup-fields :is(input:not([type=file]),select){font-size:16px;padding-inline:10px}#modal .vehicle-lookup-fields input[name=vin]{font-size:13px;letter-spacing:0}#modal .vehicle-lookup-fields .vehicle-scan-control{gap:6px}#modal .vehicle-lookup-fields select[name=plateState]{font-size:13px}}
.vehicle-layout-preview{padding:28px;background:#eef2f7}.vehicle-layout-preview #modal{position:relative;inset:auto;display:block;width:min(760px,100%);max-width:100%;max-height:none;margin:0 auto;padding:20px;border-radius:14px}.vehicle-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:18px;margin-bottom:16px;border-bottom:1px solid #8b9eb64d}.vehicle-preview-toolbar strong{font-size:18px}.vehicle-preview-controls{display:flex;align-items:end;gap:10px}.vehicle-preview-controls label{font-size:12px}.vehicle-preview-controls select{display:block;min-height:40px;margin-top:5px;max-width:220px}.vehicle-preview-controls button{min-height:40px;white-space:nowrap}.vehicle-layout-preview .ro-create-intro,.vehicle-layout-preview .ro-create-customer,.vehicle-layout-preview .ro-create-concerns,.vehicle-layout-preview .ro-create-vehicle>h3,.vehicle-layout-preview .ro-create-vehicle>label,.vehicle-layout-preview .ro-create-vehicle>.formgrid~*{display:none}.vehicle-layout-preview .ro-create-vehicle{padding:0;border:0;background:none}.vehicle-layout-preview .ro-create-vehicle>.formgrid{display:block;margin:0}.vehicle-layout-preview .vehicle-editor-identification{padding:0!important;border:0!important;background:none!important}.vehicle-layout-preview .vehicle-editor-identification>h3{display:none}.vehicle-layout-preview .vehicle-drawer{max-height:none;overflow:visible}.vehicle-layout-preview [data-preview-feedback]{margin:16px 0 0;font-size:12px;line-height:1.6;color:#5d7186}html[data-theme=dark] .vehicle-layout-preview{background:#0c141e}html[data-theme=dark] .vehicle-layout-preview [data-preview-feedback]{color:#a8bbcf}@media(max-width:540px){.vehicle-layout-preview{padding:12px}.vehicle-layout-preview #modal{padding:14px;border-radius:12px}.vehicle-preview-toolbar{align-items:stretch;flex-direction:column;gap:12px}.vehicle-preview-controls{justify-content:space-between}.vehicle-preview-controls select{max-width:195px}}
#modal .vehicle-lookup-fields{container-type:inline-size}#modal .vehicle-lookup-registration.vehicle-state-extra-long{grid-template-columns:minmax(0,1fr) minmax(230px,.65fr)}
@container(max-width:420px){#modal .vehicle-lookup-vin-row{grid-template-columns:minmax(0,1fr);gap:10px}#modal .vehicle-lookup-registration{grid-template-columns:minmax(0,1fr) 130px;gap:10px}#modal .vehicle-lookup-registration.vehicle-state-long{grid-template-columns:minmax(0,1fr)}}
@container(max-width:260px){#modal .vehicle-lookup-registration{grid-template-columns:minmax(0,1fr)}}
@media(max-width:540px){#modal .vehicle-lookup-fields input[name=vin],#modal .vehicle-lookup-fields select[name=plateState]{font-size:16px}}
.vehicle-layout-preview #modal{overflow:visible!important;max-height:none!important}.vehicle-layout-preview #modal .vehicle-preview-toolbar{background:transparent;color:inherit;padding:0 0 16px;position:static}.vehicle-layout-preview #modal #form.ro-create-form{max-height:none;overflow:visible}.vehicle-layout-preview #modal .ro-create{display:block;padding:0;overflow:visible}.vehicle-layout-preview #modal .ro-create-vehicle>.formgrid:not(:has(.vehicle-lookup-fields)){display:none!important}
.vehicle-layout-preview #modal .vehicle-preview-toolbar{height:auto;min-height:0;flex-shrink:0}.vehicle-layout-preview #modal.vehicle-edit-drawer{height:auto;min-height:0;width:min(760px,100%);border-radius:14px}.vehicle-layout-preview .vehicle-detail-fields:empty{display:none}

/* Booking identity headers must grow with address and contact links. */
#modal.booking-popup .booking-profile-brand{position:static;inset:auto;flex:none;width:100%;max-width:100%;height:auto;min-height:0;margin:0 0 14px;padding:0 0 16px;background:transparent;color:inherit;align-items:flex-start;box-sizing:border-box}
#modal.booking-popup .booking-profile-details h3{line-height:1.35}#modal.booking-popup .booking-profile-links{max-width:100%;min-width:0}#modal.booking-popup .booking-profile-links a{max-width:100%;overflow-wrap:anywhere;white-space:normal}
#modal.booking-popup .booking-header-review-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 24px;border-bottom:1px solid #8495a744;font-size:11px;line-height:1.5}#modal.booking-popup .booking-header-review-controls button{flex:none;min-height:36px;padding:7px 10px;font-size:12px}#modal.booking-popup [data-review-error]:empty{display:none}

/* Purchase status colors apply to selected controls and every menu option. */
[data-purchase-tone]{--status-fg:#334155;--status-bg:#edf2f7;--status-line:#94a3b8}
[data-purchase-tone=received]{--status-fg:#126331;--status-bg:#e5f6eb;--status-line:#299754}
[data-purchase-tone=transit]{--status-fg:#974000;--status-bg:#fff0db;--status-line:#d47714}
[data-purchase-tone=returned]{--status-fg:#b32132;--status-bg:#ffebee;--status-line:#da5263}
[data-purchase-tone=cancelled]{--status-fg:#7630aa;--status-bg:#f3e8ff;--status-line:#a262ce}
html[data-theme=dark] [data-purchase-tone]{--status-fg:#d3deed;--status-bg:#243448;--status-line:#71849c}
html[data-theme=dark] [data-purchase-tone=received]{--status-fg:#92edb0;--status-bg:#153d2a;--status-line:#46ae6c}
html[data-theme=dark] [data-purchase-tone=transit]{--status-fg:#ffc17c;--status-bg:#493018;--status-line:#d89540}
html[data-theme=dark] [data-purchase-tone=returned]{--status-fg:#ffadb8;--status-bg:#4b202b;--status-line:#df7182}
html[data-theme=dark] [data-purchase-tone=cancelled]{--status-fg:#ddb5ff;--status-bg:#3b2452;--status-line:#b182d8}
.desktop-select-trigger[data-purchase-tone],.desktop-select-option[data-purchase-tone]{color:var(--status-fg)!important;background:var(--status-bg)!important;border:1px solid var(--status-line)!important;font-weight:650}
.desktop-select-option[data-purchase-tone]{margin:3px 0;min-height:44px}
.desktop-select-option[data-purchase-tone].is-focused,.desktop-select-option[data-purchase-tone]:hover{box-shadow:inset 0 0 0 2px var(--status-line)}
.purchase-status-field .desktop-select{width:100%;min-width:135px}.purchase-status-field .desktop-select-trigger{min-height:44px;width:100%;font-size:13px}

:root:root:root:root [data-purchase-tone]{background:var(--status-bg)!important;color:var(--status-fg)!important;border-color:var(--status-line)!important}
:root:root:root:root [data-purchase-tone] :is(.desktop-select-caption,.desktop-select-check){color:inherit!important}

/* Keep Marketing navigation icons and wrapped labels on fixed, left-aligned columns. */
.marketing-workspace .mkt-navigation button{display:grid!important;grid-template-columns:20px minmax(0,1fr);align-items:center;justify-content:start!important;justify-items:start;column-gap:10px;min-height:44px;text-align:left!important}
.marketing-workspace .mkt-navigation button>svg{grid-column:1;width:20px;height:20px;justify-self:center;margin:0}
.marketing-workspace .mkt-navigation button>span{grid-column:2;min-width:0;width:100%;text-align:left!important;white-space:normal;overflow-wrap:anywhere;line-height:1.4}

/* Engine codes and real trim names remain readable in narrow vehicle selectors. */
:is(.vehicle-picker,.vl-selectors,.vehicle-detail-fields) .desktop-select-caption{white-space:normal!important;overflow-wrap:anywhere;text-overflow:clip;overflow:visible;line-height:1.35;text-align:left}
:is(.vehicle-picker,.vl-selectors,.vehicle-detail-fields) .desktop-select-trigger{height:auto!important;min-height:44px;align-items:center}

/* Readable booking identity, aligned with the transparent shop logo. */
#modal.booking-popup .booking-profile-brand{display:grid;grid-template-columns:116px minmax(0,1fr);gap:18px;align-items:start}
#modal.booking-popup .booking-profile-logo{align-self:start;margin-top:2px}
#modal.booking-popup .booking-profile-details{display:grid;gap:7px;align-content:start;min-width:0}
#modal.booking-popup .booking-profile-details h3{font-size:23px;font-weight:750;line-height:1.25;margin:0;letter-spacing:-.3px}
#modal.booking-popup .booking-profile-address{font-size:15px;line-height:1.5;margin:0}
#modal.booking-popup .booking-profile-links{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 18px;margin:0;font-size:15px;font-weight:500;line-height:1.55}
#modal.booking-popup .booking-profile-links a{display:inline-block;text-underline-offset:4px;text-decoration-thickness:1px}
#modal.booking-popup .booking-profile-links :is(a,button):focus-visible{outline:2px solid currentColor;outline-offset:3px}
@media(max-width:600px){#modal.booking-popup .booking-profile-brand{grid-template-columns:88px minmax(0,1fr);gap:12px}#modal.booking-popup .booking-profile-logo{width:88px;max-width:88px;height:82px}#modal.booking-popup .booking-profile-details{gap:6px}#modal.booking-popup .booking-profile-details h3{font-size:20px;line-height:1.3}#modal.booking-popup .booking-profile-address{font-size:14px;line-height:1.5}#modal.booking-popup .booking-profile-links{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;font-size:15px;line-height:1.5}}

@media(max-width:600px){#modal.booking-popup .booking-profile-brand{row-gap:6px}#modal.booking-popup .booking-profile-logo,#modal.booking-popup .booking-profile-brand>.booking-brand-icon{grid-column:1;grid-row:1/3}#modal.booking-popup .booking-profile-details{display:contents}#modal.booking-popup .booking-profile-details h3{grid-column:2;grid-row:1;min-width:0}#modal.booking-popup .booking-profile-address{grid-column:2;grid-row:2;min-width:0}#modal.booking-popup .booking-profile-links{grid-column:1/-1;grid-row:3;margin-top:4px}}