:root{--ink:#12211c;--muted:#6c7b75;--green:#0d6b4d;--green2:#11a36a;--mint:#eaf7f1;--line:#dfe8e3;--cream:#f5f7f4;--white:#fff;--orange:#e56b35;--blue:#3b69c9;--purple:#7456c9;--shadow:0 15px 50px rgba(26,56,45,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}button,input,select{font:inherit}button{cursor:pointer}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:#f9fbf9;border-right:1px solid var(--line);padding:28px 20px 18px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font:800 20px Manrope}.brand small{color:var(--green2);font-size:10px;margin-left:3px;vertical-align:top}.brand-mark{width:34px;height:34px;background:var(--green);border-radius:10px;color:white;display:grid;place-items:center;position:relative}.brand-mark>span{position:absolute;color:#a5ead0;font-size:10px;top:5px;right:6px}.sidebar nav{margin-top:38px;flex:1}.nav-label,.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.6px;color:#87938e}.nav-label{margin:26px 12px 9px}.nav-item{border:0;background:transparent;width:100%;height:44px;border-radius:10px;text-align:left;display:flex;gap:13px;align-items:center;padding:0 13px;color:#60706a;font-weight:600;margin:3px 0}.nav-item span{font-size:19px;width:22px;text-align:center}.nav-item:hover,.nav-item.active{background:#e8f3ee;color:var(--green)}.nav-item b{margin-left:auto;background:#d5ede2;padding:2px 7px;border-radius:20px;font-size:10px}.support-card{background:#eaf6f0;padding:16px;border-radius:14px;position:relative}.support-card>span{float:left;width:24px;height:24px;border-radius:50%;background:var(--green);color:#fff;text-align:center;line-height:24px;margin-right:8px}.support-card strong{font-size:13px}.support-card p{font-size:11px;color:var(--muted);margin:8px 0 12px;line-height:1.45}.support-card button{border:0;background:transparent;color:var(--green);font-weight:700;padding:0}.profile{border-top:1px solid var(--line);margin-top:18px;padding-top:17px;display:flex;align-items:center;gap:9px}.avatar{width:35px;height:35px;border-radius:50%;background:#d8e3db;display:grid;place-items:center;font-weight:800;font-size:12px}.profile strong,.profile small{display:block}.profile strong{font-size:12px}.profile small{font-size:10px;color:var(--muted)}.profile button{margin-left:auto;border:0;background:transparent}main{margin-left:250px;min-height:100vh}.topbar{padding:28px 4.5%;display:flex;justify-content:space-between;align-items:center;background:rgba(245,247,244,.92);position:sticky;top:0;z-index:5;backdrop-filter:blur(12px)}h1,h2,h3,h4{font-family:Manrope,sans-serif;margin:0}h1{font-size:26px;margin-top:4px}.top-actions{display:flex;gap:10px}.icon-btn{border:1px solid var(--line);background:white;width:42px;border-radius:10px;position:relative}.icon-btn i{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--orange);top:9px;right:10px}.primary,.secondary,.hero-cta{border:0;border-radius:10px;padding:13px 19px;font-weight:700}.primary{background:var(--green);color:white}.primary:hover{background:#095a40}.primary.small{padding:11px 17px}.secondary{background:white;border:1px solid var(--line);color:var(--ink)}.full{width:100%}.view{display:none;padding:5px 4.5% 60px;animation:fade .3s ease}.view.active{display:block}@keyframes fade{from{opacity:0;transform:translateY(5px)}}.hero-card{min-height:355px;padding:47px 50px;border-radius:23px;background:linear-gradient(125deg,#093e31,#0c6b4e 65%,#0d7955);color:white;display:grid;grid-template-columns:1.15fr 1fr;overflow:hidden;box-shadow:var(--shadow)}.hero-card h2{font-size:39px;line-height:1.15;margin:14px 0}.hero-card h2 em{color:#9ee4c5;font-style:normal}.hero-card p{max-width:520px;color:#d4e8df;line-height:1.7;font-size:14px}.pill{display:inline-block;background:#e9f4ef;color:var(--green);padding:6px 9px;border-radius:7px;font-size:9px;font-weight:800;letter-spacing:1.2px}.pill.light{background:rgba(255,255,255,.12);color:#c6ebda}.pill.success{background:#e5f5ed;color:#0a8056}.hero-cta{display:block;background:white;color:var(--green);margin-top:23px}.hero-cta span{margin-left:25px}.hero-card>div>small{display:block;margin:11px 4px;color:#a5c9ba;font-size:10px}.car-visual{position:relative;display:grid;place-items:center}.vehicle-shape{font-size:160px;filter:saturate(.65) contrast(1.15);transform:scaleX(-1);text-shadow:0 20px 35px rgba(0,0,0,.25)}.car-visual:before{content:"";position:absolute;width:380px;height:380px;border:1px solid rgba(142,225,190,.18);border-radius:50%}.car-visual:after{content:"";position:absolute;width:280px;height:280px;border:1px dashed rgba(142,225,190,.25);border-radius:50%}.scan-line{position:absolute;width:310px;height:2px;background:linear-gradient(90deg,transparent,#87f1c2,transparent);box-shadow:0 0 15px #87f1c2;animation:scan 3s infinite;z-index:2}@keyframes scan{0%,100%{transform:translateY(-65px)}50%{transform:translateY(65px)}}.tag{position:absolute;background:rgba(8,49,38,.82);border:1px solid rgba(138,230,189,.35);padding:8px 12px;border-radius:8px;font-size:10px;z-index:3}.tag-1{top:67px;left:20px}.tag-2{bottom:70px;right:0}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:18px 0}.stat-grid article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;display:flex;align-items:center;gap:13px}.stat-grid small,.stat-grid strong,.stat-grid p{display:block}.stat-grid small{font-size:9px;letter-spacing:1px;color:#8b9691;font-weight:800}.stat-grid strong{font:700 14px Manrope;margin-top:5px}.stat-grid p{margin:3px 0 0;color:var(--muted);font-size:11px}.stat-grid button{margin-left:auto;border:0;background:transparent;color:#8b9691}.stat-icon,.qa-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;font-size:18px}.green{background:#e6f5ee;color:var(--green)}.amber{background:#fff1e6;color:var(--orange)}.blue{background:#e9effc;color:var(--blue)}.purple{background:#f0ebfa;color:var(--purple)}.status-dot{display:inline-block;width:6px;height:6px;background:var(--orange);border-radius:50%}.content-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 5px 25px rgba(26,56,45,.03)}.health-panel,.quick-panel{padding:24px}.panel-head{display:flex;align-items:start;justify-content:space-between}.panel h3{font-size:17px;margin-top:4px}.updated{font-size:10px;color:var(--muted);background:#f2f5f3;padding:6px 8px;border-radius:7px}.health-body{display:flex;gap:27px;align-items:center;padding:27px 0 23px}.score-ring{width:120px;height:120px;border-radius:50%;background:conic-gradient(#29a66d 0 82%,#e5eee9 82%);display:grid;place-items:center;flex:none;position:relative}.score-ring:after{content:"";position:absolute;inset:10px;border-radius:50%;background:white}.score-ring span{z-index:1}.score-ring strong{font:800 32px Manrope}.score-ring small{color:var(--muted)}.health-copy h4{font-size:14px}.health-copy>p{font-size:12px;line-height:1.6;color:var(--muted)}.health-bars{display:flex;gap:20px}.health-bars span{font-size:10px;color:var(--muted)}.health-bars b{display:block;color:var(--ink);margin-top:3px}.health-bars i{display:inline-block;width:6px;height:6px;border-radius:50%}.health-bars .ok{background:var(--green2)}.health-bars .warn{background:var(--orange)}.text-link{border:0;background:transparent;color:var(--green);font-weight:700;padding:0}.quick-panel>button{width:100%;background:transparent;border:0;border-bottom:1px solid #edf1ef;display:flex;align-items:center;gap:12px;padding:16px 0;text-align:left}.quick-panel>button:last-child{border:0}.quick-panel button>span:nth-child(2){flex:1}.quick-panel strong,.quick-panel small{display:block}.quick-panel strong{font-size:13px}.quick-panel small{font-size:10px;color:var(--muted);margin-top:3px}.section-title{display:flex;justify-content:space-between;align-items:end;margin:34px 0 14px}.section-title h3{margin-top:4px}.mechanic-row{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.mechanic-card{padding:18px}.mechanic-head{display:flex;gap:12px}.mechanic-photo{width:50px;height:50px;border-radius:12px;display:grid;place-items:center;background:#e5ece8;font-size:25px}.verified{color:var(--green2)}.mechanic-card h4{font-size:13px}.mechanic-card p,.mechanic-card small{color:var(--muted);font-size:10px;margin:4px 0}.stars{color:#f3a83d}.mechanic-card footer{display:flex;justify-content:space-between;border-top:1px solid #edf1ef;margin-top:14px;padding-top:12px}.mechanic-card footer button{border:0;background:transparent;color:var(--green);font-weight:700;font-size:11px}.flow-head{text-align:center;max-width:650px;margin:15px auto 28px}.flow-head h2,.report-top h2,.catalog-head h2{font-size:32px;margin:10px 0 8px}.flow-head p,.report-top p,.catalog-head p{color:var(--muted);font-size:13px}.steps{display:flex;align-items:center;justify-content:center;margin-top:27px}.steps span{width:88px;height:30px;border-radius:20px;background:#e3e9e5;color:#87938e;font-size:11px;display:flex;align-items:center;justify-content:center;gap:6px}.steps span b{display:none}.steps .active{background:var(--green);color:#fff;width:110px}.steps .active b{display:inline}.steps i{width:60px;height:1px;background:#d5ded9}.upload-layout{max-width:930px;margin:auto;display:grid;grid-template-columns:2fr 1fr;gap:18px}.upload-card{padding:22px}.drop-zone{border:1.5px dashed #a9bbb2;background:#f8fbf9;border-radius:15px;min-height:300px;display:grid;place-content:center;text-align:center;transition:.2s}.drop-zone.drag{background:#eaf7f1;border-color:var(--green)}.upload-icon{width:55px;height:55px;border-radius:50%;background:var(--mint);color:var(--green);display:grid;place-items:center;margin:0 auto 16px;font-size:25px}.drop-zone h3{font-size:17px}.drop-zone p{font-size:12px;color:var(--muted)}.drop-zone button{border:0;background:transparent;color:var(--green);font-weight:700}.drop-zone small{color:#98a39f;font-size:10px}.file-list{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.file-chip{background:#eef4f1;padding:8px 10px;border-radius:7px;font-size:10px}.tips{padding:22px}.tips>p{display:grid;grid-template-columns:30px 1fr;column-gap:8px;margin:20px 0}.tips>p span{grid-row:span 2;width:27px;height:27px;background:var(--mint);color:var(--green);border-radius:7px;display:grid;place-items:center;font-weight:800;font-size:11px}.tips b{font-size:12px}.tips small{font-size:10px;color:var(--muted);margin-top:3px;line-height:1.4}.privacy-note{display:flex;gap:10px;padding:18px;color:var(--green)}.privacy-note strong,.privacy-note small{display:block;font-size:10px}.privacy-note small{color:var(--muted);margin-top:4px}.report-top,.catalog-head{display:flex;justify-content:space-between;align-items:center;margin:12px 0 24px}.report-summary{padding:25px;display:flex;justify-content:space-between;align-items:center;border-left:4px solid var(--orange)}.summary-score{display:flex;align-items:center;gap:22px}.score-ring.small{width:92px;height:92px;background:conic-gradient(var(--orange) 0 75%,#f3e8e2 75%)}.score-ring.small strong{font-size:27px}.score-ring.small small{display:block;text-align:center;font-size:9px}.summary-score p{font-size:11px;color:var(--muted)}.cost{border-left:1px solid var(--line);padding-left:35px;min-width:240px}.cost span,.cost small{display:block;color:var(--muted);font-size:9px}.cost strong{display:block;font:800 23px Manrope;margin:6px 0}.findings{display:grid;gap:12px;margin-top:16px}.finding{display:grid;grid-template-columns:70px 1fr 230px;gap:20px;align-items:center;padding:24px;position:relative;overflow:hidden}.finding-icon{font-size:28px;width:55px;height:55px;border-radius:12px;background:#f0f3f1;display:grid;place-items:center}.severity{position:absolute;top:0;left:0;padding:5px 12px;border-radius:0 0 7px 0;font-size:8px;font-weight:800;letter-spacing:1px}.severity.high{background:#fbe7df;color:#bd4c24}.severity.medium{background:#fff0d9;color:#a86b0c}.severity.low{background:#e6f4ed;color:#197450}.finding p{font-size:11px;color:var(--muted)}.confidence{display:flex;align-items:center;gap:8px;font-size:9px}.confidence i{width:100px;height:5px;border-radius:5px;background:#e8edeb;overflow:hidden}.confidence b{display:block;height:100%;background:var(--green2)}.finding-action{border-left:1px solid var(--line);padding-left:22px}.finding-action small,.finding-action strong{display:block}.finding-action small{font-size:8px;color:var(--muted)}.finding-action strong{font-size:11px;margin:5px 0 12px}.finding-action button{border:0;background:transparent;color:var(--green);font-weight:700;padding:0;font-size:11px}.next-step{background:#e8f4ee;border-radius:14px;padding:20px 25px;margin-top:18px;display:flex;align-items:center;gap:14px}.next-step>span{width:35px;height:35px;border-radius:50%;background:var(--green);color:white;display:grid;place-items:center}.next-step p{margin:4px 0;font-size:11px;color:var(--muted)}.next-step button{margin-left:auto}.search{background:white;border:1px solid var(--line);padding:11px 14px;border-radius:10px;min-width:250px;color:var(--muted)}.search input{border:0;outline:0;background:transparent;margin-left:5px;width:85%}.filters{display:flex;gap:8px;margin-bottom:18px}.filters button,.filters select{border:1px solid var(--line);background:white;border-radius:8px;padding:9px 14px;color:var(--muted);font-size:11px}.filters button.active{background:var(--green);color:white}.filters select{margin-left:auto}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.product-card{padding:0;overflow:hidden}.product-image{height:150px;background:linear-gradient(135deg,#e8edeb,#f8faf9);display:grid;place-items:center;font-size:70px;position:relative}.product-image span{position:absolute;top:12px;left:12px}.product-body{padding:18px}.product-body h3{font-size:14px}.product-body p{font-size:10px;color:var(--muted)}.product-price{font:800 18px Manrope}.seller{border-top:1px solid var(--line);margin-top:13px;padding-top:12px;display:flex;justify-content:space-between;font-size:10px}.product-card .primary{width:100%;margin-top:15px}.mechanic-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.mechanic-list .mechanic-card{padding:22px}.mechanic-list .mechanic-photo{width:65px;height:65px}.vehicle-card{display:grid;grid-template-columns:170px 1fr auto;gap:25px;padding:25px;align-items:center}.car-thumb{height:130px;border-radius:14px;background:#eaf0ed;display:grid;place-items:center;font-size:75px}.vehicle-card h3{font-size:21px;margin:10px 0 3px}.vehicle-card p{color:var(--muted);font-size:11px}.vehicle-meta{display:flex;gap:35px;margin-top:20px}.vehicle-meta span,.vehicle-meta b{display:block;font-size:10px}.vehicle-meta span{color:var(--muted)}.vehicle-meta b{color:var(--ink);margin-top:4px}.card-actions{display:grid;gap:8px}.card-actions button{border:1px solid var(--line);background:white;border-radius:8px;padding:10px 14px}.booking{display:grid;grid-template-columns:80px 1fr auto;align-items:center;gap:20px;padding:24px}.date-tile{border-radius:12px;background:var(--mint);height:75px;display:grid;place-content:center;text-align:center}.date-tile strong{font:800 28px Manrope}.date-tile span{font-size:9px;color:var(--green);font-weight:800}.booking h3{margin:8px 0 4px}.booking p,.booking small{font-size:11px;color:var(--muted)}.booking-actions{display:flex;gap:8px}.modal-backdrop{position:fixed;inset:0;background:rgba(7,25,19,.55);z-index:30;display:none;place-items:center;padding:20px}.modal-backdrop.open{display:grid}.modal{background:white;border-radius:17px;padding:28px;width:min(420px,100%);position:relative}.modal-close{position:absolute;right:17px;top:15px;border:0;background:transparent;font-size:24px}.modal h2{margin:10px 0}.modal>p{color:var(--muted);font-size:12px}.modal label{display:block;font-size:10px;font-weight:800;color:var(--muted);margin:15px 0}.modal input,.modal select{display:block;width:100%;border:1px solid var(--line);border-radius:8px;padding:11px;margin-top:6px}.toast{position:fixed;right:25px;bottom:25px;background:#112e24;color:white;border-radius:11px;padding:14px 18px;display:flex;align-items:center;gap:10px;transform:translateY(100px);opacity:0;transition:.3s;z-index:50;box-shadow:var(--shadow);font-size:12px}.toast.show{transform:none;opacity:1}.toast span{color:#8ce2bc}.mobile-head{display:none}
@media(max-width:1050px){.sidebar{width:215px}.sidebar+.mobile-head+main,main{margin-left:215px}.hero-card{grid-template-columns:1fr;padding:35px}.car-visual{display:none}.content-grid{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,1fr)}.finding{grid-template-columns:60px 1fr}.finding-action{grid-column:2;border-left:0;padding-left:0}.mechanic-row{grid-template-columns:1fr 1fr}.stat-grid{grid-template-columns:1fr}.stat-grid article{padding:14px}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.25s;width:250px}.sidebar.open{transform:none}.mobile-head{display:flex;position:sticky;top:0;height:65px;background:white;padding:12px 18px;align-items:center;justify-content:space-between;z-index:8;border-bottom:1px solid var(--line)}.mobile-head button{border:0;background:transparent;font-size:22px}main{margin-left:0}.topbar{position:static;padding:22px 20px}.topbar h1{font-size:20px}.topbar .eyebrow,.icon-btn{display:none}.primary.small{font-size:0}.primary.small:after{content:'✦';font-size:16px}.view{padding:0 20px 40px}.hero-card{padding:30px 24px;min-height:390px}.hero-card h2{font-size:31px}.content-grid,.upload-layout,.mechanic-list,.product-grid{grid-template-columns:1fr}.mechanic-row{display:flex;overflow:auto}.mechanic-row article{min-width:270px}.health-body{align-items:flex-start}.score-ring{width:90px;height:90px}.health-bars{flex-wrap:wrap;gap:10px}.report-top,.catalog-head{display:block}.report-top button,.catalog-head>.search,.catalog-head>.primary{margin-top:15px}.report-summary{display:block}.cost{border-left:0;border-top:1px solid var(--line);padding:18px 0 0;margin-top:18px}.finding{grid-template-columns:55px 1fr;padding:27px 17px 18px;gap:12px}.next-step{align-items:flex-start;flex-wrap:wrap}.next-step button{margin-left:48px}.filters{overflow:auto}.filters button{white-space:nowrap}.filters select{display:none}.vehicle-card{grid-template-columns:1fr}.car-thumb{height:120px}.vehicle-meta{gap:15px}.booking{grid-template-columns:60px 1fr}.booking-actions{grid-column:2}.summary-score{align-items:flex-start}.flow-head h2,.report-top h2,.catalog-head h2{font-size:27px}}
@media(max-width:440px){.hero-card{min-height:430px}.stat-grid{margin-top:12px}.health-body{display:block}.score-ring{margin-bottom:20px}.mechanic-row{margin-right:-20px}.report-summary{padding:20px}.summary-score{display:block}.score-ring.small{margin-bottom:15px}.finding-icon{width:46px;height:46px}.finding-action{grid-column:1/3;padding-left:67px}.vehicle-meta{flex-wrap:wrap}}

