/*! GarageIntel — © 2026 GarageIntel. All rights reserved. Proprietary source and design, served to your browser solely to run garageintel.app. No licence to copy, reuse, or make derivative works. */
.site-header{position:sticky;top:0;z-index:50;background:var(--surface);border-bottom:1px solid var(--border)}.header-inner{display:flex;align-items:center;gap:var(--space-5);padding-block:var(--space-3)}.logo-btn{display:inline-flex;align-items:center;gap:var(--space-2);flex-shrink:0;background:none;border:none;padding:0;color:var(--text);transition:transform .14s var(--ease-out)}.logo-btn:active{transform:scale(.97)}.logo-mark{width:26px;height:26px;object-fit:contain;border-radius:var(--radius-xs)}.logo-text{font-family:var(--font-sans);font-size:17px;font-weight:600;letter-spacing:-.005em;white-space:nowrap}.nav-links{display:flex;align-items:center;gap:var(--space-5);flex:1;min-width:0}.nav-link{background:none;border:none;padding:var(--space-2) 0;color:var(--text-muted);font-family:var(--font-sans);font-size:13px;font-weight:500;letter-spacing:.01em;white-space:nowrap;transition:color .15s ease,transform .14s var(--ease-out)}@media(hover:hover)and (pointer:fine){.nav-link:hover{color:var(--text)}}.nav-link:active{transform:scale(.97)}.nav-link:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 35%,transparent);border-radius:var(--radius-xs)}.vin-quick-form{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.vin-quick-input{width:220px;padding:var(--space-2) var(--space-3);font-size:13px}.vin-quick-scan-btn,.vin-quick-submit{padding:var(--space-2) var(--space-3);font-size:13px}.vin-quick-scan-btn{display:inline-flex}.vin-quick-scan-btn svg{display:block}.header-controls{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.theme-toggle{padding:var(--space-2);width:34px;height:34px}.theme-toggle .theme-toggle-icon{display:inline-flex;line-height:1}.theme-toggle .icon-dark{display:none}:root[data-theme=dark] .theme-toggle .icon-light{display:none}:root[data-theme=dark] .theme-toggle .icon-dark{display:inline-flex}.auth-slot{flex-shrink:0;display:flex;align-items:center;gap:var(--space-3)}.account-menu{position:relative}.account-menu-trigger{display:flex;align-items:center;gap:var(--space-2)}.account-menu-panel{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:220px;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:30}.account-menu-status{padding:var(--space-2) var(--space-3);color:var(--text-muted)}.account-menu-item{display:block;width:100%;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}.account-menu-item:hover{background:var(--surface-alt)}.auth-slot-email{color:var(--text-muted);font-family:var(--font-mono);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:34px;height:34px;background:none;border:1px solid var(--border);border-radius:var(--radius-xs);flex-shrink:0}.nav-hamburger:active{transform:scale(.97)}.nav-hamburger span{display:block;width:16px;height:2px;background:var(--text);border-radius:1px;transition:transform .16s var(--ease-out),opacity .16s var(--ease-out)}.nav-hamburger.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.nav-hamburger.is-open span:nth-child(2){opacity:0}.nav-hamburger.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}@media(max-width:880px){.nav-hamburger{display:flex}.nav-links{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:flex-start;gap:var(--space-1);background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-md);padding:var(--space-3) var(--space-5) var(--space-4);opacity:0;transform:translateY(-6px);visibility:hidden;pointer-events:none;transition:opacity .18s var(--ease-out),transform .18s var(--ease-out),visibility .18s step-end}.nav-links.nav-open{opacity:1;transform:translateY(0);visibility:visible;pointer-events:auto;transition:opacity .18s var(--ease-out),transform .18s var(--ease-out),visibility 0s}.nav-link{padding:var(--space-2) 0}}@media(prefers-reduced-motion:reduce){.nav-links,.nav-links.nav-open{transform:none}.nav-hamburger.is-open span:nth-child(1),.nav-hamburger.is-open span:nth-child(3){transform:none}}#auth-modal .modal,#scan-modal .modal{position:relative}.modal-close-btn{position:absolute;top:var(--space-4);right:var(--space-4);width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:none;border:none;border-radius:var(--radius-xs);color:var(--text-muted);font-size:14px;transition:color .15s ease,background-color .15s ease,transform .14s var(--ease-out)}@media(hover:hover)and (pointer:fine){.modal-close-btn:hover{color:var(--text);background:var(--surface-alt)}}.modal-close-btn:active{transform:scale(.97)}.scan-video-frame{display:flex;align-items:center;justify-content:center;height:220px;margin-bottom:var(--space-5);overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-md);background:#000}.scan-video-frame video{width:100%;height:100%;object-fit:cover}.auth-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-5);border-bottom:1px solid var(--border)}.auth-tab{background:none;border:none;padding:var(--space-2) var(--space-1) var(--space-3);margin-bottom:-1px;border-bottom:2px solid transparent;color:var(--text-muted);font-family:var(--font-sans);font-size:14px;font-weight:600;transition:color .15s ease,border-color .15s ease,transform .14s var(--ease-out)}.auth-tab.active{color:var(--text);border-bottom-color:var(--primary)}.auth-tab:active{transform:scale(.97)}.auth-field-group{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-5)}.auth-field-error{min-height:1.4em;margin:var(--space-2) 0 0;font-size:13px;line-height:1.4;color:var(--danger)}.auth-pw-wrap{position:relative}.auth-pw-toggle{position:absolute;right:1px;top:1px;bottom:1px;padding:0 var(--space-3);background:none;border:none;border-left:1px solid var(--border);color:var(--text-muted);font-family:var(--font-sans);font-size:12px;font-weight:600;letter-spacing:.02em;cursor:pointer;border-radius:0 var(--radius-sm) var(--radius-sm) 0;transition:color .14s ease}@media(hover:hover){.auth-pw-toggle:hover{color:var(--text)}}.auth-pw-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.auth-pw-meter{height:3px;margin-top:var(--space-2);border-radius:999px;background:var(--border);overflow:hidden}.auth-pw-meter #auth-pw-meter-fill{display:block;height:100%;width:0;border-radius:999px;background:var(--danger);transition:width .2s var(--ease-out),background-color .2s ease}.auth-pw-meter[data-score="1"] #auth-pw-meter-fill{width:30%}.auth-pw-meter[data-score="2"] #auth-pw-meter-fill{width:55%;background:var(--warn)}.auth-pw-meter[data-score="3"] #auth-pw-meter-fill{width:80%;background:var(--warn)}.auth-pw-meter[data-score="4"] #auth-pw-meter-fill{width:100%;background:var(--accent)}.auth-pw-hint{margin:var(--space-2) 0 0;font-size:12px;line-height:1.4;color:var(--text-muted)}.auth-terms{display:flex;align-items:flex-start;gap:var(--space-3);margin:var(--space-4) 0 var(--space-2);font-size:13px;line-height:1.45;color:var(--text-muted);cursor:pointer}.auth-terms input{flex:none;width:15px;height:15px;margin-top:1px;accent-color:var(--primary);cursor:pointer}.auth-terms a{color:var(--text);text-underline-offset:2px}.auth-forgot-row{margin:calc(var(--space-3) * -1) 0 0;text-align:right}.auth-forgot-row.hidden{display:none}.auth-link{background:none;border:none;padding:var(--space-1) 0;color:var(--text-muted);font-family:var(--font-sans);font-size:13px;cursor:pointer;text-decoration:underline;text-underline-offset:2px;transition:color .14s ease}@media(hover:hover){.auth-link:hover{color:var(--text)}}.auth-link:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:2px}#auth-modal [data-panel][hidden]{display:none}.site-footer{border-top:1px solid var(--border);padding-block:var(--space-7) var(--space-8);margin-top:var(--space-8)}.footer-inner{display:flex;flex-direction:column;gap:var(--space-2);color:var(--text-muted)}.footer-links{display:flex;gap:var(--space-4)}.footer-link{color:var(--text-muted);text-decoration:none;transition:color .15s ease}@media(hover:hover)and (pointer:fine){.footer-link:hover{color:var(--text)}}.footer-social{color:var(--text-muted)}#toast{position:fixed;right:var(--space-5);bottom:var(--space-5);z-index:200}