:root{--ink:#182b3b;--muted:#627586;--line:#e0e7ee;--accent:#175cbb}body{margin:0;background:#f4f7fa;color:var(--ink);font-family:Segoe UI,Arial,sans-serif}h1{font-size:2rem;font-weight:700;letter-spacing:-.04em;margin:0 0 10px}h2{font-size:1.25rem;font-weight:650;margin:0 0 18px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.workshop-header{background:#fff;border-bottom:1px solid var(--line);padding:20px 4%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{font-size:1.6rem;font-weight:800;letter-spacing:-.04em;color:var(--ink)}.brand span{display:block;font-size:.7rem;font-weight:400;letter-spacing:.04em;color:var(--muted)}.workshop-nav{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.workshop-nav a{color:var(--muted);font-size:.9rem}.workshop-nav .active{color:var(--accent);font-weight:700}.user-label{font-size:.8rem;color:var(--muted)}.nav-logout{border:0;background:none;color:var(--accent);font-size:.85rem}.workshop-main{max-width:1250px;margin:0 auto;padding:40px 24px;min-height:80vh}.workshop-footer{padding:20px;text-align:center;font-size:.75rem;color:var(--muted)}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.page-heading p{color:var(--muted);margin-bottom:0}.eyebrow{font-size:.68rem;font-weight:700;letter-spacing:.16em;color:var(--accent)!important;margin-bottom:10px!important}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0}.stats>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;font-size:.85rem;color:var(--muted)}.stats strong{display:block;font-size:2rem;color:var(--ink);margin-bottom:5px}.filters{display:flex;gap:12px;margin:24px 0}.filters input{flex:1}.filters select{max-width:230px}.table-wrap{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:auto;margin-top:20px}.table{margin:0;min-width:640px}.table th{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:#f9fbfd;padding:16px}.table td{padding:18px 16px;font-size:.9rem;vertical-align:middle}.table small{display:block;color:var(--muted);font-size:.75rem;margin-top:4px}.status{padding:6px 10px;border-radius:20px;background:#e8eff8;color:#2e5885;font-size:.75rem;white-space:nowrap}.status-Completed,.status-Delivered{background:#e2f5ec;color:#216647}.status-WaitingParts{background:#fff2d6;color:#88621e}.status-Cancelled{background:#f2e6e9;color:#8a3a4c}.empty{padding:32px;color:var(--muted)}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.editor-grid label{font-size:.85rem;font-weight:600}.editor-grid .form-control,.editor-grid .form-select{margin-top:7px;font-weight:400}.wide{grid-column:1/-1}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:18px 0}form .validation-errors{color:#b42334}.panel,main form:not(nav form){background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px;margin:20px 0}.panel form{padding:0!important;margin:0!important;border:0!important}.search{max-width:600px}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px;margin-top:20px}.photo-grid figure{border:1px solid var(--line);border-radius:10px;overflow:hidden;margin:0}.photo-grid img{width:100%;height:160px;object-fit:cover}.photo-grid figcaption{padding:14px;font-size:.85rem}.upload{display:block;padding:16px;background:#f4f7fa;border-radius:8px;font-size:.85rem}.upload input{display:block;margin-top:12px;max-width:100%}#blazor-error-ui{display:none;background:#fff1bd;bottom:0;padding:16px;position:fixed;width:100%;z-index:1000}.btn-primary{background:#175cbb;border-color:#175cbb}.login-panel{max-width:520px;margin:30px auto}fieldset{min-width:0}.form-control,.form-select{min-height:42px}.login-panel label{display:block;margin-top:15px}.login-panel button{margin-top:20px}.login-panel p{color:var(--muted)}
@media(max-width:800px){.workshop-header{align-items:flex-start;flex-direction:column;gap:18px}.workshop-nav{gap:16px}.workshop-main{padding:24px 16px}.page-heading{align-items:flex-start;flex-direction:column}.editor-grid{grid-template-columns:1fr}.stats{gap:8px}.stats>div{padding:14px 10px;font-size:.75rem}.stats strong{font-size:1.6rem}.filters{flex-direction:column}.filters select{max-width:none}main form:not(nav form),.panel{padding:16px}.user-label{display:none}}
.intake-wizard{max-width:760px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px}.intake-progress{width:100%;height:8px;accent-color:var(--accent)}.intake-steps{display:flex;flex-wrap:wrap;gap:8px 16px;list-style:none;padding:12px 0;font-size:.78rem;color:var(--muted)}.intake-steps .current{font-weight:700;color:var(--accent)}.intake-steps .done{color:#216647}.intake-field{display:block;margin:22px 0;font-weight:600}.intake-field input,.intake-field select,.intake-field textarea{margin-top:8px;font-weight:400}.intake-confirm{display:flex;align-items:flex-start;gap:12px;margin:22px 0;font-size:.95rem}.intake-confirm input{width:22px;height:22px;flex-shrink:0}.intake-camera{margin:20px 0}.camera-view{position:relative;background:#111;border-radius:10px;overflow:hidden}.camera-view[hidden]{display:none}.camera-view video{display:block;width:100%;height:auto}.camera-guide{position:absolute;left:5%;top:35%;width:90%;height:30%;border:3px solid #fff;border-radius:8px;box-shadow:0 0 0 1000px #0004;pointer-events:none}.intake-preview{display:block;width:100%;max-height:330px;object-fit:contain;background:#f4f7fa;border-radius:8px}.camera-hint{color:var(--muted);font-size:.85rem}.plate-input,.vin-input{text-transform:uppercase;font-family:monospace;overflow-wrap:anywhere}.intake-summary{display:grid;grid-template-columns:140px minmax(0,1fr);gap:12px}.intake-summary dd{margin:0;overflow-wrap:anywhere}.intake-wizard button{min-height:48px}.intake-wizard input,.intake-wizard select,.intake-wizard textarea{font-size:16px}.intake-plate{font-size:1.2rem}@media(max-width:600px){.intake-wizard{padding:16px}.intake-summary{grid-template-columns:1fr;gap:5px}.intake-summary dd{margin-bottom:12px}.intake-wizard .actions{align-items:stretch;flex-direction:column}.intake-wizard fieldset>.btn{width:100%}.intake-steps{gap:6px 12px;font-size:.7rem}}
.odometer-choices{margin:20px 0;padding:16px;background:#f4f7fa;border-radius:8px}.odometer-choices button{margin:4px 8px 4px 0}.odometer-choices button[aria-pressed=true]{background:var(--accent);color:white}
.crop-editor[hidden]{display:none}.crop-editor canvas{display:block;width:auto;height:auto;max-width:100%;max-height:65vh;touch-action:none;cursor:crosshair;background:#111;border-radius:8px}.crop-editor .actions{margin:12px 0}.crop-editor p{font-size:.9rem}.camera-view video{max-height:60vh;object-fit:contain}.camera-guide{display:none}
/* Preview and capture use the same centred wide viewport, even on a portrait phone. */
.camera-view{width:100%;aspect-ratio:3.2/1}.camera-view-odometer{aspect-ratio:2.4/1}.camera-view-vin{aspect-ratio:4/1}.camera-view video{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;object-position:50% 50%}.camera-guide{display:block;inset:5% 2%;width:auto;height:auto;border:2px solid #ffd54f;border-radius:4px;box-shadow:none}.crop-editor canvas{max-height:40vh}
.vin-choices button{font-family:Consolas,monospace;font-variant-numeric:slashed-zero;overflow-wrap:anywhere}.vin-choices button[aria-pressed=true]{background:var(--accent);color:white}