body{overflow:auto}
#app{display:block;height:auto;min-height:100vh}
.shell{max-width:760px;margin:0 auto;padding:18px 16px 110px}
.topbar{display:flex;align-items:center;gap:10px;margin-bottom:18px}
.topbar .sp{flex:1}
.tabbar{position:fixed;left:0;right:0;bottom:0;background:var(--panel);border-top:1px solid var(--line);display:flex;justify-content:center;z-index:20}
.tabbar a{flex:1;max-width:130px;text-align:center;padding:10px 4px 12px;color:var(--muted);font-size:12px;font-weight:600;text-decoration:none;position:relative}
.tabbar a .ic{display:block;font-size:18px;margin-bottom:2px}
.tabbar a.active{color:var(--brand);box-shadow:inset 0 3px 0 var(--accent)}
.tabbar .dot{position:absolute;top:6px;right:34%;background:var(--danger);color:#fff;border-radius:99px;font-size:10px;min-width:16px;padding:1px 4px}
.crisis{background:var(--gold-l);color:var(--gold-ink);border-radius:10px;padding:10px 14px;font-size:13px;margin-top:18px}
.hero{background:var(--brand);color:#fff;border-radius:14px;padding:20px;margin-bottom:16px}
.hero h2{color:#fff;font:600 22px Newsreader,Georgia,serif;margin:0 0 4px}
.hero .btn{background:var(--accent);border-color:var(--accent);color:var(--brand);font-weight:700}
.hero .btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
.pill{display:inline-block;padding:3px 10px;border-radius:99px;background:rgba(255,255,255,.15);font-size:12px;margin-right:6px}
.card + .card{margin-top:14px}
.authwrap{min-height:100vh;display:grid;place-items:center;padding:20px}
.slotday{margin-bottom:10px}.slotbtn{margin:0 6px 6px 0}.slotbtn.sel{background:var(--brand);color:#fff;border-color:var(--brand)}
.formbody{background:var(--bg);border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.55;margin-bottom:14px}
.msgs{max-height:48vh;overflow:auto;display:flex;flex-direction:column;gap:8px;padding:2px}
.bubble{max-width:82%}
@media (min-width:760px){.tabbar{position:static;border:0;background:none;margin-bottom:14px}.tabbar a{max-width:none;flex:none;padding:8px 16px;border-radius:99px}.tabbar a.active{box-shadow:none;background:var(--brand-l)}.shell{padding-bottom:40px}}
label.check { display: flex; gap: 10px; align-items: flex-start; margin: 0 0 10px; font-weight: 500; cursor: pointer; }
label.check input { width: auto; margin-top: 3px; }

/* Lumen Behavioral lockup — same wordmark as lumenbehavioral.com */
.brandlock{display:inline-flex;align-items:center;line-height:0;color:var(--ink,#14284B)}
.brandlock img{height:30px;width:auto;display:block}
.brandlock .brand-sub{font:600 10px/22px Manrope,-apple-system,"Segoe UI",sans-serif;letter-spacing:.32em;text-transform:uppercase;padding-left:10px;margin-left:10px;border-left:1.5px solid #C9A227;white-space:nowrap;color:#14284B}
.login-logo{justify-content:center;padding:4px 0 14px}
.login-logo .brandlock img{height:42px}
.login-logo .brand-sub{font-size:11px}
#mtop .brandlock img{height:24px}

/* ---------- telehealth call screen ---------- */
#call{position:fixed;inset:0;z-index:300;background:#0d1a33;display:flex;flex-direction:column}
#call[hidden]{display:none}
#call .chead{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#F6F4EF;border-bottom:1px solid #E4DFD3;flex-wrap:wrap}
#call .chead .sp{flex:1}
#call .chead .who{font-weight:700;color:#14284B}
#call .chead .timer{font:600 13px ui-monospace,monospace;color:#4A5468}
#call iframe{flex:1;width:100%;border:0;background:#0d1a33}
#call .wait{flex:1;display:grid;place-content:center;justify-items:center;text-align:center;gap:14px;color:#fff;padding:24px}
#call .wait h2{font:600 26px Newsreader,Georgia,serif;margin:0;color:#fff}
#call .wait p{color:#c5cddd;max-width:440px;margin:0}
#call .pulse{width:72px;height:72px;border-radius:50%;border:2px solid #C9A227;display:grid;place-items:center;animation:lp 1.8s ease-in-out infinite}
#call .pulse span{width:14px;height:14px;border-radius:50%;background:#C9A227}
@keyframes lp{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.6}}
#call .waitchip{display:inline-flex;align-items:center;gap:8px;background:#F7EED2;color:#765C0E;border-radius:999px;padding:6px 12px;font-weight:700;font-size:13px}
#call .waitchip[hidden]{display:none}
#call .crisis{font-size:12px;color:#8d98ad}
#toast{z-index:400}
#call .wait .crisis{background:none;border:0;padding:0;color:#c5cddd;font-size:12px}

/* forms */
.formdoc{font-size:14px;line-height:1.6}
.formdoc p{margin:0 0 10px}
.formdoc .fsec{font:600 17px Newsreader,Georgia,serif;color:#14284B;margin:22px 0 8px;padding-top:12px;border-top:1px solid #E4DFD3}
.formdoc .fsec:first-child{border-top:0;margin-top:6px;padding-top:0}
.ftable{width:100%;border-collapse:collapse;margin:6px 0 14px;font-size:13px}
.ftable td,.ftable th{border-bottom:1px solid #E4DFD3;padding:7px 8px;text-align:left;vertical-align:top}
.ftable th{background:#14284B;color:#fff;font-weight:600}
fieldset.field{border:0;padding:0;margin:0 0 14px}
fieldset.field legend{font-weight:600;font-size:13px;margin-bottom:6px;padding:0}
fieldset.yesno{display:flex;flex-wrap:wrap;gap:4px 18px;align-items:center}
fieldset.yesno legend{width:100%}
.req{color:#B23A30}
.crisisline{background:#F7EED2;color:#765C0E;border-radius:8px;padding:8px 12px;font-size:13px}
.sigbox{border:1px solid #E4DFD3;border-left:4px solid #C9A227;border-radius:10px;padding:12px 14px;margin:16px 0 10px;background:#FCFBF8}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:560px){.row2{grid-template-columns:1fr}}
label.agree{margin:12px 0 14px}
.progress{height:8px;background:#ECEFF5;border-radius:999px;overflow:hidden;margin:0 0 12px}
.progress span{display:block;height:100%;background:#C9A227}
form[inert]{opacity:.85}