/* Tractor & Trailer inspection tool */
.inspection-hero h1 span{color:#67d2bc}.inspection-section{background:#f6f8fa}.inspection-app{display:grid;gap:18px}.inspection-toolbar{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff}.inspection-switch{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:6px;padding:4px;border-radius:10px;background:#edf2f4}.inspection-switch button{min-height:44px;padding:9px 18px;border:0;border-radius:8px;background:transparent;color:var(--ink);font:inherit;font-weight:850;cursor:pointer}.inspection-switch button.is-active{background:var(--navy);color:#fff;box-shadow:0 4px 14px rgba(8,24,40,.15)}.inspection-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:22px;align-items:start}.inspection-visual-column{display:grid;gap:16px}.vehicle-card,.inspection-progress-card,.inspection-panel,.paid-preview{border:1px solid var(--line);border-radius:16px;background:#fff}.vehicle-card{overflow:hidden}.vehicle-caption{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line)}.vehicle-caption span{color:var(--muted);font-size:.83rem}.vehicle-visual{position:relative;padding:0;overflow:hidden;background:#f5f7f8}.vehicle-visual svg{display:block;width:100%;height:auto;background:#f5f7f8}.inspection-hotspot{cursor:pointer}.inspection-hotspot circle{fill:#fff;stroke:var(--teal);stroke-width:5;filter:drop-shadow(0 2px 3px rgba(0,0,0,.16));transition:.15s ease}.inspection-hotspot text{fill:var(--navy);font-size:18px;font-weight:900;text-anchor:middle;dominant-baseline:middle;pointer-events:none}.inspection-hotspot:hover circle,.inspection-hotspot.is-active circle,.inspection-hotspot:focus circle{fill:#daf5ef;stroke-width:8}.inspection-hotspot.is-done circle{fill:#d8f4eb;stroke:#16856b}.inspection-hotspot.is-done text{fill:#0b6958}.inspection-hotspot.is-hidden{display:none}.inspection-hotspot-label{opacity:0;transition:opacity .15s ease;pointer-events:none}.inspection-hotspot:hover .inspection-hotspot-label,.inspection-hotspot:focus .inspection-hotspot-label,.inspection-hotspot.is-active .inspection-hotspot-label{opacity:1}.inspection-hotspot-label rect{fill:#0b1726;stroke:#1f3142;stroke-width:1}.inspection-hotspot-label text{fill:#fff;font-size:13px;font-weight:800}.inspection-hotspot-label line{stroke:#0b1726;stroke-width:2}.inspection-progress-card{padding:18px 20px}.inspection-progress-card>div:first-child{display:flex;justify-content:space-between;gap:12px;align-items:center}.inspection-progress-card span{font-weight:800}.inspection-progress-card strong{font-size:.84rem;color:var(--muted)}.inspection-progress{height:10px;margin-top:12px;border-radius:99px;background:#e8eef1;overflow:hidden}.inspection-progress i{display:block;height:100%;width:0;background:var(--teal);border-radius:99px;transition:width .25s ease}.inspection-panel{position:sticky;top:92px;padding:25px}.inspection-panel-kicker{color:var(--teal-dark);font-size:.69rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.inspection-panel h2{margin:7px 0 10px;font-size:1.65rem}.inspection-panel>p{color:var(--muted)}.inspection-items{display:grid;gap:10px;margin:20px 0}.inspection-item{padding:13px;border:1px solid var(--line);border-radius:10px;background:#fbfcfd}.inspection-item-title{font-weight:800;font-size:.92rem}.inspection-item-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.inspection-item-actions button{padding:8px 10px;border:1px solid #c8d4da;border-radius:7px;background:#fff;color:var(--ink);font:inherit;font-size:.76rem;font-weight:850;cursor:pointer}.inspection-item-actions button.is-selected{border-color:var(--teal);background:#e6f6f2;color:#0b6958}.inspection-item-actions button.is-defect.is-selected{border-color:#c76e55;background:#fff1ed;color:#7a301f}.inspection-defect{margin:16px 0;padding:16px;border:1px solid #e8c2b7;border-radius:10px;background:#fff8f6}.inspection-defect label{display:block;margin-bottom:8px;font-weight:850}.inspection-defect textarea{width:100%;padding:11px;border:1px solid #cbd6dc;border-radius:8px;font:inherit;font-size:1rem;resize:vertical}.inspection-defect small{display:block;margin-top:7px;color:var(--muted)}.inspection-action-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.inspection-complete{width:100%;border:0;cursor:pointer}.inspection-complete.is-complete{background:#0b6958}.inspection-next{width:100%;justify-content:center;background:#eef4f6!important;color:var(--navy)!important;border:1px solid var(--line)!important}.inspection-next:hover{background:#e5eef2!important}.inspection-status{min-height:22px;margin:10px 0 0!important;font-size:.84rem;font-weight:750;color:#0b6958}.paid-preview{padding:24px}.paid-preview-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:15px}.paid-preview-head span{font-weight:900}.paid-preview-head strong{color:var(--teal-dark);font-size:.75rem}.paid-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:18px}.paid-preview-grid>div{display:flex;gap:9px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:9px;background:#f8fafb;font-size:.82rem;font-weight:700}.paid-preview-grid b{font-size:.9rem}.inspection-explain{background:#fff}.inspection-error{padding:20px;border:1px solid #e8c2b7;border-radius:12px;background:#fff8f6;color:#7a301f}.inspection-error strong{display:block;margin-bottom:5px}.inspection-error button{margin-top:12px}.inspection-app[data-state="loading"] .inspection-panel{opacity:.78}
@media(max-width:900px){.inspection-layout{grid-template-columns:1fr}.inspection-panel{position:static}.vehicle-visual svg{min-height:0}.paid-preview-grid{grid-template-columns:1fr}}
@media(max-width:620px){.inspection-toolbar{display:grid}.inspection-switch{grid-template-columns:1fr 1fr;width:100%}.inspection-switch button{min-width:0;padding:9px}.vehicle-caption{align-items:flex-start;flex-direction:column}.vehicle-visual{padding:4px}.inspection-hotspot circle{stroke-width:7}.inspection-hotspot text{font-size:22px}.inspection-hotspot-label text{font-size:16px}.inspection-progress-card>div:first-child,.paid-preview-head{align-items:flex-start;flex-direction:column}.inspection-action-row{grid-template-columns:1fr}.inspection-panel{padding:19px}.paid-preview{padding:18px}}