.site-shell{--site-navy:#0f1b2d;--site-blue:#2563eb;--site-blue-dark:#1d4ed8;--site-text:#1e293b;--site-muted:#64748b;--site-bg:#fff;--site-bg-soft:#f6f8fb;--site-border:#e5eaf2;--site-radius:18px;font-family:var(--font);color:var(--site-text);background:var(--site-bg);scroll-behavior:smooth;min-height:100vh}.site-shell h1,.site-shell h2,.site-shell h3{color:var(--site-navy);letter-spacing:-.02em}.site-header{z-index:100;background:0 0;transition:background .25s,box-shadow .25s;position:fixed;top:0;left:0;right:0}.site-header.scrolled{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe6;box-shadow:0 8px 30px -18px #0f1b2d59}.site-header-inner{align-items:center;gap:22px;max-width:1200px;margin:0 auto;padding:14px 24px;display:flex}.site-logo{cursor:pointer;font-family:var(--font);color:#fff;background:0 0;border:0;align-items:center;gap:10px;font-size:17px;font-weight:800;transition:color .25s;display:inline-flex}.site-header.scrolled .site-logo{color:var(--site-navy)}.site-logo img{object-fit:contain;max-width:150px;height:38px}.site-logo-badge{background:var(--site-blue);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex;box-shadow:0 8px 20px -8px #2563eb99}.site-nav{gap:4px;margin-left:auto;display:flex}.site-nav button{color:#ffffffd9;font-family:var(--font);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:9px 14px;font-size:14.5px;font-weight:650;transition:background .15s,color .25s}.site-header.scrolled .site-nav button{color:var(--site-text)}.site-nav button:hover{background:#7f9edc29}.site-header-actions{align-items:center;gap:10px;display:flex}.site-menu-toggle{cursor:pointer;color:#fff;background:0 0;border:0;justify-content:center;align-items:center;width:42px;height:42px;display:none}.site-header.scrolled .site-menu-toggle{color:var(--site-navy)}.site-btn{font-family:var(--font);cursor:pointer;border:1.5px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:10px 20px;font-size:14.5px;font-weight:700;text-decoration:none;transition:transform .12s,box-shadow .2s,background .15s;display:inline-flex}.site-btn:active{transform:scale(.96)}.site-btn-lg{padding:14px 26px;font-size:15.5px}.site-btn-primary{background:var(--site-blue);color:#fff;box-shadow:0 14px 30px -12px #2563eb8c}.site-btn-primary:hover{background:var(--site-blue-dark)}.site-btn-ghost{color:#fff;background:#ffffff1f;border-color:#ffffff4d}.site-header.scrolled .site-btn-ghost{color:var(--site-navy);border-color:var(--site-border);background:#fff}.site-btn-outline{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff14;border-color:#ffffff6b}.site-btn-outline:hover{background:#ffffff29}.site-btn-outline-dark{color:var(--site-navy);background:#fff;border-color:#fff9}.site-hero{align-items:center;min-height:92vh;display:flex;position:relative;overflow:hidden}.site-hero-image{object-fit:cover;width:100%;height:100%;animation:18s ease-out forwards siteHeroZoom;position:absolute;inset:0}@keyframes siteHeroZoom{0%{transform:scale(1.08)}to{transform:scale(1)}}.site-hero-overlay{background:linear-gradient(100deg,#0a1220e0 0%,#0a12209e 46%,#0a122040 100%);position:absolute;inset:0}.site-hero-content{color:#fff;width:100%;max-width:1200px;margin:0 auto;padding:130px 24px 80px;animation:.8s ease-out .15s both siteFadeUp;position:relative}@keyframes siteFadeUp{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}.site-hero-eyebrow{color:#bfdbfe;background:#2563eb38;border:1px solid #60a5fa73;border-radius:999px;align-items:center;gap:7px;margin-bottom:22px;padding:7px 16px;font-size:13px;font-weight:700;display:inline-flex}.site-hero-content h1{color:#fff;margin:0 0 18px;font-size:clamp(40px,6.5vw,72px);font-weight:800;line-height:1.04}.site-hero-content>p{color:#ffffffd1;max-width:520px;margin-bottom:30px;font-size:17.5px;line-height:1.65}.site-hero-actions{flex-wrap:wrap;gap:12px;margin-bottom:44px;display:flex}.site-hero-stats{flex-wrap:wrap;gap:38px;display:flex}.site-hero-stats>div{flex-direction:column;gap:4px;display:flex}.site-hero-stats strong{font-size:24px;font-weight:800}.site-hero-stats span{color:#ffffff9e;text-transform:uppercase;letter-spacing:.4px;align-items:center;gap:5px;font-size:12.5px;display:inline-flex}.site-hero-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:min(360px,100vw - 48px);color:var(--site-navy);background:#fffffff0;border:1px solid #ffffff73;gap:9px;padding:20px;display:grid;position:absolute;bottom:38px;right:max(24px,50vw - 576px);box-shadow:0 28px 70px -34px #0009}.site-hero-panel strong{text-transform:uppercase;letter-spacing:.12em;color:var(--site-blue);font-size:13px}.site-hero-panel span{color:var(--site-muted);font-size:14px;line-height:1.55}.site-hero-panel div{flex-wrap:wrap;gap:8px;padding-top:4px;display:flex}.site-hero-panel a{color:var(--site-navy);border:1px solid var(--site-border);background:#fff;padding:8px 12px;font-size:13px;font-weight:800;text-decoration:none}.site-hero-panel a:first-child{color:#fff;background:var(--site-blue);border-color:var(--site-blue)}.site-section{max-width:1200px;margin:0 auto;padding:90px 24px}.site-kicker{color:var(--site-blue);text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px;font-size:13px;font-weight:800;display:inline-block}.site-section-head{max-width:640px;margin-bottom:44px}.site-section-head h2{margin:0 0 14px;font-size:clamp(28px,3.6vw,40px)}.site-section-head p{color:var(--site-muted);font-size:16px;line-height:1.7}.site-section-head,.site-feature-grid,.site-service-strip,.site-split-media,.site-split-copy,.site-gallery,.site-contact-card,.site-hero-panel,.site-process-grid,.site-review-grid,.site-review-form{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(28px)}.site-shell .is-visible{opacity:1;transform:translateY(0)}.site-feature-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;display:grid}.site-feature-card{background:var(--site-bg-soft);border:1px solid var(--site-border);border-radius:var(--site-radius);padding:28px 24px;transition:transform .18s,box-shadow .18s,background .18s}.site-feature-card:hover{background:#fff;transform:translateY(-6px);box-shadow:0 24px 44px -26px #0f1b2d4d}.site-feature-icon{width:52px;height:52px;color:var(--site-blue);background:#2563eb1a;border-radius:14px;justify-content:center;align-items:center;margin-bottom:18px;display:inline-flex}.site-feature-card h3{margin:0 0 8px;font-size:17px}.site-feature-card p{color:var(--site-muted);font-size:14px;line-height:1.65}.site-service-strip{flex-wrap:wrap;align-items:center;gap:10px;margin-top:34px;display:flex}.site-service-strip>span{color:var(--site-muted);font-size:14px;font-weight:650}.site-service-chip{border:1.5px solid var(--site-border);color:var(--site-navy);border-radius:999px;align-items:center;gap:7px;padding:9px 18px;font-size:13.5px;font-weight:700;text-decoration:none;transition:border-color .15s,background .15s,transform .12s;display:inline-flex}.site-service-chip:hover{border-color:var(--site-blue);background:#2563eb0f;transform:translateY(-2px)}.site-process-section{padding-top:44px}.site-process-grid{border:1px solid var(--site-border);background:#fff;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.site-process-card{border-right:1px solid var(--site-border);flex-direction:column;gap:12px;min-height:230px;padding:28px 24px;display:flex;position:relative}.site-process-card:last-child{border-right:0}.site-process-number{color:#94a3b8;letter-spacing:.16em;font-size:12px;font-weight:900}.site-process-icon{width:48px;height:48px;color:var(--site-blue);background:#2563eb14;justify-content:center;align-items:center;margin-top:6px;display:inline-flex}.site-process-card h3{margin-top:auto;font-size:17px}.site-process-card p{color:var(--site-muted);font-size:14px;line-height:1.6}.site-section-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:54px;display:grid}.site-split-media img{object-fit:cover;border-radius:26px;width:100%;height:460px;box-shadow:0 40px 70px -40px #0f1b2d80}.site-split-copy h2{margin:0 0 22px;font-size:clamp(26px,3.2vw,36px)}.site-check-list{gap:14px;margin:0 0 28px;padding:0;list-style:none;display:grid}.site-check-list li{color:var(--site-text);align-items:flex-start;gap:11px;font-size:15px;line-height:1.55;display:flex}.site-check-list svg{color:#16a34a;flex-shrink:0;margin-top:2px}.site-reviews-section{padding-top:44px;padding-bottom:56px}.site-review-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.site-review-card{border:1px solid var(--site-border);background:#fff;gap:10px;padding:18px;display:grid;box-shadow:0 20px 40px -34px #0f1b2d73}.site-review-stars{color:#f59e0b;gap:4px;display:flex}.site-review-card p{color:var(--site-text);font-size:13.5px;line-height:1.62}.site-review-card h3{margin:-4px 0 -6px;font-size:15px}.site-review-card strong{color:var(--site-navy);font-size:13.5px}.site-review-form{border:1px solid var(--site-border);background:#fff;gap:14px;margin-top:20px;padding:22px;display:grid;box-shadow:0 20px 48px -40px #0f1b2d80}.site-review-form>div:first-child{max-width:620px}.site-review-form h3{margin:0 0 8px;font-size:21px}.site-review-form p{color:var(--site-muted);line-height:1.65}.site-review-form label{color:var(--site-navy);gap:7px;font-size:12px;font-weight:800;display:grid}.site-review-form input,.site-review-form textarea{border:1px solid var(--site-border);width:100%;color:var(--site-text);font:inherit;background:#f8fafc;outline:none;padding:11px 12px}.site-review-form input:focus,.site-review-form textarea:focus{border-color:var(--site-blue);background:#fff;box-shadow:0 0 0 3px #2563eb14}.site-review-form-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.site-rating-picker{gap:5px;display:flex}.site-rating-picker button{color:#cbd5e1;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.site-rating-picker button.active{color:#f59e0b}.site-consent{flex-direction:row;grid-template-columns:auto 1fr;align-items:center;color:var(--site-muted)!important;gap:9px!important;font-size:13px!important;font-weight:650!important;display:flex!important}.site-consent input{width:auto}.site-review-submit{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.site-review-submit span{color:var(--site-muted);font-size:13px}.site-gallery{grid-template-columns:repeat(6,1fr);grid-auto-rows:220px;gap:16px;display:grid}.site-gallery figure{border-radius:20px;margin:0;position:relative;overflow:hidden}.site-gallery figure:first-child{grid-area:span 2/span 4}.site-gallery figure:nth-child(2),.site-gallery figure:nth-child(3){grid-column:span 2}.site-gallery figure:nth-child(4),.site-gallery figure:nth-child(5){grid-column:span 3}.site-gallery img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.site-gallery figure:hover img{transform:scale(1.06)}.site-gallery figcaption{color:#fff;background:linear-gradient(#0000,#0a1220c7);padding:40px 18px 14px;font-size:13.5px;font-weight:700;position:absolute;bottom:0;left:0;right:0}.site-contact{padding-top:20px}.site-contact-card{background:linear-gradient(120deg, var(--site-navy), #16263f 65%, #1d3557);color:#fff;border-radius:30px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:40px;padding:54px;display:flex;box-shadow:0 46px 80px -46px #0f1b2dbf}.site-contact-card h2{color:#fff;margin:0 0 20px;font-size:clamp(26px,3.4vw,38px)}.site-contact-lines{gap:12px;display:grid}.site-contact-lines p{color:#ffffffd1;align-items:center;gap:10px;font-size:15px;display:flex}.site-contact-lines a{color:#93c5fd;font-weight:700;text-decoration:none}.site-contact-actions{flex-direction:column;gap:12px;display:flex}.site-footer{color:#dbe7f7;background:#0d1624;margin-top:0}.site-footer-inner{grid-template-columns:minmax(260px,1fr) minmax(280px,1.2fr) auto;align-items:center;gap:30px;width:min(100%,1480px);margin:0 auto;padding:38px max(26px,4vw) 30px;display:grid}.site-footer-brand{align-items:flex-start;gap:14px;min-width:0;display:flex}.site-footer-brand img{object-fit:contain;background:#fff;flex-shrink:0;width:60px;height:60px;padding:6px}.site-footer-brand .site-logo-badge{border-radius:0;width:60px;height:60px}.site-footer-brand strong{color:#fff;margin-bottom:10px;font-size:24px;line-height:1.1;display:block}.site-footer-brand p{color:#9fb0c8;max-width:560px;margin-top:0;font-size:14px;line-height:1.7}.site-footer-details{color:#aebbd0;gap:10px;font-size:13.5px;line-height:1.5;display:grid}.site-footer-details span,.site-footer-details a{color:inherit;align-items:flex-start;gap:9px;text-decoration:none;display:inline-flex}.site-footer-details a:hover{color:#fff}.site-footer nav{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.site-footer nav button,.site-footer nav a{color:#dbe7f7;width:44px;height:44px;font-family:var(--font);cursor:pointer;background:#ffffff0b;border:1px solid #94a3b833;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.site-footer nav button:hover,.site-footer nav a:hover{color:#fff;background:#ffffff1f}.site-footer-meta{color:#7f8da3;border-top:1px solid #94a3b81f;flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;gap:12px;padding-top:18px;font-size:12.5px;display:flex}.site-scroll-top{background:var(--site-navy);color:#fff;cursor:pointer;opacity:0;pointer-events:none;z-index:90;border:0;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:opacity .25s,transform .25s;display:inline-flex;position:fixed;bottom:26px;right:26px;transform:translateY(10px);box-shadow:0 18px 34px -16px #0f1b2d99}.site-scroll-top.show{opacity:1;pointer-events:auto;transform:translateY(0)}@media (width<=900px){.site-header-inner{gap:12px;padding:10px 16px}.site-logo{min-width:0;max-width:calc(100vw - 88px)}.site-logo img{max-width:92px;height:34px}.site-logo span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:15px;overflow:hidden}.site-nav{border:1px solid var(--site-border);background:#fff;border-radius:18px;flex-direction:column;padding:10px;display:none;position:fixed;top:66px;left:16px;right:16px;box-shadow:0 30px 60px -30px #0f1b2d66}.site-nav.open{display:flex}.site-nav button{text-align:left;color:var(--site-navy)!important}.site-menu-toggle{display:inline-flex}.site-header-actions .site-btn{display:none}.site-section{padding:60px 20px}.site-hero{align-items:flex-start;min-height:860px}.site-hero-content{padding:112px 20px 76px}.site-hero-content h1{font-size:44px;line-height:1.08}.site-hero-content>p{font-size:17px}.site-hero-actions{width:100%}.site-hero-actions .site-btn{justify-content:center;width:100%}.site-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.site-hero-stats>div:last-child{grid-column:1/-1}.site-hero-panel{width:auto;bottom:28px;left:20px;right:20px}.site-process-grid{grid-template-columns:1fr}.site-process-card{border-right:0;border-bottom:1px solid var(--site-border);min-height:auto}.site-process-card:last-child{border-bottom:0}.site-section-split{grid-template-columns:1fr;gap:30px}.site-split-media img{height:300px}.site-review-grid,.site-review-form-grid{grid-template-columns:1fr}.site-gallery{grid-template-columns:1fr 1fr;grid-auto-rows:180px}.site-gallery figure{grid-area:span 1/span 2!important}.site-contact-card{padding:34px 24px}.site-contact-actions{width:100%}.site-footer-inner{grid-template-columns:1fr;gap:24px;padding:34px 20px 28px}.site-footer nav{justify-content:flex-start}.site-footer-meta{text-align:left}}@media (width<=520px){.site-header-inner{padding-inline:12px}.site-logo{gap:8px}.site-logo-badge{border-radius:10px;width:34px;height:34px}.site-hero{min-height:790px}.site-hero-content{padding:102px 18px 56px}.site-hero-eyebrow{padding:6px 12px;font-size:12px}.site-hero-content h1{font-size:39px}.site-hero-content>p{font-size:15.5px;line-height:1.65}.site-hero-panel{display:none}.site-hero-stats strong{font-size:22px}.site-contact-card{padding:28px 18px}.site-footer-inner{padding-inline:18px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--blue:#2563eb;--blue-light:#dbeafe;--blue-dark:#1d4ed8;--blue-subtle:#eff6ff;--purple:#7c3aed;--purple-light:#ede9fe;--green:#16a34a;--green-light:#dcfce7;--amber:#d97706;--amber-light:#fef3c7;--red:#dc2626;--red-light:#fee2e2;--navy:#0f172a;--navy-mid:#1e293b;--gray-700:#374151;--gray-600:#4b5563;--gray-500:#6b7280;--gray-400:#9ca3af;--gray-300:#d1d5db;--gray-200:#e5e7eb;--gray-100:#f3f4f6;--gray-50:#f9fafb;--border:#e2e8f0;--white:#fff;--sidebar-w:224px;--header-h:52px;--font:"Aptos", "Segoe UI Variable Text", "Segoe UI Variable", "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"Courier New", monospace;--radius:4px}html,body,#root{height:100%;font-family:var(--font);background:var(--gray-50);color:var(--navy);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}.app-shell{height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-w);color:#cbd5e1;background:linear-gradient(#111827 0%,#17203a 46%,#2b1f55 100%);flex-direction:column;flex-shrink:0;display:flex;overflow-y:auto}.sidebar-brand{height:var(--header-h);border-bottom:1px solid #ffffff12;flex-shrink:0;align-items:center;gap:10px;padding:0 16px;display:flex}.brand-logo{background:var(--blue);flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex;overflow:hidden}.brand-logo img{object-fit:contain;background:#fff;width:100%;height:100%}.brand-text{flex:1;min-width:0}.brand-name{color:#fff;letter-spacing:-.2px;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.brand-sub{color:#ffffff61;margin-top:1px;font-size:10px;font-weight:400;display:block}.sidebar-section{flex-shrink:0;padding:14px 0 2px}.sidebar-label{text-transform:uppercase;letter-spacing:.8px;color:#ffffff4d;padding:0 16px 5px;font-size:10px;font-weight:600}.nav-item{color:#fff9;cursor:pointer;text-align:left;letter-spacing:-.1px;background:0 0;border:none;border-left:2px solid #0000;align-items:center;gap:9px;width:100%;padding:7px 16px;font-size:13px;font-weight:400;transition:all .1s;display:flex}.nav-item:hover{color:#ffffffe6;background:#ffffff0d}.nav-item.active{color:#fff;background:linear-gradient(90deg,#6366f138,#a855f71c);border-left-color:#a78bfa;font-weight:500;box-shadow:inset 0 0 22px #7c3aed1f}.nav-item svg{opacity:.75;flex-shrink:0}.nav-item.active svg{opacity:1}.nav-badge{background:var(--red);color:#fff;text-align:center;border-radius:10px;min-width:18px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:700}.sidebar-spacer{flex:1}.debug-menu{border-top:1px solid #ffffff14;padding:8px 10px 10px}.debug-toggle{color:#ffffffad;width:100%;min-height:34px;font-family:var(--font);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1c;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 9px;font-size:12px;font-weight:700;display:grid}.debug-toggle.active{color:#fed7aa;background:#f9731626;border-color:#fb923c61}.debug-switch{background:#94a3b873;justify-content:flex-start;width:28px;height:16px;padding:2px;display:inline-flex}.debug-switch span{background:#fff;width:12px;height:12px;transition:transform .16s;display:block}.debug-toggle.active .debug-switch{background:#f97316}.debug-toggle.active .debug-switch span{transform:translate(12px)}.sidebar-user{border-top:1px solid #ffffff12;flex-shrink:0;align-items:center;gap:10px;padding:10px 16px;display:flex}.sidebar-avatar{background:var(--blue);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;font-weight:700;display:flex}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.sidebar-user-role{color:#fff6;font-size:11px}.main-area{flex-direction:column;flex:1;display:flex;overflow:hidden}.top-bar{height:var(--header-h);border-bottom:1px solid var(--border);background:#fff;flex-shrink:0;align-items:center;gap:12px;padding:0 20px;display:flex}.top-bar-title{color:var(--gray-500);flex:1;font-size:13px;font-weight:500}.top-bar-actions{align-items:center;gap:6px;display:flex}.garage-switcher{border:1px solid var(--border);max-width:260px;height:32px;color:var(--gray-700);font-family:var(--font);cursor:pointer;background:#fff;align-items:center;gap:7px;padding:0 10px;font-size:12px;font-weight:650;display:inline-flex}.garage-switcher span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.garage-switcher:hover{background:var(--gray-50);border-color:var(--gray-300)}.garage-switcher.is-static{cursor:default;color:var(--gray-500);background:var(--gray-50)}.garage-switcher.is-static:hover{border-color:var(--border)}.page-content{flex:1;padding:24px;overflow-y:auto}.page-content.no-pad{flex-direction:column;padding:0;display:flex;overflow:hidden}.page-content.no-pad>.monitor-screen{flex:1}.debug-banner{color:#9a3412;background:linear-gradient(90deg,#fff7ed,#ffedd5);border:1px solid #fed7aa;justify-content:space-between;align-items:center;gap:12px;min-height:38px;margin-bottom:16px;padding:8px 12px;font-size:12px;font-weight:800;display:flex}.debug-banner span,.debug-banner button{align-items:center;gap:7px;display:inline-flex}.debug-banner button{color:#9a3412;height:28px;font-family:var(--font);cursor:pointer;background:#ffffffb8;border:1px solid #c2410c38;padding:0 10px;font-size:12px;font-weight:800}.detail-shell{flex:1;height:100%;display:flex;overflow:hidden}.detail-subnav{border-right:1px solid var(--border);background:#fff;flex-direction:column;flex-shrink:0;width:200px;display:flex;overflow-y:auto}.detail-subnav-header{border-bottom:1px solid var(--border);flex-shrink:0;padding:14px 16px}.detail-subnav-back{color:var(--blue);cursor:pointer;font-size:12px;font-family:var(--font);background:0 0;border:none;align-items:center;gap:6px;margin-bottom:10px;padding:0;font-weight:500;display:flex}.detail-subnav-back:hover{text-decoration:underline}.detail-subnav-title{color:var(--navy);font-size:13px;font-weight:700;line-height:1.3}.detail-subnav-sub{color:var(--gray-500);margin-top:2px;font-size:11px}.detail-subnav-items{padding:8px 0}.detail-subnav-item{color:var(--gray-600);cursor:pointer;text-align:left;width:100%;font-size:13px;font-family:var(--font);background:0 0;border:none;border-left:2px solid #0000;align-items:center;gap:8px;padding:8px 16px;transition:all .1s;display:flex}.detail-subnav-item:hover{background:var(--gray-50);color:var(--navy)}.detail-subnav-item.active{background:var(--blue-subtle);color:var(--blue);border-left-color:var(--blue);font-weight:600}.detail-subnav-item svg{flex-shrink:0}.detail-body{background:var(--gray-50);flex:1;padding:28px;overflow-y:auto}h1{letter-spacing:-.3px;font-size:20px;font-weight:700}h2{font-size:16px;font-weight:600}h3{font-size:14px;font-weight:600}p{color:var(--gray-600);font-size:14px;line-height:1.6}.page-header{justify-content:space-between;align-items:flex-start;margin-bottom:22px;display:flex}.page-header h1{font-size:18px}.page-subtitle{color:var(--gray-500);margin-top:3px;font-size:13px}.card{border:1px solid var(--border);background:#fff;padding:20px}.card-sm{border:1px solid var(--border);background:#fff;padding:14px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:20px;display:grid}.stat-card{border:1px solid var(--border);background:#fff;padding:18px 20px}.stat-label{text-transform:uppercase;letter-spacing:.6px;color:var(--gray-500);margin-bottom:8px;font-size:11px;font-weight:600}.stat-value{color:var(--navy);letter-spacing:-.5px;font-size:28px;font-weight:700;line-height:1}.stat-sub{color:var(--gray-500);margin-top:5px;font-size:12px}.stat-sub.up{color:var(--green)}.stat-sub.down{color:var(--red)}.btn{cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font);letter-spacing:-.1px;border:1px solid #0000;align-items:center;gap:6px;padding:7px 14px;line-height:1;transition:all .1s;display:inline-flex}.btn-primary{background:var(--blue);color:#fff;border-color:var(--blue)}.btn-primary:hover{background:var(--blue-dark);border-color:var(--blue-dark)}.btn-success{color:#fff;background:#15803d;border-color:#15803d}.btn-success:hover{background:#166534}.btn-danger{color:var(--red);border-color:var(--red);background:0 0}.btn-danger:hover{background:var(--red-light)}.btn-ghost{border-color:var(--border);color:var(--gray-700);background:0 0}.btn-ghost:hover{background:var(--gray-50);border-color:var(--gray-300)}.btn-sm{padding:5px 10px;font-size:12px}.btn-icon{padding:7px}.btn:disabled{opacity:.5;cursor:not-allowed}.badge{border-radius:2px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-blue{color:#315f9f;background:#eef4ff}.badge-green{color:#276749;background:#eef8f1}.badge-amber{color:#8a5a12;background:#fbf4e5}.badge-red{color:#a13d3d;background:#fbefef}.badge-purple{color:#6a4a9f;background:#f4f0fb}.site-admin-stars{color:#f59e0b;align-items:center;gap:2px;display:inline-flex}.badge-gray{background:var(--gray-100);color:var(--gray-600)}.admin-mark{color:#b91c1cc7;min-width:12px;height:16px;box-shadow:none;text-shadow:0 1px #ffffff8c;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0 2px;font-size:11px;font-weight:800;line-height:1;display:inline-flex}.status-pill{color:#475569;letter-spacing:.1px;white-space:nowrap;background:#f8fafc;border:1px solid #d8dee8;justify-content:center;align-items:center;min-height:24px;padding:3px 9px;font-size:11px;font-weight:650;display:inline-flex}.status-available{color:#35604a;background:#f5f8f6;border-color:#d8e5dd}.status-occupied{color:#735526;background:#faf7ef;border-color:#e7dec8}.status-reserved{color:#355d87;background:#f3f7fc;border-color:#d6e2f0}.status-maintenance{color:#8a4545;background:#fbf2f2;border-color:#ead4d4}.status-inactive,.status-neutral{color:#64748b;background:#f8fafc;border-color:#e2e8f0}.table-wrapper{border:1px solid var(--border);background:#fff;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13.5px}thead th{background:var(--gray-50);border-bottom:1px solid var(--border);text-align:left;text-transform:uppercase;letter-spacing:.6px;color:var(--gray-500);white-space:nowrap;padding:10px 14px;font-size:11px;font-weight:600}tbody td{border-bottom:1px solid var(--gray-100);vertical-align:middle;color:var(--gray-700);padding:12px 14px}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--gray-50)}.form-field{margin-bottom:14px}.form-label{color:var(--gray-700);margin-bottom:5px;font-size:12px;font-weight:500;display:block}.form-input,.form-select,.form-textarea{border:1px solid var(--border);width:100%;color:var(--navy);font-size:13.5px;font-family:var(--font);border-radius:var(--radius);background:#fff;outline:none;padding:8px 10px;transition:border-color .1s,box-shadow .1s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb14}.form-textarea{resize:vertical;min-height:80px}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-row-3{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.modal-overlay{z-index:200;background:#0f172a73;justify-content:center;align-items:center;padding:16px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal{border:1px solid var(--border);background:#fff;flex-direction:column;width:540px;max-width:100%;max-height:90vh;animation:.15s slideUp;display:flex;box-shadow:0 20px 60px #0000001f}.modal-lg{width:720px}.modal-xl{width:900px}.modal-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.modal-header h2{font-size:14px;font-weight:700}.modal-body{flex:1;padding:20px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);background:var(--gray-50);flex-shrink:0;justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.plate{letter-spacing:2.4px;color:#111;white-space:nowrap;background:linear-gradient(#ffd94d,#f7c928);border:1px solid #2f2f2f;padding:4px 11px 3px;font-family:Charles Wright,Mandatory,FE-Schrift,Arial Black,Arial Narrow,sans-serif;font-size:14px;font-weight:900;line-height:1.1;display:inline-block;box-shadow:inset 0 0 0 1px #ffffff59}.plate-sm{letter-spacing:1.8px;padding:3px 8px 2px;font-size:11px}.plate-monitor{letter-spacing:3.5px;border-width:2px;border-radius:7px;padding:11px 26px 9px}.invoice-vehicle-line{align-items:center;gap:10px;display:flex}.invoice-plate{text-align:center;letter-spacing:2.2px;min-width:92px;margin-top:7px;padding:4px 10px 3px;font-size:13px}.vehicle-brand-logo,.invoice-brand-logo{object-fit:contain;border:1px solid var(--border);background:#fff;flex-shrink:0;width:38px;height:38px;padding:5px}.vehicle-brand-fallback,.invoice-brand-fallback{border:1px solid var(--border);color:#64748b;background:linear-gradient(#f8fafc,#eef2f7);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.vehicle-brand-fallback svg{width:62%;height:62%}.vehicle-brand-logo.vehicle-brand-lg,.vehicle-brand-fallback.vehicle-brand-lg{width:56px;height:56px;padding:8px;font-size:18px}.vehicle-brand-logo.vehicle-brand-sm,.vehicle-brand-fallback.vehicle-brand-sm{width:26px;height:26px;padding:3px;font-size:10px}.status-strip{border:1px solid var(--border);background:#f8fafc;align-items:center;gap:10px;padding:10px 12px;display:flex}.toggle-line{color:var(--navy);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;display:inline-flex}.toggle-line input{width:15px;height:15px}.work-parts-stack{gap:14px;display:grid}.labour-compact-card,.parts-compact-card{background:linear-gradient(#fff 0%,#fbfdff 100%);border-color:#dbe5f0}.labour-compact-card .table-wrapper{border-color:#e5eaf2}.labour-compact-card table th,.labour-compact-card table td{padding-top:8px;padding-bottom:8px}.labour-compact-card .quick-labour-row{background:#f8fafc;border:1px solid #e5eaf2;margin:10px 0 12px;padding:10px}.parts-documents-stack{gap:14px;display:grid}.overview-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.quick-labour-row{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.quick-labour-chip{border:1px solid var(--border);color:var(--navy);cursor:pointer;background:#fff;padding:7px 10px;font-size:12px;font-weight:700}.quick-labour-chip span{color:var(--gray-500);margin-left:5px;font-weight:600}.quick-labour-chip:hover:not(:disabled){border-color:var(--blue);color:var(--blue)}.quick-labour-chip:disabled{opacity:.45;cursor:not-allowed}.mot-mini-badge{color:#b91c1c;letter-spacing:.08em;background:#fff7f7;border:1px solid #b91c1c;justify-content:center;align-items:center;min-width:32px;height:18px;padding:0 6px;font-size:10px;font-weight:900;display:inline-flex}.queue-ramp-tag{color:#fff;background:#111827;align-items:center;padding:3px 6px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.monitor-queue-block{background:#f8fafc;border:1px solid #e2e8f0;flex-direction:column;gap:5px;width:150px;min-height:78px;padding:7px;display:flex}.queue-block-top{align-items:center;gap:5px;min-height:18px;display:flex}.queue-block-plate{align-self:flex-start;font-size:13px}.queue-block-model{color:#475569;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.25;display:-webkit-box;overflow:hidden}.invoice-mini-payment{color:var(--gray-500);justify-content:flex-end;align-items:center;gap:8px;display:flex}.invoice-attachment-summary{background:#f8fafc;border:1px solid #dbe5f0;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:10px 12px;display:flex}.invoice-attachment-summary strong,.invoice-attachment-summary span{display:block}.invoice-attachment-summary strong{color:#172033;font-size:13px}.invoice-attachment-summary span{color:#64748b;margin-top:3px;font-size:12px}.invoice-attachment-list{background:#fff;border:1px solid #e5eaf2;margin-top:10px}.invoice-attachment-list>div{border-top:1px solid #eef2f7;justify-content:space-between;gap:12px;padding:8px 10px;font-size:12px;display:flex}.invoice-attachment-list>div:first-child{border-top:0}.invoice-attachment-list span{text-overflow:ellipsis;white-space:nowrap;color:#172033;min-width:0;overflow:hidden}.invoice-attachment-list strong{color:#475569;white-space:nowrap}.mot-ok{background:var(--green-light);color:var(--green);border-radius:2px;padding:2px 8px;font-size:11px;font-weight:600}.mot-warn{background:var(--amber-light);color:var(--amber);border-radius:2px;padding:2px 8px;font-size:11px;font-weight:600}.mot-expired{background:var(--red-light);color:var(--red);border-radius:2px;padding:2px 8px;font-size:11px;font-weight:600}.ramp-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.ramp-card{border:1px solid var(--border);cursor:pointer;background:#fff;padding:14px;transition:border-color .1s}.ramp-card:hover{border-color:var(--blue)}.ramp-card.available{background:#f8fbf9;border-color:#d8e5dd}.ramp-card.occupied{background:#fbf8f1;border-color:#e7dec8}.ramp-card.reserved{background:#f6f9fd;border-color:#d6e2f0}.ramp-card.maintenance{background:#fbf4f4;border-color:#ead4d4}.ramp-label{letter-spacing:.8px;color:var(--gray-500);text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:600}.ramp-status{margin-bottom:4px;font-size:13px;font-weight:700}.ramp-detail{color:var(--gray-500);margin-top:2px;font-size:11px}.search-bar{gap:8px;margin-bottom:14px;display:flex}.search-input{border:1px solid var(--border);font-size:13.5px;font-family:var(--font);border-radius:var(--radius);background:#fff;outline:none;flex:1;padding:8px 12px}.search-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb14}.search-box-line{border:1px solid var(--border);background:#fff;align-items:center;gap:8px;margin-bottom:14px;padding:8px 10px;display:flex}.search-box-line input{min-width:0;font-family:var(--font);border:0;outline:0;flex:1;font-size:13px}.timeline{border-left:2px solid var(--border);padding-left:20px}.tl-item{padding-bottom:18px;position:relative}.tl-item:last-child{padding-bottom:0}.tl-dot{border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;top:3px;left:-27px}.tl-dot.blue{background:var(--blue)}.tl-dot.green{background:var(--green)}.tl-dot.amber{background:var(--amber)}.tl-dot.purple{background:var(--purple)}.tl-dot.gray{background:var(--gray-400)}.tl-time{color:var(--gray-400);text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:500}.tl-title{color:var(--navy);margin-top:1px;font-size:13.5px;font-weight:600}.tl-desc{color:var(--gray-500);margin-top:2px;font-size:13px;line-height:1.5}.empty-state{text-align:center;color:var(--gray-400);padding:48px 20px}.empty-state svg{opacity:.25;margin-bottom:12px}.empty-state p{color:var(--gray-500);font-size:14px}.info-box{background:var(--blue-subtle);border-left:3px solid var(--blue);color:var(--navy);margin-bottom:14px;padding:10px 14px;font-size:13px;line-height:1.5}.customer-dashboard-hero{border:1px solid var(--border);background:linear-gradient(135deg,#ffffffeb 0%,#f8fbfff2 55%,#faf5ffe6 100%),linear-gradient(90deg,#e0f2fe,#ede9fe,#fce7f3);justify-content:space-between;gap:18px;padding:20px;display:flex}.customer-dashboard-hero h2{margin:4px 0 8px;font-size:22px}.customer-dashboard-hero p{color:var(--gray-500);margin:3px 0;font-size:13px}.customer-next-booking{border:1px solid var(--border);background:linear-gradient(#fff 0%,#f8fafc 100%);flex-direction:column;gap:4px;min-width:250px;padding:14px;display:flex}.customer-next-booking span,.customer-next-booking small{color:var(--gray-500);font-size:12px}.customer-next-booking strong{color:var(--navy);font-size:18px}.customer-panel{border:1px solid var(--border);background:linear-gradient(#fffffffa,#f8fafcf5);min-height:220px;padding:14px}.customer-panel-title{color:var(--gray-600);align-items:center;gap:8px;margin-bottom:12px;display:flex}.customer-panel-title h2{margin:0}.customer-panel-action{margin-left:auto}.customer-stat-row .stat-card:first-child{border-top:3px solid #0ea5e9}.customer-stat-row .stat-card:nth-child(2){border-top:3px solid #8b5cf6}.customer-stat-row .stat-card:nth-child(3){border-top:3px solid #10b981}.customer-stat-row .stat-card:nth-child(4){border-top:3px solid #f59e0b}.customer-list-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.customer-list-row:first-of-type{border-top:0;padding-top:0}.customer-list-row-clickable{cursor:pointer}.customer-list-row-clickable:hover{background:var(--gray-050,#f8fafc)}.customer-media-tags{gap:6px;margin-top:2px;display:flex}.customer-media-tag{color:#315f9f;background:#eef4ff;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.customer-list-row>div:first-child{flex-direction:column;gap:4px;min-width:0;display:flex}.customer-list-row strong{color:var(--navy);font-size:13px}.customer-list-row small{color:var(--gray-500);font-size:12px}.customer-row-metric{text-align:right;color:var(--navy);white-space:nowrap;font-weight:800}.customer-row-actions{align-items:center;gap:6px;display:flex}.customer-row-metric small{margin-top:3px;font-weight:500;display:block}.customer-form-grid{border:1px solid var(--border);background:#fbfdff;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;display:grid}.customer-vehicle-form{border:1px solid var(--border);background:linear-gradient(#fffffff5,#f8fafcfa),linear-gradient(135deg,#dbeafe,#ede9fe);grid-template-columns:190px minmax(0,1fr);gap:16px;padding:16px;display:grid}.customer-vehicle-visual{background:linear-gradient(#f8fbff 0%,#eef4ff 100%);border:1px solid #e4eaf3;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:210px;display:flex}.customer-vehicle-fields{min-width:0}.customer-plate-lookup{flex-wrap:wrap;align-items:end;gap:10px;margin-bottom:12px;display:flex}.customer-plate-input{color:#111827;letter-spacing:4.4px;text-align:center;text-transform:uppercase;background:linear-gradient(#ffe472 0%,#ffd03f 100%);border:1px solid #1f2937;border-radius:4px;width:220px;min-height:48px;padding:10px 12px;font-family:Charles Wright,Mandatory,FE-Schrift,Arial Black,Arial Narrow,sans-serif;font-size:24px;font-weight:900;line-height:1;box-shadow:inset 0 0 0 1px #ffffff73,0 1px 2px #0f172a1f}.customer-plate-preview{letter-spacing:3.4px;font-size:18px}.customer-vehicle-api-image{object-fit:contain;background:#fff;border:1px solid #e4eaf3;border-radius:6px;width:min(240px,92%);max-height:150px;padding:10px;box-shadow:0 8px 20px #0f172a14}.vehicle-edit-preview{background:#f8fafc;border:1px solid #e4eaf3;align-items:center;gap:16px;padding:12px;display:flex}.vehicle-edit-image,.vehicle-detail-image{object-fit:contain;background:#fff;border:1px solid #e4eaf3;width:190px;height:124px;padding:8px}.vehicle-edit-image-placeholder{width:190px;height:124px;color:var(--gray-500);background:#fff;border:1px dashed #cbd5e1;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex}.vehicle-detail-image{width:260px;height:180px}.vehicle-edit-plate-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.vehicle-edit-plate-input{letter-spacing:4px;text-align:center;width:210px;min-height:46px;font-size:23px}.job-overview-vehicle{grid-template-columns:170px minmax(0,1fr);align-items:center;gap:16px;display:grid}.job-overview-vehicle-image,.job-overview-vehicle-placeholder{object-fit:contain;background:#fff;border:1px solid #e4eaf3;width:170px;height:112px;padding:8px}.job-overview-vehicle-placeholder{color:var(--gray-400);background:#f8fafc;justify-content:center;align-items:center;display:flex}.job-mot-summary{border-top:1px solid #edf2f7;grid-column:1/-1;gap:3px;padding-top:12px;display:grid}.job-mot-summary strong{color:var(--navy);font-size:13px}.job-mot-summary span,.job-mot-summary small{color:var(--gray-500);font-size:12px}.job-vehicle-card{grid-template-columns:280px minmax(0,1fr);align-items:center;gap:22px;display:grid}.job-vehicle-image,.job-vehicle-image-placeholder{object-fit:contain;background:#fff;border:1px solid #e4eaf3;width:280px;height:190px;padding:10px}.job-vehicle-image-placeholder{color:var(--gray-500);background:#f8fafc;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex}.job-vehicle-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.mot-due-stats{flex-wrap:wrap;gap:10px;display:flex}.mot-due-stats span{min-height:34px;color:var(--navy);background:#fff;border:1px solid #dbe3ed;align-items:center;gap:7px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.mot-due-vehicle-cell{align-items:center;gap:10px;display:flex}.mot-due-image{object-fit:contain;background:#fff;border:1px solid #e4eaf3;width:88px;height:58px;padding:5px}.mot-due-image.empty{color:var(--gray-400);background:#f8fafc;justify-content:center;align-items:center;display:inline-flex}.booking-assistant-widget{z-index:140;font-family:var(--font);position:fixed;bottom:22px;right:22px}.booking-assistant-launcher{color:#fff;min-height:54px;font-family:var(--font);cursor:pointer;background:#111827;border:1px solid #0f172a2e;border-radius:999px;align-items:center;gap:11px;padding:0 16px 0 12px;font-size:12.5px;font-weight:760;display:inline-flex;box-shadow:0 18px 34px #0f172a3d}.booking-assistant-launcher>span:last-child{text-align:left;gap:1px;display:grid}.booking-assistant-launcher strong,.booking-assistant-launcher small{line-height:1.1}.booking-assistant-launcher small{color:#cbd5e1;font-size:11px;font-weight:650}.booking-assistant-launcher-icon,.booking-assistant-avatar{color:#111827;background:#fff;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.booking-assistant-panel{background:#fff;border:1px solid #d7dee8;border-radius:18px;grid-template-rows:auto 1fr auto auto;width:min(430px,100vw - 28px);height:min(680px,100vh - 40px);font-family:Segoe UI Variable Text,Segoe UI,Arial,sans-serif;display:grid;overflow:hidden;box-shadow:0 24px 60px #0f172a42}.booking-assistant-panel header{background:#fbfcfe;border-bottom:1px solid #e5ebf3;justify-content:space-between;align-items:center;gap:12px;min-height:66px;padding:13px 15px;display:flex}.booking-assistant-title{align-items:center;gap:11px;display:flex}.booking-assistant-panel header strong{color:var(--navy);font-size:14.5px;display:block}.booking-assistant-panel header span{color:var(--gray-500);margin-top:2px;font-size:11.5px;display:block}.booking-assistant-avatar{color:#1d4ed8;background:#eef4ff;border:1px solid #dbeafe}.booking-assistant-header-actions{align-items:center;gap:7px;display:inline-flex}.booking-assistant-panel header button{width:34px;height:34px;color:var(--gray-500);cursor:pointer;background:#fff;border:1px solid #dbe3ed;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.booking-assistant-panel header button:disabled{opacity:.45;cursor:not-allowed}.booking-assistant-messages{background:linear-gradient(#f7f9fc 0%,#f3f6fa 100%);flex-direction:column;gap:9px;min-height:0;padding:15px;display:flex;overflow-y:auto}.booking-assistant-message{color:#172033;background:#fff;border:1px solid #e2e8f0;border-radius:14px 14px 14px 5px;max-width:88%;padding:10px 12px;font-size:13.2px;font-weight:450;line-height:1.48;box-shadow:0 6px 18px #0f172a0a}.booking-assistant-message p{margin:0 0 5px}.booking-assistant-message p:last-child{margin-bottom:0}.booking-assistant-message.user{color:#fff;background:#123f91;border-color:#123f91;border-radius:14px 14px 5px;align-self:flex-end;font-weight:560}.booking-assistant-message.user p{color:#fff!important}.booking-assistant-message.assistant{align-self:flex-start}.booking-assistant-error{border-left:3px solid var(--red);color:#991b1b;background:#fef2f2;padding:9px 11px;font-size:12.5px}.booking-assistant-guided{background:#fff;border-top:1px solid #edf2f7;padding:10px 12px 0}.booking-assistant-options{scrollbar-width:thin;gap:7px;padding-bottom:10px;display:flex;overflow-x:auto}.booking-assistant-options button,.booking-assistant-time-grid button,.booking-assistant-date button{color:#1f2937;min-height:36px;font-family:var(--font);cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d8e1eb;border-radius:999px;align-items:center;gap:7px;padding:0 12px;font-size:12.5px;font-weight:720;display:inline-flex}.booking-assistant-options button:hover,.booking-assistant-time-grid button:hover,.booking-assistant-date button:hover{background:#f5f8ff;border-color:#93b4e8}.booking-assistant-options button:disabled,.booking-assistant-time-grid button:disabled,.booking-assistant-date button:disabled{opacity:.5;cursor:not-allowed}.booking-assistant-plate{color:#111827;text-align:center;letter-spacing:.5px;background:#facc15;border:1px solid #111827;border-radius:5px;min-width:66px;padding:4px 8px;font-family:Arial Narrow,Arial,sans-serif;font-size:13px}.booking-assistant-date{grid-template-columns:1fr auto;gap:8px;padding-bottom:10px;display:grid}.booking-assistant-date label{color:#64748b;background:#fff;border:1px solid #d8e1eb;border-radius:999px;align-items:center;gap:8px;min-width:0;height:38px;padding:0 10px;display:flex}.booking-assistant-date input{width:100%;min-width:0;height:34px;font-family:var(--font);color:#111827;border:0;outline:0}.booking-assistant-time-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding-bottom:10px;display:grid}.booking-assistant-time-grid button{border-radius:8px;justify-content:center;padding:0 8px}.booking-assistant-finish{background:#fff;border-top:1px solid #edf2f7;gap:10px;padding:10px 12px 0;display:grid}.booking-assistant-finish-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.booking-assistant-finish-actions button,.booking-assistant-review-box>button{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #d8e1eb;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:38px;font-family:Segoe UI Variable Text,Segoe UI,Arial,sans-serif;font-size:12.5px;font-weight:750;display:inline-flex}.booking-assistant-finish-actions button:first-child,.booking-assistant-review-box>button{color:#fff;background:#123f91;border-color:#123f91}.booking-assistant-review-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;gap:8px;padding:11px;display:grid}.booking-assistant-review-box strong{color:#172033;font-size:13px}.booking-assistant-stars{align-items:center;gap:3px;display:inline-flex}.booking-assistant-stars button{color:#cbd5e1;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.booking-assistant-stars button.active{color:#f59e0b}.booking-assistant-review-box textarea{resize:vertical;color:#111827;background:#fff;border:1px solid #d8e1eb;border-radius:9px;outline:0;width:100%;min-height:70px;padding:9px 10px;font-family:Segoe UI Variable Text,Segoe UI,Arial,sans-serif;font-size:13px;line-height:1.45}.booking-assistant-review-box textarea:focus{border-color:#8bb2f1;box-shadow:0 0 0 3px #2563eb1f}.booking-assistant-finish button:disabled,.booking-assistant-review-box textarea:disabled{opacity:.55;cursor:not-allowed}.booking-assistant-input{background:#fff;border-top:1px solid #edf2f7;grid-template-columns:1fr 44px;gap:8px;padding:12px;display:grid}.booking-assistant-input input{color:#111827;border:1px solid #dbe3ed;border-radius:999px;outline:0;min-width:0;height:42px;padding:0 12px;font-family:Segoe UI Variable Text,Segoe UI,Arial,sans-serif;font-size:14px;font-weight:520}.booking-assistant-input input::placeholder{color:#7b8796;font-weight:450}.booking-assistant-input input:focus{border-color:#8bb2f1;box-shadow:0 0 0 3px #2563eb1f}.booking-assistant-input button{color:#fff;cursor:pointer;background:#1d4ed8;border:0;border-radius:999px;justify-content:center;align-items:center;height:42px;display:inline-flex}.booking-assistant-input button:disabled{opacity:.45;cursor:not-allowed}.spin{animation:.8s linear infinite md-spin}@keyframes md-spin{to{transform:rotate(360deg)}}@media (width<=640px){.booking-assistant-widget{bottom:12px;right:12px}.booking-assistant-panel{width:calc(100vw - 24px);height:min(620px,100vh - 24px)}.booking-assistant-time-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.vehicle-image-placeholder{--vehicle-colour:#64748b;width:150px;min-height:118px;color:var(--gray-500);letter-spacing:.3px;text-transform:uppercase;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:11px;font-weight:650;display:flex}.vehicle-silhouette{filter:drop-shadow(0 12px 16px #0f172a2e);width:142px;height:66px;position:relative}.vehicle-silhouette-body{background:linear-gradient(180deg, color-mix(in srgb, var(--vehicle-colour) 78%, white), var(--vehicle-colour));border:1px solid #0f172a47;border-radius:18px 22px 10px 10px;height:26px;position:absolute;bottom:14px;left:6px;right:6px}.vehicle-silhouette-roof{background:linear-gradient(180deg, #ffffff8c, color-mix(in srgb, var(--vehicle-colour) 70%, white));border:1px solid #0f172a2e;border-radius:18px 18px 3px 3px;height:20px;position:absolute;bottom:37px;left:42px;right:38px;transform:skew(-14deg)}.vehicle-silhouette-suv .vehicle-silhouette-body,.vehicle-silhouette-mpv .vehicle-silhouette-body{border-radius:14px 18px 9px 9px;height:32px}.vehicle-silhouette-suv .vehicle-silhouette-roof{height:23px;left:32px;right:25px}.vehicle-silhouette-mpv .vehicle-silhouette-roof{height:25px;left:24px;right:22px;transform:skew(-6deg)}.vehicle-silhouette-hatchback .vehicle-silhouette-roof{left:45px;right:24px}.vehicle-silhouette-wheel{background:radial-gradient(circle,#94a3b8 0 28%,#111827 30% 100%);border:2px solid #1f2937;border-radius:50%;width:20px;height:20px;position:absolute;bottom:5px}.vehicle-silhouette-wheel.left{left:27px}.vehicle-silhouette-wheel.right{right:27px}.customer-form-wide{grid-column:1/-1}.customer-empty{border:1px dashed var(--border);background:var(--gray-50);color:var(--gray-500);padding:18px;font-size:13px}.warn-box{background:var(--amber-light);border-left:3px solid var(--amber);color:var(--navy);margin-bottom:14px;padding:10px 14px;font-size:13px;line-height:1.5}.divider{border:none;border-top:1px solid var(--border);margin:16px 0}.tabs{border-bottom:1px solid var(--border);gap:0;margin-bottom:18px;display:flex}.tab{cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font);color:var(--gray-500);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:9px 16px;transition:all .1s}.tab:hover{color:var(--navy)}.tab.active{color:var(--blue);border-bottom-color:var(--blue);font-weight:600}.chip{border:1px solid var(--border);cursor:pointer;color:var(--gray-600);background:#fff;border-radius:20px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:500;transition:all .1s;display:inline-flex}.chip:hover{border-color:var(--blue);color:var(--blue)}.chip.active{background:var(--blue);color:#fff;border-color:var(--blue);font-weight:600}.chips{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.settings-shell{gap:0;display:flex}.settings-nav{border-right:1px solid var(--border);background:#fff;flex-shrink:0;width:220px;padding:8px 0}.settings-nav-item{color:var(--gray-600);cursor:pointer;text-align:left;width:100%;font-size:13px;font-family:var(--font);background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:10px;padding:10px 16px;transition:all .1s;display:flex}.settings-nav-item:hover{background:var(--gray-50);color:var(--navy)}.settings-nav-item.active{background:var(--blue-subtle);color:var(--blue);border-left-color:var(--blue);font-weight:600}.settings-body{flex:1;padding:24px 28px}.voice-widget{border:1px solid var(--border);background:#fff;margin-bottom:16px;padding:20px}.voice-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto;transition:all .15s;display:flex}.voice-btn.idle{background:var(--blue);color:#fff}.voice-btn.idle:hover{background:var(--blue-dark);transform:scale(1.05)}.voice-btn.recording{background:var(--red);color:#fff;animation:1.2s ease-in-out infinite pulse}.voice-btn.processing{background:var(--amber);color:#fff}@keyframes pulse{0%,to{box-shadow:0 0 #dc262666}50%{box-shadow:0 0 0 12px #dc262600}}.pagination{border-top:1px solid var(--border);background:#fff;align-items:center;gap:4px;padding:12px 14px;display:flex}.page-btn{cursor:pointer;border:1px solid var(--border);min-width:32px;height:32px;font-size:13px;font-family:var(--font);color:var(--gray-700);background:#fff;justify-content:center;align-items:center;transition:all .1s;display:flex}.page-btn:hover{border-color:var(--blue);color:var(--blue)}.page-btn.active{background:var(--blue);color:#fff;border-color:var(--blue)}.page-btn:disabled{opacity:.35;cursor:not-allowed}.progress-bar{background:var(--gray-100);height:6px;margin-top:6px;overflow:hidden}.progress-fill{background:var(--blue);height:100%;transition:width .3s}.progress-fill.green{background:var(--green)}.progress-fill.amber{background:var(--amber)}.progress-fill.purple{background:var(--purple)}.monitor-screen{color:#111827;background:#f4f6f8;grid-template-rows:auto minmax(0,1fr) auto;gap:18px;min-height:100%;padding:22px;display:grid;overflow:hidden}.monitor-screen.is-maximized{z-index:500;min-height:100vh;position:fixed;inset:0}.monitor-header{background:#fff;border:1px solid #dde3ea;justify-content:space-between;align-items:center;gap:18px;height:70px;padding:0 22px;display:flex}.monitor-brand{align-items:center;gap:13px;display:flex}.monitor-brand-mark{color:#fff;background:#1f2937;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.monitor-title{letter-spacing:0;font-size:20px;font-weight:750}.monitor-subtitle{color:#64748b;margin-top:1px;font-size:13px}.monitor-time{flex-direction:column;align-items:flex-end;gap:1px;margin-left:auto;display:flex}.monitor-time strong{font-size:26px;line-height:1}.monitor-time span{color:#64748b;font-size:13px}.monitor-mode-button{color:#334155;height:36px;font-family:var(--font);cursor:pointer;background:#fff;border:1px solid #d9e0e8;align-items:center;gap:8px;padding:0 12px;font-size:12px;font-weight:650;display:inline-flex}.monitor-mode-button:hover{background:#f8fafc;border-color:#cbd5e1}.monitor-live-refresh{color:#475569;background:#f8fafc;border:1px solid #dbe5f0;align-items:center;gap:8px;height:30px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.monitor-live-refresh span{border:2px solid #cbd5e1;border-top-color:#2563eb;border-radius:999px;width:13px;height:13px;animation:.7s linear infinite monitor-spin}@keyframes monitor-spin{to{transform:rotate(360deg)}}.monitor-ramp-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(150px,1fr);gap:16px;min-height:0;display:grid}.monitor-screen.is-maximized .monitor-ramp-grid{grid-auto-rows:minmax(180px,1fr)}.monitor-ramp-card{background:#fff;border:1px solid #dbe2ea;border-top:5px solid #cbd5e1;flex-direction:column;min-width:0;padding:18px;display:flex}.monitor-ramp-card.tone-available{border-top-color:#7aa28a}.monitor-ramp-card.tone-occupied{border-top-color:#b18b4d}.monitor-ramp-card.tone-reserved{border-top-color:#7394bb}.monitor-ramp-card.tone-maintenance{border-top-color:#b86a6a}.monitor-ramp-card.tone-inactive{opacity:.7;border-top-color:#94a3b8}.monitor-ramp-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.monitor-ramp-top>span:first-child{font-size:18px;font-weight:750}.monitor-ramp-vehicle,.monitor-ramp-empty{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.monitor-ramp-vehicle .plate{align-self:center;width:fit-content;margin-bottom:16px;font-size:32px}.monitor-screen.is-maximized .monitor-ramp-vehicle .plate{font-size:38px}.monitor-ramp-vehicle strong{margin-bottom:5px;font-size:21px;line-height:1.15}.monitor-screen.is-maximized .monitor-ramp-vehicle strong{font-size:25px}.monitor-ramp-vehicle>span:not(.plate){color:#64748b;font-size:16px}.monitor-ramp-time{color:#475569;align-items:center;gap:5px;margin-top:10px;font-size:12px;font-weight:750;display:inline-flex}.monitor-ramp-time small{color:#94a3b8;font-size:11px;font-weight:650}.monitor-ramp-empty{text-align:center;color:#64748b;align-items:center;gap:8px}.monitor-ramp-empty strong{color:#1f2937;font-size:24px}.monitor-ramp-empty span{font-size:14px}.monitor-queue{background:#fff;border:1px solid #dde3ea;max-height:230px;padding:16px;overflow:hidden}.monitor-screen.is-maximized .monitor-queue{max-height:28vh}.monitor-queue-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:12px;display:flex}.monitor-queue-header h2{margin-bottom:2px;font-size:18px}.monitor-queue-header p{color:#64748b;font-size:13px}.monitor-queue-header>span{color:#64748b;font-size:13px;font-weight:650}.monitor-queue-list{flex-wrap:wrap;align-content:flex-start;gap:8px;max-height:150px;display:flex;overflow:auto}.monitor-screen.is-maximized .monitor-queue-list{max-height:calc(28vh - 72px)}.monitor-queue-row{background:#fbfcfd;border:1px solid #edf1f5;grid-template-columns:34px minmax(0,1.3fr) minmax(0,1fr) auto;align-items:center;gap:12px;min-height:48px;padding:8px 10px;display:grid}.queue-position{color:#475569;background:#eef2f7;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:750;display:flex}.queue-main,.queue-meta{align-items:center;gap:9px;min-width:0;display:flex}.queue-main strong,.queue-main span,.queue-meta span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.queue-main strong{color:#1f2937}.queue-main>span:last-child,.queue-meta{color:#64748b;font-size:13px}.queue-meta{justify-content:flex-end}@media (width<=1100px){.monitor-ramp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.monitor-screen{overflow:auto}}.section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section-title{color:var(--navy);font-size:13px;font-weight:600}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-1{flex:1}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-20{gap:20px}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.mb-4{margin-bottom:4px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-20{margin-bottom:20px}.text-sm{font-size:13px}.text-xs{font-size:11px}.text-gray{color:var(--gray-500)}.text-navy{color:var(--navy)}.text-blue{color:var(--blue)}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-amber{color:var(--amber)}.text-right{text-align:right}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-mono{font-family:var(--font-mono)}.w-full{width:100%}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid-4{grid-template-columns:1fr 1fr 1fr 1fr;gap:12px;display:grid}.quiet-table tbody tr:hover td{background:#fbfcfd}.compact-access-table table{font-size:12.5px}.compact-access-table thead th{letter-spacing:.35px;padding:7px 10px;font-size:10px}.compact-access-table tbody td{padding:7px 10px}.table-input{width:100%;color:var(--gray-700);font-family:var(--font);background:0 0;border:0;outline:0;font-size:12.5px}.table-input:focus{box-shadow:inset 0 -1px 0 var(--blue);background:#fff}.permission-matrix th:not(:first-child),.permission-matrix td:not(:first-child){text-align:center}.permission-check{accent-color:#1f2937;cursor:pointer;width:15px;height:15px}.permission-check:disabled{cursor:not-allowed;opacity:.35}.access-actions{align-items:center;gap:4px;display:flex}.access-config-grid{grid-template-columns:minmax(250px,330px) minmax(0,1fr);align-items:start;gap:12px;display:grid}.icon-edit{cursor:pointer;color:#94a3b8;background:0 0;border:none;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.icon-edit:hover{color:#1f2937;background:#f8fafc}.check-row{color:var(--gray-700);cursor:pointer;align-items:center;gap:9px;font-size:13px;display:flex}.upload-dropzone{border:1px dashed var(--border);text-align:center;background:var(--gray-50);cursor:pointer;color:var(--gray-400);padding:20px;font-size:13px}.part-picker-list{border:1px solid var(--border);border-radius:6px;max-height:300px;overflow:hidden auto}.part-picker-row{border:none;border-bottom:1px solid var(--border);cursor:pointer;text-align:left;width:100%;color:var(--navy);background:0 0;justify-content:space-between;align-items:center;gap:12px;padding:9px 14px;font-size:13px;transition:background .1s;display:flex}.part-picker-row:last-child{border-bottom:none}.part-picker-row:hover{background:var(--gray-50)}.part-picker-name{flex:1;font-weight:500}.part-picker-price{color:var(--blue);white-space:nowrap;font-size:12px;font-weight:600}.part-picker-custom{color:var(--blue);gap:8px;font-style:italic}.part-picker-custom:hover{background:color-mix(in srgb, var(--blue) 5%, white)}.vehicle-hero-card{border:1px solid var(--border);background:#fff;grid-template-columns:280px minmax(0,1fr);gap:24px;padding:24px;display:grid}.vehicle-render{min-height:210px;color:var(--vehicle-colour);background:#f8fafc;border:1px solid #edf1f5;justify-content:center;align-items:center;display:flex}.vehicle-hero-details{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:18px;display:grid}.invoice-mini-row{border-bottom:1px solid #f1f5f9;grid-template-columns:1fr 100px 100px;gap:12px;padding:10px 0;font-size:13px;display:grid}.invoice-mini-row:last-child{border-bottom:none}.consumable-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.vehicle-doc-grid{grid-template-columns:1.2fr 1fr 1fr;gap:14px;display:grid}.vehicle-photo-placeholder{border:1px solid var(--border);min-height:220px;color:var(--gray-400);background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.vehicle-photo-placeholder span{color:var(--gray-600);font-weight:650}@media (width<=900px){.access-config-grid,.vehicle-hero-card,.vehicle-doc-grid{grid-template-columns:1fr}}.ramp-type-list{gap:8px;display:grid}.ramp-type-row{background:#fbfcfd;border:1px solid #edf1f5;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;display:flex}.ramp-type-row strong,.ramp-type-row span{display:block}.ramp-type-row strong{font-size:13px}.ramp-type-row span{color:var(--gray-500);margin-top:2px;font-size:12px}.ramp-type-meta{color:var(--gray-500);white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:flex}.toast-notice{z-index:300;min-width:280px;max-width:420px;color:var(--navy);background:#fff;border:1px solid #d9e2ec;justify-content:space-between;align-items:center;gap:12px;padding:12px 12px 12px 14px;font-size:13px;font-weight:600;display:flex;position:fixed;top:68px;right:22px;box-shadow:0 18px 45px #0f172a1f}.toast-notice button{color:var(--gray-400);cursor:pointer;background:0 0;border:none;display:inline-flex}.app-toast-stack{z-index:550;pointer-events:none;gap:8px;width:min(360px,100vw - 32px);display:grid;position:fixed;top:70px;right:18px}.app-toast{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;background:#fffffff5;border:1px solid #2563eb33;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;display:grid;box-shadow:0 18px 46px #0f172a29}.app-toast>button:first-child{min-width:0;color:var(--navy);text-align:left;cursor:pointer;font-family:var(--font);background:0 0;border:0;padding:12px 14px}.app-toast>button:first-child span{color:#2563eb;letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:800;display:block}.app-toast>button:first-child strong{color:#172033;margin-top:4px;font-size:13px;font-weight:800;line-height:1.35;display:block}.app-toast-close{width:34px;color:var(--gray-400);cursor:pointer;background:0 0;border:0;border-left:1px solid #e2e8f0e6;justify-content:center;align-items:center;display:inline-flex}.app-toast-close:hover{color:var(--navy);background:#f1f5f9cc}.booking-toolbar{grid-template-columns:minmax(260px,1fr) 220px;align-items:center;gap:10px;display:grid}.booking-search{min-height:38px;margin-bottom:0}.booking-sort{color:var(--gray-500);white-space:nowrap;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;font-size:12px;font-weight:700;display:grid}.booking-sort .form-select{min-height:38px}.pagination-summary{color:var(--gray-500);padding:0 8px;font-size:12px;font-weight:600}.table-link{color:var(--navy);font-weight:750;text-decoration:none}.table-link:hover{color:var(--blue);text-underline-offset:3px;text-decoration:underline}.table-plate-link{width:fit-content;text-decoration:none}.booking-detail-modal .modal-body{background:#f8fafc}.booking-detail-head{border:1px solid var(--border);background:#fff;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;padding:18px;display:flex}.booking-detail-head h1{margin-top:8px;font-size:22px}.booking-detail-head p{color:var(--gray-500);font-size:13px}.booking-detail-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.booking-wide{grid-column:1/-1}.booking-detail-grid h3,.booking-detail-modal h3{margin-bottom:12px;font-size:13px}.info-row{border-bottom:1px solid #f1f5f9;grid-template-columns:130px minmax(0,1fr);gap:12px;padding:7px 0;font-size:13px;display:grid}.info-row:last-child{border-bottom:none}.info-row span{color:var(--gray-500)}.info-row strong{overflow-wrap:anywhere;min-width:0;font-weight:600}.ai-intake-card{background:linear-gradient(135deg,#eff6fff0,#fffffff5),#fff;border-color:#dbeafe}.ai-intake-card p{color:#243248;margin:0;line-height:1.65}.ai-result{gap:9px;display:grid}.ai-save-state{color:#35604a;background:#f6fbf8;border:1px solid #d8e5dd;justify-self:start;align-items:center;gap:7px;padding:5px 8px;font-size:11px;font-weight:750;display:inline-flex}.ai-save-state strong{color:#64748b;font-size:11px;font-weight:650}.ai-request-strip,.ai-tech-brief{background:#fff;border:1px solid #d8e5dd;gap:3px;padding:8px 10px;display:grid}.ai-request-strip span,.ai-tech-brief span{color:#64748b;text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:800}.ai-request-strip strong,.ai-tech-brief strong{color:#172033;font-size:13px;line-height:1.35}.ai-request-strip{background:linear-gradient(#fff,#f8fbff);border-color:#c7d8ef}.ai-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.ai-result-grid-compact{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.ai-result-panel{background:#ffffffb8;border:1px solid #dce7f5;padding:8px 10px}.ai-result-panel span{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:10px;font-weight:800;display:block}.ai-result-panel strong{color:#172033;margin-bottom:4px;font-size:13px;display:block}.ai-result-panel small{color:#475569;line-height:1.45}.ai-result-panel ul{color:#243248;margin:0;padding-left:16px;font-size:12.5px;line-height:1.55}.ai-question-panel{grid-row:span 1}.ai-question-list{gap:9px;display:grid}.ai-question-answer{gap:5px;display:grid}.ai-question-answer strong{color:#243248;font-size:12px;line-height:1.45}.ai-question-answer .form-input{background:#fff;min-height:34px;font-size:12.5px}.ai-mini-warn{color:#7c2d12;background:#fff7ed;border-left:3px solid #d97706;padding:7px 10px;font-size:12.5px;font-weight:650}.ai-mot-note{background:#fff;border-left:3px solid #2563eb;gap:3px;padding:9px 12px;display:grid}.ai-mot-note strong{color:#172033;font-size:12px}.ai-mot-note span{color:#475569;font-size:12.5px}.ai-working{color:var(--blue);align-items:center;gap:6px;font-size:12px;font-weight:800;display:inline-flex}.ai-working svg{animation:1.1s linear infinite spin}.ai-loading-line{color:var(--gray-500);align-items:center;gap:10px;font-size:13px;display:flex}.ai-loading-line span{border:2px solid #bfdbfe;border-top-color:var(--blue);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.debug-console-modal{color:#d1fae5;background:#05070b;border:1px solid #263241;box-shadow:0 28px 80px #0000006b}.debug-console-header{background:#090d14;border-bottom-color:#1f2937}.debug-console-header h2{color:#f8fafc}.debug-console-header p{color:#94a3b8;margin-top:3px;font-size:12px}.debug-console-header .btn{color:#e2e8f0;border-color:#334155}.debug-console-body{background:#05070b;max-height:72vh;overflow:auto}.debug-console-block{background:#080c12;border:1px solid #1f2937;margin-bottom:12px}.debug-console-block h3{color:#fbbf24;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #1f2937;margin:0;padding:9px 12px;font-size:11px}.debug-console-block pre{color:#a7f3d0;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:12px;font-family:Consolas,Courier New,monospace;font-size:12px;line-height:1.55}.debug-console-empty{color:#94a3b8;text-align:center;border:1px dashed #334155;padding:22px;font-size:13px}.portal-shell{color:#111827;background:#eef2f6;min-height:100vh}.portal-header{background:#fff;border-bottom:1px solid #dfe6ee;justify-content:space-between;align-items:center;height:58px;padding:0 28px;display:flex}.portal-logo{align-items:center;gap:9px;font-weight:750;display:flex}.portal-logo img{object-fit:contain;background:#fff;border:1px solid #e2e8f0;width:30px;height:30px;padding:3px}.portal-header a{color:#475569;font-size:13px;font-weight:600;text-decoration:none}.portal-booking-shell{grid-template-columns:330px minmax(0,1fr);gap:22px;max-width:1120px;margin:34px auto 26px;padding:0 24px;display:grid}.portal-side-card{color:#fff;background:#172033;min-height:0;padding:28px}.portal-side-card h1{margin:18px 0 10px;font-size:26px}.portal-side-card p{color:#ffffffad;margin-bottom:28px;font-size:14px}.portal-contact-line{color:#ffffffbd;align-items:flex-start;gap:9px;margin-top:12px;font-size:13px;display:flex}.portal-panel{background:#fff;border:1px solid #dfe6ee;min-height:610px}.portal-steps{border-bottom:1px solid #e5ebf2;grid-template-columns:repeat(5,1fr);display:grid}.portal-steps div{color:#64748b;border-bottom:3px solid #0000;justify-content:center;align-items:center;gap:7px;padding:14px 10px;font-size:12px;font-weight:650;display:flex}.portal-steps span{color:#64748b;background:#eef2f7;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;display:inline-flex}.portal-steps .active{color:#1d4ed8;border-bottom-color:#2563eb}.portal-steps .active span{color:#fff;background:#2563eb}.portal-steps .done{color:#276749}.portal-step-frame{padding:30px}.portal-step-title{margin-bottom:24px}.portal-step-title h2{margin-bottom:5px;font-size:22px}.portal-step-title p{color:var(--gray-500);font-size:14px}.portal-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.portal-service-card{text-align:left;cursor:pointer;font-family:var(--font);background:#fff;border:1px solid #dfe6ee;min-height:128px;padding:18px}.portal-service-card:hover,.portal-service-card.selected{background:#f7faff;border-color:#8fb2df}.portal-service-card strong,.portal-service-card span,.portal-service-card em{display:block}.portal-service-card strong{font-size:15px}.portal-service-card span{color:var(--gray-500);margin-top:6px;font-size:13px;line-height:1.5}.portal-service-card em{color:#315f9f;margin-top:12px;font-size:12px;font-style:normal;font-weight:650}.portal-actions{border-top:1px solid #edf1f5;justify-content:space-between;align-items:center;gap:10px;margin-top:28px;padding-top:18px;display:flex}.portal-slot-grid{grid-template-columns:repeat(auto-fill,minmax(94px,1fr));gap:8px;display:grid}.portal-slot-grid button{height:42px;font-family:var(--font);cursor:pointer;background:#fff;border:1px solid #dfe6ee;justify-content:center;align-items:center;gap:7px;font-weight:650;display:flex}.portal-slot-grid button.selected{color:#fff;background:#1f2937;border-color:#1f2937}.portal-slot-grid button.disabled{opacity:.45;cursor:not-allowed;color:#6b7280;background:#f3f6f9}.portal-slot-grid button small{color:inherit;opacity:.72;font-size:10px;font-weight:600;display:block}.compact-slots{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}.inline-x{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;padding:0 0 0 4px}.portal-plate-lookup{align-items:center;gap:10px;margin-bottom:18px;display:flex}.plate-input{letter-spacing:4px;text-transform:uppercase;background:linear-gradient(#ffd94d,#f7c928);border:1px solid #2f2f2f;width:190px;padding:10px 12px;font-family:Charles Wright,Mandatory,FE-Schrift,Arial Black,Arial Narrow,sans-serif;font-size:20px;font-weight:900}.portal-vehicle-result,.portal-review,.portal-summary-card{background:#f8fafc;border:1px solid #e5ebf2;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px;padding:16px;display:grid}.portal-review{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px}.portal-review .portal-info{background:#fff;border:1px solid #edf1f5;padding:10px}.portal-vehicle-image{object-fit:contain;background:#fff;border:1px solid #edf1f5;grid-column:1/-1;width:100%;max-height:150px}.portal-info span,.portal-info strong{display:block}.portal-info span{color:var(--gray-500);text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:650}.portal-info strong{overflow-wrap:anywhere;margin-top:3px;font-size:13px}.portal-confirm{text-align:center;background:#fff;border:1px solid #dfe6ee;max-width:560px;margin:70px auto;padding:36px}.portal-confirm svg{color:#276749}.portal-confirm h1{margin:14px 0 8px;font-size:26px}.portal-confirm p{color:var(--gray-500);margin-bottom:22px}.portal-reviews-section{max-width:1120px;margin:0 auto;padding:0 24px}.portal-section-heading{margin:0 0 12px}.portal-section-heading span{color:#64748b;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800;display:block}.portal-section-heading h2{margin:3px 0 0;font-size:20px}.portal-review-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.portal-review-card{background:#fff;border:1px solid #dfe6ee;min-height:132px;padding:13px}.portal-review-empty{background:#f8fafc;grid-column:1/-1}.portal-stars{color:#d69e2e;gap:2px;margin-bottom:8px;display:flex}.portal-review-card strong,.portal-review-card span{display:block}.portal-review-card strong{color:#172033;font-size:14px}.portal-review-card p{color:#475569;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:7px 0 10px;font-size:12px;line-height:1.55;display:-webkit-box;overflow:hidden}.portal-review-card span{color:#64748b;font-size:11px;font-weight:700}.portal-footer{color:#e5edf7;background:#070b14;border-top:6px solid #172033;margin-top:34px}.portal-footer-inner{grid-template-columns:minmax(0,1.2fr) 180px minmax(300px,.9fr);gap:42px;max-width:1120px;margin:0 auto;padding:56px 24px 60px;display:grid}.portal-footer-logo{align-items:center;gap:9px;font-size:22px;font-weight:800;display:flex}.portal-footer-logo img{object-fit:contain;background:#fff;border:1px solid #ffffff29;width:48px;height:48px;padding:5px}.portal-footer-brand p{color:#a8b3c7;max-width:480px;margin:16px 0 24px;font-size:14px;line-height:1.7}.portal-footer-contact{color:#c7d2e4;align-items:flex-start;gap:9px;margin-top:12px;font-size:14px;line-height:1.5;display:flex}.portal-footer-direction{color:#fff;background:#2563eb;margin-top:20px;padding:11px 15px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.portal-footer-menu h3,.portal-footer-contact-form h3{color:#fff;margin:0 0 16px;font-size:15px}.portal-footer-menu a{color:#a8b3c7;margin-bottom:13px;font-size:14px;font-weight:650;text-decoration:none;display:block}.portal-footer-menu a:hover{color:#fff}.portal-footer-contact-form{background:#0d1526;border:1px solid #26344d;gap:10px;padding:20px;display:grid}.portal-footer-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.portal-footer-contact-form input,.portal-footer-contact-form textarea{color:#fff;width:100%;font-family:var(--font);background:#111c31;border:1px solid #334155;padding:11px 12px;font-size:13px}.portal-footer-contact-form input::placeholder,.portal-footer-contact-form textarea::placeholder{color:#7f8da3}.portal-footer-contact-form textarea{resize:vertical;min-height:82px}.portal-footer-success,.portal-footer-error{border:1px solid;padding:8px 10px;font-size:12px;line-height:1.5}.portal-footer-success{color:#bbf7d0;background:#1665343d;border-color:#4ade8059}.portal-footer-error{color:#fecaca;background:#991b1b3d;border-color:#f8717159}.wizard-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-bottom:20px;display:grid}.wizard-step{color:var(--gray-500);border-bottom:2px solid #dde5ee;padding:0 0 8px;font-size:11px;font-weight:650}.wizard-step.active,.wizard-step.done{border-color:var(--navy);color:var(--navy)}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.choice-card{border:1px solid var(--border);min-height:112px;color:var(--navy);text-align:left;font-family:var(--font);cursor:pointer;background:#fff;flex-direction:column;gap:8px;padding:16px;display:flex}.choice-card svg{color:var(--gray-500)}.choice-card strong{font-size:13px}.choice-card span{color:var(--gray-500);font-size:12px;line-height:1.45}.choice-card.active{border-color:var(--navy);box-shadow:inset 3px 0 0 var(--navy)}.parts-suggestion{background:#fbfcfe;border:1px solid #e6ecf2;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 12px;font-size:12px;display:flex}.parts-suggestion span{flex-direction:column;gap:2px;font-weight:650;display:flex}.parts-suggestion small{color:var(--gray-500);font-weight:400}.parts-suggestion strong{white-space:nowrap;color:var(--navy)}.job-part-editor{margin-bottom:14px;padding:14px}.job-part-editor-grid{grid-template-columns:minmax(280px,2fr) minmax(120px,.9fr) minmax(120px,.9fr) 80px 120px 110px;align-items:start;gap:10px;display:grid}.part-name-field,.part-name-input-row{position:relative}.part-name-input-row .form-input{padding-right:94px}.ai-name-spinner{color:#2563eb;background:#eff6fff2;align-items:center;gap:4px;padding:3px 6px;font-size:11px;font-weight:800;display:inline-flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.ai-name-spinner svg{animation:1.1s linear infinite aiSpin}@keyframes aiSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.part-inline-suggestions{z-index:20;background:#fff;border:1px solid #dbe5f0;max-height:190px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:auto;box-shadow:0 16px 38px #0f172a1f}.part-inline-suggestions button{text-align:left;width:100%;min-height:38px;font-family:var(--font);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #eef2f7;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 10px;display:grid}.part-inline-suggestions button:hover{background:#f8fafc}.part-inline-suggestions strong,.part-inline-suggestions span{display:block}.part-inline-suggestions strong{color:#172033;font-size:12px}.part-inline-suggestions span{color:#64748b;font-size:11px}.part-inline-suggestions em{color:#172033;font-size:12px;font-style:normal;font-weight:800}.ai-part-suggestion,.ai-part-ok,.ai-part-unclear{margin-top:6px;font-size:12px;line-height:1.45}.ai-part-suggestion{color:#1e3a8a;background:#eff6ff;border-left:3px solid #2563eb;justify-content:space-between;align-items:center;gap:8px;padding:8px 9px;display:flex}.ai-part-suggestion button{color:#1d4ed8;font-family:var(--font);cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #bfdbfe;padding:5px 7px;font-size:11px;font-weight:800}.ai-part-ok{color:#237a4b;font-weight:700}.ai-part-unclear{color:#92400e;background:#fffbeb;border-left:3px solid #f59e0b;padding:8px 9px;font-weight:700}.job-part-line-total{background:#fbfcfe;border:1px solid #dbe5f0;flex-direction:column;justify-content:center;min-height:58px;padding:8px 10px;display:flex}.job-part-line-total span{color:#64748b;text-transform:uppercase;font-size:11px;font-weight:800}.job-part-line-total strong{color:#172033;margin-top:2px;font-size:15px}.job-part-editor-actions{border-top:1px solid #edf1f5;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding-top:12px;display:flex}.job-ai-card{max-width:980px;padding:18px}.job-ai-header{margin-bottom:10px}.job-ai-note{color:var(--navy);max-width:880px;margin:0;font-size:14px;line-height:1.65}.job-ai-empty{color:var(--gray-500);margin:0;font-size:13px}.job-ai-followup{border-top:1px solid #edf1f5;gap:14px;margin-top:16px;padding-top:14px;display:grid}.job-ai-followup h3{color:#64748b;letter-spacing:.06em;text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:800}.job-ai-chip-row,.job-ai-keywords{flex-wrap:wrap;gap:6px;display:flex}.job-ai-chip-row span,.job-ai-keywords span{color:#243042;background:#f8fafc;border:1px solid #dbe5f0;padding:5px 8px;font-size:12px;font-weight:650}.job-ai-parts-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px;display:grid}.job-ai-part{background:#fbfcfe}.job-ai-part-picker{flex-wrap:wrap;gap:6px;display:flex}.job-ai-part-picker button{color:#243042;min-height:28px;font-family:var(--font);cursor:pointer;background:#fff;border:1px solid #dbe5f0;padding:0 9px;font-size:12px;font-weight:700}.job-ai-part-picker button:hover,.job-ai-part-picker button.active{color:#1d4ed8;background:#eff6ff;border-color:#2563eb}.job-ai-supplier-card{background:#fbfcfe;border:1px solid #dbe5f0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:8px;padding:10px 12px;display:grid}.job-ai-supplier-card strong,.job-ai-supplier-card span,.job-ai-supplier-card small{display:block}.job-ai-supplier-card strong{color:#172033;font-size:13px}.job-ai-supplier-card span{color:#475569;margin-top:3px;font-size:12px}.job-ai-supplier-card small{color:#64748b;margin-top:4px;font-size:11px;line-height:1.45}.part-receipt-panel{background:#f8fafc;border:1px solid #dbe5f0;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;display:flex}.part-receipt-panel>div{flex:280px;min-width:240px}.part-receipt-panel strong,.part-receipt-panel span{display:block}.part-receipt-panel strong{color:#172033;font-size:13px}.part-receipt-panel span{color:#64748b;margin-top:3px;font-size:12px}.part-receipt-file{text-overflow:ellipsis;white-space:nowrap;background:#fff;border:1px solid #dbe5f0;max-width:260px;padding:6px 8px;font-weight:700;overflow:hidden;color:#243042!important;font-size:12px!important}.toggle-label.small{min-height:30px;font-size:12px}.job-documents-panel{margin-top:18px}.job-restored-title{color:#7c3aed;text-transform:uppercase;letter-spacing:.04em;margin-top:6px;font-size:11px;font-weight:800}.btn.disabled{opacity:.55;cursor:not-allowed}.job-documents-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:12px;display:grid}.job-document-card{color:#172033;background:#fff;border:1px solid #dbe5f0;flex-direction:column;gap:6px;min-height:178px;padding:10px;text-decoration:none;display:flex}.job-document-card:hover{background:#f8fbff;border-color:#2563eb}.job-document-link{color:inherit;flex-direction:column;gap:6px;min-width:0;text-decoration:none;display:flex}.job-document-thumb{color:#64748b;background:#f8fafc;border:1px solid #e5eaf2;justify-content:center;align-items:center;height:82px;display:flex;overflow:hidden}.job-document-thumb img{object-fit:cover;width:100%;height:100%}.job-document-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.35;overflow:hidden}.job-document-card span{color:#64748b;font-size:11px}.document-email-default{background:#f8fafc;border:1px solid #dbe5f0;width:fit-content;margin:10px 0;padding:8px 10px}.document-dropzone{color:#475569;background:#f8fbff;border:1px dashed #9fb1c8;align-items:center;gap:12px;min-height:92px;margin:10px 0 14px;padding:16px;transition:border-color .15s,background .15s,color .15s;display:flex}.document-dropzone strong,.document-dropzone span{display:block}.document-dropzone strong{color:#172033;font-size:13px}.document-dropzone span{color:#64748b;margin-top:3px;font-size:12px}.document-dropzone.drag-active{color:#2563eb;background:#eff6ff;border-color:#2563eb}.document-dropzone.disabled{opacity:.55;pointer-events:none}.document-card-toggle{color:#475569;border-top:1px solid #eef2f7;margin-top:auto;padding-top:7px}.invoice-workspace{width:min(980px,100%);margin:0 auto}.invoice-preview{background:#fff;width:100%;padding:28px 30px}.invoice-workshop-notes{background:#f8fbff;border:1px solid #e5eaf2;padding:12px 14px}.invoice-workshop-notes p{color:var(--navy);font-size:13px;line-height:1.55}.invoice-workshop-notes p+p{border-top:1px solid #e5eaf2;margin-top:8px;padding-top:8px}@media print{body *{visibility:hidden}.invoice-preview,.invoice-preview *{visibility:visible}.invoice-preview{width:100%;box-shadow:none;border:none;margin:0;position:absolute;top:0;left:0}.invoice-preview textarea{resize:none;border:none}}.invoice-head{border-bottom:2px solid var(--navy);justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:22px;padding-bottom:18px;display:flex}.invoice-payment-strip{background:#f8fafc;border:1px solid #dbe5f0;justify-content:space-between;align-items:center;gap:16px;margin-top:12px;padding:12px 14px;display:flex}.invoice-payment-strip>div{align-items:center;gap:12px;min-width:0;display:flex}.invoice-payment-strip strong{color:var(--navy);font-size:14px}.invoice-restore-log{color:#7c2d12;background:#fff7ed;border:1px solid #fed7aa;margin-top:10px;padding:10px 12px;font-size:12px}.invoice-restore-log strong{color:#9a3412;margin-bottom:6px;display:block}.invoice-restore-log div+div{margin-top:4px}.tl-item.tl-branch{background:#f7f3ff;border:1px solid #ddd6fe;margin:8px 0 8px -12px;padding:10px 12px 10px 28px}.tl-item.tl-branch:before{background:#ddd6fe}.tl-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tl-actor{color:#475569;background:#fff;border:1px solid #dbe5f0;padding:2px 6px;font-size:11px;font-weight:800}.tl-meta{color:#64748b;margin-top:4px;font-size:11px;line-height:1.35}.success-box{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;padding:12px 14px;font-size:13px}.modal-wide{width:min(920px,100vw - 32px);max-width:920px}.email-preview-meta{color:#475569;background:#f8fafc;border:1px solid #dbe5f0;margin-bottom:10px;padding:8px 10px;font-size:12px}.email-preview-frame{background:#fff;border:1px solid #dbe5f0;width:100%;min-height:560px}.customer-invoice-modal .modal-body{background:#f8fafc}.customer-invoice-preview{background:#fff;border:1px solid #dbe5f0;padding:22px}.customer-invoice-head{border-bottom:2px solid var(--navy);justify-content:space-between;gap:18px;margin-bottom:18px;padding-bottom:16px;display:flex}.customer-invoice-label{color:#64748b;letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:800}.customer-invoice-head h3{margin:4px 0;font-size:22px}.customer-invoice-head p{color:#64748b;margin:0;font-size:12px}.customer-invoice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.customer-invoice-grid>div{background:#fbfdff;border:1px solid #dbe5f0;min-height:78px;padding:12px}.customer-invoice-grid span,.customer-invoice-totals span{color:#64748b;letter-spacing:.05em;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:800;display:block}.customer-invoice-grid strong{color:var(--navy);margin-bottom:8px;font-size:14px;display:block}.customer-invoice-totals{width:min(320px,100%);margin-left:auto}.customer-invoice-totals>div{border-bottom:1px solid #e5eaf2;justify-content:space-between;gap:14px;padding:10px 0;display:flex}.customer-invoice-totals span{margin:0}.customer-invoice-totals strong{color:var(--navy)}.customer-invoice-grand strong,.customer-invoice-grand span{color:#2563eb;font-size:16px}.customer-invoice-notes{background:#fbfdff;border:1px solid #dbe5f0;padding:14px}.customer-invoice-notes p{color:var(--navy);font-size:13px;line-height:1.55}.customer-invoice-notes p+p{border-top:1px solid #e5eaf2;margin-top:8px;padding-top:8px}.customer-invoice-media-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.customer-invoice-media-item{background:#fbfdff;border:1px solid #dbe5f0;padding:8px}.customer-invoice-media-item img{object-fit:cover;background:#000;width:100%;height:130px;display:block}.customer-invoice-media-item.video{grid-column:1/-1}.customer-invoice-media-item video{object-fit:contain;background:#000;width:100%;max-height:420px;display:block}.customer-invoice-media-item small{color:#64748b;margin-top:6px;font-size:12px;line-height:1.4;display:block}.invoice-qr{border:1px solid var(--border);width:58px;height:58px;color:var(--navy);background:#fff;justify-content:center;align-items:center;margin-top:10px;display:inline-flex}@media (width<=760px){.invoice-preview{padding:20px 16px}.invoice-head,.invoice-payment-strip,.invoice-payment-strip>div{flex-direction:column;align-items:stretch}}.table-input,.table-select{width:100%;font-family:var(--font);color:var(--navy);background:0 0;border:0;outline:0;font-size:12px}.compact-ai-table td{padding-top:8px;padding-bottom:8px}.ai-area-row.open td{border-top:1px solid #dce6f2;background:#f6f9fc!important}.ai-area-row td:first-child{align-items:center;gap:6px;display:flex}.ai-expand-button{color:#64748b;cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.ai-area-row.open .ai-expand-button,.ai-expand-button:hover{color:#0f172a;background:#eaf0f7}.ai-detail-row td{border-bottom:1px solid #dce6f2;box-shadow:inset 3px 0 #2f5f8f;background:#f6f9fc!important;padding:16px!important}.ai-detail-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.ai-detail-grid textarea{min-height:118px}.json-preview{color:#172033;min-height:118px;max-height:210px;font-family:var(--font-mono);white-space:pre-wrap;background:#fff;border:1px solid #dbe5f0;margin:0;padding:10px 12px;font-size:12px;line-height:1.55;overflow:auto}.json-editor-modal{max-width:920px}.json-editor-area{resize:vertical;min-height:420px;font-size:13px;line-height:1.55}.nested-output-table{border-spacing:0;table-layout:fixed;background:0 0;border:0;width:100%;border-collapse:collapse!important}.nested-output-table,.nested-output-table *{outline:0;box-shadow:none!important}.nested-output-table col,.nested-output-table tr,.nested-output-table th,.nested-output-table td{border-left:0!important;border-right:0!important}.nested-output-table th:first-child{width:16%}.nested-output-table th:nth-child(2){width:14%}.nested-output-table th:nth-child(3){width:44%}.nested-output-table th:nth-child(4){width:12%}.nested-output-table th:nth-child(5){width:14%}.nested-output-table th,.nested-output-table td{padding:4px 10px;font-size:12px;border:0!important}.nested-output-table th{color:#64748b;letter-spacing:.35px;text-transform:uppercase;background:0 0;padding-top:2px;padding-bottom:5px;font-size:10px;font-weight:700}.nested-output-table tbody tr{background:0 0}.nested-output-table tbody td{background:0 0!important;border-top:1px solid #94a3b824!important}.nested-output-table tbody tr:nth-child(odd) td{background:#ffffff73!important}.nested-output-table tbody tr:hover td,.nested-output-table tbody tr:nth-child(odd):hover td{background:#f1f5f9c7!important}.field-display{color:#172033;text-overflow:ellipsis;white-space:nowrap;min-height:20px;padding:2px 0;display:block;overflow:hidden}.field-display.muted{color:#94a3b8;font-style:italic}.ai-key-display{max-width:340px;font-family:var(--font-mono);font-size:11px}.ai-key-input{min-width:260px;font-family:var(--font-mono)}.nested-output-table .badge{padding:3px 7px;font-size:11px}.nested-output-table .table-input{color:#172033;background:#fff;border:1px solid #cfdbea;border-radius:4px;min-height:32px;padding:6px 9px;font-size:12.5px;box-shadow:0 1px 2px #0f172a0a}.nested-output-table .table-input:focus{border-color:#2f5f8f;box-shadow:0 0 0 3px #2f5f8f1f}.nested-output-table .icon-edit{width:24px;height:24px}.disabled-output-table{opacity:.52;pointer-events:none}.disabled-output-table td{background:#f8fafc!important}.nested-output-table .switch span{width:28px;height:15px}.nested-output-table .switch span:after{width:11px;height:11px}.nested-output-table .switch input:checked+span:after{transform:translate(13px)}.switch{cursor:pointer;align-items:center;display:inline-flex}.switch input{display:none}.switch span{background:#cbd5e1;width:34px;height:18px;position:relative}.switch span:after{content:"";background:#fff;width:14px;height:14px;transition:transform .15s;position:absolute;top:2px;left:2px}.switch input:checked+span{background:#1f2937}.switch input:checked+span:after{transform:translate(16px)}.switch.mini span{width:26px;height:14px}.switch.mini span:after{width:10px;height:10px}.switch.mini input:checked+span:after{transform:translate(12px)}.ai-assignment-list{gap:12px;margin-bottom:18px;display:grid}.ai-assignment-card{border:1px solid var(--border);background:#fbfcfe;padding:14px}.mono-area{font-family:var(--font-mono);font-size:12px}.config-panel{border:1px solid var(--border);background:#fff;padding:16px}.config-panel h3{margin-bottom:5px;font-size:14px}.template-tags,.tag-row{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.template-tags span,.tag-row span{border:1px solid var(--border);background:#fbfcfe;padding:4px 8px;font-size:12px;font-weight:650}.segmented{border:1px solid var(--border);background:#fff;gap:3px;padding:3px;display:inline-flex}.segmented button{font-family:var(--font);color:var(--gray-600);cursor:pointer;background:0 0;border:0;padding:8px 13px;font-weight:650}.segmented button.active{background:var(--blue);color:#fff}.email-template-grid{grid-template-columns:250px minmax(0,1fr);gap:14px;display:grid}.template-list{border:1px solid var(--border);background:#fff}.template-list button{width:100%;min-height:64px;font-family:var(--font);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #eef2f7;flex-direction:column;justify-content:center;align-items:flex-start;padding:11px 12px;display:flex}.template-list button.active{background:#eef5ff}.template-list button span{color:var(--green);margin-top:3px;font-size:11px}.template-editor{border:1px solid var(--border);background:#fff;padding:12px}.template-editor textarea{min-height:220px}@media (width<=900px){.email-template-grid{grid-template-columns:1fr}}.staff-records-summary{grid-template-columns:repeat(3,minmax(160px,1fr));gap:10px;margin-bottom:14px;display:grid}.staff-records-summary div{border:1px solid var(--line);background:#fff;align-items:center;gap:10px;padding:12px 14px;display:flex}.staff-records-summary svg{color:var(--blue)}.staff-records-summary strong{color:var(--ink);font-size:20px}.staff-records-summary span{color:var(--muted);text-transform:uppercase;letter-spacing:.3px;font-size:12px;font-weight:650}.staff-records-layout{grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:16px;display:grid}.staff-record-list,.staff-record-media-grid{gap:12px;margin-top:12px;display:grid}.staff-record-card{border:1px solid var(--line);background:#fbfdff;padding:14px}.staff-record-card.voice{border-left:3px solid var(--blue)}.staff-record-card.media{background:#fff}.staff-record-card-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.staff-record-card-head.compact{margin:10px 0 8px}.staff-record-card-head strong{color:var(--ink);align-items:center;gap:7px;font-size:13px;display:flex}.staff-record-card-head span{color:var(--muted);margin-top:4px;font-size:11px;display:block}.inline-check{color:var(--ink);align-items:center;gap:7px;font-size:12px;font-weight:650;display:inline-flex}.staff-record-audio{width:100%;height:36px;margin:4px 0 12px}.staff-record-text-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.staff-record-text-grid label,.staff-record-note{gap:5px;display:grid}.staff-record-text-grid label.wide{grid-column:1/-1}.staff-record-text-grid span,.staff-record-note span{color:var(--muted);letter-spacing:.45px;text-transform:uppercase;font-size:10px;font-weight:800}.staff-record-text-grid textarea,.staff-record-note textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:72px;font-family:var(--font);background:#fff;padding:9px 10px;font-size:13px;line-height:1.45}.staff-record-text-grid label.wide textarea{min-height:64px}.staff-record-actions{justify-content:flex-end;align-items:center;gap:8px;margin-top:10px;display:flex}.staff-record-media-preview{border:1px solid var(--line);background:#f8fafc;justify-content:center;align-items:center;height:170px;display:flex;overflow:hidden}.staff-record-media-preview img,.staff-record-media-preview video{object-fit:contain;width:100%;height:100%}.mechanic-shell{--md-bg:#0a0f1d;--md-surface:#131c31;--md-surface-2:#1a2740;--md-border:#ffffff17;--md-border-strong:#ffffff2b;--md-text-dim:#f8fafca8;--md-text-faint:#f8fafc70;--md-accent:#3b82f6;--md-accent-strong:#2563eb;--md-danger:#ef4444;--md-radius-lg:22px;--md-radius-md:16px;--md-radius-sm:12px;--md-shadow-card:0 18px 40px -22px #0009;background:var(--md-bg);color:#fff;min-height:100vh;font-family:var(--font)}.mechanic-header{background:var(--md-surface);border-bottom:1px solid var(--md-border);z-index:10;align-items:center;gap:18px;height:72px;padding:0 24px;display:flex;position:sticky;top:0}.mechanic-header>div{flex:1;min-width:0}.mechanic-header strong,.mechanic-header span{display:block}.mechanic-header strong{font-size:17px;font-weight:700}.mechanic-header span{color:var(--md-text-faint);margin-top:2px;font-size:12.5px}.mechanic-back,.mechanic-logout{border:1px solid var(--md-border-strong);background:var(--md-surface-2);color:var(--md-text-dim);cursor:pointer;height:46px;font-family:var(--font);border-radius:var(--md-radius-sm);align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:650;transition:transform .1s;display:inline-flex}.mechanic-back:active,.mechanic-logout:active{transform:scale(.96)}.mechanic-ramp-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:28px;display:grid}.mechanic-ramp-tile{background:var(--md-surface);border:1px solid var(--md-border);border-radius:var(--md-radius-lg);color:#fff;text-align:left;cursor:pointer;min-height:190px;font-family:var(--font);box-shadow:var(--md-shadow-card);flex-direction:column;align-items:flex-start;gap:10px;padding:22px;transition:transform .12s,background .12s,border-color .12s;display:flex}.mechanic-ramp-tile:hover{background:var(--md-surface-2);border-color:var(--md-border-strong)}.mechanic-ramp-tile:active{transform:scale(.97)}.mechanic-ramp-tile strong{align-items:center;gap:9px;font-size:24px;font-weight:700;display:flex}.mechanic-ramp-tile strong svg{color:var(--md-accent);flex-shrink:0}.mechanic-ramp-tile small,.mechanic-ramp-tile em{color:var(--md-text-dim);font-size:14px;font-style:normal}.mechanic-status{text-transform:uppercase;letter-spacing:.5px;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:11.5px;font-weight:750;display:inline-flex}.mechanic-status:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.mechanic-status.occupied{color:#fbbf24;background:#f59e0b24}.mechanic-status.available{color:#4ade80;background:#22c55e24}.mechanic-status.reserved{color:#60a5fa;background:#3b82f624}.mechanic-status.maintenance{color:#f87171;background:#ef444424}.mechanic-job-screen{grid-template-columns:minmax(0,.95fr) minmax(360px,1.05fr);gap:20px;max-width:1120px;margin:0 auto;padding:24px;display:grid}.mechanic-job-screen-wide{grid-template-columns:minmax(0,1fr);gap:18px;max-width:1380px}.mechanic-job-card,.mechanic-recorder{background:var(--md-surface);border:1px solid var(--md-border);border-radius:var(--md-radius-lg);box-shadow:var(--md-shadow-card);padding:24px}.mechanic-job-card-wide,.mechanic-recorder-wide{width:100%}.mechanic-panel-head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.mechanic-panel-head strong,.mechanic-panel-head span{display:block}.mechanic-panel-head strong{color:#fff;font-size:17px;font-weight:700}.mechanic-panel-head span{color:var(--md-text-faint);margin-top:3px;font-size:12.5px}.mechanic-record-history{background:var(--md-surface);border:1px solid var(--md-border);border-radius:var(--md-radius-lg);width:100%;box-shadow:var(--md-shadow-card);padding:20px}.mechanic-record-table{gap:10px;display:grid}.mechanic-record-row{background:var(--md-surface-2);border:1px solid var(--md-border);border-radius:var(--md-radius-md);grid-template-columns:92px minmax(0,1fr) minmax(180px,360px) 48px;align-items:center;gap:14px;min-height:84px;padding:12px 14px;display:grid}.mechanic-record-type{color:#93c5fd;text-transform:uppercase;flex-direction:column;align-items:center;gap:6px;font-size:11px;font-weight:750;display:flex}.mechanic-record-type svg{color:var(--md-accent)}.mechanic-record-main{min-width:0}.mechanic-record-main strong,.mechanic-record-main small,.mechanic-record-main em{display:block}.mechanic-record-main strong{color:#ffffffeb;text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;overflow:hidden}.mechanic-record-main small,.mechanic-record-main em{color:var(--md-text-faint);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:12.5px;overflow:hidden}.mechanic-record-preview audio,.mechanic-record-preview video{border-radius:var(--md-radius-sm);width:100%;max-height:84px}.mechanic-record-preview img{object-fit:cover;border-radius:var(--md-radius-sm);border:1px solid var(--md-border-strong);width:88px;height:62px}.mechanic-small-danger{color:#fecaca;cursor:pointer;border-radius:var(--md-radius-sm);background:#7f1d1d33;border:1px solid #f871714d;justify-content:center;align-items:center;width:42px;height:42px;transition:transform .1s;display:inline-flex}.mechanic-small-danger:active{transform:scale(.92)}.mechanic-history-empty{border:1.5px dashed var(--md-border-strong);border-radius:var(--md-radius-md);min-height:80px;color:var(--md-text-faint);justify-content:center;align-items:center;font-size:13.5px;display:flex}.mechanic-job-top{justify-content:space-between;gap:16px;margin-bottom:18px;display:flex}.mechanic-job-top.compact{align-items:center;margin-bottom:16px}.mechanic-job-top.compact h1{margin:0 0 4px}.mechanic-job-top h1{color:#fff;margin:12px 0 4px;font-size:25px;font-weight:700}.mechanic-job-top p{color:var(--md-text-dim);font-size:13.5px}.mechanic-info-grid{gap:14px;display:grid}.mechanic-info-grid-compact{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.mechanic-info-grid div{background:var(--md-surface-2);border:1px solid var(--md-border);border-radius:var(--md-radius-md);padding:16px}.mechanic-info-grid span{color:var(--md-text-faint);text-transform:uppercase;letter-spacing:.4px;margin-bottom:8px;font-size:11px;font-weight:750;display:block}.mechanic-info-grid strong{color:#ffffffeb;font-size:14.5px;font-weight:550;line-height:1.55}.mechanic-empty{text-align:center;min-height:260px;color:var(--md-text-dim);flex-direction:column;justify-content:center;display:flex}.mechanic-recorder-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.mechanic-recorder-head h2{color:#fff;margin-bottom:4px;font-size:18px}.mechanic-recorder-head p{color:var(--md-text-faint);font-size:13px}.mechanic-recorder-head label{color:var(--md-text-dim);align-items:center;gap:7px;display:flex}.mechanic-recorder-head select{background:var(--md-bg);border:1px solid var(--md-border-strong);color:#fff;border-radius:var(--md-radius-sm);height:40px}.mechanic-actions{grid-template-columns:1fr 150px 150px;gap:12px;display:grid}.mechanic-big-actions{grid-template-columns:minmax(260px,1.4fr) minmax(200px,.8fr);gap:16px;display:grid}.mechanic-lang-picker{background:var(--md-surface-2);border:1px solid var(--md-border);border-radius:var(--md-radius-md);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:12px;padding:12px 16px;display:flex}.mechanic-lang-picker>span{color:var(--md-text-faint);text-transform:uppercase;letter-spacing:.4px;align-items:center;gap:6px;font-size:12px;font-weight:650;display:inline-flex}.mechanic-lang-pills{flex-wrap:wrap;gap:8px;display:flex}.mechanic-lang-pill{border:1px solid var(--md-border-strong);color:var(--md-text-dim);font-family:var(--font);cursor:pointer;background:#ffffff0a;border-radius:999px;padding:8px 18px;font-size:13.5px;font-weight:650;transition:transform .1s}.mechanic-lang-pill:active{transform:scale(.95)}.mechanic-lang-pill.active{background:var(--md-accent-strong);border-color:var(--md-accent-strong);color:#fff}.mechanic-record-button{background:linear-gradient(160deg, var(--md-accent), var(--md-accent-strong));color:#fff;min-height:180px;font-size:20px;font-weight:750;font-family:var(--font);cursor:pointer;border-radius:var(--md-radius-lg);border:0;flex-direction:column;justify-content:center;align-items:center;gap:16px;transition:transform .1s;display:flex;box-shadow:0 20px 40px -18px #2563eb8c}.mechanic-record-button:active{transform:scale(.97)}.mechanic-big-actions .mechanic-record-button{min-height:230px;font-size:24px}.mechanic-big-actions .mechanic-media-button{min-height:230px;font-size:18px}.mechanic-media-button{border:1px solid var(--md-border-strong);background:var(--md-surface-2);color:#fff;font-family:var(--font);cursor:pointer;border-radius:var(--md-radius-lg);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-weight:650;transition:transform .1s;display:flex}.mechanic-media-button:active{transform:scale(.97)}.mechanic-recording,.mechanic-processing,.mechanic-saved,.mechanic-media-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:260px;display:flex}.mechanic-recording button{background:var(--md-danger);color:#fff;z-index:1;cursor:pointer;border:0;border-radius:50%;width:84px;height:84px;position:relative}.mechanic-record-ring{justify-content:center;align-items:center;width:118px;height:118px;display:flex;position:relative}.mechanic-record-ring:before,.mechanic-record-ring:after{content:"";border:1.5px solid #ef444473;border-radius:50%;animation:2.1s ease-out infinite recordRingPulse;position:absolute;inset:0}.mechanic-record-ring:after{animation-delay:1.05s}@keyframes recordRingPulse{0%{opacity:.55;transform:scale(.86)}to{opacity:0;transform:scale(1.35)}}.mechanic-recording .mechanic-stop-button{color:#991b1b;width:auto;height:48px;font-family:var(--font);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:0 22px;font-size:14px;font-weight:800;display:inline-flex}.mechanic-recording-pro{min-height:360px}.mechanic-recording-pro strong{color:#fff;letter-spacing:.5px;font-variant-numeric:tabular-nums;font-size:40px;font-weight:650}.voice-bars{justify-content:center;align-items:center;gap:6px;width:min(560px,100%);height:72px;padding:0 18px;display:flex}.voice-bars span{background:linear-gradient(180deg, #93c5fd, var(--md-accent-strong));border-radius:999px;width:4px;min-height:10px;transition:height .1s ease-out}.mechanic-processing,.mechanic-saved{color:var(--md-text-dim)}.mechanic-saved{color:#4ade80;font-size:19px;font-weight:650}.mechanic-processing-voice strong{color:#fff;font-size:18px}.mechanic-processing-voice svg,.spin-icon{animation:.9s linear infinite spin}.mechanic-audio-player{border-radius:var(--md-radius-sm);width:100%}.mechanic-media-panel textarea,.mechanic-ai-output textarea{background:var(--md-surface-2);color:#fff;border:1px solid var(--md-border-strong);border-radius:var(--md-radius-sm);width:100%;min-height:96px;font-family:var(--font);padding:14px;font-size:14.5px;line-height:1.5}.mechanic-media-panel textarea:focus,.mechanic-ai-output textarea:focus{border-color:var(--md-accent);outline:none}.mechanic-media-panel{text-align:left;align-items:stretch}.mechanic-ai-output{gap:14px;display:grid}.mechanic-ai-status{border:1px solid var(--md-border-strong);border-radius:var(--md-radius-md);background:var(--md-surface-2);padding:14px 16px}.mechanic-ai-status strong,.mechanic-ai-status span,.mechanic-ai-status small{display:block}.mechanic-ai-status strong{color:#fff;margin-bottom:4px;font-size:14px}.mechanic-ai-status span{color:var(--md-text-dim);font-size:13px}.mechanic-ai-status small{color:var(--md-text-faint);font-family:var(--font-mono);margin-top:6px}.mechanic-ai-status.sent{background:#1665342e;border-color:#22c55e59}.mechanic-ai-status.skipped{background:#92400e2e;border-color:#fbbf2459}.mechanic-ai-debug{border:1px solid var(--md-border-strong);border-radius:var(--md-radius-md);color:#ffffffc7;background:#0b1220;padding:12px 14px}.mechanic-ai-debug summary{cursor:pointer;color:#bfdbfe;font-size:12.5px;font-weight:750}.mechanic-ai-debug pre{white-space:pre-wrap;max-height:260px;margin:10px 0 0;font-size:11px;line-height:1.5;overflow:auto}.mechanic-ai-output h3{color:var(--md-text-dim);text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:7px;margin-bottom:8px;font-size:12px;font-weight:700;display:flex}.mechanic-ai-box{border-radius:var(--md-radius-md);background:#2563eb24;border:1px solid #60a5fa47;padding:16px}.mechanic-ai-box p,.mechanic-ai-box li{color:#fffc;font-size:13.5px;line-height:1.55}.mechanic-ai-box ul{margin:10px 0 0 18px}.mechanic-save-row{justify-content:flex-end;gap:10px;display:flex}.mechanic-save-row .btn{border-radius:var(--md-radius-sm);min-height:48px;padding:0 20px;font-size:14.5px}.mechanic-camera-overlay{z-index:200;background:#000;flex-direction:column;display:flex;position:fixed;inset:0}.mechanic-camera-topbar{z-index:2;justify-content:space-between;align-items:center;padding:16px 18px;display:flex;position:relative}.mechanic-camera-icon-btn{color:#fff;cursor:pointer;background:#ffffff24;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.mechanic-camera-icon-btn:active{transform:scale(.92)}.mechanic-camera-stage{background:#000;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.mechanic-camera-video{object-fit:contain;background:#000;width:100%;height:100%}.mechanic-camera-rec-badge{color:#fff;font-variant-numeric:tabular-nums;background:#00000080;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex;position:absolute;top:16px;left:18px}.mechanic-camera-rec-badge span{background:var(--md-danger);border-radius:50%;width:9px;height:9px;animation:1s ease-in-out infinite recDotPulse}@keyframes recDotPulse{0%,to{opacity:1}50%{opacity:.25}}.mechanic-camera-error{text-align:center;color:#fffc;max-width:320px;padding:24px;font-size:14px}.mechanic-camera-bottombar{flex-direction:column;align-items:center;gap:18px;padding:18px 18px 32px;display:flex}.mechanic-camera-mode-toggle{background:#ffffff1f;border-radius:999px;gap:6px;padding:4px;display:flex}.mechanic-camera-mode-toggle button{color:#ffffffb3;font-family:var(--font);text-transform:uppercase;letter-spacing:.4px;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:7px 20px;font-size:13px;font-weight:700}.mechanic-camera-mode-toggle button.active{color:#111827;background:#fff}.mechanic-camera-shutter{cursor:pointer;background:0 0;border:4px solid #fff;border-radius:50%;width:78px;height:78px;position:relative}.mechanic-camera-shutter:before{content:"";background:#fff;border-radius:50%;transition:border-radius .15s,inset .15s,background .15s;position:absolute;inset:5px}.mechanic-camera-shutter.video:before{background:var(--md-danger)}.mechanic-camera-shutter.video.recording:before{border-radius:8px;inset:22px}.mechanic-camera-shutter:active{transform:scale(.94)}.mechanic-camera-review-bar{background:#00000059;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px 28px;display:flex}.mechanic-camera-review-bar .btn{border-radius:999px;min-height:48px;padding:0 22px;font-size:14.5px}@media (width<=900px){.mechanic-job-screen,.mechanic-actions,.mechanic-big-actions,.mechanic-info-grid-compact,.mechanic-record-row,.staff-records-summary,.staff-records-layout,.staff-record-text-grid,.portal-booking-shell{grid-template-columns:1fr}.portal-side-card{min-height:auto}.portal-service-grid,.portal-review,.portal-summary-card,.portal-vehicle-result,.portal-review-strip,.portal-footer-inner,.portal-footer-form-grid,.booking-detail-grid{grid-template-columns:1fr}.portal-steps div{font-size:0}.portal-steps span{font-size:11px}.grid-3,.wizard-steps{grid-template-columns:1fr}}.mobile-menu-button,.mobile-sidebar-scrim{display:none}.install-guide-body{gap:14px;display:grid}.install-guide-icon{border:1px solid var(--border);width:56px;height:56px;color:var(--blue);background:#f8fafc;justify-content:center;align-items:center;display:inline-flex}.install-guide-body p{color:var(--gray-700)}.install-guide-steps{border:1px solid var(--border);background:var(--gray-50);color:var(--gray-600);gap:8px;padding:12px;font-size:13px;display:grid}@media (display-mode:standalone){.install-app-button{display:none}}@media (width<=980px){:root{--sidebar-w:278px;--header-h:58px}html,body,#root{background:var(--gray-50);width:100%;min-width:0;overflow-x:hidden}body{-webkit-tap-highlight-color:transparent;min-height:100svh}.app-shell{width:100%;height:100svh;min-height:100svh;overflow:hidden}.sidebar{z-index:600;width:min(var(--sidebar-w), 86vw);transition:transform .18s;position:fixed;inset:0 auto 0 0;transform:translate(-104%);box-shadow:28px 0 70px #0f172a47}.mobile-menu-open .sidebar{transform:translate(0)}.mobile-sidebar-scrim{z-index:590;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a6b;border:0;display:block;position:fixed;inset:0}.sidebar-brand{height:64px;padding:0 18px}.brand-logo{width:36px;height:36px}.brand-name{font-size:15px}.nav-item{min-height:44px;padding:11px 18px;font-size:14px}.sidebar-label{padding-inline:18px}.sidebar-user{padding:14px 18px calc(14px + env(safe-area-inset-bottom))}.main-area{width:100%;min-width:0}.top-bar{height:calc(var(--header-h) + env(safe-area-inset-top));padding:env(safe-area-inset-top) 12px 0;z-index:250;gap:8px;position:sticky;top:0}.mobile-menu-button{border:1px solid var(--border);width:40px;height:40px;color:var(--navy);background:#fff;flex:none;justify-content:center;align-items:center;display:inline-flex}.top-bar-title{color:var(--navy);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:700;overflow:hidden}.top-bar-actions{flex:none;gap:5px}.top-bar-actions>span,.garage-switcher span{display:none}.garage-switcher{justify-content:center;width:40px;height:40px;padding:0}.btn,.form-input,.form-select,.form-textarea,.nav-item,.detail-subnav-item,button{touch-action:manipulation}.btn{justify-content:center;min-height:40px}.btn-sm,.btn-icon{min-height:38px}.install-app-button{width:40px;min-width:40px;height:40px;padding:0;font-size:0}.install-app-button svg{margin:0}.page-content{-webkit-overflow-scrolling:touch;padding:16px}.page-content.no-pad{padding:0}.debug-banner,.page-header,.section-header,.modal-footer,.status-strip,.invoice-vehicle-line{flex-wrap:wrap}.page-header{gap:12px;margin-bottom:16px}.page-header h1{font-size:20px;line-height:1.25}.page-subtitle{font-size:13px;line-height:1.5}.card,.card-sm,.stat-card{padding:14px}.card-grid,.grid-2,.grid-3,.grid-4,.form-row,.form-row-3,.overview-mini-grid,.access-config-grid,.vehicle-hero-card,.vehicle-doc-grid,.booking-detail-grid,.portal-summary-card{grid-template-columns:1fr!important}.table-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}table{min-width:680px}.quiet-table table,.compact-access-table table{min-width:560px}thead th{padding:9px 10px;font-size:10px}tbody td{padding:10px}.modal-overlay{align-items:flex-end;padding:10px}.modal{border-radius:12px 12px 0 0;width:100%;max-height:calc(100svh - 20px)}.modal-header,.modal-body,.modal-footer{padding-inline:16px}.garage-picker-modal .table-wrapper{max-height:52svh}.app-toast-stack,.toast-notice{left:12px;right:12px;top:calc(var(--header-h) + env(safe-area-inset-top) + 10px);width:auto;min-width:0;max-width:none}.settings-shell,.detail-shell{flex-direction:column;height:auto;min-height:100%;display:flex;overflow:visible}.settings-nav,.detail-subnav{border-right:0;border-bottom:1px solid var(--border);background:#fff;flex-direction:row;width:100%;overflow-x:auto}.settings-nav-item,.detail-subnav-item{border-bottom:2px solid #0000;border-left:0;min-width:max-content}.settings-nav-item.active,.detail-subnav-item.active{border-left-color:#0000;border-bottom-color:var(--blue)}.settings-body,.detail-body{padding:16px;overflow:visible}.detail-subnav-header{display:none}.plate{letter-spacing:1.8px;max-width:100%}.plate-monitor{letter-spacing:2.5px;padding:8px 16px 7px}.monitor-screen{min-height:100svh;overflow:auto}.monitor-ramp-grid{grid-template-columns:1fr;gap:12px;padding:12px}.queue-row,.queue-main,.queue-meta{align-items:flex-start}.queue-row{grid-template-columns:1fr}.queue-meta{flex-wrap:wrap;justify-content:flex-start}.booking-assistant-widget{right:12px;bottom:calc(12px + env(safe-area-inset-bottom))}.booking-assistant-panel{inset:auto 8px calc(8px + env(safe-area-inset-bottom)) 8px;width:auto;height:min(660px, calc(100svh - 18px - env(safe-area-inset-top)));position:fixed}.booking-assistant-launcher{min-height:54px}.portal-shell{min-height:100svh}.portal-header,.portal-booking-shell,.portal-footer-inner{padding-inline:16px}.mechanic-header{height:auto;min-height:64px;padding:env(safe-area-inset-top) 14px 10px;gap:10px}.mechanic-header strong{font-size:15px}.mechanic-ramp-grid,.mechanic-job-screen{grid-template-columns:1fr;padding:14px}.mechanic-ramp-tile,.mechanic-job-card,.mechanic-recorder,.mechanic-record-history{border-radius:12px;padding:16px}.mechanic-record-button,.mechanic-big-actions .mechanic-record-button,.mechanic-big-actions .mechanic-media-button{min-height:170px}}@media (width<=520px){html,body,#root{font-size:14px}.top-bar{padding-inline:8px}.top-bar-actions .btn-icon,.mobile-menu-button,.garage-switcher,.install-app-button{width:38px;min-width:38px;height:38px}.page-content{padding:12px}.page-header{align-items:stretch}.page-header>div,.page-header>button,.page-header>.btn{width:100%}.stat-value{font-size:24px}.modal-overlay{padding:0}.modal{border-inline:0;max-height:100svh}.modal-footer .btn{flex:1}.form-input,.form-select,.form-textarea{min-height:42px;font-size:16px}#google-login-button,#google-login-button>div,#google-login-button iframe{width:100%!important;max-width:100%!important}.booking-assistant-panel{border-radius:0;width:100%;height:100svh;inset:0}.booking-assistant-time-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mechanic-header{flex-wrap:wrap}.mechanic-back,.mechanic-logout{min-height:42px;padding:0 12px}.mechanic-record-row{grid-template-columns:1fr}.mechanic-save-row{flex-direction:column}}