/* audit-dark.css — dark glass skin for the Home Seller IQ, matches home.css theme.
   Loads after style.css and overrides only colors/surfaces; layout untouched. */
:root {
  --black: #0a0a09;
  --panel: rgba(255,255,255,.045);
  --panel-line: rgba(255,255,255,.1);
  --gold: #ffb612;
  --gold-soft: #ffd97a;
}
body.audit-body { background: radial-gradient(1000px 600px at 70% -10%, #2b2110 0%, var(--black) 60%); color: #a3a89e; }

body.audit-body .site-header,
body.audit-body .site-header.scrolled { background: rgba(10,10,9,.85); backdrop-filter: blur(12px); box-shadow: 0 1px 0 rgba(255,255,255,.07); }
body.audit-body .brand { color: #f7f6f2; }
body.audit-body .brand small { color: #6b7168; }
body.audit-body .brand-mark { background: var(--gold); color: var(--black); box-shadow: 0 0 20px rgba(255,182,18,.3); }
body.audit-body .btn-ghost { background: rgba(255,255,255,.05); color: #f7f6f2; border-color: var(--panel-line); }
body.audit-body .btn-ghost:hover { border-color: var(--gold); color: var(--gold-soft); }

body.audit-body .btn-primary { background: var(--gold); color: var(--black); box-shadow: 0 14px 34px -12px rgba(255,182,18,.45); }
body.audit-body .btn-primary:hover { background: var(--gold-soft); box-shadow: 0 18px 44px -12px rgba(255,182,18,.55); }

body.audit-body .audit-back { color: #6b7168; }
body.audit-body .audit-back:hover { color: var(--gold-soft); }
body.audit-body .audit-progress { background: rgba(255,255,255,.08); }
body.audit-body .audit-bar { background: linear-gradient(90deg, var(--gold), var(--gold-soft)); }
body.audit-body .audit-step-meta { color: #6b7168; }

body.audit-body .audit-card { background: var(--panel); border-color: var(--panel-line); backdrop-filter: blur(10px); box-shadow: 0 30px 80px -40px rgba(0,0,0,.8); }
body.audit-body .audit-q { color: #f7f6f2; }
body.audit-body .audit-sub { color: #a3a89e; }

body.audit-body .audit-option { background: rgba(255,255,255,.03); border-color: var(--panel-line); }
body.audit-body .audit-option:hover { border-color: rgba(255,182,18,.55); background: rgba(255,182,18,.06); box-shadow: none; }
body.audit-body .audit-option.selected { border-color: var(--gold); background: rgba(255,182,18,.1); }
body.audit-body .ao-main { color: #f7f6f2; }
body.audit-body .ao-desc { color: #6b7168; }
body.audit-body .ao-check { border-color: var(--panel-line); }
body.audit-body .audit-option:hover .ao-check { border-color: var(--gold); }
body.audit-body .audit-option.selected .ao-check { background: var(--gold); border-color: var(--gold); color: var(--black); }

body.audit-body .field label { color: #d7d9d0; }
body.audit-body .field input, body.audit-body .field select, body.audit-body .field textarea {
  background: rgba(255,255,255,.05); border-color: var(--panel-line); color: #f7f6f2;
}
body.audit-body .field input::placeholder, body.audit-body .field textarea::placeholder { color: #6b7168; }
body.audit-body .field input:focus, body.audit-body .field select:focus, body.audit-body .field textarea:focus {
  border-color: rgba(255,182,18,.65); background: rgba(255,255,255,.07); box-shadow: 0 0 0 3px rgba(255,182,18,.14);
}
body.audit-body .field input.err { border-color: #e07a63; box-shadow: 0 0 0 3px rgba(224,122,99,.15); }
body.audit-body .form-error { color: #e07a63; }
body.audit-body .form-note { color: #6b7168; }
body.audit-body .audit-prev { color: #6b7168; }
body.audit-body .audit-prev:hover { color: var(--gold-soft); }

/* address autocomplete dropdown */
body.audit-body .ac-dd { background: #161614; border-color: var(--panel-line); }
body.audit-body .ac-item { color: #f7f6f2; border-bottom-color: rgba(255,255,255,.06); }
body.audit-body .ac-item:hover { background: rgba(255,182,18,.12); color: var(--gold-soft); }

/* photo upload step */
body.audit-body .photo-drop { background: rgba(255,255,255,.03); border-color: var(--panel-line); color: var(--gold-soft); }
body.audit-body .photo-drop:hover { border-color: var(--gold); background: rgba(255,182,18,.07); }
body.audit-body .photo-drop span { color: #f7f6f2; }
body.audit-body .photo-drop small { color: #6b7168; }
body.audit-body .photo-prev img { border-color: rgba(255,255,255,.12); }

/* result / snapshot */
body.audit-body .snap-head h1 { color: #f7f6f2; }
body.audit-body .snap-rec { background: linear-gradient(140deg, #2b2110, #171204); box-shadow: 0 30px 80px -30px rgba(255,182,18,.25); border: 1px solid rgba(255,182,18,.3); }
body.audit-body .snap-rec h2 { color: var(--gold-soft); }
body.audit-body .snap-rec p { color: #d7d9d0; }
body.audit-body .snap-rec .snap-cta .btn-primary { background: var(--gold); color: var(--black); }
body.audit-body .snap-num { color: var(--gold-soft); }
body.audit-body .snap-path { background: var(--panel); border-color: var(--panel-line); }
body.audit-body .snap-path.rec { border-color: var(--gold); box-shadow: 0 24px 60px -30px rgba(255,182,18,.3); }
body.audit-body .snap-badge { background: var(--gold); color: var(--black); }
body.audit-body .snap-path h3 { color: #f7f6f2; }
body.audit-body .snap-tag { color: var(--gold-soft); }
body.audit-body .snap-path p { color: #a3a89e; }
body.audit-body .snap-recap { background: var(--panel); border-color: var(--panel-line); }
body.audit-body .snap-recap h3 { color: #f7f6f2; }
body.audit-body .snap-recap li { border-bottom-color: rgba(255,255,255,.06); }
body.audit-body .snap-recap li span { color: #6b7168; }
body.audit-body .snap-recap li b { color: #f7f6f2; }
body.audit-body .snap-foot { background: var(--panel); border-color: var(--panel-line); }
body.audit-body .snap-foot h2 { color: #f7f6f2; }
body.audit-body .snap-disc { color: #6b7168; }
body.audit-body .snap-confirm { background: rgba(255,182,18,.08); border-color: rgba(255,182,18,.3); color: #d7d9d0; }
body.audit-body .snap-confirm strong { color: var(--gold-soft); }
body.audit-body .snap-photo img { border-color: rgba(255,255,255,.12); }
body.audit-body .snap-photo figcaption { color: #6b7168; }

/* compliance microbar */
.cbar { background: rgba(255,255,255,.03); border-bottom: 1px solid rgba(255,255,255,.06); color: #6b7168; font-size: 12px; text-align: center; padding: 7px 14px; position: relative; z-index: 110; }
.cbar b { color: #a3a89e; font-weight: 600; }
body.audit-body .site-header { top: 30px; }
@media (max-width: 720px) { body.audit-body .site-header { top: 44px; } }