:root{--bg:#f4f6f8;--panel:#fff;--panel2:#e9edf2;--text:#101318;--muted:#66707d;--line:#dce1e7;--accent:#0067c0;--accent-soft:#dceeff;--good:#07835d;--warn:#b45f06;--bad:#c42b1c;--shadow:0 18px 50px #1a273514;--ease:cubic-bezier(.2,.8,.2,1)}html[data-theme=dark]{--bg:#101214;--panel:#191c1f;--panel2:#24282c;--text:#f5f7fa;--muted:#a8b0ba;--line:#30353b;--accent-soft:#163754;--shadow:0 22px 60px #0005}html[data-accent=teal]{--accent:#008c95;--accent-soft:#d6f3f4}html[data-accent=violet]{--accent:#744da9;--accent-soft:#eee5fb}html[data-accent=orange]{--accent:#c85400;--accent-soft:#ffeadb}html[data-accent=green]{--accent:#18864b;--accent-soft:#dff5e8}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{min-height:100vh;display:grid;grid-template-columns:86px minmax(0,1fr)}.rail{position:sticky;top:0;height:100vh;background:#0e1115;color:#fff;padding:18px 12px;display:flex;flex-direction:column;gap:8px;z-index:20}.logo{height:58px;display:grid;place-items:center;font-size:26px;font-weight:900;background:var(--accent);margin-bottom:16px}.nav{border:0;background:transparent;color:#aab4c0;min-height:60px;display:grid;place-items:center;gap:2px;padding:7px 2px;transition:.16s var(--ease)}.nav span{font-size:27px}.nav small{font-size:9px}.nav:hover,.nav.active{background:#ffffff14;color:#fff;transform:translateX(2px)}.nav.bottom{margin-top:auto}.main{min-width:0}.top{height:78px;display:flex;align-items:center;gap:14px;padding:0 clamp(16px,3vw,42px);position:sticky;top:0;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(16px);z-index:15;border-bottom:1px solid var(--line)}.search{position:relative;flex:1;max-width:780px}.search input{width:100%;height:50px;border:1px solid var(--line);background:var(--panel);color:var(--text);padding:0 50px 0 18px;outline:0}.search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.search .material-symbols-rounded{position:absolute;right:15px;top:13px;color:var(--muted)}.search-results{position:absolute;top:56px;left:0;right:0;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);max-height:70vh;overflow:auto;z-index:30}.search-hit{padding:14px 16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;cursor:pointer}.search-hit:hover{background:var(--panel2)}.search-hit small{display:block;color:var(--muted);margin-top:3px}.btn{min-height:46px;border:0;padding:0 17px;background:var(--accent);color:#fff;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.ghost{background:var(--panel);color:var(--text);border:1px solid var(--line)}.btn.danger{background:var(--bad)}.page{max-width:1740px;margin:auto;padding:clamp(20px,3vw,46px)}.headline{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.headline h1{font-size:clamp(34px,4vw,62px);line-height:.95;letter-spacing:-.055em;margin:0}.headline p{font-size:16px;color:var(--muted);margin:10px 0 0}.metro{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;gap:12px}.tile{min-height:170px;background:var(--panel);border:1px solid var(--line);padding:22px;position:relative;overflow:hidden;transition:transform .18s var(--ease),box-shadow .18s var(--ease),background .18s}.tile.click{cursor:pointer}.tile.click:hover{transform:translateY(-4px) scale(1.005);box-shadow:var(--shadow)}.tile.click:active{transform:scale(.985)}.tile.accent{background:var(--accent);color:#fff;border-color:transparent}.tile.dark{background:#151b23;color:#fff;border-color:#151b23}.tile.soft{background:var(--accent-soft);border-color:transparent}.tile.w2{grid-column:span 2}.tile.w3{grid-column:span 3}.tile.w4{grid-column:span 4}.tile.w6{grid-column:span 6}.tile.w8{grid-column:span 8}.tile.w12{grid-column:span 12}.tile.tall{grid-row:span 2;min-height:352px}.tile .ico{font-size:42px}.tile .num{font-size:clamp(34px,4vw,58px);font-weight:800;letter-spacing:-.06em;margin-top:20px}.tile h2,.tile h3{margin:0;letter-spacing:-.025em}.tile p{color:var(--muted)}.tile.accent p,.tile.dark p{color:#ffffffb8}.tile .corner{position:absolute;right:18px;bottom:16px;opacity:.55;font-size:48px}.section-title{font-size:14px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:800;margin:34px 0 12px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.card{background:var(--panel);border:1px solid var(--line);padding:20px;transition:.16s}.card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.card-top{display:flex;justify-content:space-between;gap:12px}.card h3{font-size:20px;margin:0}.meta{color:var(--muted);font-size:13px;line-height:1.55}.badge{display:inline-flex;padding:6px 9px;font-size:11px;font-weight:800;background:var(--panel2);text-transform:uppercase;letter-spacing:.04em}.badge.good{background:#dff5e8;color:#086b43}.badge.bad{background:#fde4e1;color:#9c2419}.badge.info{background:var(--accent-soft);color:var(--accent)}.layer{position:fixed;inset:0;background:#07101acc;z-index:50;display:flex;justify-content:flex-end;animation:fade .16s var(--ease)}.sheet{width:min(1180px,96vw);height:100%;background:var(--bg);box-shadow:-30px 0 90px #0005;display:flex;flex-direction:column;animation:slide .24s var(--ease)}.sheet-head{height:76px;flex:none;background:var(--panel);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:0 22px}.sheet-head h2{margin:0;font-size:20px}.sheet-head .spacer{flex:1}.sheet-body{overflow:auto;padding:clamp(16px,3vw,34px);flex:1}.profile{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:end;margin-bottom:24px}.profile h1{font-size:clamp(32px,4vw,56px);letter-spacing:-.055em;line-height:1;margin:0}.profile .sub{color:var(--muted);margin-top:9px}.actions{display:flex;gap:8px;flex-wrap:wrap}.tabs{display:flex;gap:7px;overflow:auto;padding:4px 0 18px;scrollbar-width:none}.tab{border:1px solid var(--line);background:var(--panel);color:var(--text);padding:11px 14px;white-space:nowrap;font-weight:700}.tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.form-section{background:var(--panel);border:1px solid var(--line);padding:clamp(18px,3vw,28px);margin-bottom:12px}.form-section h3{font-size:22px;margin:0 0 20px}.form-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.field{grid-column:span 6;display:flex;flex-direction:column;gap:7px}.field.third{grid-column:span 4}.field.full{grid-column:1/-1}.field label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.field input,.field select,.field textarea{width:100%;min-height:50px;border:1px solid var(--line);background:var(--bg);color:var(--text);padding:11px 13px;outline:0}.field textarea{min-height:110px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}.seg{display:flex;background:var(--panel2);padding:4px;gap:4px;margin-bottom:20px}.seg button{flex:1;border:0;background:transparent;color:var(--text);min-height:44px;font-weight:750}.seg button.active{background:var(--panel);box-shadow:0 3px 12px #0001}.savebar{position:sticky;bottom:0;background:color-mix(in srgb,var(--panel) 94%,transparent);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:14px 0;display:flex;justify-content:flex-end;gap:8px}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.choice{min-height:135px;text-align:left;border:1px solid var(--line);background:var(--panel);color:var(--text);padding:18px;transition:.16s}.choice:hover{border-color:var(--accent);transform:translateY(-2px)}.choice .material-symbols-rounded{font-size:34px;color:var(--accent)}.choice b,.choice small{display:block;margin-top:9px}.choice small{color:var(--muted)}.auto{position:relative}.auto-menu{position:absolute;left:0;right:0;top:100%;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);z-index:10;max-height:320px;overflow:auto}.auto-row{padding:12px;cursor:pointer;border-bottom:1px solid var(--line)}.auto-row:hover{background:var(--panel2)}.empty{padding:42px;text-align:center;background:var(--panel);border:1px dashed var(--line);color:var(--muted)}#toast{position:fixed;right:20px;top:92px;z-index:100}.toast{background:#101820;color:#fff;padding:13px 17px;margin-bottom:8px;box-shadow:var(--shadow);animation:toast .2s var(--ease)}dialog.scanner-dialog{width:min(780px,94vw);border:0;padding:0;background:var(--panel);color:var(--text);box-shadow:var(--shadow)}dialog::backdrop{background:#000b}.scanner-header,.scanner-footer{padding:16px 18px}.scanner-header{display:flex;align-items:center}.scanner-header button{margin-left:auto}.camera-viewport{position:relative;background:#000;aspect-ratio:4/3}.camera-viewport video{width:100%;height:100%;object-fit:cover}.scan-target{position:absolute;inset:18%;border:3px solid #fff;box-shadow:0 0 0 999px #0005}.scanner-controls{padding:10px 18px;display:flex;gap:8px}.hidden{display:none!important}@keyframes fade{from{opacity:0}to{opacity:1}}@keyframes slide{from{transform:translateX(55px);opacity:.5}to{transform:none;opacity:1}}@keyframes toast{from{transform:translateY(-10px);opacity:0}to{transform:none;opacity:1}}@media(max-width:1050px){.metro .w2,.metro .w3,.metro .w4{grid-column:span 6}.metro .w6,.metro .w8{grid-column:span 12}.profile{grid-template-columns:1fr}.field.third{grid-column:span 6}}@media(max-width:720px){.shell{display:block}.rail{position:fixed;left:0;right:0;bottom:0;top:auto;height:70px;display:grid;grid-template-columns:repeat(5,1fr);padding:6px;z-index:40}.logo,.nav:nth-of-type(n+6){display:none}.nav{min-height:56px}.nav span{font-size:23px}.top{height:66px;padding:0 10px}.top>.btn{width:46px;padding:0}.top>.btn b{display:none}.page{padding:20px 12px 92px}.headline{align-items:flex-start;flex-direction:column}.headline h1{font-size:38px}.metro{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metro .tile,.metro .w2,.metro .w3,.metro .w4,.metro .w6,.metro .w8,.metro .w12{grid-column:span 1;min-height:145px;padding:16px}.metro .mobile-wide{grid-column:1/-1}.tile .num{font-size:34px}.sheet{width:100vw}.sheet-head{height:64px;padding:0 10px}.sheet-body{padding:14px 10px 84px}.form-grid{grid-template-columns:1fr}.field,.field.third,.field.full{grid-column:1}.choice-grid{grid-template-columns:1fr}.profile h1{font-size:34px}.actions .btn{flex:1}.savebar{bottom:70px}.cards{grid-template-columns:1fr}.search-results{position:fixed;top:66px;left:10px;right:10px}.seg{overflow:auto}.seg button{min-width:130px}}

/* WC VEHICLE WORKSPACE + 3-state navigation */
.shell{grid-template-columns:260px minmax(0,1fr);transition:grid-template-columns .22s var(--ease)}
.rail{padding:18px 14px}.rail-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.rail-head .logo{width:54px;min-width:54px;margin:0}.brand{display:flex;flex-direction:column;letter-spacing:.06em}.brand b{font-size:14px}.brand small{font-size:10px;color:#8f9aa7;letter-spacing:.22em}.nav{min-height:58px;display:flex;align-items:center;justify-content:flex-start;gap:15px;padding:0 15px;text-align:left}.nav span.material-symbols-rounded{font-size:27px}.nav>span:not(.material-symbols-rounded){font-size:14px;font-weight:700;white-space:nowrap}.shell[data-menu=compact]{grid-template-columns:88px minmax(0,1fr)}.shell[data-menu=compact] .rail{padding:18px 12px}.shell[data-menu=compact] .brand,.shell[data-menu=compact] .nav>span:not(.material-symbols-rounded){display:none}.shell[data-menu=compact] .rail-head{justify-content:center}.shell[data-menu=compact] .nav{justify-content:center;padding:0}.shell[data-menu=hidden]{grid-template-columns:0 minmax(0,1fr)}.shell[data-menu=hidden] .rail{transform:translateX(-100%);pointer-events:none}.rail{transition:transform .22s var(--ease),width .22s var(--ease)}.menu-toggle{width:48px;height:48px;min-width:48px;border:1px solid var(--line);background:var(--panel);color:var(--text);display:grid;place-items:center}.menu-toggle:hover{background:var(--panel2)}
.vehicle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:18px}.vehicle-card{background:var(--panel);border:1px solid var(--line);overflow:hidden;min-width:0;transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s}.vehicle-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.vehicle-photo{height:220px;background:linear-gradient(135deg,var(--panel2),color-mix(in srgb,var(--accent) 14%,var(--panel2)));background-size:cover;background-position:center;display:grid;place-items:center;position:relative}.vehicle-photo>.material-symbols-rounded{font-size:86px;color:color-mix(in srgb,var(--muted) 48%,transparent)}.vehicle-status{position:absolute;left:16px;top:16px;box-shadow:0 5px 20px #0002}.vehicle-card-body{padding:20px}.vehicle-title{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.vehicle-title h2{margin:0 0 6px;font-size:24px;letter-spacing:-.035em}.vehicle-title strong{font-size:14px}.vehicle-title>span{font-size:14px;color:var(--muted);font-weight:800}.vehicle-specs{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0}.vehicle-specs div{min-width:0}.vehicle-specs small,.panel-label,.data-grid small,.owner-card small{display:block;font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}.vehicle-specs b{font-size:13px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vehicle-open{width:100%;justify-content:space-between}
.vehicle-hero{display:grid;grid-template-columns:minmax(320px,.8fr) 1.2fr;background:var(--panel);border:1px solid var(--line);margin-bottom:18px;min-height:330px}.vehicle-hero-photo{min-height:330px;background:linear-gradient(135deg,var(--panel2),var(--accent-soft));background-size:cover;background-position:center;display:grid;place-items:center;position:relative}.vehicle-hero-photo>.material-symbols-rounded{font-size:110px;color:color-mix(in srgb,var(--muted) 40%,transparent)}.photo-add{position:absolute;left:16px;bottom:16px;background:#0d1118dd;color:#fff;padding:11px 14px;display:flex;gap:8px;align-items:center;font-size:12px;font-weight:800;cursor:pointer}.vehicle-hero-info{padding:clamp(24px,4vw,54px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.vehicle-hero-info h1{font-size:clamp(38px,5vw,72px);letter-spacing:-.06em;line-height:.95;margin:14px 0 12px}.vehicle-hero-info p{color:var(--muted);font-family:ui-monospace,monospace;overflow-wrap:anywhere}.plate{display:inline-block;background:#fff;color:#101318;border:3px solid #101318;border-radius:4px;padding:6px 13px;font-weight:900;letter-spacing:.08em;font-size:18px}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.profile-panel{background:var(--panel);border:1px solid var(--line);padding:24px;min-width:0}.profile-panel.wide{grid-column:1/-1}.panel-label{margin-bottom:18px}.panel-label span{float:right}.owner-card{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:14px}.owner-avatar,.owner-mini{display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}.owner-avatar{width:54px;height:54px}.owner-card h3{margin:0;font-size:20px}.owner-card p{margin:5px 0 0;color:var(--muted);font-size:13px}.owner-empty{width:100%;min-height:112px;border:1px dashed color-mix(in srgb,var(--accent) 55%,var(--line));background:var(--accent-soft);color:var(--text);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:20px;text-align:left}.owner-empty .material-symbols-rounded{font-size:30px;color:var(--accent)}.owner-empty b{font-size:18px;margin-top:8px}.owner-empty span{color:var(--muted);margin-top:3px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric-row div{background:var(--bg);padding:17px}.metric-row b{display:block;font-size:25px;letter-spacing:-.04em}.metric-row span{font-size:11px;color:var(--muted)}.data-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line)}.data-grid>div{background:var(--panel);padding:16px;min-width:0}.data-grid b{font-size:14px;overflow-wrap:anywhere}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.photo-grid img{width:100%;height:150px;object-fit:cover;background:var(--panel2)}.photo-empty{grid-column:1/-1;padding:34px;border:1px dashed var(--line);color:var(--muted);text-align:center}.owner-picker-actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.owner-results{position:relative;top:auto;margin-top:8px}.owner-result{width:100%;border:0;border-bottom:1px solid var(--line);background:var(--panel);color:var(--text);padding:13px;display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;text-align:left}.owner-result:hover{background:var(--panel2)}.owner-mini{width:42px;height:42px}.owner-result small{display:block;color:var(--muted);margin-top:3px}
@media(max-width:1050px){.shell{grid-template-columns:220px minmax(0,1fr)}.vehicle-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.vehicle-hero{grid-template-columns:1fr}.vehicle-hero-photo{min-height:300px}.data-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.shell,.shell[data-menu=wide],.shell[data-menu=compact],.shell[data-menu=hidden]{display:block}.rail{transform:none!important;pointer-events:auto!important}.menu-toggle{display:none}.rail .brand,.rail .nav>span:not(.material-symbols-rounded){display:none}.vehicle-grid{grid-template-columns:1fr;gap:12px}.vehicle-photo{height:200px}.vehicle-card-body{padding:17px}.vehicle-specs{grid-template-columns:1fr 1fr}.vehicle-hero{display:block;min-height:0}.vehicle-hero-photo{min-height:235px}.vehicle-hero-info{padding:22px}.vehicle-hero-info h1{font-size:38px}.profile-grid{grid-template-columns:1fr}.profile-panel.wide{grid-column:auto}.owner-card{grid-template-columns:46px 1fr}.owner-card>.btn{grid-column:1/-1}.metric-row{grid-template-columns:1fr 1fr}.metric-row div:last-child{grid-column:1/-1}.data-grid{grid-template-columns:1fr 1fr}.photo-grid{grid-template-columns:1fr 1fr}.photo-grid img{height:120px}}
@media(max-width:430px){.vehicle-specs,.data-grid{grid-template-columns:1fr}.vehicle-title h2{font-size:21px}.metric-row{grid-template-columns:1fr}.metric-row div:last-child{grid-column:auto}.photo-grid{grid-template-columns:1fr}}

/* WMANAGE: true three-state navigation + reusable grid/list views */
.shell[data-menu="hidden"] .rail{display:none!important;width:0!important;min-width:0!important;max-width:0!important;padding:0!important;margin:0!important;border:0!important;overflow:hidden!important}
.shell[data-menu="hidden"]{grid-template-columns:1fr!important}
.shell[data-menu="hidden"] .main{grid-column:1!important;width:100%!important;min-width:0!important}
.view-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.view-switch{display:flex;padding:4px;background:var(--surface2,#eef2f7);border-radius:10px}.view-switch button{border:0;background:transparent;padding:9px 12px;border-radius:8px;cursor:pointer;color:inherit}.view-switch button.active{background:var(--surface,#fff);box-shadow:0 2px 12px #0001}.data-table-wrap{overflow:auto;background:var(--surface,#fff);border-radius:14px}.data-table{width:100%;border-collapse:collapse;min-width:900px}.data-table th,.data-table td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--line,#e5e7eb);vertical-align:middle}.data-table th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;opacity:.65}.data-table tr.clickable{cursor:pointer}.data-table tr.clickable:hover{background:color-mix(in srgb,var(--accent,#2563eb) 6%,transparent)}.thumb{width:64px;height:44px;object-fit:cover;border-radius:8px;background:#dfe5ec}.row-actions{display:flex;gap:6px}.icon-btn{border:0;background:transparent;cursor:pointer;padding:8px;border-radius:8px;color:inherit}.icon-btn:hover{background:#0001}.danger{color:#dc2626!important}.profile-actions{display:flex;gap:8px;flex-wrap:wrap}.edit-photo{position:relative}.manage-photo{position:relative}.manage-photo button{position:absolute;right:6px;top:6px;background:#111c;border:0;color:white;border-radius:8px;padding:5px;cursor:pointer}
@media(max-width:760px){.shell[data-menu="hidden"] .rail{display:none!important}.data-table-wrap{border-radius:0;margin-inline:-16px}.view-tools{width:100%;justify-content:space-between}}
/* WCRUD hard guarantees */
.shell[data-menu="hidden"]{grid-template-columns:0 minmax(0,1fr)!important}
.shell[data-menu="hidden"] .rail{width:0!important;min-width:0!important;max-width:0!important;overflow:hidden!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;border:0!important;padding:0!important;transform:translateX(-100%)!important}
.app-confirm-backdrop{position:fixed;inset:0;z-index:99999;background:rgba(8,12,22,.62);display:grid;place-items:center;padding:24px;animation:confirmIn .16s ease-out}
.app-confirm{width:min(520px,100%);background:var(--panel,#fff);color:var(--text,#111827);padding:30px;box-shadow:0 28px 90px rgba(0,0,0,.3)}
.confirm-icon{width:54px;height:54px;display:grid;place-items:center;background:var(--soft,#eef2ff);margin-bottom:20px}.confirm-icon.danger{background:#fee2e2;color:#b91c1c}.app-confirm h2{font-size:25px;margin:0 0 10px}.app-confirm p{font-size:16px;line-height:1.55;opacity:.8}.confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:26px}.danger-fill{background:#b91c1c!important;color:#fff!important}.app-confirm-backdrop.leaving{opacity:0;transition:.15s}.vehicle-card.clickable{cursor:pointer}
@keyframes confirmIn{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}
/* WPHOTOS - production vehicle gallery */
.photo-add.uploading{pointer-events:none;opacity:.65}.photo-add.uploading:after{content:'Wgrywanie…';margin-left:6px}.manage-photo{position:relative;min-height:170px;background:var(--panel2);overflow:hidden;border:1px solid var(--line)}.manage-photo img{display:block;width:100%;height:190px;object-fit:cover;transition:transform .22s var(--ease)}.manage-photo:hover img{transform:scale(1.025)}.manage-photo>button{width:36px;height:36px;display:grid;place-items:center;padding:0;border-radius:0!important;backdrop-filter:blur(8px)}.manage-photo>.badge{position:absolute;left:8px;top:8px;z-index:2}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.vehicle-hero-photo{background-repeat:no-repeat}.vehicle-card .vehicle-photo{background-repeat:no-repeat}
@media(max-width:720px){.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.manage-photo img{height:145px}}
@media(max-width:430px){.photo-grid{grid-template-columns:1fr}.manage-photo img{height:220px}}
/* WREL */
.multi-owner-list{display:grid;gap:10px}.owner-card-actions{margin-left:auto;display:flex;gap:6px;align-items:center}.owner-add-more{margin-top:12px}.empty.compact{padding:18px}.linked-vehicles{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin-top:12px}.linked-vehicles button{border:0;background:var(--panel,rgba(127,127,127,.08));color:inherit;text-align:left;padding:16px;display:grid;grid-template-columns:auto 1fr;gap:4px 10px;cursor:pointer;transition:transform .14s ease,background .14s ease}.linked-vehicles button:hover{transform:translateY(-2px)}.linked-vehicles button span{grid-row:1/3;font-size:24px}.linked-vehicles button small{opacity:.7}.customer-vehicles-tile{min-height:auto!important}

/* WLIVEUI - rich linked vehicle cards */
.linked-vehicles{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}
.linked-vehicles .linked-vehicle-card{padding:0;display:grid;grid-template-columns:150px 1fr;min-height:150px;overflow:hidden}
.linked-vehicle-photo{grid-row:auto!important;width:150px;min-height:150px;display:grid;place-items:center;font-size:42px;background:rgba(127,127,127,.12);background-size:cover;background-position:center}
.linked-vehicle-info{padding:14px 16px;display:flex;flex-direction:column;gap:5px;min-width:0}
.linked-vehicle-info b{font-size:18px}.linked-vehicle-info strong{font-size:15px}.linked-vehicle-info small{opacity:.82;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.linked-vehicle-info i{font-style:normal;opacity:.62;margin-right:4px}
@media(max-width:680px){.linked-vehicles{grid-template-columns:1fr}.linked-vehicles .linked-vehicle-card{grid-template-columns:110px 1fr}.linked-vehicle-photo{width:110px}}

/* WMEDIA - stable linked cards + photo/video gallery */
.linked-vehicles{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(390px,1fr))!important;gap:12px!important}.linked-vehicles .linked-vehicle-card{width:100%!important;min-width:0!important;min-height:164px!important;display:grid!important;grid-template-columns:160px minmax(0,1fr)!important;align-items:stretch!important;padding:0!important;overflow:hidden!important}.linked-vehicle-photo{width:160px!important;height:100%!important;min-height:164px!important;background-size:cover!important;background-position:center!important}.linked-vehicle-info{min-width:0!important;padding:16px 18px!important;justify-content:center!important}.linked-vehicle-info b{font-size:19px!important}.linked-vehicle-info strong{font-size:16px!important;margin-bottom:3px}.manage-photo video{display:block;width:100%;height:190px;object-fit:cover;background:#050607}.manage-photo .primary-media{right:48px!important}.video-badge{background:#111d;color:#fff}.media-add-btn{border:0}.media-empty{grid-column:1/-1;min-height:180px;border:1px dashed var(--line);background:var(--panel2);color:var(--text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.media-empty .material-symbols-rounded{font-size:36px;color:var(--accent)}.media-empty span{color:var(--muted)}.media-source-backdrop{position:fixed;inset:0;z-index:100000;background:#0009;display:grid;place-items:end center;padding:14px}.media-source-dialog{width:min(520px,100%);background:var(--panel);color:var(--text);padding:22px;box-shadow:0 20px 80px #0008}.media-source-dialog h2{margin:0 0 4px;font-size:24px}.media-source-dialog p{margin:0 0 18px;color:var(--muted)}.media-source-dialog button{width:100%;border:0;border-top:1px solid var(--line);background:transparent;color:inherit;padding:17px 8px;display:flex;align-items:center;gap:12px;text-align:left;font-weight:750}.media-source-dialog button:hover{background:var(--panel2)}.media-source-dialog button.ghost{justify-content:center;color:var(--muted)}
@media(max-width:680px){.linked-vehicles{grid-template-columns:1fr!important}.linked-vehicles .linked-vehicle-card{grid-template-columns:118px minmax(0,1fr)!important;min-height:150px!important}.linked-vehicle-photo{width:118px!important;min-height:150px!important}.linked-vehicle-info{padding:12px 13px!important}.linked-vehicle-info small{white-space:normal!important;line-height:1.3}.manage-photo video{height:145px}}


/* WAUTOVIS - fixed linked vehicle layout + rich autocomplete everywhere */
.linked-vehicles .linked-vehicle-card{display:grid!important;grid-template-columns:180px minmax(0,1fr)!important;grid-template-rows:1fr!important;align-items:stretch!important;min-height:170px!important}
.linked-vehicles .linked-vehicle-card>.linked-vehicle-photo{grid-column:1!important;grid-row:1!important;width:180px!important;height:100%!important;min-height:170px!important;margin:0!important;align-self:stretch!important}
.linked-vehicles .linked-vehicle-card>.linked-vehicle-info{grid-column:2!important;grid-row:1!important;width:auto!important;height:auto!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:7px!important;padding:18px 20px!important;overflow:hidden!important}
.linked-vehicles .linked-vehicle-card>.linked-vehicle-info b{font-size:20px!important;line-height:1.15}.linked-vehicles .linked-vehicle-card>.linked-vehicle-info strong{font-size:15px!important}.linked-vehicles .linked-vehicle-card>.linked-vehicle-info small{font-size:12px!important;line-height:1.35!important;white-space:normal!important;overflow-wrap:anywhere!important}
.auto-rich{display:grid!important;grid-template-columns:64px minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;min-height:72px!important;padding:8px 10px!important;text-align:left!important}.ac-thumb{grid-column:1!important;grid-row:1!important;width:64px!important;height:56px!important;display:grid!important;place-items:center!important;background-color:var(--panel2)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;overflow:hidden!important}.ac-thumb.ac-person{width:52px!important;height:52px!important;background-color:var(--accent-soft)!important;background-image:none!important;color:var(--accent)!important}.ac-thumb .material-symbols-rounded{font-size:28px!important}.ac-main{grid-column:2!important;grid-row:1!important;display:block!important;min-width:0!important}.ac-main b{display:block!important;font-size:14px!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.ac-main small{display:block!important;color:var(--muted)!important;font-size:11px!important;line-height:1.35!important;margin-top:4px!important;white-space:normal!important;overflow-wrap:anywhere!important}.auto-rich>.badge{grid-column:3!important;grid-row:1!important;align-self:center!important}.owner-result.auto-rich{width:100%!important;border:0!important;border-bottom:1px solid var(--line)!important;background:var(--panel)!important}.owner-result.auto-rich:hover,.auto-row.auto-rich:hover,.search-hit.auto-rich:hover{background:var(--panel2)!important}.rich-search{max-height:min(70vh,620px)!important;overflow:auto!important}.rich-search .search-hit{cursor:pointer!important;border-bottom:1px solid var(--line)!important}
@media(max-width:680px){.linked-vehicles .linked-vehicle-card{grid-template-columns:125px minmax(0,1fr)!important;min-height:155px!important}.linked-vehicles .linked-vehicle-card>.linked-vehicle-photo{width:125px!important;min-height:155px!important}.linked-vehicles .linked-vehicle-card>.linked-vehicle-info{padding:12px 13px!important;gap:5px!important}.linked-vehicles .linked-vehicle-card>.linked-vehicle-info b{font-size:17px!important}.auto-rich{grid-template-columns:54px minmax(0,1fr)!important}.ac-thumb{width:54px!important;height:50px!important}.auto-rich>.badge{display:none!important}}

/* WRESP - responsive hardening desktop / tablet / mobile */
html,body{max-width:100%;overflow-x:hidden}
.page,.sheet-body,.headline,.profile,.metro,.tile,.cards,.card,.profile-grid,.profile-panel,.form-section,.form-grid,.field,.actions,.view-tools{min-width:0}
img,video,canvas,svg{max-width:100%}
button,input,select,textarea{max-width:100%}
.headline>*,.profile>*,.card-top>*,.owner-card>*,.linked-vehicle-info>*{min-width:0}
.card h3,.profile h1,.vehicle-title h2,.owner-card h3,.headline h1{overflow-wrap:anywhere}
.customer-vehicles-tile{grid-column:1/-1!important;width:100%!important;max-width:100%!important;overflow:visible!important;min-height:auto!important;height:auto!important}
.customer-vehicles-tile .linked-vehicles{width:100%!important;max-width:100%!important;margin-top:12px!important}
.linked-vehicles .linked-vehicle-card{max-width:100%!important;box-sizing:border-box!important}
.linked-vehicle-info small,.linked-vehicle-info b,.linked-vehicle-info strong{max-width:100%!important;overflow-wrap:anywhere!important}
.auto-menu,.search-results,.rich-search{max-width:calc(100vw - 20px)!important}
.auto-rich{width:100%!important;max-width:100%!important;overflow:hidden!important}
.ac-main{overflow:hidden!important}.ac-main small{overflow-wrap:anywhere!important}
.data-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{min-width:720px}

@media (min-width:721px) and (max-width:1180px){
 .page{padding-inline:clamp(16px,2.5vw,28px)}
 .headline{gap:16px}.headline .actions,.view-tools{flex-wrap:wrap}
 .metro{gap:10px}.tile{min-width:0}
 .customer-vehicles-tile{grid-column:1/-1!important}
 .linked-vehicles{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))!important}
 .linked-vehicles .linked-vehicle-card{grid-template-columns:145px minmax(0,1fr)!important}
 .linked-vehicles .linked-vehicle-card>.linked-vehicle-photo{width:145px!important;min-height:160px!important}
 .sheet{width:min(1000px,100vw)}
}

@media (max-width:720px){
 .page{width:100%;max-width:100%;overflow-x:hidden}
 .sheet,.sheet-body{max-width:100vw;overflow-x:hidden}
 .sheet-body{overflow-y:auto!important}
 .profile{width:100%;gap:14px;margin-bottom:18px}
 .profile .actions{width:100%;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .profile .actions .btn{width:100%;min-width:0;white-space:normal}
 .metro{width:100%;max-width:100%;align-items:start}
 .metro>.customer-vehicles-tile{display:block!important;grid-column:1/-1!important;min-height:0!important;height:auto!important;padding:16px!important;overflow:visible!important}
 .customer-vehicles-tile h3{margin-bottom:10px}
 .customer-vehicles-tile .linked-vehicles{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;overflow:visible!important}
 .linked-vehicles .linked-vehicle-card{display:grid!important;grid-template-columns:112px minmax(0,1fr)!important;grid-template-rows:auto!important;width:100%!important;min-height:148px!important;height:auto!important;overflow:hidden!important;text-align:left!important}
 .linked-vehicles .linked-vehicle-card>.linked-vehicle-photo{grid-column:1!important;grid-row:1!important;width:112px!important;min-width:112px!important;height:100%!important;min-height:148px!important;background-size:cover!important;background-position:center!important}
 .linked-vehicles .linked-vehicle-card>.linked-vehicle-info{grid-column:2!important;grid-row:1!important;display:flex!important;width:auto!important;min-width:0!important;padding:11px 12px!important;gap:4px!important;justify-content:center!important}
 .linked-vehicles .linked-vehicle-card>.linked-vehicle-info b{font-size:16px!important;line-height:1.2!important}
 .linked-vehicles .linked-vehicle-card>.linked-vehicle-info strong{font-size:14px!important}
 .linked-vehicles .linked-vehicle-card>.linked-vehicle-info small{display:block!important;font-size:11px!important;line-height:1.3!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
 .auto-menu{left:0!important;right:0!important;width:100%!important;max-width:100%!important}
 .auto-rich{grid-template-columns:52px minmax(0,1fr)!important;gap:9px!important;min-height:64px!important;padding:7px!important}
 .ac-thumb{width:52px!important;height:48px!important}.ac-main b{font-size:13px!important}.ac-main small{font-size:10px!important}
 .form-section{padding:16px 12px}.field input,.field select,.field textarea{font-size:16px}
 .owner-card{width:100%;min-width:0}.owner-card p{overflow-wrap:anywhere}
 .vehicle-hero-info,.profile-panel{min-width:0;overflow:hidden}
}

@media (max-width:430px){
 .headline h1{font-size:32px}.profile h1{font-size:30px}
 .profile .actions{grid-template-columns:1fr}
 .metro{grid-template-columns:1fr!important}
 .metro>.tile,.metro>.w2,.metro>.w3,.metro>.w4,.metro>.w6,.metro>.w8,.metro>.w12{grid-column:1!important}
 .metro>.customer-vehicles-tile{grid-column:1!important}
 .linked-vehicles .linked-vehicle-card{grid-template-columns:92px minmax(0,1fr)!important;min-height:136px!important}
 .linked-vehicles .linked-vehicle-card>.linked-vehicle-photo{width:92px!important;min-width:92px!important;min-height:136px!important}
 .linked-vehicles .linked-vehicle-card>.linked-vehicle-info{padding:9px!important}
 .linked-vehicles .linked-vehicle-card>.linked-vehicle-info b{font-size:15px!important}
 .linked-vehicles .linked-vehicle-card>.linked-vehicle-info small{font-size:10px!important}
 .sheet-head h2{font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .btn{min-width:0}
}

@media (max-width:340px){
 .linked-vehicles .linked-vehicle-card{grid-template-columns:1fr!important}
 .linked-vehicles .linked-vehicle-card>.linked-vehicle-photo{grid-column:1!important;grid-row:1!important;width:100%!important;height:150px!important;min-height:150px!important}
 .linked-vehicles .linked-vehicle-card>.linked-vehicle-info{grid-column:1!important;grid-row:2!important}
 .auto-rich{grid-template-columns:44px minmax(0,1fr)!important}.ac-thumb{width:44px!important;height:44px!important}
}

/* WHISTORY - vehicle workspace + service history */
.vehicle-profile-tabs{position:sticky;top:0;z-index:4;background:var(--bg);overflow-x:auto;scrollbar-width:none}.vehicle-profile-tabs::-webkit-scrollbar{display:none}.vehicle-profile-tabs .tab{white-space:nowrap}
.vehicle-dashboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.vehicle-dashboard .wide{grid-column:1/-1}.vehicle-now{min-height:190px}.current-order h2{margin:12px 0 4px}.current-order p{color:var(--muted);margin:0 0 16px}.owner-summary{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0}.owner-chip{display:flex;align-items:center;gap:8px;background:var(--panel2);padding:7px 10px}.owner-chip>div{display:grid;place-items:center}.owner-chip span{display:flex;flex-direction:column}.owner-chip small{color:var(--muted)}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:6px 0 18px}.section-head h2{font-size:28px;margin:0}.section-head p{margin:4px 0 0;color:var(--muted)}.history-list{display:grid;gap:10px}.history-order{display:grid;grid-template-columns:14px minmax(0,1fr) 28px;gap:12px;align-items:stretch;background:var(--panel);border:1px solid var(--line);padding:16px;cursor:pointer;min-width:0}.history-order:hover{background:var(--panel2)}.history-order.active-order{border-left:3px solid var(--accent)}.history-rail{display:flex;justify-content:center}.history-rail span{width:8px;height:8px;margin-top:7px;background:var(--muted)}.active-order .history-rail span{background:var(--accent)}.history-main{min-width:0}.history-top{display:flex;justify-content:space-between;gap:12px}.history-top h3{font-size:18px;margin:3px 0 12px;overflow-wrap:anywhere}.history-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.history-facts div{background:var(--panel2);padding:9px}.history-facts small,.history-facts strong{display:block}.history-facts small{color:var(--muted);font-size:10px;text-transform:uppercase}.history-facts strong{font-size:12px;margin-top:3px;overflow-wrap:anywhere}.history-counts{display:flex;gap:12px;flex-wrap:wrap;margin-top:11px;color:var(--muted);font-size:11px}.history-counts span{display:flex;align-items:center;gap:4px}.history-counts .material-symbols-rounded{font-size:15px}.mini-order{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;color:inherit;padding:12px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left}.mini-order span:first-child{display:flex;flex-direction:column;min-width:0}.mini-order small{color:var(--muted);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vehicle-media-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;min-height:76px}.vehicle-media-strip img,.vehicle-media-strip video{width:100%;height:90px;object-fit:cover}.media-card{background:var(--panel2);overflow:hidden}.media-card img,.media-card video{width:100%;height:180px;object-fit:cover;display:block}.media-card small{display:block;padding:8px}
@media(max-width:760px){.vehicle-dashboard{grid-template-columns:1fr}.vehicle-dashboard .wide{grid-column:1}.section-head{align-items:flex-start;flex-direction:column}.history-order{grid-template-columns:8px minmax(0,1fr);padding:12px}.history-order>.material-symbols-rounded{display:none}.history-top{align-items:flex-start}.history-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.history-counts{gap:8px}.vehicle-media-strip{grid-template-columns:repeat(3,1fr)}.vehicle-media-strip img,.vehicle-media-strip video{height:72px}.owner-summary{align-items:stretch}.owner-chip{flex:1 1 190px}}
@media(max-width:390px){.history-facts{grid-template-columns:1fr}.history-top{flex-direction:column}.vehicle-media-strip{grid-template-columns:repeat(2,1fr)}}
.order-head{padding:8px 0 18px}.order-head h1{font-size:34px;margin:8px 0 2px}.order-tabs{overflow-x:auto;scrollbar-width:none}.order-tabs .tab{white-space:nowrap}.order-section,.order-overview{padding-top:14px}.order-section h2{font-size:26px;margin:0 0 16px}.order-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.order-kpis>div,.order-note{background:var(--panel);border:1px solid var(--line);padding:14px}.order-kpis small,.order-note small{display:block;color:var(--muted);text-transform:uppercase;font-size:10px}.order-kpis b{display:block;margin-top:4px}.order-note{margin-top:10px}.order-note p{margin:7px 0 0;white-space:pre-wrap}.order-record{display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--panel);border-bottom:1px solid var(--line);padding:14px}.order-record p{color:var(--muted);margin:4px 0 0}.order-record>div:last-child{display:flex;align-items:flex-end;flex-direction:column;gap:5px}.order-timeline{display:grid;gap:0}.order-timeline>div{display:grid;grid-template-columns:18px 1fr;gap:10px}.order-timeline>div>span{width:8px;height:8px;background:var(--accent);margin-top:16px}.order-timeline section{border-left:1px solid var(--line);padding:12px 0 12px 14px}.order-timeline small{display:block;color:var(--muted);margin-top:3px}
@media(max-width:700px){.order-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.order-head h1{font-size:28px}}@media(max-width:380px){.order-kpis{grid-template-columns:1fr}.order-record{align-items:flex-start;flex-direction:column}.order-record>div:last-child{align-items:flex-start}}

/* WFLOWBIG */
.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.section-head h2{margin:0}.section-head p{margin:6px 0 0;opacity:.72}.proposal-card{padding:20px;margin:0 0 14px;background:var(--surface,rgba(255,255,255,.05));border-left:4px solid var(--accent,#2677ff)}.proposal-card.approved{border-left-color:#26a269}.proposal-card.declined{border-left-color:#d64b4b}.proposal-card-head{display:flex;justify-content:space-between;gap:24px}.proposal-card-head h3{font-size:20px;margin:9px 0 5px}.proposal-card-head p{margin:0;opacity:.75}.proposal-card-head>strong{font-size:24px;white-space:nowrap}.proposal-costs{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.proposal-costs span{padding:9px 12px;background:rgba(127,127,127,.1)}.proposal-costs b{margin-left:8px}.proposal-media{display:flex;gap:10px;overflow:auto;margin:14px 0}.proposal-media img,.proposal-media video{width:150px;height:105px;object-fit:cover;background:#111}.customer-answer{padding:12px 14px;margin:12px 0;background:rgba(38,119,255,.1)}.customer-answer small{display:block;opacity:.65;margin-bottom:4px}.copy-line{display:flex;gap:10px;margin-top:18px}.copy-line input{flex:1;min-width:0}.proposal-link-box{max-width:760px}.proposal-link-box h2{margin:14px 0 8px}@media(max-width:700px){.section-head,.proposal-card-head{flex-direction:column}.proposal-card-head>strong{font-size:20px}.proposal-costs{display:grid;grid-template-columns:1fr}.proposal-media img,.proposal-media video{width:130px;height:92px}.copy-line{flex-direction:column}}

/* WINTAKE UX */
.technical-first{padding-top:14px}.current-visit-banner{display:grid;grid-template-columns:14px minmax(0,1fr) 32px;gap:14px;align-items:center;padding:18px;margin:10px 0 24px;background:var(--panel);border:1px solid var(--accent);cursor:pointer}.current-visit-banner h2{margin:3px 0 4px;font-size:24px}.current-visit-banner p,.current-visit-banner small{margin:0;color:var(--muted)}.live-dot{width:10px;height:10px;background:var(--accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 18%,transparent)}.historical .history-order{opacity:.92}.intake-stamp{padding:12px 16px;background:var(--panel2);margin-bottom:12px}.consent-box>label{display:block;padding:8px 0}.consent-box input[type=checkbox]{width:auto;margin-right:8px}.wo-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.wo-media-grid img,.wo-media-grid video{width:100%;height:130px;object-fit:cover;background:#000}.order-section .actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
@media(max-width:600px){.current-visit-banner{grid-template-columns:12px minmax(0,1fr);padding:14px}.current-visit-banner>.material-symbols-rounded{display:none}.current-visit-banner h2{font-size:19px}.wo-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wo-media-grid img,.wo-media-grid video{height:105px}.order-section .actions{display:grid;grid-template-columns:1fr}.order-section .actions .btn{width:100%}}

/* WLOGIC */
.estimate-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 16px}.estimate-summary>div{background:var(--panel);border:1px solid var(--line);padding:14px}.estimate-summary small{display:block;color:var(--muted);font-size:10px;text-transform:uppercase}.estimate-summary b{font-size:24px}.danger-zone{border-left:4px solid #c93f3f}.btn.danger{background:#b93636;color:#fff}.btn.danger.ghost{background:transparent;color:#d85656;border:1px solid #a83d3d}.visit-danger{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
@media(max-width:700px){.estimate-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.order-section>.section-head>.actions{width:100%;display:grid;grid-template-columns:1fr}.order-section>.section-head>.actions .btn{width:100%}}@media(max-width:390px){.estimate-summary{grid-template-columns:1fr}}


/* WPROFLOW */
.pro-intake{max-width:1100px;margin:auto}.intake-issue-row{display:grid;grid-template-columns:1fr auto;gap:10px;margin:8px 0}.signature-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.signature-grid>div{min-width:0}.signature-canvas{display:block;width:100%;height:150px;background:#fff;border:1px solid var(--line,#d8dde6);touch-action:none;margin:8px 0}.local-media-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-top:12px}.local-media-preview img,.local-media-preview video{width:100%;height:100px;object-fit:cover;background:#111}.owner-manage-list{display:grid;gap:8px;margin-bottom:18px}.owner-manage-list article{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border:1px solid var(--line,#d8dde6)}.owner-manage-list article>div{display:flex;align-items:center;gap:10px;min-width:0}.owner-manage-list span{display:grid}.owner-manage-list small{opacity:.7}.priority-choice{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.priority-choice input{position:absolute;opacity:0}.priority-choice span{display:block;padding:12px;text-align:center;border:1px solid var(--line,#d8dde6);cursor:pointer}.priority-choice input:checked+span{outline:2px solid currentColor;font-weight:700}.proposal-priority{display:inline-block;margin-top:6px;font-size:12px;font-weight:800;text-transform:uppercase}.proposal-priority.urgent{font-weight:900}.proposal-priority.important{font-weight:800}@media(max-width:720px){.signature-grid,.priority-choice{grid-template-columns:1fr}.owner-manage-list article{align-items:flex-start;flex-direction:column}.owner-manage-list article>div:last-child{width:100%;flex-wrap:wrap}.pro-intake .form-grid{grid-template-columns:1fr}.signature-canvas{height:170px}}

/* WCHECK */
.inspection-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.inspection-summary>div{background:var(--panel,#15181d);padding:16px;display:flex;flex-direction:column;gap:4px}.inspection-summary b{font-size:24px}.inspection-summary span{opacity:.65}.inspection-list{display:grid;gap:12px}.inspection-item{padding:18px;background:rgba(255,255,255,.035);border-left:4px solid rgba(255,255,255,.14)}.inspection-item.result-ok{border-left-color:#36b37e}.inspection-item.result-attention{border-left-color:#e0a800}.inspection-item.result-fail{border-left-color:#e34b4b}.inspection-item-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.inspection-item-head h3{margin:0}.inspection-result-buttons{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.inspect-choice{border:0;padding:10px 16px;cursor:pointer;background:rgba(255,255,255,.08);color:inherit;font:inherit}.inspect-choice.active.ok{background:#23865e}.inspect-choice.active.attention{background:#a87900}.inspect-choice.active.fail{background:#a93636}.inspect-choice:disabled{cursor:default;opacity:.65}.inspection-media{display:flex;gap:8px;overflow:auto;margin:10px 0}.inspection-media img,.inspection-media video{width:140px;height:92px;object-fit:cover;background:#000}.sheet{contain:layout paint}.sheet-body{overflow-anchor:none}@media(max-width:700px){.inspection-summary{grid-template-columns:1fr}.inspection-item{padding:14px}.inspection-result-buttons{display:grid;grid-template-columns:repeat(3,1fr)}.inspect-choice{padding:10px 6px}.inspection-media img,.inspection-media video{width:118px;height:78px}}

/* WCHECKUI — compact interactive inspection */
.compact-checklist{max-width:1180px;margin:auto}.inspection-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}.inspection-kpis>div{padding:11px 14px;background:var(--panel);border:1px solid var(--line);display:flex;align-items:baseline;justify-content:space-between;gap:8px}.inspection-kpis b{font-size:20px}.inspection-kpis span{font-size:11px;color:var(--muted);text-transform:uppercase}.inspection-kpis .good b{color:#42c88a}.inspection-kpis .warn b{color:#e5ad2f}.inspection-kpis .bad b{color:#ef6666}.inspection-toolbar{display:flex;gap:6px;overflow:auto;padding:2px 0 12px;scrollbar-width:none}.inspection-toolbar button{border:1px solid var(--line);background:transparent;color:inherit;padding:7px 11px;white-space:nowrap;cursor:pointer}.inspection-toolbar button.active{background:var(--accent);border-color:var(--accent);color:#fff}.inspection-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}.inspect-group{background:var(--panel);border:1px solid var(--line);min-width:0}.inspect-group-head{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line);background:rgba(127,127,127,.04)}.inspect-group-head>span{display:grid;place-items:center;width:30px;height:30px;background:rgba(127,127,127,.1)}.inspect-group-head>div{display:grid;min-width:0}.inspect-group-head b{font-size:13px}.inspect-group-head small{font-size:10px;color:var(--muted)}.inspect-table{display:grid}.inspect-row{display:grid;grid-template-columns:minmax(0,1fr) auto 82px 30px;align-items:center;min-height:43px;border-bottom:1px solid var(--line);border-left:3px solid transparent}.inspect-row:last-child{border-bottom:0}.inspect-row.result-ok{border-left-color:#36b37e}.inspect-row.result-attention{border-left-color:#e0a800}.inspect-row.result-fail{border-left-color:#e34b4b}.inspect-name{border:0;background:transparent;color:inherit;text-align:left;padding:8px 10px;min-width:0;cursor:pointer;display:grid}.inspect-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650}.inspect-name small{font-size:9px;color:var(--muted);margin-top:2px}.inspect-quick{display:flex;gap:3px}.inspect-dot{width:27px;height:27px;border:1px solid var(--line);background:transparent;color:var(--muted);padding:0;cursor:pointer;font-weight:900}.inspect-dot.ok.active{background:#23865e;border-color:#23865e;color:#fff}.inspect-dot.attention.active{background:#a87900;border-color:#a87900;color:#fff}.inspect-dot.fail.active{background:#a93636;border-color:#a93636;color:#fff}.inspect-dot:disabled{cursor:default;opacity:.65}.inspect-state{font-size:9px;font-weight:800;text-align:center;color:var(--muted)}.inspect-more{border:0;background:transparent;color:var(--muted);cursor:pointer;padding:4px}.inspect-more .material-symbols-rounded{font-size:18px;transition:transform .15s}.inspect-details{display:none;grid-column:1/-1;padding:10px 12px 12px;background:rgba(127,127,127,.035);border-top:1px solid var(--line)}.inspect-row.expanded .inspect-details{display:block}.inspect-row.expanded .inspect-more .material-symbols-rounded{transform:rotate(180deg)}.inspect-details textarea{min-height:66px}.inspect-details .inspection-media{margin:7px 0}.inspect-details .inspection-media img,.inspect-details .inspection-media video{width:100px;height:68px}.btn.compact{padding:7px 10px;font-size:11px}
@media(max-width:900px){.inspection-groups{grid-template-columns:1fr}}
@media(max-width:600px){.inspection-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.inspect-row{grid-template-columns:minmax(0,1fr) auto 28px}.inspect-state{display:none}.inspect-name{padding-left:8px}.inspect-dot{width:30px;height:30px}.inspection-toolbar{margin-inline:-2px}.compact-checklist .section-head{gap:10px}.compact-checklist .section-head .btn{width:100%}}
/* WCHECKPRO */
.compact-checklist .inspection-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.compact-checklist .inspect-group{box-shadow:0 8px 24px rgba(0,0,0,.08)}.compact-checklist .inspect-group-head{position:sticky;top:0;z-index:1;backdrop-filter:blur(10px)}.compact-checklist .inspect-row{min-height:40px}.compact-checklist .inspect-name span{font-size:11.5px}.compact-checklist .inspection-kpis>div{min-height:48px}.compact-checklist .inspection-toolbar{position:sticky;top:0;z-index:3;background:var(--bg);padding-top:6px}
@media(min-width:1500px){.compact-checklist{max-width:1450px}.compact-checklist .inspection-groups{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.compact-checklist .inspection-groups{grid-template-columns:1fr}.compact-checklist .inspection-toolbar{position:static}}

/* WSTAFF — employee management */
.staff-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}.staff-card{display:flex;gap:16px;align-items:center;padding:18px;background:var(--panel,#fff);border:1px solid var(--line,#dfe3e8);cursor:pointer;min-width:0}.staff-card:hover{transform:translateY(-1px)}.staff-card.inactive{opacity:.62}.staff-avatar{width:52px;height:52px;display:grid;place-items:center;flex:0 0 auto;background:var(--accent,#2673ff);color:#fff;font-weight:800;font-size:17px}.staff-avatar.big{width:76px;height:76px;font-size:24px}.staff-main{min-width:0;flex:1}.staff-title{display:flex;gap:10px;align-items:center;justify-content:space-between}.staff-title h3{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.staff-main>b,.staff-main>small{display:block;margin-top:5px}.staff-main>small{opacity:.7;overflow-wrap:anywhere}.staff-stats{display:flex;gap:16px;margin-top:12px;font-size:12px;opacity:.8}.staff-stats span{display:flex;align-items:center;gap:5px}.staff-stats .material-symbols-rounded{font-size:16px}.activity-list{display:grid;gap:1px;background:var(--line,#dfe3e8);border:1px solid var(--line,#dfe3e8)}.activity-row{display:flex;gap:12px;padding:12px 14px;background:var(--panel,#fff);align-items:flex-start}.activity-icon{width:34px;height:34px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent,#2673ff) 12%,transparent);flex:0 0 auto}.activity-row>div{min-width:0}.activity-row b,.activity-row span,.activity-row small{display:block}.activity-row span{margin-top:2px}.activity-row small{opacity:.65;margin-top:3px}.staff-profile-head{display:flex;gap:16px;align-items:center}.staff-profile-head h2{margin:0}.staff-profile-head p{margin:5px 0 8px}.profile-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.profile-facts>div{padding:13px;background:var(--soft,#f4f6f8);min-width:0}.profile-facts small,.profile-facts b{display:block}.profile-facts b{margin-top:5px;overflow-wrap:anywhere}.danger-zone{margin-top:24px;padding:18px;border:1px solid color-mix(in srgb,#d33 35%,transparent)}.danger-zone p{opacity:.75}.checkline{display:flex;align-items:center;gap:10px;padding:12px;background:var(--soft,#f4f6f8)}.checkline input{width:18px;height:18px}.staff-form select{width:100%}
@media(max-width:800px){.staff-grid{grid-template-columns:1fr}.profile-facts{grid-template-columns:1fr 1fr}.staff-profile-head{align-items:flex-start;flex-wrap:wrap}.staff-profile-head .spacer{display:none}.staff-profile-head .btn{width:100%}.staff-kpis .tile{grid-column:span 12!important}}
@media(max-width:480px){.staff-card{padding:13px;gap:11px}.staff-avatar{width:44px;height:44px}.profile-facts{grid-template-columns:1fr}.staff-stats{flex-direction:column;gap:5px}}

/* WHISTFIX: cancelled visits remain visible, but are never styled as active. */
.history-order.cancelled-order{border-left:3px solid var(--muted);opacity:.82}.cancelled-order .history-rail span{background:var(--muted)}.history-cancel-note{display:flex;gap:10px;align-items:flex-start;margin-top:10px;padding:10px;background:var(--panel2);border-left:3px solid var(--muted);font-size:12px}.history-cancel-note b{white-space:nowrap}.history-cancel-note span{color:var(--muted);overflow-wrap:anywhere}
@media(max-width:520px){.history-cancel-note{flex-direction:column;gap:3px}}

/* WVEHICLECRUD */
.vehicle-hero-info .actions{display:flex;gap:8px;flex-wrap:wrap}.vehicle-hero-info .actions .danger{margin-left:auto}@media(max-width:650px){.vehicle-hero-info .actions .btn{flex:1 1 100%}.vehicle-hero-info .actions .danger{margin-left:0}}

/* WMECH — mechanic workspace */
.mech-work-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:14px}.mech-work-card{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--line);padding:18px;min-width:0}.mech-work-card.status-in_progress{border-left-color:#36b37e}.mech-work-card.status-waiting_parts,.mech-work-card.status-waiting_customer{border-left-color:#e0a800}.mech-work-card.status-paused{border-left-color:#e34b4b}.mech-work-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.mech-work-head small{color:var(--muted)}.mech-work-head h2{margin:4px 0}.mech-work-meta{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0;color:var(--muted);font-size:12px}.mech-work-meta span{display:flex;align-items:center;gap:4px}.mech-work-meta .material-symbols-rounded{font-size:17px}.mech-complaint{padding:10px 12px;background:var(--soft);font-size:13px}.mech-work-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.work-state-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0}.work-state{border:1px solid var(--line);background:transparent;color:inherit;padding:11px;cursor:pointer}.work-state.active{background:var(--accent);border-color:var(--accent);color:#fff}.assigned-team{display:grid;gap:7px;margin:12px 0}.assigned-person{display:flex;align-items:center;gap:11px;background:var(--soft);padding:10px}.assigned-person>div:nth-child(2){flex:1;min-width:0}.assigned-person b,.assigned-person small{display:block}.assigned-person small{color:var(--muted);margin-top:2px}.time-list{display:grid;gap:1px;background:var(--line);margin-top:12px}.time-list>div{display:grid;grid-template-columns:minmax(120px,1fr) minmax(180px,2fr) auto;gap:12px;background:var(--panel);padding:10px 12px;align-items:center}.time-list span{font-size:12px;color:var(--muted)}
@media(max-width:700px){.mech-work-grid{grid-template-columns:1fr}.work-state-grid{grid-template-columns:1fr 1fr}.time-list>div{grid-template-columns:1fr}.mech-work-actions .btn{flex:1 1 45%}.mech-work-head{flex-direction:column}}

/* WORDERS — visual work-order browser + vehicle workspace */
.order-view-switch{display:flex;border:1px solid var(--line);background:var(--panel)}
.order-view-switch button{width:44px;height:42px;border:0;border-right:1px solid var(--line);background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer}.order-view-switch button:last-child{border-right:0}.order-view-switch button.active{background:var(--accent);color:#fff}.orders-head>.actions{display:flex;align-items:center;gap:9px}.orders-layout{margin-top:18px}.orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}.orders-list{display:grid;gap:9px}.order-card{position:relative;background:var(--panel);border:1px solid var(--line);overflow:hidden;cursor:pointer;transition:transform .18s var(--ease),box-shadow .18s var(--ease);min-width:0}.order-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.order-card-photo{height:205px;background:linear-gradient(135deg,var(--panel2),var(--accent-soft));background-size:cover;background-position:center;display:grid;place-items:center;position:relative}.order-card-photo>.material-symbols-rounded{font-size:68px;color:var(--muted)}.order-card-status{position:absolute;left:12px;top:12px}.order-card-body{padding:18px 18px 20px}.order-card-no{font-size:11px;color:var(--muted);font-weight:800;letter-spacing:.08em}.order-card h3{font-size:25px;letter-spacing:-.04em;margin:5px 0 9px}.order-card-plate{display:inline-block;background:#fff;color:#111;border:2px solid #111;padding:3px 8px;font-weight:900;letter-spacing:.08em}.order-card-facts{display:grid;gap:7px;margin-top:15px;color:var(--muted);font-size:12px}.order-card-facts span{display:flex;align-items:center;gap:7px}.order-card-facts .material-symbols-rounded{font-size:17px}.order-card-complaint{border-top:1px solid var(--line);padding-top:12px;margin:13px 0 0;font-size:13px;line-height:1.45}.order-card-arrow{position:absolute;right:15px;bottom:15px;color:var(--accent)}.order-card-list{display:grid;grid-template-columns:210px minmax(0,1fr) 48px;min-height:150px}.order-card-list .order-card-photo{height:100%;min-height:150px}.order-card-list .order-card-body{display:grid;grid-template-columns:minmax(180px,.65fr) minmax(240px,1fr);align-content:center;column-gap:20px}.order-card-list .order-card-no,.order-card-list h3,.order-card-list .order-card-plate{grid-column:1}.order-card-list .order-card-facts,.order-card-list .order-card-complaint{grid-column:2;grid-row:1/5;margin:0;align-self:center}.order-card-list .order-card-complaint{margin-top:74px}.order-card-list .order-card-arrow{right:16px;bottom:50%;transform:translateY(50%)}
.order-workspace-hero{display:grid;grid-template-columns:minmax(300px,.8fr) 1.2fr;border:1px solid var(--line);background:var(--panel);margin-bottom:16px;min-height:330px}.order-workspace-photo{min-height:330px;background:linear-gradient(135deg,var(--panel2),var(--accent-soft));background-size:cover;background-position:center;display:grid;place-items:center}.order-workspace-photo>.material-symbols-rounded{font-size:100px;color:var(--muted)}.order-workspace-info{padding:28px 32px;min-width:0}.order-workspace-top{display:flex;align-items:center;gap:10px}.order-number{font-size:12px;color:var(--muted);font-weight:800}.order-workspace-info h1{font-size:clamp(34px,4vw,56px);letter-spacing:-.055em;line-height:1;margin:13px 0}.order-profile-plate{display:inline-block;background:#fff;color:#101318;border:3px solid #101318;padding:5px 11px;font-size:17px;font-weight:900;letter-spacing:.08em}.order-profile-data{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);margin-top:20px}.order-profile-data>div{background:var(--panel);padding:11px;min-width:0}.order-profile-data small,.order-customer-report small{display:block;color:var(--muted);font-size:10px;text-transform:uppercase}.order-profile-data b{display:block;margin-top:4px;font-size:12px;overflow-wrap:anywhere}.order-customer-report{margin-top:13px;padding:13px;background:var(--accent-soft)}.order-customer-report p{margin:5px 0 0;white-space:pre-wrap}.order-workspace-info>.actions{margin-top:14px}
@media(max-width:900px){.order-workspace-hero{grid-template-columns:1fr}.order-workspace-photo{min-height:250px}.order-card-list{grid-template-columns:160px minmax(0,1fr) 42px}.order-card-list .order-card-body{display:block}.order-card-list .order-card-facts,.order-card-list .order-card-complaint{margin-top:12px}}
@media(max-width:650px){.orders-head>.actions{width:100%;justify-content:space-between}.orders-grid{grid-template-columns:1fr}.order-card-list{grid-template-columns:110px minmax(0,1fr)}.order-card-list .order-card-photo{min-height:180px}.order-card-list .order-card-arrow{display:none}.order-card h3{font-size:20px}.order-card-list .order-card-body{padding:13px}.order-workspace-info{padding:20px}.order-profile-data{grid-template-columns:repeat(2,minmax(0,1fr))}.order-workspace-photo{min-height:220px}}

/* WORDERUI — refined order cards, list and status categories */
.order-category-tabs{display:flex;gap:6px;overflow-x:auto;padding:4px 0 8px;margin-top:10px;scrollbar-width:thin}.order-category-tabs button{flex:0 0 auto;display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:var(--panel);color:var(--muted);padding:10px 13px;cursor:pointer;font:inherit;font-weight:750}.order-category-tabs button b{min-width:25px;height:25px;padding:0 7px;display:grid;place-items:center;background:var(--soft);color:var(--text);font-size:11px}.order-category-tabs button.active{background:var(--text);border-color:var(--text);color:var(--panel)}.order-category-tabs button.active b{background:rgba(255,255,255,.16);color:inherit}.orders-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:18px}.order-card{border:0;box-shadow:0 1px 0 var(--line),0 8px 28px rgba(0,0,0,.055)}.order-card-photo{height:225px;background-color:var(--soft);background-size:cover;background-position:center}.order-photo-shade{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.04) 45%,rgba(0,0,0,.58));pointer-events:none}.order-photo-empty{display:grid;place-items:center;gap:7px;color:var(--muted)}.order-photo-empty .material-symbols-rounded{font-size:64px}.order-photo-empty small{font-size:11px}.order-card-status{z-index:2}.order-card-no-photo{position:absolute;z-index:2;left:14px;bottom:12px;color:#fff;font-size:11px;font-weight:900;letter-spacing:.08em;text-shadow:0 1px 5px #000}.order-card-body{padding:17px 18px 19px}.order-card-title{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.order-card-title h3{margin:0 0 9px}.order-card-title .order-card-arrow{position:static;width:38px;height:38px;display:grid;place-items:center;background:var(--soft);flex:0 0 auto}.order-card-facts{grid-template-columns:1fr;gap:0;margin-top:16px;border-top:1px solid var(--line)}.order-card-facts span{padding:9px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:24px 1fr;align-items:center}.order-card-facts b{font-size:12px;color:var(--text);font-weight:700}.order-card-complaint{border:0;background:var(--soft);padding:11px 12px;margin-top:12px}.order-card-complaint small{display:block;text-transform:uppercase;letter-spacing:.06em;font-size:9px;color:var(--muted);font-weight:800}.order-card-complaint p{margin:4px 0 0;font-size:12px;line-height:1.45}.order-card-list{grid-template-columns:240px minmax(0,1fr);min-height:165px}.order-card-list .order-card-photo{min-height:165px;height:100%}.order-card-list .order-card-body{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(280px,1fr);gap:8px 26px;align-items:center;padding:16px 20px}.order-card-list .order-card-title{grid-column:1}.order-card-list .order-card-facts{grid-column:2;grid-row:1;margin:0;border-top:0}.order-card-list .order-card-complaint{grid-column:1/3;margin-top:4px}.orders-empty{grid-column:1/-1}.order-workspace-photo{background-size:cover;background-position:center;position:relative}.order-workspace-photo:not([style]){background-image:linear-gradient(135deg,var(--panel2),var(--accent-soft))}
@media(max-width:900px){.order-card-list{grid-template-columns:180px minmax(0,1fr)}.order-card-list .order-card-body{display:block}.order-card-list .order-card-facts,.order-card-list .order-card-complaint{margin-top:12px}}
@media(max-width:650px){.order-category-tabs{margin-left:-2px;margin-right:-2px}.orders-grid{grid-template-columns:1fr;gap:12px}.order-card-photo{height:210px}.order-card-list{grid-template-columns:120px minmax(0,1fr)}.order-card-list .order-card-photo{min-height:205px}.order-card-list .order-card-body{padding:12px}.order-card-list .order-card-complaint{display:none}}

/* WSHELL — fixed application chrome + unified workspace layers */
:root{--rail-w:86px;--top-h:78px}
html,body{height:100%;overflow:hidden}
.shell{height:100vh;min-height:0;display:grid;grid-template-columns:var(--rail-w) minmax(0,1fr);overflow:hidden}
.rail{position:fixed!important;left:0;top:0;bottom:0;width:var(--rail-w);height:100vh!important;overflow-y:auto;overscroll-behavior:contain}
.main{height:100vh;min-height:0;overflow:hidden;margin-left:0;display:grid;grid-template-rows:var(--top-h) minmax(0,1fr)}
.top{position:fixed!important;top:0;left:var(--rail-w);right:0;height:var(--top-h);z-index:35}
.page{grid-row:2;height:calc(100vh - var(--top-h));max-width:none;width:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-bottom:70px}
body.layer-open .page{overflow:hidden}
.layer{z-index:80;background:rgba(7,16,26,.64);backdrop-filter:blur(5px);animation:wsBackdropIn .18s ease-out}
.sheet{width:min(1440px,calc(100vw - var(--rail-w) - 22px));height:calc(100vh - 22px);margin:11px 11px 11px 0;border:1px solid var(--line);box-shadow:-28px 0 90px rgba(0,0,0,.28);animation:wsSheetIn .3s cubic-bezier(.16,1,.3,1);overflow:hidden}
.sheet-head{position:relative;z-index:5;height:68px;padding:0 18px;background:color-mix(in srgb,var(--panel) 96%,transparent);backdrop-filter:blur(18px)}
.sheet-head .layer-depth{font-size:10px;color:var(--muted);font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.sheet-body{scroll-behavior:smooth;overscroll-behavior:contain;padding-top:24px}
.sheet-body>.vehicle-hero,.sheet-body>.order-workspace-hero{box-shadow:0 12px 36px rgba(0,0,0,.06)}
.vehicle-hero,.order-workspace-hero{border:0!important;background:var(--panel);position:relative}
.vehicle-hero-photo,.order-workspace-photo{background-color:var(--panel2);background-size:cover!important;background-position:center!important}
.vehicle-profile-tabs,.order-tabs{position:sticky;top:-24px;z-index:4;background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(16px);padding:12px 0;margin-bottom:8px;border-bottom:1px solid var(--line)}
.workspace-context{display:inline-flex;align-items:center;gap:7px;margin-left:4px;padding:5px 8px;background:var(--accent-soft);color:var(--accent);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.workspace-jump{margin-left:auto}
@keyframes wsBackdropIn{from{opacity:0}to{opacity:1}}
@keyframes wsSheetIn{from{transform:translate3d(52px,0,0) scale(.992);opacity:.35}to{transform:translate3d(0,0,0) scale(1);opacity:1}}
@media(max-width:720px){
 :root{--rail-w:0px;--top-h:68px}
 html,body{overflow:hidden}.shell{display:block;height:100vh}.main{height:100vh;display:grid;grid-template-rows:var(--top-h) minmax(0,1fr)}
 .rail{top:auto!important;left:0;right:0;bottom:0;width:100%;height:70px!important;overflow:hidden}
 .top{left:0;right:0;top:0;height:var(--top-h)}
 .page{height:calc(100vh - var(--top-h) - 70px);padding-bottom:30px}
 .sheet{width:100vw;height:100dvh;margin:0;border:0}.sheet-head{height:62px;padding:0 10px}.sheet-head h2{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sheet-head .layer-depth{display:none}.sheet-head>.btn:last-child{font-size:0;padding:0;width:44px}.sheet-head>.btn:last-child .material-symbols-rounded{font-size:22px}
 .sheet-body{padding:14px;padding-bottom:90px}.vehicle-profile-tabs,.order-tabs{top:-14px;margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px}
}

/* WSHELLFIX — stable fixed desktop shell; menu state controls the real fixed width */
@media(min-width:721px){
  .shell{--active-rail:272px;grid-template-columns:var(--active-rail) minmax(0,1fr)!important;width:100vw;height:100vh;min-height:0;overflow:hidden}
  .shell[data-menu="wide"]{--active-rail:272px}
  .shell[data-menu="compact"]{--active-rail:86px}
  .shell[data-menu="hidden"]{--active-rail:0px;grid-template-columns:0 minmax(0,1fr)!important}
  .rail{display:flex!important;position:fixed!important;inset:0 auto 0 0!important;width:var(--active-rail)!important;min-width:var(--active-rail)!important;max-width:var(--active-rail)!important;height:100vh!important;overflow-x:hidden!important;overflow-y:auto!important;opacity:1!important;visibility:visible!important;transform:none!important;transition:width .22s var(--ease),min-width .22s var(--ease),max-width .22s var(--ease),opacity .18s ease!important}
  .shell[data-menu="hidden"] .rail{display:flex!important;width:0!important;min-width:0!important;max-width:0!important;padding-left:0!important;padding-right:0!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:none!important}
  .shell[data-menu="wide"] .rail{padding:18px 14px!important}
  .shell[data-menu="compact"] .rail{padding:18px 12px!important}
  .shell[data-menu="wide"] .brand,.shell[data-menu="wide"] .nav>span:not(.material-symbols-rounded){display:flex!important}
  .shell[data-menu="compact"] .brand,.shell[data-menu="compact"] .nav>span:not(.material-symbols-rounded){display:none!important}
  .shell[data-menu="wide"] .rail-head{justify-content:flex-start!important}.shell[data-menu="wide"] .nav{justify-content:flex-start!important;padding:0 15px!important}
  .shell[data-menu="compact"] .rail-head{justify-content:center!important}.shell[data-menu="compact"] .nav{justify-content:center!important;padding:0!important}
  .main{grid-column:2!important;width:auto!important;min-width:0!important;height:100vh!important;margin:0!important;overflow:hidden!important;display:grid!important;grid-template-rows:var(--top-h) minmax(0,1fr)!important}
  .shell[data-menu="hidden"] .main{grid-column:2!important}
  .top{position:fixed!important;top:0!important;left:var(--active-rail)!important;right:0!important;width:auto!important;height:var(--top-h)!important;transition:left .22s var(--ease)!important;overflow:visible!important}
  .page{grid-row:2!important;position:relative!important;display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-width:none!important;margin:0!important;overflow-x:hidden!important;overflow-y:auto!important;padding:clamp(20px,3vw,46px)!important;padding-bottom:70px!important}
}


/* WINTAKEUI — designer/professional vehicle intake */
.intake-pro-v2{max-width:1320px;margin:0 auto 70px}.intake-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 18px;background:var(--text);color:var(--panel);margin-bottom:18px}.intake-toolbar>div:first-child{display:flex;align-items:center;gap:12px}.intake-toolbar>div:first-child>span{width:42px;height:42px;display:grid;place-items:center;background:var(--accent);color:#fff}.intake-toolbar small,.intake-toolbar b{display:block}.intake-toolbar small{font-size:9px;letter-spacing:.12em;opacity:.65}.intake-toolbar b{margin-top:3px;font-size:14px}.intake-progress{display:flex;align-items:center;gap:7px}.intake-progress span{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);font-size:11px;font-weight:900}.intake-progress span.active{background:var(--accent);border-color:var(--accent)}.intake-progress i{width:22px;height:1px;background:rgba(255,255,255,.18)}.intake-layout{display:grid;grid-template-columns:minmax(300px,360px) minmax(0,1fr);gap:16px;align-items:start}.intake-aside{display:grid;gap:16px;position:sticky;top:0}.intake-main{display:grid;gap:16px}.intake-panel{background:var(--panel);border:1px solid var(--line);padding:18px;box-shadow:0 8px 24px rgba(0,0,0,.035)}.intake-panel-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.intake-panel-head>span{width:38px;height:38px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);flex:0 0 auto}.intake-panel-head>div{min-width:0;flex:1}.intake-panel-head small{font-size:9px;letter-spacing:.12em;font-weight:900;color:var(--accent)}.intake-panel-head h3{margin:2px 0 0;font-size:18px}.intake-panel-head p{margin:3px 0 0;font-size:12px;color:var(--muted);line-height:1.45}.intake-panel-head.split{align-items:center}.intake-panel-head.split .btn,.intake-panel-head.split .intake-upload-btn{margin-left:auto}.intake-warning{display:flex;gap:7px;align-items:center;padding:9px 10px;margin:9px 0;background:color-mix(in srgb,#d89c22 12%,var(--panel));border-left:3px solid #d89c22;font-size:11px}.intake-warning .material-symbols-rounded{font-size:17px}.intake-vehicle-empty{min-height:190px;display:flex;align-items:center;justify-content:center;gap:13px;background:var(--soft);color:var(--muted);margin-top:14px}.intake-vehicle-empty>.material-symbols-rounded{font-size:44px}.intake-vehicle-empty b,.intake-vehicle-empty span{display:block}.intake-vehicle-empty span{font-size:11px;margin-top:3px}.intake-vehicle-card{margin-top:14px;border:1px solid var(--line);background:var(--panel)}.intake-vehicle-photo{height:190px;background:var(--soft);background-size:cover;background-position:center;display:grid;place-items:center}.intake-vehicle-photo>.material-symbols-rounded{font-size:62px;color:var(--muted)}.intake-vehicle-info{padding:14px}.intake-vehicle-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.intake-vehicle-top>span:last-child{font-size:11px;font-weight:900;letter-spacing:.06em}.intake-vehicle-info h2{font-size:20px;margin:10px 0 3px}.intake-vehicle-info>p{margin:0;color:var(--muted);font-size:11px;overflow-wrap:anywhere}.intake-vehicle-facts{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);margin-top:13px;border:1px solid var(--line)}.intake-vehicle-facts>div{background:var(--panel);padding:9px}.intake-vehicle-facts small,.intake-vehicle-facts b{display:block}.intake-vehicle-facts small{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.intake-vehicle-facts b{font-size:11px;margin-top:3px}.input-with-unit{display:grid;grid-template-columns:1fr auto;border:1px solid var(--line);background:var(--panel)}.input-with-unit input{border:0!important}.input-with-unit b{display:grid;place-items:center;padding:0 12px;background:var(--soft);font-size:11px;color:var(--muted)}.intake-readings input[type=range]{width:100%;accent-color:var(--accent)}.fuel-presets{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-top:8px}.fuel-preset{border:1px solid var(--line);background:var(--panel);color:var(--muted);padding:7px 3px;font-size:10px;font-weight:800;cursor:pointer}.fuel-preset.active{background:var(--accent);border-color:var(--accent);color:#fff}.key-stepper{display:grid;grid-template-columns:42px 1fr 42px;border:1px solid var(--line)}.key-stepper button{border:0;background:var(--soft);color:var(--text);font-size:20px;cursor:pointer}.key-stepper input{text-align:center;border:0!important}.intake-issues{display:grid;gap:8px}.intake-issue-row{grid-template-columns:1fr 42px!important;margin:0!important}.intake-issue-row input{min-height:46px}.intake-issue-row .btn{width:42px;padding:0;display:grid;place-items:center}.intake-two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.intake-two-col textarea{min-height:130px;resize:vertical}.intake-upload-btn{cursor:pointer;white-space:nowrap}.intake-media-preview{min-height:132px;background:var(--soft);padding:10px}.intake-media-preview:has(img),.intake-media-preview:has(video){background:transparent;padding:0}.intake-media-empty{grid-column:1/-1;min-height:112px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:12px}.intake-media-empty .material-symbols-rounded{font-size:28px}.intake-consents{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.intake-consents label{display:grid;grid-template-columns:22px 1fr;align-items:start;gap:9px;padding:13px;border:1px solid var(--line);cursor:pointer}.intake-consents input{width:17px;height:17px;margin-top:2px;accent-color:var(--accent)}.intake-consents b,.intake-consents small{display:block}.intake-consents b{font-size:12px}.intake-consents small{font-size:10px;line-height:1.45;color:var(--muted);margin-top:3px}.intake-signatures{gap:12px}.intake-signatures>div{border:1px solid var(--line);padding:12px;background:var(--soft)}.signature-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.signature-title button{border:0;background:transparent;color:var(--accent);font:inherit;font-size:11px;font-weight:800;cursor:pointer}.intake-signatures .signature-canvas{height:170px;margin-bottom:0;border:1px dashed color-mix(in srgb,var(--text) 22%,transparent);background:#fff}.intake-savebar{position:sticky;bottom:-24px;z-index:7;margin-top:16px;padding:12px 14px;background:color-mix(in srgb,var(--panel) 97%,transparent);border:1px solid var(--line);box-shadow:0 -12px 30px rgba(0,0,0,.06);backdrop-filter:blur(18px);display:flex;justify-content:space-between;align-items:center;gap:18px}.intake-savebar>div:first-child{display:flex;gap:9px;align-items:center;min-width:0}.intake-savebar>div:first-child>.material-symbols-rounded{color:var(--accent)}.intake-savebar p{margin:0}.intake-savebar b,.intake-savebar small{display:block}.intake-savebar b{font-size:11px}.intake-savebar small{font-size:10px;color:var(--muted);margin-top:2px}.intake-savebar>div:last-child{display:flex;gap:8px;flex:0 0 auto}
@media(max-width:980px){.intake-layout{grid-template-columns:1fr}.intake-aside{position:static;grid-template-columns:1fr 1fr}.intake-vehicle-card{display:grid;grid-template-columns:210px 1fr}.intake-vehicle-photo{height:100%;min-height:200px}.intake-consents{grid-template-columns:1fr}.intake-savebar{bottom:-14px}}
@media(max-width:720px){.intake-pro-v2{margin-bottom:90px}.intake-toolbar{margin:-14px -14px 14px;padding:13px}.intake-progress{display:none}.intake-layout{gap:10px}.intake-aside{grid-template-columns:1fr;gap:10px}.intake-main{gap:10px}.intake-panel{padding:13px}.intake-vehicle-card{display:block}.intake-vehicle-photo{height:190px}.intake-two-col,.intake-signatures{grid-template-columns:1fr}.intake-panel-head.split{flex-wrap:wrap}.intake-panel-head.split .btn,.intake-panel-head.split .intake-upload-btn{margin-left:50px}.intake-savebar{position:fixed;left:0;right:0;bottom:0;margin:0;border-width:1px 0 0;padding:10px 12px;z-index:100}.intake-savebar>div:first-child{display:none}.intake-savebar>div:last-child{width:100%}.intake-savebar .btn{flex:1}.fuel-presets{grid-template-columns:repeat(5,1fr)}.intake-consents{gap:6px}}