/* Authentication */
.auth-trigger{white-space:nowrap}.auth-modal{width:min(560px,100%);max-height:92vh;overflow:auto}.auth-form{display:grid;gap:13px;margin-top:20px}.auth-form label{display:block;margin:0;font-size:11px;font-weight:700;color:var(--ink)}.auth-form input{display:block;width:100%;border:1px solid var(--line);border-radius:9px;padding:12px;margin-top:6px;outline:none}.auth-form input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(13,107,77,.1)}.auth-form label>small{display:block;margin-top:5px;color:var(--muted);font-weight:400}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.role-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.role-option{border:1px solid var(--line);background:#fff;border-radius:10px;padding:12px 9px;text-align:left;color:var(--ink)}.role-option b,.role-option small{display:block}.role-option b{font-size:11px}.role-option small{font-size:9px;color:var(--muted);margin-top:4px;line-height:1.35}.role-option.active{border-color:var(--green);background:var(--mint);box-shadow:0 0 0 1px var(--green)}.form-error{display:none;background:#fff0ec;color:#a23b20;border-radius:8px;padding:10px;margin:0;font-size:10px}.form-error.show{display:block}.auth-switch{text-align:center;color:var(--muted);font-size:11px;margin:2px}.auth-switch button{border:0;background:transparent;color:var(--green);font-weight:700}.top-actions .auth-trigger{padding:10px 14px;font-size:11px}.profile.authenticated{background:var(--mint);padding:10px;border-radius:10px;border-top:0}.profile .sign-out{font-size:10px;color:var(--green)}
@media(max-width:900px){.top-actions .auth-trigger{display:none}}@media(max-width:560px){.role-picker,.field-row{grid-template-columns:1fr}.role-option{text-align:center}.auth-modal{padding:22px}}
@media(max-width:900px){.top-actions .auth-trigger[data-auth="login"]{display:none}.top-actions .auth-trigger[data-auth="register"]{display:block;font-size:0;padding:10px 12px}.top-actions .auth-trigger[data-auth="register"]:after{content:"Join";font-size:11px}}
.login-modal{width:min(430px,100%)}.login-modal .auth-form{margin-top:24px}.login-help{display:flex;justify-content:space-between;align-items:center}.login-help label{display:flex;align-items:center;gap:7px;color:var(--muted);font-weight:500}.login-help input{display:inline-block;width:auto;margin:0;box-shadow:none}.login-help button{border:0;background:transparent;color:var(--green);font-size:10px;font-weight:700}.register-modal>p,.login-modal>p{color:var(--muted);font-size:12px;margin:7px 0 0}
.register-modal{width:min(760px,calc(100vw - 32px));padding:34px 40px}.register-modal .auth-form{gap:16px}.form-section{border-top:1px solid var(--line);padding-top:17px;display:grid;gap:13px}.form-section:first-of-type{border-top:0}.form-section>h3,.section-heading h3{font-size:13px;margin:0}.form-section label>span{font-size:9px;color:var(--muted);font-weight:500;margin-left:4px}.auth-form select,.auth-form textarea{display:block;width:100%;border:1px solid var(--line);border-radius:9px;padding:12px;margin-top:6px;background:#fff;outline:none;resize:vertical}.auth-form select:focus,.auth-form textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(13,107,77,.1)}.field-row.three{grid-template-columns:repeat(3,1fr)}.role-section{background:#f8fbf9;border:1px solid var(--line);border-radius:12px;padding:17px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.section-heading p{font-size:10px;color:var(--muted);margin:3px 0 0}.switch-label,.check-card,.terms-check{display:flex!important;align-items:center;gap:8px;border:1px solid var(--line);border-radius:9px;padding:11px;background:#fff;font-size:10px!important;font-weight:600!important}.switch-label input,.check-card input,.terms-check input{display:inline-block;width:auto;margin:0;box-shadow:none;flex:none}.terms-check{border:0;padding:4px 0}.role-fields[hidden],#firstVehicleFields[hidden]{display:none}.role-fields{display:block}#firstVehicleFields{display:grid;gap:13px;margin-top:8px}.register-modal .role-picker{position:sticky;top:-34px;background:#fff;padding:8px 0;z-index:2}
@media(max-width:650px){.register-modal{padding:25px 20px}.field-row.three{grid-template-columns:1fr}.section-heading{display:block}.switch-label{margin-top:10px}.register-modal .role-picker{top:-25px}}
.vehicle-list{display:grid;gap:15px}.empty-state{background:#fff;border:1px dashed var(--line);border-radius:15px;padding:48px 20px;text-align:center;color:var(--muted)}.empty-state>span{display:block;font-size:35px;color:var(--green);margin-bottom:10px}.empty-state h3{color:var(--ink);font-size:16px}.empty-state p{font-size:11px}.vehicle-modal{width:min(650px,calc(100vw - 32px));max-height:92vh;overflow:auto}.vehicle-modal>p{font-size:11px;color:var(--muted)}.danger-action{color:#b34128!important;border-color:#f0cfc6!important}.vehicle-card .card-actions button:hover{border-color:var(--green);color:var(--green)}
@media(max-width:760px){.vehicle-modal{padding:24px 20px}.vehicle-card .card-actions{grid-template-columns:1fr 1fr;display:grid}}

/* Google social authentication */
.google-auth-button{width:100%;border:1px solid #d7dfdb;background:#fff;border-radius:10px;padding:11px 14px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--ink);transition:.2s}.google-auth-button:hover{border-color:#9ba9a2;background:#fafcfb;box-shadow:0 3px 12px rgba(25,55,44,.06)}.google-g{display:inline-flex;width:19px;height:19px;flex:0 0 19px}.google-g svg{display:block;width:100%;height:100%}.google-auth-button b{font-size:12px}.auth-divider{display:flex;align-items:center;gap:10px;color:#8b9691;font-size:9px;text-transform:uppercase;letter-spacing:.8px}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--line);flex:1}.auth-divider span{white-space:nowrap}
/* Diagnosis composer */
.diagnosis-shell{max-width:1080px;margin:auto;display:grid;grid-template-columns:minmax(0,1.8fr) minmax(250px,.8fr);gap:18px}.diagnosis-composer{padding:25px}.diagnosis-vehicle-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.diagnosis-vehicle-head h3{font-size:18px;margin:4px 0}.diagnosis-vehicle-head p{font-size:10px;color:var(--muted);margin:0}.diagnosis-vehicle-head>div:last-child{display:flex;align-items:center;gap:12px}.vehicle-picker{display:flex;gap:10px;overflow-x:auto;padding:16px 2px 3px}.diagnosis-vehicle-option{min-width:190px;border:1px solid var(--line);background:#fff;border-radius:11px;padding:13px;text-align:left;display:grid;grid-template-columns:35px 1fr;gap:9px;align-items:center}.diagnosis-vehicle-option:hover,.diagnosis-vehicle-option.active{border-color:var(--green);background:var(--mint);box-shadow:0 0 0 1px var(--green)}.diagnosis-vehicle-option>span:first-child{width:35px;height:35px;border-radius:9px;background:#edf3f0;display:grid;place-items:center;font-size:9px;font-weight:800;color:var(--green)}.diagnosis-vehicle-option>span:last-child{min-width:0;width:auto}.diagnosis-vehicle-option b,.diagnosis-vehicle-option small{display:block;overflow-wrap:anywhere}.diagnosis-vehicle-option b{font-size:11px;line-height:1.4}.diagnosis-vehicle-option small{font-size:9px;line-height:1.35;color:var(--muted);margin-top:3px}.composer-divider{height:1px;background:var(--line);margin:20px 0}.input-mode-tabs{display:grid;grid-template-columns:repeat(4,1fr);background:#f0f4f2;border-radius:10px;padding:4px;margin-bottom:15px}.input-mode-tabs button{border:0;background:transparent;border-radius:8px;padding:10px;color:var(--muted);font-size:10px;font-weight:700}.input-mode-tabs button.active{background:#fff;color:var(--green);box-shadow:0 2px 10px rgba(23,56,44,.08)}.drop-zone.compact{min-height:230px}.audio-recorder{min-height:220px;border:1px dashed #a9bbb2;border-radius:14px;background:#f8fbf9;display:flex;align-items:center;justify-content:center;gap:25px;padding:28px}.audio-recorder[hidden]{display:none}.audio-recorder>div:last-child{max-width:380px}.audio-recorder h3{font-size:16px}.audio-recorder p{font-size:10px;line-height:1.5;color:var(--muted)}.audio-recorder strong{margin-left:12px;font:700 12px Manrope}.record-orb{width:75px;height:75px;border-radius:50%;background:#e8f5ef;display:grid;place-items:center;flex:none}.record-orb span{width:24px;height:24px;border-radius:50%;background:#d55236}.record-orb.recording{animation:pulseRecord 1.5s infinite}.record-orb.recording span{border-radius:5px;width:20px;height:20px}@keyframes pulseRecord{50%{box-shadow:0 0 0 12px rgba(213,82,54,.1)}}.symptom-label{font-size:11px;font-weight:700}.symptom-label textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:15px;margin-top:8px;resize:vertical;outline:none;font:inherit;line-height:1.5}.symptom-label textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(13,107,77,.1)}.symptom-label>small{display:block;text-align:right;color:var(--muted);font-size:9px;margin-top:4px}.diagnosis-files{margin:14px 0}.diagnosis-files .file-chip{display:flex;align-items:center;gap:7px}.file-chip button{border:0;background:transparent;color:var(--muted)}.diagnosis-note{display:flex;gap:9px;align-items:center;background:#f1f7f4;border-radius:9px;padding:10px 12px;margin:10px 0}.diagnosis-note>span{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-size:10px}.diagnosis-note p{margin:0;color:var(--muted);font-size:9px}.diagnosis-submit{margin-top:12px}.diagnosis-tips{position:sticky;top:105px}.diagnosis-steps .active{background:var(--green);color:#fff}.diagnosis-steps span.active b{display:inline}.diagnosis-steps span.active{width:110px}
@media(max-width:850px){.diagnosis-shell{grid-template-columns:1fr}.diagnosis-tips{position:static}.diagnosis-vehicle-head{align-items:flex-start}.input-mode-tabs{grid-template-columns:repeat(2,1fr);gap:4px}.audio-recorder{display:block;text-align:center}.audio-recorder .record-orb{margin:0 auto 15px}}
@media(max-width:520px){.diagnosis-composer{padding:18px}.diagnosis-vehicle-head{display:block}.diagnosis-vehicle-head>div:last-child{margin-top:12px}.diagnosis-vehicle-option{min-width:165px}.audio-recorder{padding:22px 15px}}
/* Authenticated identity and database states */
.profile-actions{margin-left:auto;display:flex;flex-direction:column;gap:2px}.profile-actions button{border:0;background:transparent;color:var(--green);font-size:9px;font-weight:700;padding:2px 0}.profile-actions #logoutBtn{color:#a64732}.profile-modal{width:min(680px,calc(100vw - 32px));max-height:92vh;overflow:auto}.profile-modal>p{font-size:11px;color:var(--muted)}.dashboard-empty{padding:28px 4px 8px}.dashboard-empty h4{font-size:14px}.dashboard-empty p{font-size:11px;color:var(--muted);line-height:1.6}.scan-history{display:grid;gap:12px}.scan-history-card{width:100%;padding:19px 22px;display:grid;grid-template-columns:95px 1fr auto;align-items:center;gap:18px;text-align:left;color:var(--ink)}.scan-history-card:hover{border-color:#aac8ba;transform:translateY(-1px)}.scan-history-card h3{font-size:14px}.scan-history-card p{font-size:10px;color:var(--muted);margin:4px 0}.scan-history-card>div:last-child{text-align:right}.scan-history-card>div:last-child strong,.scan-history-card>div:last-child small,.scan-history-card time{display:block}.scan-history-card>div:last-child strong{font:800 20px Manrope}.scan-history-card>div:last-child small,.scan-history-card time{font-size:9px;color:var(--muted)}.scan-status{padding:6px 9px;border-radius:20px;background:#eef2f0;text-transform:uppercase;font-size:8px;font-weight:800;text-align:center}.scan-status.completed{background:#e5f5ed;color:#0a8056}.scan-status.failed{background:#fbe7df;color:#a64732}#reportDetail[hidden],#scanHistory[hidden]{display:none}.product-grid>.empty-state{grid-column:1/-1}.mechanic-list>.empty-state,.mechanic-row>.empty-state{grid-column:1/-1;width:100%}
@media(max-width:650px){.scan-history-card{grid-template-columns:1fr}.scan-history-card>div:last-child{text-align:left;display:flex;gap:8px;align-items:center}.profile-actions{flex-direction:row}.top-actions #topProfileBtn{display:none}}
.hero-car-svg{width:min(330px,90%);height:auto;font-size:initial!important;filter:none!important;transform:none!important;text-shadow:none!important;z-index:1}.hero-car-svg svg{display:block;width:100%;height:auto;overflow:visible}.car-scan-points{animation:scanPoints 1.8s ease-in-out infinite}@keyframes scanPoints{0%,100%{opacity:.35}50%{opacity:1;filter:drop-shadow(0 0 6px #9ff2cc)}}

.ai-insights{margin:16px 0;padding:22px 24px;border-left:4px solid var(--green)}.ai-insights[hidden]{display:none}.ai-insights-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.ai-insights-head h3{font-size:16px;margin-top:5px}.urgency-badge{padding:7px 11px;border-radius:20px;background:#e7f4ed;color:var(--green);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.7px;white-space:nowrap}.urgency-soon{background:#fff0d9;color:#94600b}.urgency-urgent{background:#fbe7df;color:#a64732}.urgency-stop_driving{background:#a9362e;color:#fff}.ai-safety-notice{font-size:12px;line-height:1.6;color:var(--ink);margin:17px 0 10px}.ai-insights ul{margin:8px 0 0;padding-left:20px;color:var(--muted);font-size:10px;line-height:1.6}.ai-source-note{font-size:9px;color:var(--muted);border-top:1px solid var(--line);padding-top:12px;margin-top:14px}.ai-transcript{margin-top:12px;font-size:10px;color:var(--muted)}.ai-transcript summary{cursor:pointer;color:var(--green);font-weight:700}.ai-transcript p{line-height:1.6;white-space:pre-wrap}

.vehicle-health-metrics{display:grid;gap:15px;border-top:1px solid var(--line);padding-top:18px}.health-metric>div{display:flex;justify-content:space-between;align-items:center;font-size:11px}.health-metric>div span{font-weight:700}.health-metric>div strong{font:800 12px Manrope}.health-metric>i{display:block;width:100%;height:6px;background:#e8edeb;border-radius:10px;overflow:hidden;margin:7px 0 5px}.health-metric>i b{display:block;height:100%;border-radius:inherit}.health-metric>small{display:block;color:var(--muted);font-size:9px;text-transform:capitalize}.health-report-link{margin-top:18px}.health-panel .health-body{padding-bottom:20px}.health-panel .health-copy{min-width:0}.health-panel .score-ring small{text-transform:uppercase;font-size:8px;font-weight:800}

.scan-history-card{cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;background:#fff}.scan-history-card:hover{border-color:#83b9a3;transform:translateY(-3px);box-shadow:0 15px 35px rgba(26,56,45,.09)}.scan-history-card:focus-visible{outline:3px solid rgba(13,107,77,.22);outline-offset:3px}.scan-history-card.opening{opacity:.65;pointer-events:none}.scan-card-failed{border-left:3px solid #d76a4e}.scan-card-summary{min-width:115px}.scan-open{display:block;margin-top:9px;color:var(--green);font-size:10px;font-weight:800}.scan-card-failed .scan-open{color:#a64732}.scan-data-hint{display:inline-flex;align-items:center;gap:5px;margin-top:8px;padding:4px 8px;border-radius:20px;background:#f1f3f2;color:#7d8984;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.4px}.scan-data-hint:before{content:' ';width:5px;height:5px;border-radius:50%;background:#9aa5a0}.scan-data-hint.available{background:#e7f5ee;color:var(--green)}.scan-data-hint.available:before{background:#22a36c}.pill.failed{background:#fbe7df;color:#a64732}.report-health{padding:24px;margin:16px 0}.report-health-head{display:flex;justify-content:space-between;align-items:center;gap:24px}.report-health-head h3{font-size:18px;margin:5px 0}.report-health-head p{max-width:650px;margin:0;color:var(--muted);font-size:10px;line-height:1.55}.report-health-head .score-ring{flex:none}.report-system-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:20px}.report-system-card{border:1px solid var(--line);border-radius:11px;padding:14px;background:#fafcfb}.report-system-card>div{display:flex;justify-content:space-between;gap:10px;font-size:11px}.report-system-card>div b{font:800 12px Manrope}.report-system-card>i{display:block;height:6px;border-radius:8px;background:#e8edeb;overflow:hidden;margin:10px 0 7px}.report-system-card>i span{display:block;height:100%;border-radius:inherit}.report-system-card>small{color:var(--muted);font-size:8px;text-transform:capitalize}.chart-empty{display:flex;align-items:center;gap:15px;padding:8px}.chart-empty-icon{width:43px;height:43px;border-radius:12px;background:#edf3f0;color:var(--green);display:grid;place-items:center;font-size:23px;flex:none}.chart-empty strong,.chart-empty p,.chart-empty small{display:block}.chart-empty strong{font:700 13px Manrope}.chart-empty p{font-size:10px;color:var(--muted);margin:4px 0}.chart-empty small{font-size:8px;color:#8d9893}
@media(max-width:760px){.report-system-grid{grid-template-columns:1fr}.report-health-head{align-items:flex-start}.scan-card-summary{min-width:0}.scan-open{margin-top:5px}}

.health-evidence-note{display:inline-flex;align-items:center;gap:6px;background:#fff3e8;color:#9b5827;border:1px solid #f1d8c2;border-radius:20px;padding:6px 10px;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.45px}.health-evidence-note:before{content:'AI';display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#e56b35;color:#fff;font-size:7px}.report-health>.health-evidence-note{margin-top:14px}

.audio-evidence-recorder{align-items:flex-start}.audio-evidence-recorder>div:last-child{max-width:none;flex:1}.audio-use-cases{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.audio-use-cases article{border:1px solid var(--line);border-radius:10px;background:#fff;padding:12px}.audio-use-cases strong,.audio-use-cases small{display:block}.audio-use-cases strong{font-size:10px;color:var(--ink)}.audio-use-cases small{font-size:9px;line-height:1.5;color:var(--muted);margin-top:4px}.report-audio-evidence{margin-top:14px;padding:14px;border-radius:11px;background:#edf7f2;border:1px solid #cfe6db}.report-audio-evidence[hidden]{display:none}.report-audio-evidence>div{display:flex;align-items:center;gap:8px}.audio-wave{width:28px;height:28px;border-radius:8px;background:var(--green);color:#fff;display:grid;place-items:center;font-size:19px}.report-audio-evidence strong{font-size:11px}.report-audio-evidence p{font-size:10px;line-height:1.55;color:var(--ink);margin:9px 0 5px}.report-audio-evidence small{font-size:8px;color:var(--muted);text-transform:capitalize}@media(max-width:620px){.audio-use-cases{grid-template-columns:1fr}}

.audio-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.audio-action{min-height:76px;border-radius:13px;padding:14px 16px;display:flex;align-items:center;gap:12px;text-align:left;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.audio-action:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(20,71,52,.11)}.audio-action:focus-visible{outline:3px solid rgba(13,107,77,.2);outline-offset:2px}.audio-action-record{border:1px solid var(--green);background:var(--green);color:#fff}.audio-action-upload{border:1px solid #9bc7b4;background:#fff;color:var(--green)}.audio-action-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex:none;font-size:15px}.audio-action-record .audio-action-icon{background:rgba(255,255,255,.16)}.audio-action-upload .audio-action-icon{background:var(--mint);font-size:22px}.audio-action>span:last-child{min-width:0}.audio-action strong,.audio-action small{display:block;margin:0!important}.audio-action strong{font:800 12px Manrope!important;color:inherit}.audio-action small{font-size:9px;color:inherit;opacity:.75;margin-top:3px!important}.audio-action-record.is-recording{background:#b94336;border-color:#b94336}.audio-action-record.is-recording .audio-action-icon{animation:pulseAudioAction 1.3s infinite}.recording-status{display:flex;align-items:center;gap:8px;margin-top:10px;padding:9px 12px;border-radius:9px;background:#eef3f0;color:var(--muted);font-size:9px}.recording-status i{width:7px;height:7px;border-radius:50%;background:#9ba7a1}.recording-status strong{margin:0!important;font:800 11px Manrope!important;color:var(--ink)}.recording-status.recording{background:#fbe9e4;color:#9a3e2e}.recording-status.recording i{background:#d34f37;animation:pulseDot 1.2s infinite}.recording-status.recording strong{color:#a53d2d}@keyframes pulseAudioAction{50%{box-shadow:0 0 0 7px rgba(255,255,255,.12)}}@keyframes pulseDot{50%{box-shadow:0 0 0 5px rgba(211,79,55,.13)}}@media(max-width:620px){.audio-actions{grid-template-columns:1fr}.audio-action{min-height:68px}}

/* Phone-first application layer */
.mobile-bottom-nav,.sidebar-scrim{display:none}
@media(max-width:760px){
  html{scroll-padding-top:74px}
  body{overflow-x:hidden;padding-bottom:calc(72px + env(safe-area-inset-bottom));-webkit-tap-highlight-color:transparent}
  body.nav-open{overflow:hidden}
  img,svg,video{max-width:100%;height:auto}
  button,a,input,select,textarea{touch-action:manipulation}
  button,.primary,.secondary,.hero-cta{min-height:44px}
  .sidebar{display:flex;transform:translateX(-105%);width:min(86vw,320px);z-index:42;padding:24px 18px calc(20px + env(safe-area-inset-bottom));box-shadow:20px 0 60px rgba(7,25,19,.18);overflow-y:auto}
  .sidebar.open{transform:translateX(0)}
  .sidebar-scrim{position:fixed;inset:0;background:rgba(7,25,19,.48);z-index:41;opacity:0;pointer-events:none;transition:opacity .22s;display:block}
  .sidebar-scrim.open{opacity:1;pointer-events:auto}
  .sidebar nav{margin-top:24px}
  .sidebar .nav-item{min-height:48px}
  .mobile-head{height:62px;padding:10px 16px;position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);backdrop-filter:blur(14px)}
  .mobile-head .brand{font-size:18px}
  .mobile-head .brand-mark{width:36px;height:36px}
  .mobile-head button{width:44px;height:44px;border-radius:12px;background:var(--mint);color:var(--green);display:grid;place-items:center}
  main{width:100%;min-width:0}
  .topbar{padding:18px 16px 14px;gap:12px;align-items:flex-start}
  .topbar>div:first-child{min-width:0;flex:1}
  .topbar h1{font-size:clamp(19px,6vw,25px);line-height:1.18;overflow-wrap:anywhere}
  .top-actions{gap:7px;flex:none;align-items:center}
  .top-actions .primary.small,.top-actions .icon-btn{display:none}
  .top-actions #topProfileBtn:not([hidden]){display:inline-flex;min-height:40px;padding:8px 11px;font-size:0;align-items:center}
  .top-actions #topProfileBtn:not([hidden]):after{content:'Account';font-size:11px}
  .top-actions .auth-trigger[data-auth="register"]{min-height:40px}
  .view{padding:2px 16px 30px;min-width:0}
  .panel{border-radius:14px}
  .hero-card{min-height:0;padding:30px 22px;border-radius:18px;display:block}
  .hero-card h2{font-size:clamp(28px,9vw,37px);line-height:1.08;margin:16px 0}
  .hero-card p{font-size:13px;line-height:1.6}
  .hero-cta{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:20px}
  .hero-cta span{margin-left:0}
  .hero-card>div>small{line-height:1.45}
  .stat-grid{gap:10px;margin:12px 0}
  .stat-grid article{padding:15px 14px;min-width:0}
  .stat-grid article>div{min-width:0;flex:1}
  .stat-grid strong,.stat-grid p{overflow-wrap:anywhere}
  .content-grid{gap:12px}
  .health-panel,.quick-panel{padding:18px}
  .panel-head{gap:10px;flex-wrap:wrap}
  .updated{white-space:nowrap}
  .section-title{margin:26px 0 12px;gap:12px}
  .section-title h3{font-size:18px}
  .mechanic-row{gap:12px;scroll-snap-type:x mandatory;padding-bottom:5px}
  .mechanic-row article{min-width:min(82vw,290px);scroll-snap-align:start}
  .flow-head{text-align:left;margin:8px auto 22px}
  .flow-head h2,.report-top h2,.catalog-head h2{font-size:clamp(25px,8vw,31px);line-height:1.15}
  .flow-head p,.report-top p,.catalog-head p{font-size:12px;line-height:1.55}
  .steps{justify-content:flex-start;overflow-x:auto;padding:2px 0 6px;margin-top:20px}
  .steps span,.steps .active,.diagnosis-steps span.active{width:auto;min-width:78px;padding:0 12px;white-space:nowrap}
  .steps i{width:28px;min-width:28px}
  .diagnosis-shell{display:block}
  .diagnosis-shell>aside{margin-top:12px}
  .diagnosis-composer{padding:17px}
  .diagnosis-vehicle-head{display:block}
  .diagnosis-vehicle-head h3{font-size:17px;overflow-wrap:anywhere}
  .diagnosis-vehicle-head>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
  .diagnosis-vehicle-head>div:last-child button{width:100%;margin:0;min-height:44px}
  .vehicle-picker{margin-right:-17px;padding-right:17px;scroll-snap-type:x mandatory}
  .diagnosis-vehicle-option{min-width:min(78vw,250px);scroll-snap-align:start;padding:12px}
  .composer-divider{margin:16px 0}
  .input-mode-tabs{display:flex;overflow-x:auto;gap:4px;padding:4px;scrollbar-width:none}
  .input-mode-tabs::-webkit-scrollbar{display:none}
  .input-mode-tabs button{flex:1 0 88px;min-height:42px;padding:9px 8px}
  .drop-zone.compact,.drop-zone{min-height:205px;padding:22px 14px}
  .drop-zone h3{font-size:17px}
  .drop-zone p{line-height:1.5}
  .audio-recorder{min-height:0;padding:20px 14px;text-align:left}
  .audio-recorder .record-orb{margin:0 auto 15px}
  .audio-recorder h3{font-size:17px;line-height:1.35}
  .audio-recorder p{font-size:11px}
  .audio-use-cases{gap:8px}
  .audio-action{width:100%;min-height:72px}
  .recording-status{flex-wrap:wrap;line-height:1.4}
  .diagnosis-files{display:grid;gap:7px}
  .diagnosis-files .file-chip{width:100%;min-width:0;justify-content:space-between;overflow-wrap:anywhere}
  .diagnosis-note{align-items:flex-start}
  .diagnosis-note p{font-size:10px;line-height:1.45}
  .diagnosis-submit{position:sticky;bottom:calc(78px + env(safe-area-inset-bottom));z-index:4;box-shadow:0 9px 28px rgba(13,107,77,.22)}
  .diagnosis-tips{position:static}
  .catalog-head{margin:8px 0 20px}
  .catalog-head>.primary,.catalog-head>.search,.report-top button{width:100%;margin-top:12px}
  .search{min-width:0;display:flex;align-items:center;min-height:48px}
  .search input{width:100%;font-size:16px}
  .filters{margin-right:-16px;padding-right:16px;scrollbar-width:none}
  .filters::-webkit-scrollbar{display:none}
  .product-grid,.mechanic-list{gap:12px}
  .product-image{height:135px}
  .product-body{padding:16px}
  .mechanic-list .mechanic-card{padding:17px}
  .mechanic-head{align-items:flex-start}
  .mechanic-head>div:last-child{min-width:0}
  .mechanic-card h4,.mechanic-card p,.mechanic-card small{overflow-wrap:anywhere}
  .vehicle-card{gap:16px;padding:16px}
  .car-thumb{height:110px;font-size:62px}
  .vehicle-card h3{font-size:19px}
  .vehicle-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}
  .vehicle-card .card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .vehicle-card .card-actions button{padding:10px 8px;min-width:0}
  .scan-history-card{padding:16px;gap:12px;grid-template-columns:1fr}
  .scan-history-card>div:last-child{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;text-align:left;align-items:center}
  .scan-history-card>div:last-child time,.scan-history-card .scan-open{grid-column:2}
  .scan-card-summary{min-width:0}
  .report-top{margin:8px 0 18px}
  .report-summary{padding:18px;display:block}
  .summary-score{display:block}
  .score-ring.small{margin-bottom:16px}
  .summary-score h3{font-size:18px;line-height:1.35}
  .cost{min-width:0}
  .cost strong{font-size:20px;overflow-wrap:anywhere}
  .report-health,.ai-insights{padding:18px}
  .report-health-head,.ai-insights-head{display:block}
  .report-health-head .score-ring{margin:16px 0 0}
  .urgency-badge{display:inline-flex;margin-top:12px}
  .chart-empty{align-items:flex-start;padding:2px}
  .finding{display:grid;grid-template-columns:48px minmax(0,1fr);padding:30px 15px 17px;gap:12px}
  .finding-icon{width:44px;height:44px}
  .finding p{line-height:1.5;overflow-wrap:anywhere}
  .confidence{display:grid;grid-template-columns:auto 1fr auto;width:100%}
  .confidence i{width:100%;min-width:0}
  .finding-action{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:14px 0 0;margin-top:2px}
  .next-step{display:grid;grid-template-columns:36px 1fr;padding:17px;gap:10px}
  .next-step button{grid-column:1/-1;width:100%;margin:4px 0 0}
  .booking{grid-template-columns:54px minmax(0,1fr);padding:16px;gap:12px}
  .date-tile{height:64px}
  .booking-actions{grid-column:1/-1;width:100%;display:grid;grid-template-columns:1fr 1fr}
  .booking-actions button{width:100%}
  .empty-state{padding:34px 17px}
  .modal-backdrop{place-items:end center;padding:0;overscroll-behavior:contain}
  .modal,.auth-modal,.register-modal,.login-modal,.profile-modal,.vehicle-modal{width:100%;max-width:none;max-height:min(92dvh,760px);border-radius:20px 20px 0 0;padding:25px 18px calc(22px + env(safe-area-inset-bottom));overflow-y:auto}
  .modal-close{width:44px;height:44px;right:9px;top:8px;display:grid;place-items:center}
  .modal h2{font-size:24px;padding-right:32px}
  .auth-form{gap:15px}
  .auth-form input,.auth-form select,.auth-form textarea,.modal input,.modal select{min-height:48px;font-size:16px;padding:12px}
  .field-row,.field-row.three{grid-template-columns:1fr;gap:13px}
  .role-picker{display:flex;overflow-x:auto;gap:8px;text-align:left;scroll-snap-type:x mandatory;padding-bottom:4px}
  .role-option{flex:0 0 min(70vw,220px);min-height:78px;text-align:left;scroll-snap-align:start}
  .register-modal .role-picker{top:-25px;margin-left:-4px;margin-right:-4px}
  .section-heading{display:block}
  .switch-label{margin-top:10px}
  .login-help{gap:12px;align-items:flex-start;flex-wrap:wrap}
  .terms-check{line-height:1.45;align-items:flex-start}
  .terms-check input{margin-top:2px}
  .toast{left:14px;right:14px;bottom:calc(82px + env(safe-area-inset-bottom));padding:13px 15px}
  .mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:repeat(5,1fr);padding:7px 6px calc(7px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid var(--line);box-shadow:0 -8px 30px rgba(18,33,28,.08);backdrop-filter:blur(16px)}
  .mobile-bottom-nav button{border:0;background:transparent;color:#718079;min-width:0;min-height:50px;border-radius:11px;padding:4px 2px;display:grid;place-items:center;align-content:center;gap:2px}
  .mobile-bottom-nav button span{font-size:19px;line-height:1}
  .mobile-bottom-nav button small{font-size:9px;font-weight:700}
  .mobile-bottom-nav button.active{background:var(--mint);color:var(--green)}
}
@media(max-width:380px){
  .view{padding-left:12px;padding-right:12px}
  .topbar{padding-left:12px;padding-right:12px}
  .hero-card{padding:25px 18px}
  .diagnosis-composer,.health-panel,.quick-panel{padding:15px}
  .mobile-bottom-nav button small{font-size:8px}
  .mobile-bottom-nav button span{font-size:17px}
  .vehicle-card .card-actions,.booking-actions{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/* Mechanic booking workflow */
.mechanic-card footer{gap:14px;align-items:center}.mechanic-card footer>span{color:var(--muted);font-size:10px}.mechanic-card footer .book-btn{margin-left:auto;background:var(--green);color:#fff;border:1px solid var(--green);border-radius:9px;padding:10px 14px;font-size:10px;white-space:nowrap}.mechanic-card footer .book-btn:hover{background:#095a40;color:#fff}.booking-modal{width:min(560px,calc(100vw - 32px));max-height:92vh;overflow:auto}.booking-modal .auth-form{margin-top:18px}.booking-modal label>span{font-size:9px;color:var(--muted);font-weight:500}.booking-modal textarea{display:block;width:100%;border:1px solid var(--line);border-radius:9px;padding:12px;margin-top:6px;resize:vertical;font:inherit}.booking-modal textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(13,107,77,.1);outline:0}#bookingAddressField.required{color:var(--green)}.booking .pill{width:max-content}.booking h3{overflow-wrap:anywhere}
@media(max-width:760px){.mechanic-card footer{align-items:stretch;flex-direction:column}.mechanic-card footer .book-btn{margin:0;width:100%;min-height:46px}.booking-modal{width:100%;max-width:none}.booking-modal .field-row{grid-template-columns:1fr}.booking-modal textarea{font-size:16px}.booking h3{font-size:17px}}
.booking-notes{margin:10px 0 0;padding:10px 12px;border-radius:9px;background:#f4f8f6;color:var(--ink)!important;line-height:1.5}

.profile-role-banner{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;align-items:center;margin:18px 0 4px;padding:14px;border:1px solid #cfe4da;border-radius:12px;background:#eff8f4}.profile-role-banner>span{grid-row:1/3;width:38px;height:38px;border-radius:10px;background:var(--green);color:#fff;display:grid;place-items:center;font-size:0}.profile-role-banner>span:after{content:'ID';font-size:10px;font-weight:800}.profile-role-banner strong{font:800 13px Manrope;color:var(--green)}.profile-role-banner small{font-size:9px;color:var(--muted);line-height:1.4}.profile-role-banner[data-role="mechanic"]{background:#eef5ff;border-color:#cbdcf5}.profile-role-banner[data-role="mechanic"] strong{color:#315fa8}.profile-role-banner[data-role="mechanic"]>span{background:#315fa8}.profile-role-banner[data-role="seller"]{background:#fff5eb;border-color:#efd9c4}.profile-role-banner[data-role="seller"] strong{color:#a85a22}.profile-role-banner[data-role="seller"]>span{background:#c86b29}
/* Kraftaa endorsed brand lockup */
.brand-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;line-height:1}.product-name{display:block;font:800 20px Manrope;color:var(--ink);white-space:nowrap}.product-name small{color:var(--green2);font-size:10px;margin-left:3px;vertical-align:top}.parent-brand{display:block;margin-top:5px;color:#718079;font:800 7px Manrope;letter-spacing:1.65px;text-transform:uppercase}.sidebar .parent-brand{color:#65756e}.mobile-head .brand-copy{gap:0}.mobile-head .product-name{font-size:17px}.mobile-head .parent-brand{font-size:6px;letter-spacing:1.35px;margin-top:4px}.hero-card .pill.light{letter-spacing:1.35px}.topbar #pageEyebrow{color:#75857e}
@media(max-width:390px){.mobile-head .brand{gap:8px}.mobile-head .brand-mark{width:34px;height:34px}.mobile-head .product-name{font-size:16px}.mobile-head .parent-brand{letter-spacing:1.1px}}