/* USDH guided FAQ chat widget — shared across FN and employer pages */
.hlaunch{position:fixed;right:20px;bottom:20px;z-index:120;background:var(--blue,#1A6AFF);color:#fff;border:0;
cursor:pointer;border-radius:100px;padding:14px 20px;font-weight:600;font-size:15px;font-family:inherit;
display:flex;align-items:center;gap:9px;box-shadow:0 10px 30px rgba(26,106,255,.34)}
.hlaunch svg{width:18px;height:18px;flex:0 0 18px;stroke:#fff;fill:none;stroke-width:2.2}
.hpanel{position:fixed;right:20px;bottom:88px;z-index:121;width:min(390px,calc(100vw - 32px));
background:#fff;border-radius:20px;box-shadow:0 24px 70px rgba(10,35,80,.30);display:none;overflow:hidden;
max-height:min(80vh,640px);flex-direction:column}
.hpanel.open{display:flex}
.hchips[hidden]{display:none}
.hhead{background:var(--navy,#0a2350);color:#fff;padding:18px 20px;display:flex;justify-content:space-between;
align-items:flex-start;gap:12px;flex:0 0 auto}
.hhead b{font-size:16px;display:block}
.hhead span{font-size:12.5px;color:#a9c2e8}
.hclose{background:none;border:0;color:#fff;font-size:24px;line-height:1;cursor:pointer;padding:0 2px}

.hchat{position:relative;min-height:140px;flex:1 1 auto;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:10px;
background:#fff}
.hmsg{white-space:pre-line;max-width:84%;padding:10px 14px;border-radius:14px;font-size:14.5px;line-height:1.5}
.hmsg.bot{align-self:flex-start;background:var(--tint,#eef3ff);color:var(--navy,#0a2350);border-bottom-left-radius:4px}
.hmsg.user{align-self:flex-end;background:var(--blue,#1A6AFF);color:#fff;border-bottom-right-radius:4px}
.htyping{align-self:flex-start;display:flex;gap:4px;padding:12px 14px;background:var(--tint,#eef3ff);
border-radius:14px;border-bottom-left-radius:4px}
.htyping span{width:6px;height:6px;border-radius:50%;background:var(--gray,#5f6b7a);opacity:.4;
animation:hblink 1.2s infinite}
.htyping span:nth-child(2){animation-delay:.2s}
.htyping span:nth-child(3){animation-delay:.4s}
@keyframes hblink{0%,80%,100%{opacity:.3}40%{opacity:1}}
@media (prefers-reduced-motion: reduce){.htyping span{animation:none;opacity:.7}}

.hchoices{display:flex;flex-direction:column;gap:6px;align-self:flex-start;max-width:90%}
.hchoice{background:#fff;border:1px solid var(--line,#e6eaf1);color:var(--navy,#0a2350);border-radius:12px;
padding:9px 13px;font-size:13.5px;font-weight:600;cursor:pointer;font-family:inherit;text-align:left;
line-height:1.4}
.hchoice:hover{background:var(--tint,#eef3ff)}

.hchips{display:flex;flex-wrap:wrap;gap:8px;padding:12px 20px;border-top:1px solid var(--line,#e6eaf1);
background:var(--bg,#f5f7fa);flex:0 0 auto}
.hchip{background:#fff;border:1px solid var(--line,#e6eaf1);color:var(--navy,#0a2350);border-radius:100px;
padding:7px 14px;font-size:12.5px;font-weight:600;cursor:pointer;font-family:inherit}
.hchip:hover{background:var(--tint,#eef3ff)}

.hinputrow{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--line,#e6eaf1);background:#fff;
flex:0 0 auto}
.hinput{flex:1 1 auto;border:1px solid var(--line,#e6eaf1);border-radius:100px;padding:10px 16px;font-size:14px;
font-family:inherit;outline:none;min-width:0}
.hinput:focus{border-color:var(--blue,#1A6AFF)}
.hsend{background:var(--blue,#1A6AFF);color:#fff;border:0;border-radius:100px;width:40px;height:40px;
flex:0 0 40px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.hsend svg{width:17px;height:17px;stroke:#fff;fill:none;stroke-width:2.3}

.hfoot{border-top:1px solid var(--line,#e6eaf1);padding:12px 20px;background:var(--bg,#f5f7fa);flex:0 0 auto}
.hfoot p{font-size:12px;color:var(--gray,#5f6b7a);margin:0}
.hfoot a.hmail{color:var(--blue,#1A6AFF);font-weight:600}

.hask{border-color:var(--blue,#1A6AFF);color:var(--blue,#1A6AFF)}
.hfoot a.hasklink{color:var(--blue,#1A6AFF);font-weight:600;text-decoration:underline}
.hpanel.hasform .hchips{display:none}
.hform{align-self:stretch;background:#fff;border:1px solid var(--line,#e6eaf1);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:10px}
.hform-t{margin:0;font-weight:600;font-size:14.5px;color:var(--navy,#0a2350)}
.hform label{display:flex;flex-direction:column;gap:5px;font-size:12.5px;font-weight:600;color:var(--navy,#0a2350)}
.hform label .hl{display:block}
.hform label em{font-style:normal;font-weight:400;color:var(--gray,#5f6b7a)}
.hform input,.hform textarea{border:1px solid var(--line,#e6eaf1);border-radius:10px;padding:9px 12px;font:inherit;font-size:14px;font-weight:400;color:var(--text,#16191f);outline:none;resize:vertical}
.hform input:focus,.hform textarea:focus{border-color:var(--blue,#1A6AFF)}
.hhp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.hform-n{margin:0;font-size:12px;color:var(--gray,#5f6b7a);line-height:1.45}
.hform-n a{color:var(--blue,#1A6AFF)}
.hform-e{margin:0;font-size:12.5px;color:#b42318}
.hform-e:empty{display:none}
.hform-b{background:var(--blue,#1A6AFF);color:#fff;border:0;border-radius:100px;padding:11px 16px;font:inherit;font-weight:600;font-size:14px;cursor:pointer}
.hform-b:disabled{opacity:.6;cursor:default}

.haud{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:10px 16px;background:#fff;border-bottom:1px solid var(--line,#e6eaf1);flex:0 0 auto}
.haud-l{font-size:12.5px;color:var(--gray,#5f6b7a);margin-right:2px}
.haud-b{background:#fff;border:1px solid var(--line,#e6eaf1);color:var(--navy,#0a2350);border-radius:100px;padding:6px 12px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.haud-b:hover{background:var(--tint,#eef3ff)}
.haud-b.on{background:var(--navy,#0a2350);border-color:var(--navy,#0a2350);color:#fff}
.haud-b:focus-visible,.hchip:focus-visible,.hchoice:focus-visible{outline:3px solid var(--blue,#1A6AFF);outline-offset:2px}
.hpanel.nochoice .haud{background:var(--tint,#eef3ff)}
.hpanel.asked .hchips{flex-wrap:nowrap;overflow-x:auto;padding:8px 16px;scrollbar-width:none}
.hpanel.asked .hchips::-webkit-scrollbar{display:none}
.hpanel.asked .hchip{flex:0 0 auto;white-space:nowrap}

@media(max-width:640px){
  .hlaunch{padding:12px 16px;font-size:14px;bottom:88px}
  .hpanel{right:12px;left:12px;bottom:88px;width:auto;max-height:calc(100dvh - 120px)}
}


/* ---------- Look v2 (8 Nov 2026): airy white card, soft blue and mint glow ----------
   Scoped to .hpanel.hv2 so older inline chat styles on some pages can't override it. */
.hpanel.hv2{
  --hv-ink:#1f2633; --hv-muted:#6b7483; --hv-line:rgba(15,35,80,.08); --hv-pill:#f1f4f8;
  --hv-blue:var(--blue,#1A6AFF); --hv-navy:var(--navy,#0a2350);
  background:#fff; border-radius:36px; box-shadow:0 30px 80px rgba(10,35,80,.18),0 2px 6px rgba(10,35,80,.06);
  width:min(400px,calc(100vw - 32px)); max-height:min(80vh,660px); isolation:isolate; font-family:inherit;
}
.hpanel.hv2::before{content:"";position:absolute;inset:auto -10% -12% -10%;height:72%;z-index:-1;pointer-events:none;
  background:
    radial-gradient(42% 46% at 18% 72%, rgba(116,226,190,.38), transparent 70%),
    radial-gradient(46% 50% at 84% 62%, rgba(26,106,255,.26), transparent 72%),
    radial-gradient(40% 40% at 60% 96%, rgba(120,178,255,.30), transparent 70%),
    radial-gradient(34% 36% at 40% 40%, rgba(204,234,255,.55), transparent 70%);
  filter:blur(22px)}
.hpanel.hv2 .hhead{background:transparent;color:var(--hv-ink);padding:28px 28px 10px;align-items:flex-start}
.hpanel.hv2 .hhead b{font-size:21px;font-weight:600;letter-spacing:-.01em;color:var(--hv-ink);margin-bottom:4px}
.hpanel.hv2 .hhead span{font-size:13px;color:var(--hv-muted)}
.hpanel.hv2 .hclose{width:36px;height:36px;border-radius:50%;background:var(--hv-pill);color:var(--hv-muted);font-size:20px;display:grid;place-items:center;padding:0}
.hpanel.hv2 .hclose:hover{background:#e6ebf2;color:var(--hv-ink)}
.hpanel.hv2 .haud{background:transparent;border:0;padding:4px 28px 6px;gap:6px}
.hpanel.hv2.nochoice .haud{background:transparent}
.hpanel.hv2 .haud-l{font-size:12.5px;color:var(--hv-muted)}
.hpanel.hv2 .haud-b{background:var(--hv-pill);border:1px solid transparent;color:var(--hv-ink);font-weight:500;padding:6px 12px}
.hpanel.hv2 .haud-b:hover{background:#e6ebf2}
.hpanel.hv2 .haud-b.on{background:#fff;border-color:var(--hv-blue);color:var(--hv-blue);font-weight:600;box-shadow:0 1px 4px rgba(26,106,255,.15)}
.hpanel.hv2.nochoice .haud-b{background:#fff;border-color:rgba(26,106,255,.35)}
.hpanel.hv2 .hchat{background:transparent;padding:10px 28px 8px;gap:10px;min-height:170px}
.hpanel.hv2:not(.started) .hchat{justify-content:flex-end}
.hpanel.hv2 .hhero{display:flex;flex-direction:column;gap:8px;padding:10px 0 4px}
.hpanel.hv2.started .hhero{display:none}
.hpanel.hv2 .hhero-t{margin:0;font-size:30px;line-height:1.15;font-weight:600;letter-spacing:-.025em;color:var(--hv-ink)}
.hpanel.hv2 .hhero-s{margin:0;font-size:14px;line-height:1.5;color:var(--hv-muted);max-width:32ch}
.hpanel.hv2 .hhero-s:empty{display:none}
.hpanel.hv2 .hmsg{font-size:14.5px;border-radius:20px;padding:11px 15px}
.hpanel.hv2 .hmsg.bot{background:rgba(255,255,255,.88);color:var(--hv-ink);border:1px solid var(--hv-line);border-bottom-left-radius:6px;box-shadow:0 4px 14px rgba(10,35,80,.06);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.hpanel.hv2 .hmsg.user{background:var(--hv-blue);color:#fff;border-bottom-right-radius:6px}
.hpanel.hv2 .htyping{background:rgba(255,255,255,.9);border:1px solid var(--hv-line);border-radius:20px}
.hpanel.hv2 .hchoice{background:rgba(255,255,255,.9);border:1px solid var(--hv-line);border-radius:16px;color:var(--hv-ink);font-weight:500}
.hpanel.hv2 .hchoice:hover{background:#fff;border-color:rgba(26,106,255,.35)}
.hpanel.hv2 .hask{border-color:rgba(26,106,255,.45);color:var(--hv-blue);font-weight:600}
.hpanel.hv2 .hchips{background:transparent;border:0;padding:6px 28px 12px;gap:8px}
.hpanel.hv2.asked .hchips{padding:4px 28px 8px}
.hpanel.hv2 .hchip{background:rgba(241,244,248,.92);border:0;color:var(--hv-ink);font-weight:500;font-size:13px;padding:9px 15px}
.hpanel.hv2 .hchip:hover{background:#e6ebf2}
.hpanel.hv2 .hinputrow{background:transparent;border:0;padding:6px 20px 14px;gap:10px;align-items:center}
.hpanel.hv2 .hinput{background:rgba(255,255,255,.96);border:1px solid var(--hv-line);border-radius:999px;padding:16px 22px;font-size:15px;box-shadow:0 10px 28px rgba(10,35,80,.08)}
.hpanel.hv2 .hinput::placeholder{color:#8a93a1}
.hpanel.hv2 .hinput:focus{border-color:rgba(26,106,255,.5);box-shadow:0 10px 28px rgba(26,106,255,.14)}
.hpanel.hv2 .hsend{width:54px;height:54px;flex:0 0 54px;border-radius:50%;background:#fff;border:1px solid var(--hv-line);box-shadow:0 10px 28px rgba(10,35,80,.10)}
.hpanel.hv2 .hsend svg{width:20px;height:20px;stroke:var(--hv-blue);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.hpanel.hv2 .hsend:hover{background:var(--hv-blue)}
.hpanel.hv2 .hsend:hover svg{stroke:#fff}
.hpanel.hv2 .hsend:focus-visible,.hpanel.hv2 .hclose:focus-visible,.hpanel.hv2 .haud-b:focus-visible{outline:3px solid var(--hv-blue);outline-offset:2px}
.hpanel.hv2 .hfoot{background:transparent;border:0;padding:0 28px 20px}
.hpanel.hv2 .hfoot p{font-size:12px;color:var(--hv-muted);text-align:center}
.hpanel.hv2 .hform{background:rgba(255,255,255,.95);border:1px solid var(--hv-line);border-radius:22px;padding:16px;box-shadow:0 8px 24px rgba(10,35,80,.08)}
.hpanel.hv2 .hform input,.hpanel.hv2 .hform textarea{border-radius:14px;border-color:rgba(15,35,80,.14)}
.hpanel.hv2 .hform-b{border-radius:999px;padding:12px 16px}
@media (prefers-reduced-motion: reduce){.hpanel.hv2 .hsend,.hpanel.hv2 .hchip{transition:none}}
@media(max-width:640px){
  .hpanel.hv2{right:12px;left:12px;width:auto;border-radius:28px;max-height:calc(100dvh - 120px)}
  .hpanel.hv2 .hhead{padding:22px 22px 8px}
  .hpanel.hv2 .haud,.hpanel.hv2 .hchat,.hpanel.hv2 .hchips{padding-left:22px;padding-right:22px}
  .hpanel.hv2 .hinputrow{padding:6px 14px 12px}
  .hpanel.hv2 .hfoot{padding:0 22px 16px}
  .hpanel.hv2 .hhero-t{font-size:26px}
  .hpanel.hv2 .hchat{min-height:0}
  .hpanel.hv2 .hhead span{font-size:12.5px}
  .hpanel.hv2 .hhero-s{font-size:13.5px}
  .hpanel.hv2 .hchips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-top:4px;padding-bottom:8px}
  .hpanel.hv2 .hchips::-webkit-scrollbar{display:none}
  .hpanel.hv2 .hchip{flex:0 0 auto;white-space:nowrap}
  .hpanel.hv2 .hinput{padding:14px 18px}
  .hpanel.hv2 .hsend{width:50px;height:50px;flex:0 0 50px}
}

/* Header v3: audience switch sits at the very top, beside the close button */
.hpanel .hhead .haud{flex:1 1 auto;min-width:0;border:0;background:transparent;padding:0}
.hpanel.hv2 .hhead{padding:18px 18px 6px 24px;align-items:center;gap:10px}
.hpanel.hv2 .hhead .haud{padding:0}
.hpanel.hv2 .hhead .haud-l{font-size:13px;color:var(--hv-muted)}
@media (max-width:560px){
  .hpanel.hv2 .hhead{padding:16px 14px 4px 18px}
  .hpanel.hv2 .hhead .haud-b{padding:6px 10px;font-size:12.5px}
}

/* Legal note under tricky answers */
.hpanel .hmsg.hnote{background:transparent;border:0;box-shadow:none;color:#6b7280;font-size:12px;line-height:1.45;padding:2px 4px 0;margin-top:-4px;max-width:92%;align-self:flex-start}

/* Ava identity + always-on legal line */
.hpanel .hbot{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.hpanel .hbot img{width:40px;height:40px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(10,35,80,.12);flex:0 0 auto}
.hpanel .hbot b{display:block;font-size:15px;font-weight:600;color:var(--hv-ink,#0a2350);line-height:1.2}
.hpanel .hbot span{display:block;font-size:12.5px;color:var(--hv-muted,#6b7280)}
.hpanel .hfoot .hlegal{margin-top:4px;font-size:11.5px;color:#8a94a3}

/* Launcher v2: avatar pill, "Need help? Chat with Ava" */
.hlaunch{padding:6px 22px 6px 6px;gap:12px;line-height:1.2;text-align:left}
.hlaunch .hl-av{width:44px;height:44px;border-radius:50%;background:#fff;border:2px solid #fff;flex:0 0 auto;box-shadow:0 1px 4px rgba(10,35,80,.18)}
.hlaunch .hl-t{display:flex;flex-direction:column}
.hlaunch .hl-t span{font-size:13px;font-weight:500;opacity:.92}
.hlaunch .hl-t b{font-size:16px;font-weight:600}
.hlaunch:hover{filter:brightness(1.06)}
.hlaunch:focus-visible{outline:3px solid #0a2350;outline-offset:3px}
.hpanel{bottom:96px}
@media(max-width:640px){
  .hlaunch{padding:5px 16px 5px 5px;gap:10px}
  .hlaunch .hl-av{width:38px;height:38px}
  .hlaunch .hl-t span{font-size:12px}
  .hlaunch .hl-t b{font-size:14.5px}
  .hpanel{bottom:88px}
}

/* Phones (8 Nov 2026): compact launcher, full-height chat sheet */
@media(max-width:640px){
  .hlaunch{right:14px;bottom:16px;transition:bottom .22s ease}
  body.hmbar-on .hlaunch{bottom:86px}
  .hlaunch.mini{padding:4px;gap:0}
  .hlaunch.mini .hl-t{display:none}
  .hlaunch.mini .hl-av{width:46px;height:46px}
  body.hchat-open .hlaunch{display:none}
  body.hchat-open .mbar{transform:translateY(120%)}
  .hpanel,.hpanel.hv2{left:8px;right:8px;width:auto;top:max(10px,env(safe-area-inset-top));bottom:max(10px,env(safe-area-inset-bottom));max-height:none}
}
/* Small phones: keep the audience switch on one line */
@media(max-width:400px){
  .hpanel.hv2 .hhead{padding:14px 12px 4px 14px;gap:6px}
  .hpanel.hv2 .hhead .haud-l{display:none}
  .hpanel.hv2 .hhead .haud{flex-wrap:nowrap;gap:5px}
  .hpanel.hv2 .hhead .haud-b{padding:6px 10px;font-size:12.5px;white-space:nowrap}
}
/* Phones: welcome screen sits in the middle of the full-height sheet */
@media(max-width:640px){ .hpanel.hv2:not(.started) .hchat{justify-content:center} }

/* Audience picker (8 Nov 2026) */
.hpanel .hpick{display:flex;flex-direction:column;gap:8px;margin-top:6px}
.hpanel:not(.nochoice) .hhero .hpick{display:none}
.hpanel .hpick-l{margin:0;font-size:13px;font-weight:600;color:var(--hv-ink,#0a2350)}
.hpanel .hpick-b{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;text-align:left;background:#fff;border:1.5px solid rgba(26,106,255,.35);border-radius:16px;padding:12px 16px;font:inherit;cursor:pointer;color:var(--hv-ink,#0a2350);box-shadow:0 1px 4px rgba(10,35,80,.06)}
.hpanel .hpick-b:hover{border-color:var(--hv-blue,#1A6AFF);background:#f5f8ff}
.hpanel .hpick-b:focus-visible{outline:3px solid var(--hv-blue,#1A6AFF);outline-offset:2px}
.hpanel .hpick-b b{font-size:15px;font-weight:600}
.hpanel .hpick-b span{font-size:13px;color:var(--hv-muted,#6b7280)}
.hpanel .hhint{margin:0;font-size:12.5px;color:var(--hv-muted,#6b7280)}
.hpanel .hhint:empty{display:none}
.hpanel.nochoice .hchips{display:none}