/* ============================================================
   ProjectTelemetry — Employee Onboarding Toolkit Styles
   assets/onboarding-tool.css
   ============================================================ */

.ob-tool-wrap { max-width:760px; }
.ob-form-section-title { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; color:var(--accent); margin-bottom:6px; border-bottom:1px solid var(--bd); padding-bottom:6px; }
.ob-rehire-banner { display:flex; align-items:center; gap:8px; background:var(--accent-bg); border:1px solid var(--accent); border-radius:6px; padding:10px 12px; font-size:12px; color:var(--ink); margin-bottom:16px; line-height:1.5; }
.ob-rehire-banner.ob-rehire-warn { background:#FEF3C7; border-color:#F59E0B; color:#92400E; }

.ob-doc-slot { border:1px solid var(--bd); border-radius:8px; padding:12px; margin-bottom:10px; }
.ob-doc-slot-label { font-size:12px; font-weight:700; color:var(--ink); margin-bottom:8px; }
.ob-doc-slot-body { display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.ob-camera-wrap { display:flex; flex-direction:column; }

/* Intro banner — who to onboard + the seat reassurance (dismissible) */
.ob-intro { position:relative; max-width:720px; background:color-mix(in srgb, var(--accent) 7%, var(--bg2)); border:1px solid var(--accent); border-radius:12px; padding:14px 40px 14px 16px; margin-bottom:16px; }
.ob-intro-hd { font-size:14.5px; font-weight:800; color:var(--ink); display:flex; align-items:center; gap:7px; margin-bottom:8px; }
.ob-intro-hd .ti { color:var(--accent); }
.ob-intro-list { margin:0; padding-left:18px; display:flex; flex-direction:column; gap:6px; }
.ob-intro-list li { font-size:13.5px; line-height:1.55; color:var(--ink-soft); }
.ob-intro-list b { color:var(--ink); font-weight:700; }
.ob-intro-x { position:absolute; top:8px; right:8px; background:transparent; border:none; color:var(--ink-faint); cursor:pointer; font-size:15px; line-height:1; padding:5px; border-radius:6px; display:flex; }
.ob-intro-x:hover { color:var(--ink); background:var(--bg); }