/* Readable controls and task-first layouts, shared by desktop and phone. */
:root{color-scheme:dark}
[hidden]{display:none!important}
body{font-size:14px}
.page-header h1{font-size:38px;line-height:1.12}
.page-header p{font-size:14px;max-width:560px}
.page-header .eyebrow{font-size:12px;letter-spacing:1px;margin-bottom:7px}
.nav-item{min-height:44px}
.sidebar{overflow-y:auto;overflow-x:hidden}
.brand span{font-size:9px;letter-spacing:.7px;padding-left:0;margin-top:10px}
.stat-label{font-size:14px!important}
.stat-foot{font-size:12px;flex-wrap:wrap;padding-right:0}
.stat-mini{display:none}
.stat-value{margin:12px 0 7px}
.button,.button.small,.icon-button,.row-button{min-height:44px}
.button,.button.small{font-size:14px}
.row-button,.icon-button{min-width:44px}
.row-button{display:inline-flex;align-items:center;justify-content:center}
.notification{width:44px;height:44px}
.form-field label{font-size:13px;color:#c6cbbf}
.form-field input,.form-field select,input,select,textarea{font-size:14px;min-height:44px}
.tabs{gap:18px}
.tab{font-size:13px;min-height:44px}
.tab span{font-size:12px}
th{font-size:12px;letter-spacing:.5px}td{font-size:14px;white-space:normal}
.vehicle-cell strong,.job-open{font-size:14px}
.vehicle-cell small,.schedule-info small{font-size:12px}
.pill{font-size:12px;padding:5px 8px}
.panel-head h2{font-size:16px}
.job-open{border:0;background:none;padding:8px 0;text-align:left;min-height:44px;font-weight:750;letter-spacing:.4px;color:var(--text);white-space:nowrap}
.job-open:hover{color:var(--yellow)}
.dashboard-jobs tr:hover{background:#22251d}
.dashboard-layout{display:flex;flex-direction:column;gap:20px}
.dashboard-layout>.stats{order:1;margin:0}
.attention-strip{order:0;display:flex;flex-wrap:wrap;gap:10px}
.attention-strip a{min-height:44px;display:flex;align-items:center;gap:7px;border:1px solid #494b35;border-radius:7px;background:#24251b;padding:10px 13px;font-size:13px}
.attention-strip a:hover{border-color:var(--yellow)}
.attention-strip strong{color:var(--yellow)}
.attention-strip .icon{width:17px;height:17px;color:var(--yellow)}
.dashboard-grid{order:2}
.dashboard-primary{display:flex;flex-direction:column;gap:20px;min-width:0}
.dashboard-primary .panel{margin:0}
.dashboard-jobs{order:0}
.workshop-panel{order:1}
.dashboard-primary>.panel:last-child{order:2}
.bay{display:block;color:var(--text);text-align:left;width:100%;font-family:inherit}
.bay strong{font-size:14px;letter-spacing:0}
.bay small{font-size:12px}
.bay-top{font-size:12px;gap:6px}
.workshop-header{gap:12px;flex-wrap:wrap}
.workshop-header span{font-size:12px}
.job-card{display:block;width:100%;text-align:left;color:var(--text);font-family:var(--font)}
.job-card-header,.job-card-foot{display:flex;font-size:12px}
.job-card-title{display:block;font:600 25px var(--display);letter-spacing:.5px;margin:12px 0 4px}
.job-card-customer{display:block;font-size:13px;color:var(--muted)}
.job-service{display:block;font-size:14px}
.job-card-status{display:block;margin-top:14px}
.mobile-job-filters,.mobile-jobs-list{display:none}
.kanban .job-card-status{display:none}
.service-choices{border:1px solid var(--border);border-radius:7px;padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}
.service-choices legend{font-size:14px;font-weight:700;padding:0 6px}
.service-choices label{display:flex;align-items:flex-start;gap:10px;min-height:44px;cursor:pointer;padding:7px;background:#21251c;border-radius:5px}
.service-choices input,.receipt-row-head input{width:20px;height:20px;min-height:20px;accent-color:var(--yellow);flex-shrink:0;margin:3px 0 0}
.service-choices small{display:block;font-size:12px;margin-top:3px}
.invoice-client label{display:block;font-size:12px;font-weight:650;color:#c5c9d1;letter-spacing:.6px}
.invoice-client .invoice-vehicle-label{margin-top:16px}
.invoice-client select{font-size:14px}
.invoice-summary .quantity button{width:44px;height:44px}
.invoice-summary .cart-item strong,.invoice-summary .cart-price{font-size:14px}
.invoice-summary .cart-item small,.invoice-summary .total-row,.invoice-summary .grand-total>span{font-size:13px}
.invoice-summary .cart-price button{font-size:12px;min-height:36px}
.invoice-summary .button.primary{font-size:14px;white-space:normal}
.invoice-items-label,.invoice-document-meta{font-size:12px;letter-spacing:.4px}
.invoice-brand>span{font-size:10px;letter-spacing:1px}
.invoice-preview-label{font-size:12px}
.detail-meta{flex-wrap:wrap}
.detail-meta strong{font-size:16px}
.wide-dialog{width:min(1120px,calc(100% - 28px))}
.receipt-review{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px;align-items:start}
.source-document{position:sticky;top:0;min-width:0}
.source-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}
.source-head label{display:flex;gap:8px;align-items:center;font-size:12px}
.source-head input{width:120px;min-height:32px;accent-color:var(--yellow)}
.source-viewport{height:520px;overflow:auto;background:#10130e;border:1px solid #444a39;border-radius:7px}
.source-viewport img{width:100%;display:block;max-width:none}
.source-viewport object{width:100%;height:100%}
.sample-document{padding:26px;background:#f4f1e5;color:#222;min-height:100%;font-size:14px}
.sample-document p{margin:20px 0}
.sample-document small{color:#555}
.receipt-help{font-size:13px;color:var(--muted);margin-bottom:15px}
.receipt-row{padding:18px;border:1px solid #444b38;border-radius:8px;margin-bottom:16px;background:#1e2319}
.receipt-row.excluded{background:#181b16;border-color:#30382a}
.receipt-row.excluded>.form-field,.receipt-row.excluded>.receipt-fields,.receipt-row.excluded>.new-import-product{opacity:.55}
.receipt-row-head{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:13px}
.receipt-row-head label{display:flex;align-items:center;gap:8px;min-height:32px}
.match-status{color:#cbd4bf;font-size:12px}
.match-status.red-text{color:var(--red)}
.new-import-product{margin-top:14px}
.receipt-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}
.receipt-line-summary{font-size:13px;color:#d2dabf}
.receipt-error{font-size:12px;color:#edca89;margin-top:8px}
.dialog-foot{flex-wrap:wrap}
.dialog-head{position:sticky;top:0;z-index:3;background:#191c16}
.dialog-foot{position:sticky;bottom:0;z-index:3;background:#191c16}
.job-form-error{color:var(--red)}
.dialog-notice{width:100%;color:#ffdc85;background:#302b19;border:1px solid #6a5b2a;border-radius:5px;padding:10px 12px;font-size:13px}
.payment-identity{margin-bottom:16px;font-weight:650}
.payment-identity small{font-weight:400;display:block;margin-top:4px}
@media(min-width:761px){.dashboard-jobs .table-wrap{overflow:auto}.kanban{grid-template-columns:repeat(4,minmax(230px,1fr))}}
@media(max-width:1400px){.dashboard-grid{grid-template-columns:1fr}.right-stack{display:grid;grid-template-columns:1fr 1fr;gap:18px}.right-stack .panel+.panel{margin:0}.right-stack .panel:last-child{grid-column:1/-1}}
@media(max-width:1100px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
  .page-header{flex-direction:column;gap:14px;margin-bottom:18px}.page-header h1{font-size:32px}.page-header p{font-size:14px;max-width:none}.page-header .actions{justify-content:flex-start;width:100%}.page-header .actions .button{font-size:13px}.page-header .actions .secondary-action{display:inline-flex}
  main{padding:20px 16px 32px}.topbar{padding:0 16px}.breadcrumb strong{font-size:14px}.mobile-nav a{font-size:12px;min-height:44px;min-width:0;flex:1}.mobile-nav .icon{width:20px;height:20px}.mobile-nav{gap:3px;padding-inline:8px}.search-trigger{min-width:44px;min-height:44px}.footer{padding-bottom:105px}
  .dashboard-layout{gap:16px}.dashboard-layout>.stats{order:3}.dashboard-grid{order:1}.dashboard-primary{gap:16px}.attention-strip{display:grid;grid-template-columns:1fr;gap:7px}.attention-strip a{padding:8px 12px;font-size:13px;min-height:40px}.attention-strip .icon{width:16px;height:16px}
  .dashboard-jobs .tabs{padding:0 12px;gap:14px}.dashboard-jobs .tab{font-size:12px}.dashboard-jobs .tab span{font-size:11px}.dashboard-jobs tr{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:12px;gap:5px 8px}.dashboard-jobs td{white-space:normal}.dashboard-jobs td:first-child{grid-column:1/-1}.dashboard-jobs tr td:nth-child(2){margin:0;grid-column:1/-1;font-size:14px}.dashboard-jobs tr td:nth-child(3){grid-column:1;grid-row:3;justify-self:start}.dashboard-jobs tr td:nth-child(5){grid-column:2;grid-row:3;font-size:13px}.dashboard-jobs .vehicle-cell small{font-size:12px}.job-open{min-height:36px;padding:4px 0}.dashboard-jobs .vehicle-cell{gap:10px}
  .dashboard-jobs tr{cursor:pointer}
  .workshop-panel .bay-car,.workshop-panel .progress,.workshop-panel .bay small{display:none}.workshop-panel .bay strong{text-align:left;margin-top:8px;font-size:14px}.workshop-panel .bay{padding:12px}.bay-top{font-size:12px}.bays{gap:8px}.workshop-header h2{font-size:16px}
  .right-stack{display:flex;flex-direction:column;gap:16px}.right-stack .panel+.panel{margin:0}.right-stack .panel:nth-child(2){order:-2}.right-stack .retention-card{order:-1}.stat-label{font-size:13px!important}.stat-foot{font-size:12px}.stat{padding:14px}.stat-value{font-size:36px}
  .kanban{display:none}.mobile-job-filters{display:flex;align-items:center;gap:12px;margin-bottom:16px}.mobile-job-filters label{font-size:14px;font-weight:600}.mobile-job-filters select{flex:1;min-width:0}.mobile-jobs-list{display:grid;gap:12px}.mobile-jobs-list .job-card{margin:0}.job-card-header{font-size:12px}.job-card-customer{font-size:13px}.job-card-foot{font-size:13px}
  .followup-table table,.followup-table tbody{display:block}.followup-table thead{display:none}.followup-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:16px;border-bottom:1px solid var(--border)}.followup-table td{display:block;border:0;padding:0;font-size:14px;white-space:normal}.followup-table td:first-child{grid-column:1/-1}.followup-table td:nth-child(2),.followup-table td:nth-child(3){grid-column:1/-1;color:var(--muted)}.followup-table td:nth-child(4){grid-column:1;align-self:center}.followup-table td:nth-child(4):before{content:'Due: ';color:var(--muted)}.followup-table td:nth-child(5){grid-column:2;grid-row:4;justify-self:end}.followup-table td:nth-child(6){grid-column:1/-1;margin-top:5px}.followup-table .button{width:100%}
  .followup-table .panel-head{flex-wrap:wrap}.service-choices{grid-template-columns:1fr}.form-grid{gap:16px}.receipt-review{grid-template-columns:1fr}.source-document{position:static}.source-viewport{height:260px}.wide-dialog{max-height:92vh}.receipt-row{padding:14px}.receipt-fields{gap:12px}.receipt-fields label{font-size:12px}.import-steps{gap:5px;font-size:12px;flex-wrap:wrap}.import-steps span{padding:4px 6px}.detail-meta{display:grid;grid-template-columns:1fr;gap:16px}.dialog-foot .button{flex:1;white-space:normal}.invoice-summary .quantity button{width:44px;height:44px}.invoice-client label{font-size:13px}.invoice-summary .cart-price{white-space:normal}.invoice-summary .grand-total strong{font-size:40px}.item-selector{grid-template-columns:1fr}.product-button{flex-direction:row;align-items:center}.product-button strong{font-size:14px}.product-button small{font-size:12px}.invoice-heading h2{font-size:34px}.inventory-table td:first-child{font-size:14px}.inventory-table td:nth-child(2),.inventory-table td:nth-child(5){font-size:13px}
}
@media(max-width:360px){.receipt-fields{grid-template-columns:1fr}.dashboard-jobs .tabs{gap:10px}.dashboard-jobs .tab span{display:none}.invoice-summary .grand-total{flex-wrap:wrap}}