/* DriveRef accounts (Gate 2) – uses the site's own design tokens; no inline styles (CSP style-src 'self'). */
.dr-acc-form{display:grid;gap:14px;max-width:560px;margin:8px 0 4px}
.dr-acc-form label{display:grid;gap:6px;font-weight:600}
.dr-acc-form fieldset{border:1px solid var(--elr-line);border-radius:var(--elr-radius,10px);padding:12px 14px;display:grid;gap:10px;margin:0}
.dr-acc-form legend{font-weight:700;padding:0 6px}
.dr-acc-form fieldset label,.dr-acc-checks label{display:flex;gap:10px;align-items:flex-start;font-weight:500}
.dr-acc-form input[type=text],.dr-acc-form input[type=email],.dr-acc-form input[type=password],.dr-acc-form input:not([type]),
.dr-acc-form select,.dr-acc-form textarea{font:inherit;color:var(--elr-ink);background:var(--elr-field,var(--elr-bg));border:1px solid var(--elr-line);
  border-radius:8px;padding:11px 12px;min-height:44px;width:100%;box-sizing:border-box}
.dr-acc-form input[type=checkbox],.dr-acc-form input[type=radio],.dr-acc-checks input{width:22px;height:22px;flex:0 0 auto;margin-top:2px}
.dr-acc-form button,.dr-acc-checks + p button{min-height:44px}
.dr-acc-form input:focus-visible,.dr-acc-form select:focus-visible,.dr-acc-form textarea:focus-visible{outline:3px solid var(--elr-accent);outline-offset:2px}
.dr-acc-hint{font-size:.92rem;color:var(--elr-muted);margin:-6px 0 0;font-weight:400}
.dr-acc-checks{display:grid;gap:10px;margin:8px 0}
.dr-acc-msg{padding:10px 12px;border-radius:8px;border-inline-start:4px solid var(--elr-line);margin:6px 0}
.dr-acc-msg.ok{border-color:var(--elr-ok)}.dr-acc-msg.bad{border-color:var(--elr-bad)}.dr-acc-msg.warn{border-color:var(--elr-warn)}
.dr-acc-msg .fa,.dr-acc-msg + .fa{display:block}
.dr-acc-list{padding-inline-start:20px;display:grid;gap:8px}
.dr-acc-list .elr-btn{padding:6px 12px;min-height:36px}
.dr-acc-qr{background:#fff;padding:8px;border-radius:8px;max-width:100%;height:auto}
.dr-acc-secret{word-break:break-all;user-select:all}
.dr-acc-danger{border-color:var(--elr-bad)}
/* Google sign-in button: Google Identity branding guidelines' "neutral" button (white, grey border, dark text) –
   the fixed colours below are the button chrome itself, not page content, so they stay the same in dark mode too. */
.dr-google-btn{background:#fff;color:#3c4043!important;border-color:#dadce0;font-weight:600;min-height:44px}
.dr-google-btn:hover{background:#f7f8f8}
.dr-google-btn:focus-visible{outline:3px solid var(--elr-accent);outline-offset:2px}
#dr-google-login,#dr-google-reg,#dr-email-otp{display:grid;gap:12px;margin:10px 0 18px;max-width:560px}
@media (max-width:600px){.dr-acc-form{max-width:none}.elr-btn{justify-content:center}}

/* ===== account dashboard (remediation): sub-navigation, overview list, vehicle rows — RTL-safe, no horizontal overflow ===== */
.dr-acc-nav ul{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.dr-acc-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid #d8e2ef;border-radius:999px;background:#fff;color:var(--dr-navy,#10264a);font-weight:700;text-decoration:none}
.dr-acc-nav a:hover{background:var(--dr-sky,#eaf3ff);color:var(--dr-blue,#1f6fd1)}
.dr-acc-nav a[aria-current="page"]{background:var(--dr-blue,#1f6fd1);border-color:var(--dr-blue,#1f6fd1);color:#fff}
.dr-acc-dl{display:grid;grid-template-columns:minmax(120px,max-content) minmax(0,1fr);gap:8px 18px;margin:12px 0}
.dr-acc-dl dt{font-weight:700;color:#4b5b72}.dr-acc-dl dd{margin:0;overflow-wrap:anywhere}
@media (max-width:480px){.dr-acc-dl{grid-template-columns:minmax(0,1fr);gap:2px}.dr-acc-dl dd{margin-bottom:10px}}
.dr-veh{padding:0;list-style:none}
.dr-veh li{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;justify-content:space-between;border:1px solid #e1eaf4;border-radius:10px;padding:10px 12px;margin-bottom:8px}
.dr-veh-name{min-width:0;overflow-wrap:anywhere}.dr-veh-act{display:flex;flex-wrap:wrap;gap:6px}
.dr-veh-act .elr-btn{min-height:44px}
.elr-chip.bad{background:var(--elr-bad-soft,#fde7e7);color:var(--elr-bad,#b3261e)}.elr-chip.ok{background:var(--elr-ok-soft,#e5f5ec);color:var(--elr-ok,#1b6e3c)}
