/* onboarding.css — one-time REQUIRED profile gate, shown over the board on a
   user's first sign-in. Dark + brass, matches the login screen + app brand. */

.hb-onb-overlay{
  position:fixed; inset:0; z-index:2147483646;
  background:rgba(6,7,9,0.80);
  -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px);
  display:flex; align-items:center; justify-content:center; padding:24px;
  font-family:"Inter",system-ui,-apple-system,sans-serif;
}
/* max-height + scroll is load-bearing, not polish. The card is fixed-width at
   z-index max and has no close button: once the team list grew inside it, an
   unbounded card pushed its own submit button below a 1440x900 viewport, which
   is precisely the permanent lockout .hb-onb-skip exists to prevent. */
.hb-onb-card{
  width:420px; max-width:100%; box-sizing:border-box;
  max-height:calc(100vh - 48px); overflow-y:auto; overscroll-behavior:contain;
  background:#0E0F12; border:1px solid rgba(182,138,78,0.30);
  border-radius:14px; padding:26px 28px;
  box-shadow:0 24px 64px rgba(0,0,0,0.55);
}

.hb-onb-brand{ display:flex; align-items:center; gap:9px; margin-bottom:22px; }
.hb-onb-logo{
  width:27px; height:27px; border:1.5px solid #B68A4E; border-radius:6px;
  display:flex; align-items:center; justify-content:center;
  font-family:"Saira Condensed",system-ui,sans-serif; font-weight:700;
  font-size:17px; color:#B68A4E;
}
.hb-onb-word{
  font-family:"Saira Condensed",system-ui,sans-serif; font-weight:600;
  letter-spacing:0.14em; font-size:13px; color:#e8e6e1;
}
.hb-onb-beta{
  margin-left:auto; font-family:"Saira Condensed",system-ui,sans-serif;
  font-weight:600; letter-spacing:0.12em; font-size:11px; color:#B68A4E;
  border:1px solid rgba(182,138,78,0.5); border-radius:5px; padding:2px 8px;
}

.hb-onb-h{
  font-family:"Saira Condensed",system-ui,sans-serif; font-weight:700;
  font-size:24px; color:#f5f3ef; line-height:1.12;
}
.hb-onb-sub{ font-size:13px; color:#9a9ea6; margin-top:7px; margin-bottom:22px; line-height:1.5; }

.hb-onb-field{ margin-bottom:15px; }
.hb-onb-label{
  display:block; font-size:11px; font-weight:500; letter-spacing:0.1em;
  text-transform:uppercase; color:#8a8e96; margin-bottom:7px;
}
.hb-onb-input, .hb-onb-select{
  width:100%; box-sizing:border-box; background:#15171B;
  border:1px solid rgba(255,255,255,0.12); border-radius:8px;
  padding:11px 12px; color:#f0eee9; font-size:14px;
  font-family:"Inter",system-ui,sans-serif;
}
.hb-onb-input::placeholder{ color:#5a5e66; }
.hb-onb-input:focus, .hb-onb-select:focus{ outline:none; border-color:#B68A4E; }
.hb-onb-select{
  -webkit-appearance:none; appearance:none; cursor:pointer;
  background-repeat:no-repeat; background-position:right 13px center;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%238a8e96' stroke-width='2'><path d='M2 4l4 4 4-4'/></svg>");
}
.hb-onb-select option{ color:#111; }

.hb-onb-err{ color:#e8825f; font-size:12.5px; margin:-4px 0 12px; min-height:0; }

.hb-onb-btn{
  width:100%; background:#B68A4E; border:none; border-radius:8px; padding:13px;
  color:#1a1407; font-family:"Saira Condensed",system-ui,sans-serif;
  font-weight:700; font-size:16px; letter-spacing:0.05em; cursor:pointer;
  display:flex; align-items:center; justify-content:center; gap:8px;
  transition:filter .12s ease;
}
.hb-onb-btn:hover{ filter:brightness(1.06); }
.hb-onb-btn:disabled{ opacity:.6; cursor:default; }
.hb-onb-arrow{ font-size:18px; line-height:0; }

.hb-onb-foot{ text-align:center; font-size:11px; color:#8a8e96; margin-top:15px; }

/* Escape hatch — injected by onboarding.js only after a failed save, so a Clerk or
   network error can't seal a brand-new user out of the product. */
.hb-onb-skip{
  display:block; width:100%; margin-top:10px; padding:9px;
  background:none; border:none; cursor:pointer;
  font-family:"Inter",system-ui,sans-serif; font-size:12.5px; color:#9a9ea6;
  text-decoration:underline; text-underline-offset:3px;
}
.hb-onb-skip:hover{ color:#e8e6e1; }
.hb-onb-skip:focus-visible{ outline:2px solid #B68A4E; outline-offset:2px; border-radius:6px; }

.hb-onb-help{ font-size:11.5px; color:#8a8e96; line-height:1.45; margin:-2px 0 8px; }
.hb-onb-note{ font-size:11px; color:#7d818a; line-height:1.45; margin-top:8px; }

/* The picker is shared with the Account screen; it reads its palette from
   these four values, so the dark treatment lives here rather than forking
   the stylesheet. */
#hbOnbOverlay .tp-host{
  --tp-bg:#15171B;
  --tp-line:rgba(255,255,255,0.12);
  --tp-text:#f0eee9;
  --tp-dim:#8a8e96;
  --tp-accent:#B68A4E;
}
#hbOnbOverlay .tp-list{ max-height:196px; }