/* AIRepairX redesign v1. Opt-in only: add .rx-theme to a new page.
   Keep legacy pages isolated until their scheduled migration. */
.rx-theme {
  --rx-bg:#fff; --rx-surface:#f7f7f8; --rx-ink:#161616;
  --rx-muted:#62626b; --rx-line:#e6e6ea; --rx-brand:#c45125;
  --rx-danger:#a32323; --rx-success:#24623b; --rx-focus:#2766cc;
  --rx-font:Arial,Helvetica,system-ui,sans-serif;
  --rx-space-1:4px; --rx-space-2:8px; --rx-space-3:12px;
  --rx-space-4:16px; --rx-space-5:24px; --rx-space-6:32px;
  --rx-space-7:48px; --rx-space-8:64px; --rx-space-9:96px;
  --rx-radius:16px; --rx-shadow:0 8px 28px rgb(0 0 0 / 5%);
  margin:0; background:var(--rx-bg); color:var(--rx-ink);
  font-family:var(--rx-font); font-size:16px; line-height:1.6;
  color-scheme:light;
}
.rx-theme *, .rx-theme *::before, .rx-theme *::after {box-sizing:border-box}
.rx-theme [hidden] {display:none!important}
.rx-theme h1,.rx-theme h2,.rx-theme h3,.rx-theme p {margin:0}
.rx-theme h1 {font-size:clamp(36px,5vw,64px);line-height:1.08;letter-spacing:-.04em}
.rx-theme h2 {font-size:clamp(26px,3vw,36px);line-height:1.2;letter-spacing:-.025em}
.rx-theme h3 {font-size:21px;line-height:1.3}
.rx-theme a {color:inherit;text-underline-offset:4px}
.rx-theme button,.rx-theme input,.rx-theme select,.rx-theme textarea {font:inherit}
.rx-theme :focus-visible {outline:3px solid var(--rx-focus);outline-offset:3px}
.rx-theme .rx-container {width:min(1280px,calc(100% - 64px));margin-inline:auto}
.rx-theme .rx-section {padding-block:64px}
.rx-theme .rx-stack {display:grid;gap:24px}
.rx-theme .rx-muted {color:var(--rx-muted)}
.rx-theme .rx-eyebrow {font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--rx-muted)}
.rx-theme .rx-header {min-height:76px;border-bottom:1px solid var(--rx-line);background:var(--rx-bg)}
.rx-theme .rx-header-inner {display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px}
.rx-theme .rx-brand {font-size:25px;font-weight:800;letter-spacing:-1px;text-decoration:none;white-space:nowrap}
.rx-theme .rx-brand span {color:var(--rx-brand)}
.rx-theme .rx-nav {display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.rx-theme .rx-nav a {padding-block:10px;text-decoration:none;font-size:14px}
.rx-theme .rx-nav a[aria-current=page] {text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}
.rx-theme .rx-actions {display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.rx-theme .rx-button {display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 22px;border:1px solid var(--rx-ink);border-radius:999px;background:var(--rx-ink);color:#fff;text-decoration:none;font-weight:600;cursor:pointer;transition:background .18s ease}
.rx-theme .rx-button:hover {background:#333}
.rx-theme .rx-button-secondary {background:#fff;color:var(--rx-ink);border-color:var(--rx-line)}
.rx-theme .rx-button-secondary:hover {background:var(--rx-surface)}
.rx-theme .rx-button:disabled {background:#e5e5e8;border-color:#e5e5e8;color:#65656d;cursor:not-allowed}
.rx-theme .rx-field {display:grid;gap:8px;font-size:14px;font-weight:600}
.rx-theme .rx-field input,.rx-theme .rx-field select,.rx-theme .rx-field textarea {width:100%;min-height:48px;padding:12px 14px;border:1px solid #b7b7bf;border-radius:10px;background:#fff;color:var(--rx-ink);font-weight:400}
.rx-theme .rx-field input::placeholder,.rx-theme .rx-field textarea::placeholder {color:var(--rx-muted);opacity:1}
.rx-theme .rx-help {font-size:13px;font-weight:400;color:var(--rx-muted)}
.rx-theme .rx-grid {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.rx-theme .rx-card {min-width:0;border:1px solid var(--rx-line);border-radius:var(--rx-radius);padding:24px;background:#fff;overflow-wrap:anywhere}
.rx-theme a.rx-card {display:grid;gap:8px;text-decoration:none;transition:border-color .18s ease}
.rx-theme a.rx-card:hover {border-color:#8d8d96}
.rx-theme .rx-card small {color:var(--rx-muted)}
.rx-theme .rx-status {display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:var(--rx-surface);font-size:13px;font-weight:600}
.rx-theme .rx-status-success {background:#ecf6ef;color:var(--rx-success)}
.rx-theme .rx-alert {padding:16px 20px;border:1px solid #e7bbbb;border-radius:12px;background:#fff5f5;color:var(--rx-danger)}
.rx-theme .rx-chat-intro {max-width:900px;margin:auto;text-align:center;padding:64px 0 32px}
.rx-theme .rx-composer {max-width:900px;margin:auto;padding:18px;border:1px solid var(--rx-line);border-radius:24px;box-shadow:var(--rx-shadow)}
.rx-theme .rx-composer textarea {display:block;width:100%;min-height:110px;border:0;background:#fff;color:var(--rx-ink);resize:vertical;padding:8px}
.rx-theme .rx-composer-footer {display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.rx-theme .rx-composer-footer small {color:var(--rx-muted)}
.rx-theme .rx-table-wrap {overflow:auto;border:1px solid var(--rx-line);border-radius:16px}
.rx-theme table {width:100%;border-collapse:collapse;text-align:left;font-size:14px}
.rx-theme th,.rx-theme td {padding:16px;border-bottom:1px solid var(--rx-line)}
.rx-theme th {background:var(--rx-surface);font-weight:600}
.rx-theme tr:last-child td {border-bottom:0}
.rx-theme .rx-footer {border-top:1px solid var(--rx-line);padding-block:32px;font-size:14px;color:var(--rx-muted)}
@media(max-width:1100px){.rx-theme .rx-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.rx-theme .rx-header-inner{flex-wrap:wrap;padding-block:16px}.rx-theme .rx-nav{gap:16px}}
@media(max-width:900px){.rx-theme .rx-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.rx-theme .rx-container{width:calc(100% - 32px)}.rx-theme .rx-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.rx-theme .rx-section{padding-block:40px}.rx-theme .rx-card{padding:16px}.rx-theme .rx-chat-intro{padding-top:40px}.rx-theme .rx-header-inner{gap:12px}.rx-theme .rx-nav{width:100%;gap:16px}.rx-theme .rx-nav a{font-size:13px}.rx-theme .rx-composer{padding:12px}.rx-theme .rx-composer-footer small{width:100%}}
@media(max-width:359px){.rx-theme .rx-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.rx-theme *{scroll-behavior:auto;transition:none!important;animation:none!important}}