@import url('/assets/repair-experience.css?v=3');
/* Shared site-wide theme controls and cross-page theme tokens. */
.theme-controls{display:inline-flex;align-items:center;gap:2px;padding:2px;border:1px solid #d9e1eb;border-radius:999px;background:#f4f7fa;flex:none}
.theme-icon-btn{width:28px;height:28px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:transparent;color:#667085;font:inherit;font-size:15px;line-height:1;cursor:pointer;transition:.16s ease}
.theme-icon-btn:hover{background:#fff;color:#102a43}
.theme-icon-btn.active{background:#fff;color:#c7352a;box-shadow:0 2px 7px rgba(16,42,67,.14)}
html[data-theme="dark"] .theme-controls{border-color:#30445a;background:#152333}
html[data-theme="dark"] .theme-icon-btn{color:#9fb0c1}
html[data-theme="dark"] .theme-icon-btn:hover,html[data-theme="dark"] .theme-icon-btn.active{background:#263c53;color:#ff9b78}

/* Light surfaces on the utility pages. */
html[data-theme="light"] body{color-scheme:light}
html[data-theme="light"] .top,html[data-theme="light"] .topbar,html[data-theme="light"] .nav,html[data-theme="light"] .site-nav{background:rgba(255,255,255,.94)!important;border-color:#e3e9f1!important}
html[data-theme="light"] .plan,html[data-theme="light"] .assurance,html[data-theme="light"] .content,html[data-theme="light"] .faq-item,html[data-theme="light"] .card,html[data-theme="light"] .hero,html[data-theme="light"] .search-panel,html[data-theme="light"] .privacy-panel,html[data-theme="light"] .auth-card,html[data-theme="light"] .sidebar,html[data-theme="light"] .chat{background:#fff!important;color:#102a43}
html[data-theme="light"] .audience{background:#f5f7fa!important}
html[data-theme="light"] .audience button.active{background:#fff!important;color:#c7352a!important}
html[data-theme="light"] body{background:linear-gradient(180deg,#fff 0%,#f7f9fc 100%)}
html[data-theme="light"] input,html[data-theme="light"] textarea{background:#fff!important;color:#102a43}

/* Dark mode applies consistently to every route, including form/modal states. */
html[data-theme="dark"] body{color-scheme:dark;background:linear-gradient(180deg,#0b121c 0%,#101a26 100%)!important;color:#eef4fb!important}
html[data-theme="dark"] .top,html[data-theme="dark"] .topbar,html[data-theme="dark"] .nav,html[data-theme="dark"] .site-nav{background:rgba(10,18,28,.95)!important;border-color:#24374b!important}
html[data-theme="dark"] .brand,html[data-theme="dark"] .brand a,html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3,html[data-theme="dark"] strong{color:#eef4fb}
html[data-theme="dark"] .top-links,html[data-theme="dark"] .nav-links{color:#aebed0}
html[data-theme="dark"] .top-links a:hover,html[data-theme="dark"] .nav-links a:hover{background:#1b3045;color:#fff}
html[data-theme="dark"] .sidebar,html[data-theme="dark"] .chat,html[data-theme="dark"] .auth-card,html[data-theme="dark"] .content,html[data-theme="dark"] .faq-item,html[data-theme="dark"] .card,html[data-theme="dark"] .hero,html[data-theme="dark"] .search-panel,html[data-theme="dark"] .privacy-panel,html[data-theme="dark"] .plan,html[data-theme="dark"] .assurance,html[data-theme="dark"] .diagnostic-card,html[data-theme="dark"] .evidence-card,html[data-theme="dark"] .visual-card{background:#111d2a!important;border-color:#2b4057!important;color:#eef4fb!important;box-shadow:0 18px 50px rgba(0,0,0,.24)}
html[data-theme="dark"] .auth-intro,html[data-theme="dark"] .head,html[data-theme="dark"] .composer{color:#eef4fb}
html[data-theme="dark"] p,html[data-theme="dark"] li,html[data-theme="dark"] .muted,html[data-theme="dark"] .tagline,html[data-theme="dark"] .hero p,html[data-theme="dark"] .head p,html[data-theme="dark"] .faq-answer,html[data-theme="dark"] .intro,html[data-theme="dark"] .updated,html[data-theme="dark"] .fineprint,html[data-theme="dark"] .footer{color:#b9c9d9!important}
html[data-theme="dark"] .account-hero,html[data-theme="dark"] .beta-access,html[data-theme="dark"] .empty-state,html[data-theme="dark"] .vehicle-item,html[data-theme="dark"] .history-item,html[data-theme="dark"] .password-form{background:#111d2a!important;border-color:#2b4057!important;color:#eef4fb!important}
html[data-theme="dark"] .identity p,html[data-theme="dark"] .beta-access span,html[data-theme="dark"] .plan-disclaimer,html[data-theme="dark"] .plan-count,html[data-theme="dark"] .card-heading p,html[data-theme="dark"] .setting-row span,html[data-theme="dark"] .vehicle-item span,html[data-theme="dark"] .history-item p,html[data-theme="dark"] .password-hint,html[data-theme="dark"] .password-requirements,html[data-theme="dark"] .form-foot{color:#b9c9d9!important}
html[data-theme="dark"] .beta-access .access-mark{background:#203a55!important;color:#9ec8ef!important}
html[data-theme="dark"] .plan.active{background:#2a2023!important;border-color:#b86e68!important}
html[data-theme="dark"] .plan button{background:#172738!important;color:#eef4fb!important;border-color:#405b74!important}
html[data-theme="dark"] .signout{background:#172738!important;color:#ffb3a8!important;border-color:#754c4a!important}
html[data-theme="dark"] input,html[data-theme="dark"] textarea,html[data-theme="dark"] select{background:#0c1723!important;border-color:#344b63!important;color:#eef4fb!important}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#8296aa}
html[data-theme="dark"] .history-item,html[data-theme="dark"] .mode-chip,html[data-theme="dark"] .attach-button,html[data-theme="dark"] .ghost,html[data-theme="dark"] .back,html[data-theme="dark"] .picker-card,html[data-theme="dark"] .picker-close,html[data-theme="dark"] .vehicle-cancel,html[data-theme="dark"] .manual-request-cancel,html[data-theme="dark"] .diagnostic-step,html[data-theme="dark"] .diagnostic-action{background:#172738!important;border-color:#344b63!important;color:#dce8f3!important}
html[data-theme="dark"] .assistant,html[data-theme="dark"] .context-card,html[data-theme="dark"] .diagnostic-card{background:#16283a!important;border-color:#34516c!important}
html[data-theme="dark"] .manual-picker-dialog,html[data-theme="dark"] .vehicle-dialog,html[data-theme="dark"] .manual-request-dialog{background:#111d2a!important;border-color:#2b4057!important;color:#eef4fb}
html[data-theme="dark"] .picker-footer{background:#0e1925!important;border-color:#2b4057!important}
html[data-theme="dark"] .picker-selection,html[data-theme="dark"] .picker-step{background:#172738!important;color:#c4d3e2!important;border-color:#344b63!important}
html[data-theme="dark"] .auth-tabs,html[data-theme="dark"] .auth-tab{background:#172738!important;color:#c4d3e2!important}
html[data-theme="dark"] .auth-tab.active{background:#263e56!important;color:#fff!important}
html[data-theme="dark"] .cookie-banner{background:rgba(12,20,30,.97)!important;border-color:#2b4057!important}
html[data-theme="dark"] .cookie-banner p{color:#aebed0!important}
html[data-theme="dark"] #app-loading{background:#0b121c!important;color:#eef4fb!important}

/* Pricing keeps its dark visual language but can still follow the global light choice. */
html[data-theme="light"] .pricing-page,html[data-theme="light"] .pricing-page body{background:#f7f9fc!important;color:#102a43!important}
html[data-theme="light"] .plan h2,html[data-theme="light"] .eyebrow{color:#c7352a!important}
html[data-theme="light"] .plan .tagline,html[data-theme="light"] .plan .status,html[data-theme="light"] .features,html[data-theme="light"] .assurance span{color:#667085!important}
html[data-theme="light"] .button{background:#eef2f6!important;border-color:#d7e0ea!important;color:#102a43!important}
html[data-theme="light"] .button.primary{background:#c7352a!important;border-color:#c7352a!important;color:#fff!important}

@media(max-width:620px){.theme-controls{gap:1px;padding:2px}.theme-icon-btn{width:27px;height:27px;font-size:14px}}

/* One shared AI Repair X mark across every route. Page-specific red/orange
   logo rules are intentionally overridden here so the header never changes
   identity between Home, Coverage, FAQ, Pricing, Account, and Chat. */
.brand-mark,.logo,.app-loading-logo{
  display:grid!important;
  place-items:center!important;
  width:38px!important;
  height:38px!important;
  flex:none!important;
  clip-path:none!important;
  border-radius:11px!important;
  background:transparent!important;
  color:transparent!important;
  font-size:0!important;
  font-weight:700!important;
  box-shadow:none!important;
  position:relative!important;
}
.brand-mark::before,.brand-mark::after,.logo::before,.logo::after,.app-loading-logo::before,.app-loading-logo::after{content:none!important;display:none!important}
.brand-mark-image{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important}
.brand-name,.brand-copy,.brand>span:last-child:has(small){
  display:flex!important;
  flex-direction:column!important;
  gap:1px!important;
  min-width:0;
}
.brand-name small,.brand-copy small,.brand>span:last-child small{
  display:block!important;
  margin-top:1px!important;
  color:#8392a4!important;
  font-size:9px!important;
  font-weight:700!important;
  letter-spacing:.08em!important;
  line-height:1.2!important;
  text-transform:uppercase!important;
}
.brand>span:last-child::after{content:none!important}
.brand-link{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none}
@media(max-width:600px){
  .brand-mark,.logo,.app-loading-logo{width:34px!important;height:34px!important;font-size:16px!important}
  .brand-name small,.brand-copy small,.brand>span:last-child small{display:none!important}
}

/* Canonical marketing navigation. It is deliberately independent of the
   legacy per-page .nav rules so SPA transitions keep one geometry. */
.atlas-global-header{position:sticky!important;top:0!important;z-index:100!important;width:100%!important;height:72px!important;border-bottom:1px solid #22344a!important;background:#0b121c!important;color:#e9f1fb!important}
.atlas-global-header .nav-inner{width:min(1320px,100%)!important;height:100%!important;margin:0 auto!important;padding:0 24px!important;display:flex!important;align-items:center!important;gap:28px!important}
.atlas-global-header .brand{display:flex!important;align-items:center!important;gap:11px!important;min-width:205px!important;color:#eef4fb!important;text-decoration:none!important}
.atlas-global-header .brand-copy strong{display:block!important;font-size:16px!important;line-height:1.1!important}
.atlas-global-header .nav-links{display:flex!important;align-items:center!important;justify-content:center!important;gap:26px!important;flex:1 1 auto!important}
.atlas-global-header .nav-links a{color:#9fb0c3!important;font-size:13px!important;font-weight:700!important;text-decoration:none!important;white-space:nowrap!important;padding:8px 0!important}
.atlas-global-header .nav-links a:hover,.atlas-global-header .nav-links a.active{color:#eef4fb!important}
.atlas-global-header .nav-actions{display:flex!important;align-items:center!important;gap:10px!important;margin-left:auto!important;white-space:nowrap!important}
.atlas-global-header .nav-signin{color:#c9d7e6!important;font-size:13px!important;font-weight:700!important;text-decoration:none!important;padding:9px 13px!important;border:1px solid #2a4157!important;border-radius:9px!important}
.atlas-global-header .nav-cta{background:#1e8ab6!important;color:#fff!important;border-radius:9px!important;padding:10px 14px!important;font-size:13px!important;font-weight:800!important;text-decoration:none!important}
.atlas-global-header .theme-controls{margin-left:2px!important}
html[data-theme="light"] .atlas-global-header{background:#fff!important;color:#102a43!important;border-color:#dce5ef!important}
html[data-theme="light"] .atlas-global-header .nav-links a{color:#60758c!important}
html[data-theme="light"] .atlas-global-header .nav-links a:hover,html[data-theme="light"] .atlas-global-header .nav-links a.active{color:#102a43!important}
@media(max-width:800px){.atlas-global-header{height:64px!important}.atlas-global-header .nav-inner{padding:0 14px!important;gap:12px!important}.atlas-global-header .brand{min-width:auto!important}.atlas-global-header .brand-copy small,.atlas-global-header .nav-links{display:none!important}.atlas-global-header .nav-actions{margin-left:auto!important}.atlas-global-header .nav-signin{display:none!important}.atlas-global-header .nav-cta{padding:9px 11px!important;font-size:12px!important}}