:root{color-scheme:dark;font:16px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#101317;color:#f7f8fa;--muted:#aab3be;--line:#303843;--accent:#68c8ed}*{box-sizing:border-box}body{margin:0}header{max-width:900px;margin:auto;display:flex;align-items:center;gap:16px;padding:18px 22px;border-bottom:1px solid var(--line)}header img{width:142px;height:56px;object-fit:contain}header span{font-size:18px;font-weight:600}header #logout{margin-left:auto}main{max-width:760px;margin:auto;padding:24px 22px 60px}h1{font-size:27px;margin:5px 0 22px}h2{font-size:19px;margin:26px 0 12px}h3{font-size:17px;margin:0 0 6px}p{line-height:1.5}button,.button{appearance:none;display:inline-flex;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:11px 16px;border:0;border-radius:9px;background:var(--accent);color:#071820;font:inherit;font-weight:650;cursor:pointer;text-decoration:none}button:disabled{opacity:.5;cursor:wait}.secondary{background:#29323d;color:#f7f8fa}.text{background:transparent;color:var(--accent);padding:8px 0;font-weight:500}form{display:grid;gap:16px;max-width:520px}label{display:grid;gap:7px;font-size:14px;color:var(--muted)}input,textarea,select{font:inherit;color:#fff;background:#1b2129;border:1px solid #404b59;border-radius:8px;padding:12px;width:100%;min-height:46px}textarea{min-height:95px;resize:vertical}input:focus,textarea:focus,select:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input[type=checkbox]{min-height:24px;width:24px}.check{display:flex;align-items:center;gap:9px}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.row.between{justify-content:space-between}.muted,small{color:var(--muted)}.vehicles{margin-top:16px}.vehicle{display:block;color:inherit;text-decoration:none;border-bottom:1px solid var(--line);padding:18px 0}.vehicle:first-child{border-top:1px solid var(--line)}.vehicle .row{justify-content:space-between}.vehicle strong{font-size:18px}.vin{font-family:ui-monospace,SFMono-Regular,monospace;font-size:13px;color:var(--muted);overflow-wrap:anywhere;margin-top:7px}.plate{color:var(--accent);font-weight:600}.job{padding:18px 0;border-bottom:1px solid var(--line)}.job .status{font-size:14px;color:var(--muted);margin:8px 0 12px}.done{color:#81d7aa!important}.data{display:grid;grid-template-columns:135px 1fr;gap:10px;margin:24px 0}.data dt{color:var(--muted)}.data dd{margin:0;overflow-wrap:anywhere}.photos{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.photos img{height:80px;width:105px;object-fit:cover;border-radius:6px}.error{color:#ffb5ac}#message{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);width:min(92%,580px);background:#47282b;border:1px solid #b8666b;border-radius:10px;padding:16px;z-index:10}.notice{padding:16px 0;color:var(--muted)}.back{margin-bottom:16px}.price{font-weight:650;font-size:18px}details{padding:14px 0}summary{color:var(--accent);cursor:pointer}progress{width:100%}[hidden]{display:none!important}@media(max-width:540px){header{padding:12px 18px;gap:12px}header img{width:107px;height:42px}header span{font-size:16px}main{padding:20px 18px 50px}.data{grid-template-columns:110px 1fr}h1{font-size:25px}.row button{flex-grow:1}}

dialog{width:min(940px,96vw);height:90dvh;max-height:90dvh;border:1px solid #454e5a;border-radius:12px;background:#171d24;color:#fff;padding:0}dialog::backdrop{background:#000b}.document-controls{padding:12px 16px;position:sticky;top:0;background:#171d24;z-index:1}.document-pages{padding:0 12px 16px}.document-pages canvas,.document-pages img{display:block;width:100%;height:auto;margin:0 auto 12px}.document-pages canvas{background:white}

#workshop-background{position:fixed;inset:0;overflow:hidden;background:#090909;z-index:-1;pointer-events:none}#workshop-background img,#workshop-background video{position:absolute;max-width:none;object-fit:contain;mask-image:linear-gradient(to bottom,transparent 0%,black 16%,black 91%,transparent 100%)}body{background:transparent;isolation:isolate}header{background:linear-gradient(#0b0d10ed,#0b0d1099);border-color:#ffffff29}h1,h2,h3{color:#fff;font-weight:750;text-shadow:0 2px 5px #000}form,.vehicle,.job,.data{background:#101317d9;border:1px solid #ffffff2e;border-radius:11px;padding:17px;margin-bottom:12px;backdrop-filter:blur(5px)}.vehicle:first-child{border-top:1px solid #ffffff2e}.muted,.vin,.job .status,small{color:#d0d6de}.notice,main>p{background:#101317d9;border-radius:8px;padding:12px}input,textarea,select{background:#141a21ed}main>.text{background:#101317dc;padding:10px 14px}form label{color:#e1e6eb}.vehicles{margin-top:14px}header span{font-weight:700}.vehicle strong{font-weight:750}@media(prefers-reduced-transparency:reduce){form,.vehicle,.job,.data{background:#101317}}

.work-status,.money-status{display:inline-block;font-size:13px;margin:8px 12px 0 0;font-weight:650}.work-status.open,.money-status.unpaid{color:#ff7d80}.work-status.in_progress{color:#f1c55b}.work-status.done,.money-status.paid{color:#81d7aa}.job .status.open{color:#ff7d80}.job .status.in_progress{color:#f1c55b}.job .status.done{color:#81d7aa}

/* Lists keep the background visible; opened details have a permanent black film. */
.vehicle,.job,.data{background:rgb(0 0 0 / .06);border-color:rgb(255 255 255 / .16);transition:background-color .16s ease,border-color .16s ease}
#app[data-detail-view] form,#app[data-detail-view] .job,#app[data-detail-view] .data{background:rgb(0 0 0 / .82);border-color:rgb(255 255 255 / .20);transition:background-color .16s ease,border-color .16s ease}
.vehicle:focus-visible,.job:focus-within,.data:focus-within{background:rgb(0 0 0 / .35)}
#app[data-detail-view] form:focus-within,#app[data-detail-view] .job:focus-within,#app[data-detail-view] .data:focus-within{background:rgb(0 0 0 / .90);border-color:rgb(255 255 255 / .32)}
@media(hover:hover){.vehicle:hover,.job:hover,.data:hover{background:rgb(0 0 0 / .35)}#app[data-detail-view] form:hover,#app[data-detail-view] .job:hover,#app[data-detail-view] .data:hover{background:rgb(0 0 0 / .90);border-color:rgb(255 255 255 / .30)}}
@media(prefers-reduced-transparency:reduce){form,.vehicle,.job,.data,#app[data-detail-view] form,#app[data-detail-view] .job,#app[data-detail-view] .data{background:#101010}}
@media(prefers-reduced-motion:reduce){form,.vehicle,.job,.data{transition:none}}

form .field-hint{font-size:11px;line-height:1.35;font-weight:400;color:rgb(225 230 235 / .62);padding-inline:2px}