/* Readable typography and touch targets across the entire admin. */
body{font-size:16px;line-height:1.5;color:#233b30}p{color:#56685c}small{font-size:14px!important;color:#607064;line-height:1.55}.btn,.link{font-size:15px;min-height:44px;padding:10px 16px}.badge,.tag{font-size:13px;padding:6px 10px}.crumb,.slash,.header-right{color:#617064}header{font-size:15px}.live{font-size:14px}.workspace{font-size:11px;letter-spacing:1px}nav a{font-size:15px;color:#526359;min-height:46px}.navlabel{font-size:12px;color:#627167}.sidebar-bottom{font-size:14px}aside{overflow-y:auto}.sidebar-bottom{margin-top:22px}h1{font-size:31px}h2{font-size:20px;line-height:1.4}.heading p{font-size:16px}.metric-head{font-size:15px;color:#56685b}.metric strong{font-size:30px}.metric small{font-size:13px}.banner{font-size:15px;color:#4e623d}.panel-head p{font-size:14px}th{font-size:13px;font-weight:700;color:#536357;padding:15px 20px}td{font-size:15px;padding:17px 20px}.table-foot,.chart-note{font-size:13px;color:#5d6d61}.chart{gap:12px}.barwrap label{font-size:12px;color:#586a5c}.legend div{font-size:14px}.car-spec{font-size:14px;color:#5b6c5f}.car-price{font-size:21px}.toolbar input,.toolbar select{font-size:16px;min-height:46px}label.field{font-size:15px;color:#405a49;font-weight:500}label.field input,label.field select,label.field textarea{font-size:16px;min-height:46px;color:#21392c;line-height:1.5}.help{font-size:14px;color:#48613e;line-height:1.65}footer{font-size:12px;color:#5c6e60}.audit{font-size:15px}#error,.form-error{font-size:15px;color:#a1342e;line-height:1.6;margin:12px 0}#error:empty,.form-error:empty{display:none}dialog{width:700px;max-height:90vh}button:disabled{cursor:not-allowed;opacity:.55}.btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #bc8b2e;outline-offset:3px}input[type=checkbox]{width:24px;height:24px;flex-shrink:0;accent-color:var(--green)}
.pos-layout{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:24px;align-items:start}.pos-section{padding:24px;margin-bottom:22px}.section-title{display:flex;gap:12px;align-items:center;margin-bottom:22px}.section-title>span:first-child{background:#e8f0df;color:#39613d;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:15px;font-weight:700;flex-shrink:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}.form-grid label{min-width:0}.pos-search{width:100%;padding:13px 15px;border:1px solid #cdd9cf;border-radius:7px;margin-bottom:20px;font-size:16px}.pos-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.pos-car{text-align:left;border:2px solid #e1e8df;border-radius:10px;overflow:hidden;background:#fff;color:#243d2c;padding:0;font-size:16px}.pos-car.selected{border-color:#216b51;box-shadow:0 0 0 2px #d8e9d6}.pos-car:hover:not(:disabled){border-color:#649675}.pos-car .car-art{height:115px}.pos-car-copy{padding:16px}.pos-car-copy>b{font-size:18px}.pos-car-copy>div{margin:14px 0}.pos-car-copy>div>small{display:inline}.pos-car-copy strong{color:#216b51}.pos-cart{padding:24px;position:sticky;top:20px}.pos-cart .form-grid{grid-template-columns:1fr}.receipt-line{display:flex;justify-content:space-between;gap:14px;padding:12px 0;font-size:15px;border-bottom:1px solid #e6ebe3}.receipt-total{display:flex;flex-direction:column;gap:6px;margin:18px 0;color:#216b51}.receipt-total strong{font:800 30px Manrope,sans-serif}.checkout{width:100%;margin:16px 0 10px;min-height:52px;font-size:16px}.pos-success{text-align:center;padding:48px 24px}.pos-success h2{margin:24px 0 10px}.pos-success .actions{justify-content:center;margin-top:30px}.success-mark{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:#e8f2df;color:#216b51;font-size:36px;margin:0 auto 25px}.inspection-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,1fr);gap:24px}.inspection-checks{margin:22px 0}.check-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px 0;border-bottom:1px solid #e3e9e0;align-items:center}.check-row label{font-weight:600;font-size:16px}.check-row input{grid-column:1/-1}.check-row input,.check-row select,.media-card input{font-size:16px;min-width:0;width:100%;padding:12px;border:1px solid #ccd7cc;border-radius:6px;min-height:46px;background:#fff;color:#28412f}.media-buttons{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.media-buttons label{cursor:pointer}.media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}.media-grid .empty{grid-column:1/-1;border:1px dashed #cbd7c8;border-radius:7px;font-size:15px}.media-card{min-width:0;border:1px solid #dce5da;border-radius:8px;padding:10px;background:#fbfcf9}.media-card img,.media-card video{width:100%;height:145px;object-fit:contain;background:#e8eee5;border-radius:5px}.media-card small{overflow-wrap:anywhere;margin:10px 0}.media-card p{font-size:14px;overflow-wrap:anywhere}.media-card input{font-size:14px}.consent{display:flex;align-items:flex-start;gap:12px;font-size:16px;line-height:1.7}.inspection-confirm{position:sticky;top:20px}.wide-modal{width:1100px}.wide-modal #fields{display:block}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:25px}.compare-grid>section{padding:18px;background:#f7f9f3;border-radius:8px}.condition-changed{background:#fff4d8}.wide-modal table{white-space:normal}.wide-modal .media-card img,.wide-modal .media-card video{height:160px}
@media(min-width:1650px){.pos-catalog{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1250px){.pos-layout{grid-template-columns:minmax(0,1fr) 320px}.pos-section,.pos-cart{padding:18px}.pos-catalog{grid-template-columns:1fr}.inspection-layout{grid-template-columns:1fr}.inspection-confirm{position:static}.form-grid{gap:14px}.metric strong{font-size:26px}}@media(max-width:950px){.pos-layout{grid-template-columns:1fr}.pos-cart{position:static}.pos-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-cart .form-grid{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:1fr 1fr}.compare-grid{grid-template-columns:1fr}}@media(max-width:700px){nav a{font-size:15px}header{font-size:14px}.live{font-size:12px}.heading h1{font-size:28px}h2{font-size:19px}.pos-section,.pos-cart{padding:18px}.form-grid,.pos-cart .form-grid{grid-template-columns:1fr}.pos-catalog{gap:10px}.pos-car-copy{padding:12px}.pos-car-copy>b{font-size:16px}.pos-car .car-art{height:90px}.pos-car-copy strong{font-size:16px}.pos-car-copy .badge{font-size:12px}.media-grid{grid-template-columns:1fr 1fr}.check-row{grid-template-columns:1fr}.check-row input{grid-column:auto}.banner{font-size:14px}.metrics .metric strong{font-size:23px}.metric-head{font-size:14px}.metric-icon{display:none}#fields{padding:18px}.wide-modal #fields{padding:12px}.compare-grid>section{padding:12px}footer{flex-direction:column}.header-right{gap:8px}}

.calendar .reserved{font-size:14px;min-height:44px}.calendar th,.calendar td{font-size:14px}.pos-car:disabled{opacity:.72}.inspection-layout .field textarea{width:100%}

/* Comfortable reading for staff on desktop, tablet and phone. */
:root{--muted:#536357}
body{font-size:18px;line-height:1.6}
p{color:#46594d}
small{font-size:16px!important;color:#536357;line-height:1.6}
.btn,.link,nav a,label.field,.toolbar input,.toolbar select,
label.field input,label.field select,label.field textarea,
.pos-search,.pos-car,.receipt-line,.checkout,.check-row label,
.check-row input,.check-row select,.media-card input,.consent{font-size:18px}
.btn,.link,nav a,.toolbar input,.toolbar select,
label.field input,label.field select,label.field textarea,
.pos-search,.check-row input,.check-row select,.media-card input{min-height:48px}
.btn{white-space:normal;line-height:1.5}
nav a{line-height:1.45}
.workspace,.navlabel,.sidebar-bottom,header,.live,.banner,
.metric-head,.panel-head p,.badge,.tag,th,.table-foot,.chart-note,
.barwrap label,.legend div,.car-spec,.help,footer,.audit,
#error,.form-error,.section-title>span:first-child,
.media-grid .empty,.media-card p,.calendar .reserved,
.calendar th,.calendar td{font-size:16px}
td,.heading p{font-size:18px}
th,td{line-height:1.6;padding:16px 20px}
.badge,.tag{white-space:normal;line-height:1.5}
.tag{color:#536357}.badge.amber{color:#77500e}.badge.blue{color:#355e7e}.badge.red{color:#913d31}
.calendar .service{color:#77500e}
.workspace{letter-spacing:.5px;margin:22px 8px}
.workspace span{display:inline-block;margin:6px 0 0}
.navlabel{letter-spacing:.5px}
h1,.heading h1{font-size:32px;line-height:1.25;letter-spacing:-.5px}
h2{font-size:22px;line-height:1.4}
.pos-car-copy>b{font-size:20px}.pos-car-copy strong{font-size:18px}
.pos-car-copy .badge{font-size:16px}
.metric,.panel,.pos-section,.pos-cart,.form-grid>*{min-width:0}
.metric strong,.metrics .metric strong{font-size:28px;line-height:1.35;overflow-wrap:anywhere}
.metric-head{gap:10px}
.heading,.panel-head,.banner,.toolbar{flex-wrap:wrap}
.panel-head>*{min-width:0}
.car-spec{flex-wrap:wrap;gap:8px}
.form-grid input,.form-grid select,.field input,.field select{min-width:0;max-width:100%}
.pos-cart{overflow-wrap:anywhere}
.receipt-line> :last-child{text-align:right}
.icon{min-width:48px;min-height:48px;color:#46594d}
button:focus-visible{outline:3px solid #946500;outline-offset:3px}
::placeholder{color:#617064;opacity:1}
.chart{gap:8px}.barwrap label{bottom:-27px}
.chart-note{padding-top:23px}
.fleet-summary{flex-wrap:wrap}
.calendar td{min-width:110px}
.calendar td:first-child{min-width:180px}
@media(max-width:1100px) and (min-width:701px){
  aside{width:230px;padding:24px 12px}.shell{margin-left:230px}
  .cards{grid-template-columns:1fr}
}
@media(max-width:700px){
  nav a{font-size:18px}.workspace{display:none}
  header{height:auto;min-height:64px;flex-wrap:wrap;gap:8px;padding:12px 18px}
  .header-right,.live{font-size:16px}
  .pos-car-copy>b{font-size:20px}.pos-car-copy strong{font-size:18px}
  .pos-car-copy .badge{font-size:16px}
  .banner,.metric-head{font-size:16px}
  .heading h1{font-size:30px}
  .pos-catalog{grid-template-columns:1fr}
  .pos-section,.pos-cart{padding:16px}
  .modal-head,.modal-footer{padding:16px;gap:12px;flex-wrap:wrap}
}
@media(max-width:480px){
  .metrics{grid-template-columns:1fr}
  .media-grid{grid-template-columns:1fr}
  .toolbar input,.toolbar select{width:100%;max-width:100%}
  .chart{padding-left:12px;padding-right:12px}
  .barwrap label{font-size:16px}
  .receipt-line{flex-wrap:wrap}
}