/* BHGlobal-ai auth pages — obsidian & gold design system, matched to site/index.html v13.
   Functional contract (do not break): form field names/actions, locale hidden input,
   flash messages, cross-links login<->register. Styling only. */

:root{
  --obsidian:#16161a; --card:#1f1f26; --card2:#23232c; --line:#2e2e38;
  --gold:#c9a227; --gold-dim:#9a7d1f; --text:#e9e6df; --muted:#9a968c;
  --input:#16161a;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--obsidian);color:var(--text);
  font-family:-apple-system,'Segoe UI',Roboto,sans-serif;min-height:100vh;
  display:flex;flex-direction:column}
a{color:var(--gold);text-decoration:none}
a:hover{text-decoration:underline}

/* ---- topbar: identical structure to the landing page ---- */
.topbar{display:flex;align-items:center;gap:14px;padding:9px 24px;
  border-bottom:1px solid var(--line);
  background:linear-gradient(90deg,var(--obsidian),var(--card))}
.wordmark{color:var(--gold);font-size:24px;font-weight:700;letter-spacing:.5px;white-space:nowrap}
.nav{display:flex;gap:16px;margin-left:12px;flex-wrap:nowrap;white-space:nowrap}
.nav a{color:var(--muted);font-size:14px;white-space:nowrap}
.nav-label{color:var(--muted);font-size:13px;font-style:italic;white-space:nowrap;opacity:.85}
.nav a:hover{color:var(--gold);text-decoration:none}
.spacer{flex:1}
.g-translate{display:inline-block;min-width:140px}
.g-translate .goog-te-combo,.g-translate select{
  background:var(--input)!important;color:var(--text)!important;
  border:1px solid var(--line)!important;border-radius:6px;
  padding:6px 8px;font-size:13px}
.goog-te-banner-frame{display:none!important}
.skiptranslate iframe{display:none!important}
body{top:0!important}
.btn-login{border:1px solid var(--gold-dim);color:var(--gold);
  border-radius:6px;padding:1px 22px;font-size:12px;font-weight:600}
.btn-login:hover{background:#26262e;text-decoration:none}
.btn-register{background:var(--gold);color:var(--obsidian);
  border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700;
  box-shadow:none}
.btn-register:hover{filter:brightness(1.08);text-decoration:none}
@media(max-width:820px){.nav{display:none}.g-translate{min-width:110px}.wordmark{font-size:18px}}

/* ---- centered auth card ---- */
.auth-main{flex:1;display:flex;align-items:center;justify-content:center;
  padding:56px 16px}
.auth-card{width:100%;max-width:440px;background:var(--card);
  border:1px solid var(--line);border-radius:10px;padding:36px}
.auth-card h1{color:var(--gold);font-size:24px;font-weight:700;margin-bottom:8px}
.sub{color:var(--muted);font-size:14px;line-height:1.6;margin-bottom:22px}
.flash{border:1px solid var(--gold-dim);border-radius:7px;color:var(--gold);
  background:var(--card2);font-size:13px;padding:10px 14px;margin-bottom:16px}

form{display:flex;flex-direction:column}
label{color:var(--muted);font-size:13px;font-weight:600;margin:12px 0 6px}
label .hint{font-weight:400;opacity:.8}
input,select{background:var(--input);color:var(--text);border:1px solid var(--line);
  border-radius:7px;padding:10px 12px;font-size:14px;outline:none}
input:focus,select:focus{border-color:var(--gold-dim)}
input::placeholder{color:var(--muted);opacity:.55}
select{appearance:auto;cursor:pointer}

.btn-primary{background:var(--gold);color:var(--obsidian);border-radius:7px;
  border:none;padding:10px 16px;font-size:14px;font-weight:700;letter-spacing:.2px;
  cursor:pointer;margin-top:24px}
.btn-primary:hover{filter:brightness(1.08)}

/* ---- tab pair (routes /login <-> /register, no JS) ---- */
.tab-row{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid var(--line)}
.tab{flex:1;text-align:center;color:var(--muted);font-size:14px;font-weight:600;
  padding:10px 0 12px;border-bottom:2px solid transparent;border-radius:0}
.tab:hover{color:var(--gold);text-decoration:none}
.tab.active{color:var(--gold);border-bottom-color:var(--gold)}

/* ---- register step 2: locked email chip ---- */
.email-chip{display:flex;align-items:center;justify-content:space-between;gap:10px;
  background:var(--card2);border:1px solid var(--line);border-radius:7px;
  padding:10px 12px;margin-bottom:6px}
.chip-email{color:var(--gold);font-size:14px;font-weight:600;overflow-wrap:anywhere}
.chip-change{color:var(--muted);font-size:12px;white-space:nowrap}
.chip-change:hover{color:var(--gold)}

.help-line{color:var(--muted);font-size:12.5px;line-height:1.6;margin-top:14px;opacity:.9}
.help-line a{color:var(--gold);font-weight:600}

/* ---- Google door (renders only when client id is provisioned) ---- */
.g-door{margin-bottom:4px}
.divider{display:flex;align-items:center;gap:10px;margin:14px 0 6px;color:var(--muted);
  font-size:12px}
.divider::before,.divider::after{content:"";flex:1;height:1px;background:var(--line)}

.reg-row{display:flex;align-items:center;justify-content:space-between;gap:12px;
  flex-wrap:wrap;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
.alt{color:var(--muted);font-size:13px}
.alt a{color:var(--gold);font-weight:600}
.btn-register-lg{background:var(--gold);color:var(--obsidian);border-radius:7px;
  padding:9px 18px;font-size:13px;font-weight:700}
.btn-register-lg:hover{filter:brightness(1.08);text-decoration:none}

/* ---- standard footer: identical to the landing page ---- */
footer{max-width:1080px;margin:30px auto 0;text-align:center;color:var(--muted);
  font-size:12px;border-top:1px solid rgba(201,162,39,.22);padding:16px 24px 28px}
.footer-trust{color:var(--gold);font-size:12px;letter-spacing:.14em;
  text-transform:uppercase;margin:22px 0 14px}
.footer-contact{color:var(--muted);font-size:14.5px;margin:0 0 14px}
.footer-contact a{color:var(--gold);font-weight:600}
.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:24px;
  margin-bottom:10px}
.footer-links a{color:var(--muted);font-size:13px}
.footer-links a:hover{color:var(--gold);text-decoration:none}
.footer-legal{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;
  font-size:11.5px;opacity:.85}
@media(max-width:560px){.auth-card{padding:26px 20px}.auth-main{padding:32px 12px}}

/* ---- v16 (2026-10-23): light travertine page + light form card - background + color tokens only ---- */
body{background:linear-gradient(rgba(250,246,240,.80),rgba(250,246,240,.80)),
  url("/static/img/landing_hero_bg.png") center/cover no-repeat fixed,#e9dcc6}
.auth-card{--gold:#8a6d12;--gold-dim:#b8962e;--text:#2b2418;--muted:#5a5040;
  --line:#e2d8c6;--card2:#f6f1e8;--input:#ffffff;
  background:#fffdf9;color:var(--text);border-color:#e2d8c6;
  box-shadow:0 10px 32px rgba(43,36,24,.16)}
.auth-card .btn-primary,.auth-card .btn-register-lg{color:#ffffff}
footer{color:#4a4033;border-top-color:rgba(138,109,18,.30)}
.footer-trust,.footer-contact a{color:#7a5f10}
.footer-contact,.footer-links a{color:#4a4033}
.footer-links a:hover{color:#7a5f10}