/* Same system as the AIL vs Brokerage Pay tool: inputs left, verdict right, one screen */
:root{
  --bg:#f8fafc; --surface:#ffffff; --sunk:#f3f6fb; --line:#e5e9f0;
  --fg:#0f172a; --muted:#64748b;
  --navy-800:#0b1e3e; --navy-700:#102d5d; --navy-600:#1d4280; --navy-500:#2f5aa5; --navy-200:#c9d6ec; --navy-100:#e4ebf6; --navy-50:#f3f6fb;
  --globe:var(--navy-700); --globe-soft:var(--navy-50);
  --warn:#8a5a00; --warn-soft:#fdf3e1;
  --good:#127a45; --bad:#b42318; --bad-soft:#fdecea;
  --f-display:"Montserrat","Inter",ui-sans-serif,system-ui,sans-serif;
  --f-body:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-num:"Inter",ui-sans-serif,system-ui,sans-serif;
  color-scheme:light;
}

*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bg);color:var(--fg);font-family:var(--f-body);font-size:14px;line-height:1.4}
.wrap{max-width:1180px;margin:0 auto;padding:14px 16px;display:grid;gap:12px}
header{display:flex;align-items:baseline;justify-content:space-between;gap:6px 16px;flex-wrap:wrap}
.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:600}
h1{font-family:var(--f-display);font-weight:800;font-size:clamp(20px,2.6vw,26px);letter-spacing:-.01em;margin:2px 0 0}
h2{font-family:var(--f-display);font-weight:700;font-size:14px;margin:0;letter-spacing:.005em}
.num{font-family:var(--f-num);font-variant-numeric:tabular-nums}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:14px;min-width:0}
.top{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
@media (min-width:760px){.top{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}

/* fields */
.lbl{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:600;margin-bottom:4px}
.field{display:flex;align-items:center;background:var(--sunk);border:1px solid var(--line);border-radius:7px;padding:0 9px;min-width:0;height:36px}
.field:focus-within{border-color:var(--globe);box-shadow:0 0 0 3px var(--globe-soft)}
.field>span{color:var(--muted);font-family:var(--f-num);font-size:13px}
.field input{flex:1;min-width:0;width:100%;border:0;background:transparent;color:var(--fg);font:500 15px var(--f-num);padding:0 4px;outline:none;height:100%}
.field select{flex:1;min-width:0;width:100%;border:0;background:transparent;color:var(--fg);font:500 13.5px var(--f-body);outline:none;cursor:pointer;height:100%}
.field select option{background:var(--surface);color:var(--fg)}
.seg{display:flex;background:var(--sunk);border:1px solid var(--line);border-radius:7px;padding:2px;gap:2px;height:36px}
.seg button{flex:1;border:0;background:transparent;color:var(--muted);font:600 12.5px var(--f-body);border-radius:5px;cursor:pointer;padding:0 6px;white-space:nowrap}
.seg button[aria-pressed=true]{background:var(--surface);color:var(--fg);box-shadow:0 1px 2px rgba(0,0,0,.1)}
.seg button:disabled{opacity:.35;cursor:not-allowed}
button:focus-visible,input:focus-visible{outline:2px solid var(--globe);outline-offset:2px}

/* left panel sections */
.sec+.sec{margin-top:10px;padding-top:10px;border-top:1px dashed var(--line)}
.sec-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.left{container-type:inline-size}
.client{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
#agefield select{font:600 14.5px var(--f-num);padding-right:2px}
.client .c-dob{grid-column:span 3}.client .c-age{grid-column:span 1}.client .c-st{grid-column:span 2}.client .c-sex,.client .c-tob{grid-column:span 3}
@container (min-width:600px){.client{grid-template-columns:150px 72px 76px minmax(0,1fr) minmax(0,1fr)}.client>div{grid-column:auto!important}}
.field input[type=date]{font:500 14px var(--f-num);color-scheme:inherit}
.field.auto{background:var(--globe-soft);border-color:transparent}
.dobnote{grid-column:1/-1;font-size:12px;color:var(--muted);margin-top:-2px}
.dobnote.bad{color:var(--bad)}
.dobnote:empty{display:none}

.covs{display:grid;gap:5px}
.cov{display:grid;grid-template-columns:minmax(0,1fr) minmax(104px,.7fr) 108px 30px;gap:6px;align-items:center;padding-left:8px;border-left:3px solid var(--line)}
.cov.base{border-left-color:var(--globe)}
.cov .soldx{font-size:12px;color:var(--muted);text-align:center}
.cov .err{grid-column:1/-1;font-size:12px;color:var(--bad);margin-top:-2px}
.cov .err:empty{display:none}
@media (max-width:520px){.cov{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 30px}.cov>.field:first-child{grid-column:1/-1}}
.icon{width:30px;height:30px;padding:0;border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:6px;font-size:17px;line-height:1;cursor:pointer}
.icon:hover{border-color:var(--bad);color:var(--bad)}
.icon[hidden]{display:block!important;visibility:hidden}
.add{font:600 12.5px var(--f-body);border:1px dashed var(--line);background:transparent;color:var(--globe);border-radius:6px;padding:5px 10px;cursor:pointer}
.add:hover{border-color:var(--globe)}

.riders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
@media (max-width:520px){.riders{grid-template-columns:1fr}}
.rider{border:1px solid var(--line);border-radius:8px;padding:0 6px 0 9px;display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;min-width:0;background:var(--surface);min-height:38px}
.rider label.chk{flex:1 1 auto;min-width:0;padding:6px 0;white-space:nowrap}
.rider .x{flex:0 0 auto;width:86px}
.rider:not(.wide){flex-wrap:nowrap}.rider:not(.wide) label.chk{overflow:hidden;text-overflow:ellipsis}
.rider:not(.wide):has(.na-why:not(:empty)){flex-wrap:wrap}
.rider.wide .x{width:auto;flex:1 1 300px;max-width:360px}
.na-why{flex-basis:100%;padding-bottom:5px}
input[type=number]{-moz-appearance:textfield;appearance:textfield}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.rider.wide{grid-column:1/-1}
.rider label.chk{display:flex;align-items:center;gap:8px;font-weight:600;font-size:12.5px;cursor:pointer;line-height:1.25}
.rider input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:var(--globe);flex-shrink:0}
.rider:not(.off){border-color:var(--globe);background:var(--globe-soft)}
.rider.off .x{display:none}
.rider .x{display:flex;gap:6px}
.rider .x .field,.rider .x .seg{height:30px;flex:1}
.rider .x .field{background:var(--surface)}
.rider .x .seg{background:var(--surface)}
.rider .x .seg button[aria-pressed=true]{background:var(--globe-soft)}
.rider .x .field input{font-size:13.5px}
.rider .x .field>span{font-size:11.5px;white-space:nowrap}
.rider.na{opacity:.55}
.na-why{font-size:11.5px;color:var(--bad)}
.rider.off .na-why{display:none}
.na-why:empty{display:none}

/* verdict */
.verdict{display:flex;flex-direction:column;gap:10px}
.hero{background:var(--globe-soft);border-radius:8px;padding:12px 14px}
.hero .who{font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--globe)}
.hero .big{font:600 clamp(28px,3.6vw,36px)/1.1 var(--f-num);font-variant-numeric:tabular-nums;margin:4px 0 2px}
.hero .big small{font-size:14px;color:var(--muted);font-weight:500}
.hero .sub{font-size:12.5px;color:var(--muted)}
.hero .cov-tot{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);margin-top:8px;padding-top:7px;font-size:12.5px}
.hero .cov-tot b{font:600 16px var(--f-num);color:var(--fg)}
.blocked .big{opacity:.4}
.split{display:grid;gap:0;font-size:13px}
.split .ln{display:flex;justify-content:space-between;gap:10px;padding:4px 0;border-bottom:1px solid var(--line)}
.split .ln:last-child{border-bottom:0}
.split .ln .n small{color:var(--muted);font-size:11.5px;margin-left:6px}
.split .ln .v{font-family:var(--f-num);font-variant-numeric:tabular-nums;white-space:nowrap}
.split .grp{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:600;padding:7px 0 1px;border:0}
.split .empty{color:var(--muted);padding:6px 0}
.modes{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.modes>div{background:var(--sunk);border-radius:7px;padding:6px 8px}
.modes .k{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:600}
.modes .v{font:600 14px var(--f-num);font-variant-numeric:tabular-nums}
.msgs{display:grid;gap:4px}
.msgs:empty{display:none}
.msg{font-size:12px;padding:5px 9px;border-radius:6px;background:var(--warn-soft);color:var(--warn)}
.msg.bad{background:var(--bad-soft);color:var(--bad)}
.act{display:flex;gap:6px}
.btn{flex:1;font:600 13px var(--f-body);border:1px solid var(--globe);background:var(--globe);color:#fff;border-radius:7px;height:36px;cursor:pointer}
.btn.ghost{background:var(--surface);color:var(--fg);border-color:var(--line)}
.btn.ghost:hover{border-color:var(--globe)}

/* fit the viewport on wide screens: page never scrolls; only the line list scrolls if it gets long */
@media (min-width:760px) and (min-height:560px){
  html,body{height:100%;overflow:hidden}
  .wrap{height:100vh;grid-template-rows:auto minmax(0,1fr)}
  .top{min-height:0;align-items:start}
  .top>.panel{min-height:0}
  .top>.panel{overflow:auto;max-height:100%}
  .verdict{overflow:hidden}
  .split{flex:1;min-height:0;overflow:auto;align-content:start}
}

/* ---- JG Financial site scheme: navy + white, Inter/Montserrat, gradient pill buttons ---- */
body{background:linear-gradient(180deg,#fff 0%,#f5f7fb 60%,#f8fafc 100%);font-feature-settings:"tnum" 1}
.num,.field input,.hero .big,.modes .v,.split .ln .v,.hero .cov-tot b{font-variant-numeric:tabular-nums}
h1{font-family:var(--f-display);font-weight:800;letter-spacing:-.03em;color:var(--navy-800);font-size:clamp(19px,2.3vw,24px);margin:1px 0 0;line-height:1.1}
h2{font-family:var(--f-display);font-weight:800;letter-spacing:-.02em;color:var(--navy-800);font-size:14px}
.accent{color:var(--navy-500)}
.eyebrow{color:var(--navy-600);letter-spacing:.08em;font-size:10.5px;display:flex;align-items:center;gap:6px}
.eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--navy-500)}
header{align-items:center}
.brand{display:flex;align-items:center;gap:14px;min-width:0}
.logo{height:30px;width:auto;display:block}
.divider{width:1px;height:30px;background:var(--line)}
@media (max-width:480px){.divider{display:none}.brand{flex-wrap:wrap;gap:6px 12px}}
.pill{font-size:11.5px;font-weight:600;color:var(--navy-700);background:var(--navy-50);border:1px solid var(--navy-100);border-radius:999px;padding:4px 11px}
.panel{border-radius:16px;border-color:var(--line);box-shadow:0 1px 2px rgba(15,23,42,.04),0 12px 32px -20px rgba(16,45,93,.18)}
.lbl{color:var(--muted);font-size:10.5px}
.field{background:#fff;border-color:var(--line);border-radius:10px}
.field:focus-within{border-color:var(--navy-500);box-shadow:0 0 0 3px var(--navy-100)}
.field input{font:600 14.5px var(--f-num)}
.field.auto{background:var(--navy-50);border-color:var(--navy-200)}
.seg{background:var(--navy-50);border-color:var(--line);border-radius:10px}
.seg button{border-radius:8px;color:#475569}
.seg button[aria-pressed=true]{color:#fff;background:linear-gradient(#2a55a0 0%,#102d5d 60%,#0b1e3e 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 4px 12px -4px rgba(16,45,93,.55)}
.cov{border-left-color:var(--navy-100)}
.cov.base{border-left-color:var(--navy-700)}
.add{color:var(--navy-700);border-color:var(--navy-200);border-radius:999px;padding:5px 12px}
.add:hover{background:var(--navy-50);border-color:var(--navy-700)}
.icon{border-radius:8px}
.rider{border-radius:10px}
.rider:not(.off){border-color:var(--navy-200);background:var(--navy-50)}
.rider input[type=checkbox]{accent-color:var(--navy-700)}
.rider .x .seg button[aria-pressed=true]{background:linear-gradient(#2a55a0 0%,#102d5d 60%,#0b1e3e 100%)}
.hero{position:relative;overflow:hidden;color:#fff;border-radius:14px;background:radial-gradient(70% 90% at 100% 0,rgba(47,90,165,.55),transparent 70%),linear-gradient(160deg,#102d5d,#0b1e3e)}
.hero .who{color:#c9d6ec}
.hero .big{font:800 clamp(30px,3.8vw,38px)/1.05 var(--f-display);letter-spacing:-.03em}
.hero .big small{color:rgba(255,255,255,.65);font-family:var(--f-body);font-weight:500}
.hero .sub{color:rgba(255,255,255,.72)}
.hero .cov-tot{border-top-color:rgba(255,255,255,.15)}
.hero .cov-tot .eyebrow{color:#c9d6ec}
.hero .cov-tot b{font:700 16px var(--f-body);color:#fff}
.split .ln{border-bottom-color:var(--line)}
.split .ln .v{font-weight:600;color:var(--navy-800)}
.split .grp{color:var(--navy-600)}
.modes>div{background:var(--navy-50);border:1px solid var(--navy-100);border-radius:10px}
.modes .k{color:var(--navy-600)}
.modes .v{font:700 14px var(--f-body);color:var(--navy-800)}
.msg{border-radius:8px}
.btn{position:relative;overflow:hidden;isolation:isolate;border-radius:999px;height:38px;font:600 13px var(--f-body);color:#fff;border:1px solid #0b1e3e;background:linear-gradient(#2a55a0 0%,#102d5d 55%,#0b1e3e 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(11,30,62,.3),0 10px 24px -8px rgba(16,45,93,.65);transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s}
.btn:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 2px 4px rgba(11,30,62,.3),0 18px 36px -10px rgba(29,66,128,.75)}
.btn::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.28) 50%,transparent 70%);transform:translateX(-120%);transition:transform .7s}
.btn:hover::after{transform:translateX(120%)}
.btn.ghost{color:var(--navy-800);background:#fff;border-color:var(--navy-200);box-shadow:0 1px 2px rgba(15,23,42,.06),0 6px 16px -10px rgba(16,45,93,.3)}
.btn.ghost:hover{border-color:var(--navy-700)}
.btn.ghost::after{background:linear-gradient(110deg,transparent 30%,rgba(47,90,165,.12) 50%,transparent 70%)}
.verdict>.hero,.verdict>.modes,.verdict>.act,.verdict>.msgs{flex-shrink:0}
.rider .x .field input{font-size:13px}.rider .x{width:92px}.rider .x .field{padding:0 7px}
@media (prefers-reduced-motion:reduce){.btn,.btn::after{transition:none}.btn:hover{transform:none}}

/* ---- clear visual hierarchy: each kind of item has its own color, matched left (inputs) to right (quote) ---- */
:root{--cov:#102d5d;--cov-soft:#e4ebf6;--rid:#0f766e;--rid-soft:#ddf3ef;--rid-line:#99d5cb;--wp:#6d28d9;--wp-soft:#efe8fd;--wp-line:#c9b5f5;--field:#f8fafc;--field-line:#cbd5e1}
h2{display:flex;align-items:center;gap:8px;font-size:14.5px}
.step{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font:700 11.5px var(--f-body);color:#fff;background:linear-gradient(#2f5aa5,#0b1e3e);box-shadow:0 4px 10px -4px rgba(16,45,93,.6)}
.step.c-rid{background:linear-gradient(#14a394,#0f766e);box-shadow:0 4px 10px -4px rgba(15,118,110,.6)}
.sec+.sec{border-top:1px solid var(--line)}
.key{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--muted)}
.key i{width:9px;height:9px;border-radius:3px;display:inline-block;margin-left:6px}
.k-rid{background:var(--rid)}.k-wp{background:var(--wp)}
/* inputs read as inputs */
.lbl{color:#475569;font-weight:700}
.field{background:var(--field);border:1px solid var(--field-line)}
.field input,.field select{color:var(--navy-800)}
.field.auto{background:var(--navy-100);border-color:var(--navy-500)}
.field.auto input{color:var(--navy-700)}
.seg{background:#eef2f7;border-color:var(--field-line)}
.seg button{color:#334155}
.seg button:disabled{opacity:.3;text-decoration:line-through}
.dobnote{font-weight:600;color:var(--navy-600)}
.dobnote.bad{color:var(--bad)}
/* coverage rows */
.cov{border-left:4px solid var(--navy-200);border-radius:4px 10px 10px 4px;padding:4px 5px 4px 8px;background:#fff}
.cov.base{border-left-color:var(--cov);background:var(--cov-soft)}
.cov.base .soldx{font-weight:700;color:var(--cov);text-transform:uppercase;letter-spacing:.06em;font-size:11px}
.cov .err{font-weight:600}
/* riders: off = quiet, on = colored, unavailable = clearly greyed */
.rider{background:#fff;border:1px solid var(--line)}
.rider label.chk{color:#475569;font-weight:600}
.rider input[type=checkbox]{accent-color:var(--rid)}
.rider:not(.off){border:1.5px solid var(--rid);background:var(--rid-soft)}
.rider:not(.off) label.chk{color:#0b3d38;font-weight:700}
.rider.wp input[type=checkbox]{accent-color:var(--wp)}
.rider.wp:not(.off){border-color:var(--wp);background:var(--wp-soft)}
.rider.wp:not(.off) label.chk{color:#3b1677}
.rider:not(.off) .x .field{background:#fff;border-color:var(--rid-line)}
.rider:not(.off) .x .seg button[aria-pressed=true]{background:linear-gradient(#14a394,#0f766e)}
.rider.na{opacity:1;background:#f1f5f9;border-style:dashed}
.rider.na label.chk{color:#94a3b8}
.rider.na:not(.off){border-color:var(--bad);background:var(--bad-soft)}
/* quote panel */
.hero .big{color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.25)}
.hero .cov-tot{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:8px 10px;margin-top:10px}
.hero .cov-tot b{font-size:18px;font-weight:800;font-family:var(--f-display);letter-spacing:-.02em}
.blocked .split{opacity:.4}
.blocked .hero{background:linear-gradient(160deg,#475569,#1e293b)}
.split .grp{display:flex;align-items:center;gap:6px;font-weight:800;font-size:10.5px;padding:9px 0 3px}
.split .grp::before{content:"";width:9px;height:9px;border-radius:3px;background:currentColor}
.split .grp.g-cov{color:var(--cov)}.split .grp.g-rid{color:var(--rid)}.split .grp.g-wp{color:var(--wp)}
.split .ln{padding:5px 0 5px 10px;position:relative}
.split .ln::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:2px;background:var(--cov)}
.split .ln.g-rid::before{background:var(--rid)}.split .ln.g-wp::before{background:var(--wp)}
.split .ln .n{color:#1e293b;font-weight:500}
.split .ln .n small{color:#94a3b8}
.split .ln .v{font-weight:700;color:var(--navy-800)}
.modes>div{background:#fff;border:1px solid var(--line)}
.modes .k{color:var(--muted)}
.modes .v{color:#1e293b}
.msg{display:flex;gap:8px;align-items:flex-start;font-weight:500;border:1px solid #f3d29a;background:#fff7e8;color:#7a4b00}
.msg b{flex-shrink:0;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#d97706;color:#fff;font-size:10.5px;font-family:var(--f-body);margin-top:1px}
.msg.bad{border-color:#f2b8b0;background:var(--bad-soft);color:#8f1d12;font-weight:600}
.msg.bad b{background:var(--bad)}

/* quote-by-premium */
.sec-tools{display:flex;align-items:center;gap:6px}
.seg.mini{height:28px;padding:2px}
.seg.mini button{font-size:11.5px;padding:0 9px}
.field.prem{background:#fff7e8;border-color:#e8b866}
.field.prem:focus-within{border-color:#c47f0a;box-shadow:0 0 0 3px #fdeccc}
.field.prem>span{color:#9a6400}
.cov .solved{grid-column:1/-1;display:flex;align-items:baseline;gap:8px;font-size:12px;margin-top:-1px}
.cov .solved:empty{display:none}
.cov .solved span{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--navy-600)}
.cov .solved b{font:800 16px var(--f-display);letter-spacing:-.02em;color:var(--navy-800)}
.cov .solved em{font-style:normal;color:var(--muted)}
@media (max-width:420px){.seg.mini button{padding:0 6px;font-size:11px}}

/* shorter screens: tighten everything a notch so a full quote still fits */
@media (min-width:760px) and (max-height:780px){
  .wrap{padding:10px 14px;gap:10px}
  .panel{padding:12px}
  .field,.seg{height:32px}
  .rider{min-height:32px}.rider label.chk{padding:4px 0}
  .rider .x .field,.rider .x .seg{height:27px}
  .sec+.sec{margin-top:8px;padding-top:8px}
  .sec-h{margin-bottom:6px}
  .lbl{margin-bottom:2px}
  .client{gap:6px 8px}
  .riders{gap:5px}
  .covs{gap:4px}
  .cov{padding:3px 5px 3px 8px}
  .icon{width:28px;height:28px}
  .logo{height:26px}
  .hero{padding:10px 12px}
  .verdict{gap:8px}
}

.hint2{font-size:11.5px;color:var(--muted)}.hint2 b{color:var(--navy-700)}
.cov{grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr) 108px 30px!important;row-gap:5px}
.cov>.field:first-child{grid-column:1/3}
.cov .ff{grid-column:1;grid-row:2}
.cov .pf{grid-column:2/-1;grid-row:2}
.cov .err{grid-row:3}
.field .pre{font:700 9.5px var(--f-body);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);white-space:nowrap;margin-right:5px}
.field .wpx{font-size:11px;white-space:nowrap;color:var(--muted)}
.cov .field.auto{background:var(--navy-100);border-color:var(--navy-200)}
.cov .field.auto input{color:var(--navy-700)}
.cov .field.ff.auto input{font-weight:800}
.cov .field:not(.auto){background:#fff;border-color:var(--navy-500)}
.cov .field:first-child{background:#fff;border-color:var(--field-line)}
@media (max-width:520px){.cov{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 30px!important}.cov>.field:first-child{grid-column:1/-1}.cov .sold{grid-column:1/3;grid-row:2}.cov .icon{grid-row:2}.cov .ff{grid-row:3;grid-column:1}.cov .pf{grid-row:3;grid-column:2/-1}.cov .err{grid-row:3}}

.field input:focus-visible,.field select:focus-visible{outline:none}

/* the box the agent typed in glows navy; the box the quoter filled in is quiet navy-tint. Same for Face and Premium. */
.cov .field.ff,.cov .field.pf{transition:box-shadow .18s,border-color .18s,background .18s}
.cov .field.ff:not(.auto),.cov .field.pf:not(.auto){background:#fff!important;border:1.5px solid var(--navy-500)!important;box-shadow:0 0 0 3px rgba(47,90,165,.22),0 0 18px 0 rgba(47,90,165,.5)!important}
.cov .field.ff:not(.auto) input,.cov .field.pf:not(.auto) input{color:var(--navy-800);font-weight:800}
.cov .field.ff:not(.auto) .pre,.cov .field.pf:not(.auto) .pre{color:var(--navy-600)}
.cov .field.auto{background:var(--navy-50)!important;border:1px solid var(--navy-200)!important;box-shadow:none}
.cov .field.auto input{color:var(--navy-700);font-weight:600!important}
.cov .field.ff.auto input{font-weight:600!important}

/* ---- tabs ---- */
[hidden]{display:none!important}
.brand .eyebrow{white-space:nowrap}
@media (min-width:760px) and (max-width:920px){.brand .eyebrow{display:none}.brand h1{font-size:20px}}
.icon[hidden]{display:block!important;visibility:hidden}
header{flex-wrap:wrap}
.tabs{display:flex;gap:3px;padding:3px;background:#fff;border:1px solid var(--line);border-radius:999px;box-shadow:0 1px 2px rgba(15,23,42,.05)}
.tab{border:0;background:transparent;border-radius:999px;padding:6px 16px;font:600 13px var(--f-body);color:#334155;cursor:pointer;white-space:nowrap}
.tab:hover{background:var(--navy-50);color:var(--navy-700)}
.tab[aria-selected=true]{color:#fff;background:linear-gradient(#2a55a0 0%,#102d5d 60%,#0b1e3e 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 4px 12px -4px rgba(16,45,93,.55)}
@media (min-width:760px){header{display:grid;grid-template-columns:1fr auto 1fr}.tabs{justify-self:center}.pill{justify-self:end}}
@media (max-width:759px){.tabs{order:3;width:100%}.tab{flex:1}}
/* ---- Globe tips ---- */
.tips{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:0 1px 2px rgba(15,23,42,.04),0 12px 32px -20px rgba(16,45,93,.18);min-height:0;overflow:auto;display:flex;flex-direction:column;gap:12px}
.tips-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.tips-title{font-size:20px!important}
.nav-tip{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:12.5px;color:#334155;background:var(--navy-50);border:1px solid var(--navy-100);border-radius:12px;padding:7px 12px}
.nav-k{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--navy-600)}
.nav-tip .sep{width:1px;height:16px;background:var(--navy-200)}
.tip-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));align-content:start}
@media (min-width:1100px){.tip-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.tip{border:1px solid var(--line);border-radius:14px;padding:12px 13px;background:linear-gradient(180deg,#fff,#fbfcfe);display:flex;flex-direction:column;gap:8px;transition:border-color .2s,box-shadow .2s,transform .2s}
.tip:hover{border-color:var(--navy-200);box-shadow:0 12px 32px -14px rgba(16,45,93,.25);transform:translateY(-1px)}
.tip-h{display:flex;align-items:center;gap:9px}
.tip h3{margin:0;font:800 14.5px var(--f-display);letter-spacing:-.02em;color:var(--navy-800)}
.tip ul{margin:0;padding:0;list-style:none;display:grid;gap:5px}
.tip li{position:relative;padding-left:14px;font-size:13px;line-height:1.45;color:#334155}
.tip li::before{content:"";position:absolute;left:2px;top:.55em;width:5px;height:5px;border-radius:50%;background:var(--navy-500)}
.tip b{color:var(--navy-800)}
.tip .lead{margin:0;font-size:12px;font-weight:700;color:var(--navy-600);text-transform:uppercase;letter-spacing:.06em}
.tip .muted{color:var(--muted)}
.tip a{color:var(--navy-500);font-weight:700;text-decoration:underline;text-underline-offset:2px}
kbd{display:inline-block;font:700 11px var(--f-body);letter-spacing:.04em;color:var(--navy-800);background:#fff;border:1px solid var(--navy-200);border-bottom-width:2px;border-radius:6px;padding:1px 6px;margin:0 1px;white-space:nowrap}
.nav-tip kbd{background:#fff}
.pairs{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.pairs div{background:var(--navy-50);border:1px solid var(--navy-100);border-radius:10px;padding:6px 9px;display:grid;gap:1px}
.pairs span{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--navy-600)}
.pairs b{font-size:13.5px}
.alert{font-size:12.5px;line-height:1.45;color:#8f1d12;background:var(--bad-soft);border:1px solid #f2b8b0;border-radius:10px;padding:7px 10px}
.alert b{color:#8f1d12}
.answers{display:grid;gap:5px}
.answers div{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12.5px;color:#334155;border:1px solid var(--line);border-radius:10px;padding:6px 9px}
.answers em{font-style:normal;font:800 11px var(--f-body);letter-spacing:.06em;border-radius:999px;padding:2px 9px;color:#fff}
.answers .yes{background:var(--good)}.answers .no{background:var(--bad)}
.ready{display:inline-block;font-weight:700;color:var(--good);background:#e3f5ea;border:1px solid #b5e3c6;border-radius:999px;padding:0 8px}
@media (min-width:760px) and (min-height:560px){.tips{max-height:100%;align-self:start}}
.tip-grid{display:block!important;columns:215px 4;column-gap:10px}
.tip{break-inside:avoid;margin-bottom:10px;display:inline-flex!important;width:100%}
@media (min-width:760px) and (max-height:780px){.tips{padding:10px 12px;gap:8px}.tips-title{font-size:17px!important}.tip{padding:9px 11px;gap:6px;margin-bottom:8px}.tip-grid{column-gap:8px}.tip li{font-size:12.5px;line-height:1.4}.tip ul{gap:4px}.nav-tip{padding:5px 10px;font-size:12px}}

/* ---- drag sliders ---- */
.cov .sw-f{grid-column:1;grid-row:3}.cov .sw-p{grid-column:2/-1;grid-row:3}
.sl-wrap{display:flex;align-items:center;height:16px;padding:0 4px;margin-top:-1px}
.sl{-webkit-appearance:none;appearance:none;width:100%;height:16px;background:transparent;cursor:pointer;margin:0;--p:0%}
.sl:disabled{opacity:.35;cursor:not-allowed}
.sl::-webkit-slider-runnable-track{height:5px;border-radius:999px;background:linear-gradient(90deg,var(--navy-500) 0 var(--p),var(--navy-100) var(--p) 100%)}
.sl::-moz-range-track{height:5px;border-radius:999px;background:var(--navy-100)}
.sl::-moz-range-progress{height:5px;border-radius:999px;background:var(--navy-500)}
.sl::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;margin-top:-5.5px;border-radius:50%;background:linear-gradient(#2f5aa5,#0b1e3e);border:2px solid #fff;box-shadow:0 1px 3px rgba(11,30,62,.4);transition:transform .12s,box-shadow .12s}
.sl::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:linear-gradient(#2f5aa5,#0b1e3e);border:2px solid #fff;box-shadow:0 1px 3px rgba(11,30,62,.4)}
.sl:not(.on)::-webkit-slider-thumb{background:#fff;border:2px solid var(--navy-200);box-shadow:0 1px 2px rgba(11,30,62,.2)}
.sl:not(.on)::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--navy-200) 0 var(--p),var(--navy-50) var(--p) 100%)}
.sl:not(.on)::-moz-range-thumb{background:#fff;border:2px solid var(--navy-200)}
.sl:not(.on)::-moz-range-progress{background:var(--navy-200)}
.sl.on::-webkit-slider-thumb{box-shadow:0 0 0 4px rgba(47,90,165,.2),0 0 12px rgba(47,90,165,.55)}
.sl:hover::-webkit-slider-thumb,.sl:active::-webkit-slider-thumb{transform:scale(1.15)}
.sl:focus-visible{outline:none}.sl:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px rgba(47,90,165,.35)}
@media (max-width:520px){.sl-wrap{height:24px}.sl{height:24px}.sl::-webkit-slider-thumb{width:22px;height:22px;margin-top:-8.5px}}

.cov .field.ff,.cov .field.pf{position:relative;overflow:visible}

/* ---- order inside each coverage card: slider row, amount boxes, then plan selection ---- */
.cov .sw-f{grid-column:1!important;grid-row:1!important}
.cov .sw-p{grid-column:2/-1!important;grid-row:1!important}
.cov .ff{grid-column:1!important;grid-row:2!important}
.cov .pf{grid-column:2/-1!important;grid-row:2!important}
.cov>.field:first-child{grid-column:1/3!important;grid-row:3!important}
.cov .sold{grid-column:3!important;grid-row:3!important}
.cov .icon{grid-column:4!important;grid-row:3!important}
.cov .err{grid-row:4!important}
.cov{padding-top:7px!important;padding-bottom:5px!important;row-gap:6px!important}
.cov .sl-wrap{height:18px;padding:0 6px;margin:0;display:flex;align-items:center}
.cov .sl-wrap .sl{position:static;width:100%;height:18px}
@media (max-width:520px){
  .cov .sw-f{grid-column:1/-1!important;grid-row:1!important}.cov .ff{grid-column:1/-1!important;grid-row:2!important}
  .cov .sw-p{grid-column:1/-1!important;grid-row:3!important}.cov .pf{grid-column:1/-1!important;grid-row:4!important}
  .cov>.field:first-child{grid-column:1/-1!important;grid-row:5!important}
  .cov .sold{grid-column:1/3!important;grid-row:6!important}.cov .icon{grid-column:3!important;grid-row:6!important}
  .cov .err{grid-row:7!important}
  .cov .sl-wrap{height:26px}.cov .sl-wrap .sl{height:26px}
  .cov>.field:first-child,.cov .sold,.cov .icon{margin-top:0}
  .cov{row-gap:6px!important;padding-top:8px!important}
}
@container (min-width:500px){.riders{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ---- multiple clients ---- */
.clients{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.ctab{display:flex;align-items:center;border:1px solid var(--line);border-radius:999px;background:#fff;overflow:hidden}
.ctab button{border:0;background:transparent;cursor:pointer;font:600 12.5px var(--f-body);color:#334155;padding:5px 4px 5px 12px;display:flex;align-items:baseline;gap:6px}
.ctab button small{font-size:11px;color:var(--muted);font-weight:500}
.ctab .cx{padding:5px 10px 5px 6px;font-size:15px;line-height:1;color:var(--muted)}
.ctab .cx:hover{color:var(--bad)}
.ctab.on{background:linear-gradient(#2a55a0 0%,#102d5d 60%,#0b1e3e 100%);border-color:#0b1e3e;box-shadow:0 4px 12px -4px rgba(16,45,93,.55)}
.ctab.on button,.ctab.on .cx{color:#fff}.ctab.on button small{color:#c9d6ec}
.add-client{width:100%;margin-top:10px;font:600 12.5px var(--f-body);color:var(--navy-700);background:var(--navy-50);border:1px dashed var(--navy-200);border-radius:12px;padding:7px;cursor:pointer}
.add-client:hover{border-color:var(--navy-700);background:var(--navy-100)}
.house{display:grid;gap:4px;border:1px solid var(--navy-100);background:var(--navy-50);border-radius:12px;padding:8px 10px;flex-shrink:0}
.house .h-h{display:flex;justify-content:space-between;align-items:baseline}
.house .h-h span{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--navy-600)}
.house .h-h b{font:800 18px var(--f-display);letter-spacing:-.02em;color:var(--navy-800)}
.house .h-h b small{font:500 12px var(--f-body);color:var(--muted)}
.house .h-row{display:flex;justify-content:space-between;align-items:baseline;border:0;background:transparent;padding:3px 6px;border-radius:7px;font:500 12.5px var(--f-body);color:#334155;cursor:pointer;text-align:left}
.house .h-row small{color:var(--muted)}
.house .h-row .v{font-weight:700;color:var(--navy-800)}
.house .h-row.on{background:#fff;box-shadow:inset 3px 0 0 var(--navy-700)}
.house .h-row:hover{background:#fff}
@media (min-width:760px) and (max-height:780px){.add-client{margin-top:8px;padding:5px}.clients{margin-bottom:8px;padding-bottom:8px}}
/* ---- stacked clients ---- */
.qwrap{display:flex;flex-direction:column;gap:12px;min-width:0}
#blocks{display:flex;flex-direction:column;min-width:0;min-height:0}
.cblock{display:flex;flex-direction:column;gap:8px;min-width:0}
.cb-head{display:none}
html.multi .cb-head{display:flex;align-items:center;gap:10px;padding:2px 4px 0}
.cb-n{font:800 15px var(--f-display);letter-spacing:-.02em;color:#fff;background:linear-gradient(#2a55a0 0%,#102d5d 60%,#0b1e3e 100%);border-radius:999px;padding:4px 14px;box-shadow:0 4px 12px -4px rgba(16,45,93,.55)}
.cb-who{font-size:13px;color:var(--muted);font-weight:600}
.cb-tot{margin-left:auto;font:800 15px var(--f-display);color:var(--navy-800)}
.cb-x{border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:999px;font:600 12px var(--f-body);padding:4px 10px;cursor:pointer}
.cb-x:hover{border-color:var(--bad);color:var(--bad)}

.add-client{display:none}
.cblock:last-child .add-client{display:block}
.household{position:sticky;top:8px;z-index:20;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;gap:10px 16px;align-items:center;color:#fff;border-radius:16px;padding:12px 16px;
  background:radial-gradient(70% 120% at 100% 0,rgba(47,90,165,.55),transparent 70%),linear-gradient(160deg,#102d5d,#0b1e3e);box-shadow:0 18px 40px -18px rgba(11,30,62,.7)}
.hh-k{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#c9d6ec}
.hh-big{font:800 clamp(26px,3.4vw,34px)/1.05 var(--f-display);letter-spacing:-.03em;margin-top:2px}
.hh-big small{font:500 13px var(--f-body);color:rgba(255,255,255,.65);margin-left:2px}
.hh-sub{font-size:12px;color:rgba(255,255,255,.72);margin-top:2px}.hh-sub b{color:#fff}
.hh-list{display:grid;gap:4px}
.hh-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:#fff;border-radius:9px;padding:5px 10px;font:600 12.5px var(--f-body);cursor:pointer;text-align:left}
.hh-row:hover{background:rgba(255,255,255,.16)}
.hh-row small{margin-left:6px;color:#c9d6ec;font-weight:500}
.hh-row b{font-weight:800}
.household .hh-copy{flex:none;width:auto;padding:0 16px;background:#fff;color:var(--navy-800);border-color:#fff}
@media (max-width:760px){.household{grid-template-columns:1fr}.household .hh-copy{width:100%}}
/* with more than one client the page scrolls normally */
html.multi{height:auto!important;overflow:auto!important}html.multi body{height:auto!important;overflow:visible!important}
html.multi .wrap{height:auto!important;grid-template-rows:auto!important}
html.multi .top>.panel{max-height:none!important;overflow:visible!important}
html.multi .split{overflow:visible!important;flex:none!important}
html.multi .cblock+.cblock{margin-top:12px;padding-top:14px;border-top:2px dashed var(--navy-200)}
@media (min-width:760px){html.multi .verdict{position:sticky;top:150px;align-self:start}}
@media (min-width:760px) and (min-height:560px){html:not(.multi) .qwrap,html:not(.multi) #blocks{flex:1;min-height:0}html:not(.multi) .cblock{flex:1;min-height:0}html:not(.multi) .top{flex:1;min-height:0}}

.act .btn{min-width:0;padding:0 8px;white-space:nowrap}
.btn.ghost.danger{color:var(--bad);border-color:#f2b8b0}
.btn.ghost.danger:hover{border-color:var(--bad);background:var(--bad-soft)}
.btn.ghost.danger[data-armed]{background:var(--bad);color:#fff;border-color:var(--bad)}
.cb-x{color:var(--bad)!important;border-color:#f2b8b0!important;font-weight:700!important}
.cb-x:hover{background:var(--bad-soft)!important}
/* ===== Application tab ===== */
.appv{min-height:0;min-width:0;display:flex;flex-direction:column}
.app-pick{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 1px 2px rgba(15,23,42,.04),0 12px 32px -20px rgba(16,45,93,.18);display:grid;gap:14px;align-self:start;width:100%}
.pick-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.pick{display:grid;gap:4px;text-align:left;border:1px solid var(--navy-200);border-radius:14px;padding:16px;background:linear-gradient(180deg,#fff,var(--navy-50));cursor:pointer;font:500 13px var(--f-body);color:#334155;transition:transform .2s,box-shadow .2s,border-color .2s}
.pick b{font:800 20px var(--f-display);letter-spacing:-.02em;color:var(--navy-800)}
.pick .pk-age{justify-self:start;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:linear-gradient(#2a55a0,#102d5d);border-radius:999px;padding:2px 10px}
.pick em{font-style:normal;font-weight:700;color:var(--navy-600);margin-top:4px}
.pick:not(:disabled):hover{transform:translateY(-2px);border-color:var(--navy-700);box-shadow:0 14px 30px -16px rgba(16,45,93,.45)}
.pick:disabled{opacity:.55;cursor:not-allowed}
.app-work{display:grid;gap:12px;grid-template-columns:minmax(0,1fr);min-height:0;flex:1}
@media (min-width:900px){.app-work{grid-template-columns:minmax(0,1fr) 270px}}
.app-main{display:flex;flex-direction:column;min-height:0;padding:0!important;overflow:hidden}
.app-top{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.app-top .tips-title{font-size:17px!important;margin:0}
.cb-x.back{color:var(--navy-700)!important;border-color:var(--navy-200)!important}
.pgpill{margin-left:auto;font-size:11.5px;font-weight:700;color:var(--navy-700);background:var(--navy-50);border:1px solid var(--navy-100);border-radius:999px;padding:3px 10px}
.app-scroll{overflow:auto;min-height:0;flex:1;padding:12px 14px;display:block}
.app-side{display:flex;flex-direction:column;gap:8px;align-self:start}
.as-k{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--navy-600)}
.as-pct{display:flex;align-items:center;gap:10px}.as-pct b{font:800 22px var(--f-display);color:var(--navy-800);min-width:52px}
.as-bar{flex:1;height:8px;border-radius:999px;background:var(--navy-100);overflow:hidden}.as-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#2f5aa5,#102d5d);border-radius:999px;transition:width .25s}
.as-miss{display:flex;flex-wrap:wrap;gap:4px}
.miss{border:1px solid #f2b8b0;background:var(--bad-soft);color:#8f1d12;border-radius:999px;font:600 11.5px var(--f-body);padding:2px 9px;cursor:pointer}
.miss:hover{border-color:var(--bad)}
.as-miss .more{font-size:11.5px;color:var(--muted);align-self:center}
.as-miss .done{font-size:12.5px;font-weight:700;color:var(--good)}
.as-tot{display:flex;flex-direction:column;gap:1px;color:#fff;border-radius:12px;padding:10px 12px;background:radial-gradient(70% 90% at 100% 0,rgba(47,90,165,.55),transparent 70%),linear-gradient(160deg,#102d5d,#0b1e3e)}
.as-tot span{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#c9d6ec}.as-tot b{font:800 24px var(--f-display);letter-spacing:-.02em}
.app-side .btn{flex:none;width:100%}
.as-note{font-size:12px;font-weight:600;color:var(--good);min-height:0}
.as-priv{margin:0;font-size:11.5px;color:var(--muted);line-height:1.45}
/* form sections */
.asec-card{border:1px solid var(--line);border-radius:14px;padding:12px;margin-bottom:10px;background:#fff;scroll-margin-top:8px}
.ah{display:flex;align-items:center;gap:9px;margin-bottom:9px;flex-wrap:wrap}
.ah h3{margin:0;font:800 14.5px var(--f-display);letter-spacing:-.02em;color:var(--navy-800)}
.anum{display:grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:999px;font:700 11px var(--f-body);color:#fff;background:linear-gradient(#2f5aa5,#0b1e3e)}
.asub{margin-left:auto;font-size:11.5px;color:var(--muted)}
.anote{margin:6px 0 0;font-size:12px;color:var(--muted);line-height:1.45}.anote b{color:var(--navy-700)}
.af{width:100%;min-width:0;height:32px;border:1px solid var(--field-line);background:var(--field);border-radius:8px;padding:0 8px;font:500 13px var(--f-body);color:var(--navy-800)}
select.af{padding-right:2px}
.af:focus{outline:none;border-color:var(--navy-500);box-shadow:0 0 0 3px var(--navy-100);background:#fff}
.af.need,.am:has(.need) .af,.asec:has(.need) .af{border-color:#f0a59c;background:#fff8f7}
.af.tiny{width:44px}.af.inl{height:24px;font-size:12px}
.am{display:flex;align-items:center;gap:3px;min-width:0}.am i{font-style:normal;color:var(--muted);font-size:12px}.am .af{text-align:right;font-family:var(--f-num);font-weight:600}
.asec{display:flex;gap:4px}.asec .af{font-family:var(--f-num);letter-spacing:.06em}
.eye{border:1px solid var(--line);background:#fff;border-radius:8px;font:600 11px var(--f-body);color:var(--navy-700);padding:0 8px;cursor:pointer}
.afl{display:flex;flex-direction:column;gap:3px;min-width:0}.afl>span:first-child{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#475569}
.agrid{display:grid;gap:8px}.agrid.g2{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.agrid.g3{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.agrid.addr,.agrid.bank{grid-template-columns:repeat(4,minmax(0,1fr))}.afl.s2{grid-column:span 2}
@media (max-width:700px){.agrid.addr,.agrid.bank{grid-template-columns:repeat(2,minmax(0,1fr))}}
.dl{display:flex;gap:6px}.dl select{width:90px;flex:none}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.ack{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:#334155;cursor:pointer;white-space:nowrap}
.ack input{width:16px;height:16px;margin:0;accent-color:var(--navy-700)}
.ack.chip{border:1px solid var(--line);border-radius:999px;padding:3px 10px 3px 7px;background:#fff}
.ack.chip:has(input:checked){border-color:var(--navy-500);background:var(--navy-50);color:var(--navy-800)}
.ack.mini{justify-content:center}
.ayn{display:inline-flex;background:#eef2f7;border:1px solid var(--field-line);border-radius:9px;padding:2px;gap:2px;flex:none}
.ayn button{border:0;background:transparent;border-radius:7px;font:700 12px var(--f-body);color:#334155;padding:5px 12px;cursor:pointer;white-space:nowrap}
.ayn button[aria-pressed=true]{color:#fff;background:linear-gradient(#2a55a0 0%,#102d5d 60%,#0b1e3e 100%);box-shadow:0 3px 8px -3px rgba(16,45,93,.55)}
.ayn.need{border-color:#f0a59c;background:#fff1ef}
.ayn.wide{flex-wrap:wrap}
.ahint{font-size:11.5px;color:var(--navy-600);font-weight:600;margin-left:8px}
.rq{display:inline-block;width:7px;height:7px;border-radius:50%;margin-left:4px;vertical-align:1px}.rq.no{background:var(--bad)}.rq.ok{background:var(--good)}
.tblw{overflow-x:auto;margin:0 -2px}
.atbl{width:100%;border-collapse:separate;border-spacing:4px 4px;min-width:760px}
.atbl th{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#475569;text-align:left;padding:0 2px}
.atbl tbody th{white-space:nowrap}.atbl tbody th b{font:800 13px var(--f-display);color:var(--navy-800)}.atbl tbody th small{display:block;font-size:9.5px;color:var(--muted);text-transform:none;letter-spacing:0;font-weight:600}
.atbl td{padding:0;vertical-align:middle}.atbl td.c{text-align:center}
.atbl.ins td:nth-child(2){min-width:170px}.atbl.ins td:nth-child(4){width:132px}.atbl.ins td:nth-child(5){width:34px}.atbl.ins td:nth-child(6){width:78px}.atbl.ins td:nth-child(7){width:68px}.atbl.ins td:nth-child(8){width:54px}.atbl.ins td:nth-child(9){width:50px}
.agec{text-align:center;font:800 13px var(--f-display);color:var(--navy-800);background:var(--navy-50);border-radius:8px;height:32px}.agec.bad{color:var(--bad);background:var(--bad-soft)}
tr.sp th,tr.sp .af,.afl.sp .af,.lifeblk.sp,.q12r.sp .af{background-color:#f4f6fa}
.atbl.ben{min-width:640px}
.qs{display:grid;gap:8px}
.qr{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:10px;padding:8px 10px;font-size:13px;color:#1e293b;line-height:1.4}
.qr>span:first-child{flex:1}
.qr.dim{opacity:.5}
.q12{display:grid;gap:5px;flex:1.2}.q12r{display:grid;grid-template-columns:18px 1fr 1fr 110px;gap:5px;align-items:center}.q12r b{font:800 12px var(--f-display);color:var(--navy-800)}
@media (max-width:700px){.qr{flex-direction:column;align-items:stretch}.q12r{grid-template-columns:18px 1fr}}
.lifegrid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:8px}.lifegrid.g3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.lifeblk,.supblk{border:1px solid var(--line);border-radius:12px;padding:10px;display:grid;gap:6px;align-content:start}
.lifeblk.kid .lrow{flex-wrap:wrap}
.lb-h{font-size:12px;font-weight:600;color:var(--muted);display:flex;align-items:baseline;gap:7px}.lb-h b{font:800 15px var(--f-display);color:var(--navy-800)}
.lrow{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.lrow .am{flex:1;min-width:80px}
.ll{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#475569;white-space:nowrap}
.rid-t{display:grid;grid-template-columns:minmax(0,1.3fr) 1fr 1fr;gap:6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-top:2px}
.rid{display:grid;grid-template-columns:minmax(0,1.3fr) 1fr 1fr;gap:6px;align-items:center}
.ltot{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);padding-top:6px;margin-top:2px;font-size:12px;font-weight:700;color:#475569}
.ltot b{font:800 15px var(--f-display);color:var(--navy-800)}.ltot.big b{font-size:20px}
.supgrid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.supblk.mode{background:var(--navy-50);border-color:var(--navy-100)}
.linkbtn{border:0;background:none;color:var(--navy-500);font:700 12px var(--f-body);text-decoration:underline;cursor:pointer;padding:0;margin-left:6px}
/* transmit sheet */
.app-sheet .sh-h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}
.app-sheet h3{margin:2px 0 0;font:800 18px var(--f-display);color:var(--navy-800)}
.app-sheet .sh-h .btn{flex:none;width:auto;padding:0 14px}
.sh-sec{border:1px solid var(--line);border-radius:12px;margin-bottom:8px;overflow:hidden}
.sh-t{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--navy-600);background:var(--navy-50);padding:6px 10px}
.sh-r{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(0,1.4fr) auto;gap:10px;align-items:center;padding:5px 10px;border-top:1px solid var(--line);font-size:13px}
.sh-l{color:var(--muted);font-weight:600}.sh-v{font-weight:700;color:var(--navy-800);word-break:break-word}
.cp{border:1px solid var(--navy-200);background:#fff;color:var(--navy-700);border-radius:999px;font:700 11px var(--f-body);padding:3px 10px;cursor:pointer}
.cp:hover{background:var(--navy-50)}
.sh-foot{display:flex;justify-content:flex-end;margin-top:6px}.sh-foot .btn{flex:none;width:auto;padding:0 16px}
@media (min-width:760px) and (min-height:560px){html:not(.multi) .appv{max-height:100%}html:not(.multi) .app-work{min-height:0}html:not(.multi) .app-main{max-height:100%}}
html.multi .app-scroll{overflow:visible}
.rid .ack{display:flex;min-width:0;width:100%}.rid .ack>span{flex:1;min-width:0;display:flex}.rid .ack .af.inl{flex:1;min-width:0;width:100%;height:28px}

/* ===== E-App look-alike ===== */
.eapp-title{display:flex;align-items:center;gap:10px;background:linear-gradient(#e9eef6,#dfe6f0);border-bottom:1px solid #c5cfdd;padding:7px 12px;font:600 15px var(--f-body);color:#1d2b44;letter-spacing:.01em}
.eapp-ico{width:18px;height:18px;border-radius:50%;background:conic-gradient(#3a7bd5,#58b65b,#3a7bd5);flex:none}
.eapp-back{margin-left:auto;border:1px solid #b8c3d4;background:#fff;border-radius:6px;font:600 12px var(--f-body);color:var(--navy-700);padding:4px 10px;cursor:pointer}
.eapp-tool{display:flex;gap:8px;align-items:center;background:#a9a9a9;padding:5px 10px}
.eapp-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid #8c8c8c;background:linear-gradient(#fdfdfd,#e3e3e3);border-radius:4px;font:500 14px var(--f-body);color:#222;padding:4px 12px;cursor:pointer}
.eapp-btn b{color:#2e8b2e}.eapp-btn .q{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#2f62c5;color:#fff;font-weight:700;font-size:12px}
.eapp-btn:hover{border-color:#5a5a5a}.eapp-btn.pulse{box-shadow:0 0 0 4px rgba(46,139,46,.35)}
.eapp-body{display:flex!important;gap:0;background:#d9d9d9;padding:8px!important}
.eapp-page{flex:1;min-width:0;align-self:flex-start;background:#fff;border:1px solid #9a9a9a;box-shadow:inset -6px 0 0 #111}
.eapp-tabs{display:flex;flex-direction:column;gap:4px;padding-left:4px;flex:none}
.eapp-tabs button{writing-mode:vertical-rl;border:1px solid #888;border-left:0;border-radius:0 6px 6px 0;background:#f1f1f1;font:600 13px var(--f-body);padding:10px 4px;cursor:pointer;color:#222}
.eapp-tabs button.on{background:#ffeb3b}.eapp-tabs button:disabled{opacity:.6;cursor:not-allowed}
.eapp-errs{border-top:1px solid #b5b5b5;background:#fff;max-height:150px;overflow:auto;font-size:12.5px;flex:none}
.er-h{display:grid;grid-template-columns:90px 1fr;background:#eee;border-bottom:1px solid #ccc;font-weight:600;color:#333;padding:3px 8px;position:sticky;top:0}
.er{display:grid;grid-template-columns:90px 1fr;width:100%;text-align:left;border:0;border-bottom:1px solid #eee;background:#fff;padding:4px 8px;font:500 12.5px var(--f-body);color:#222;cursor:pointer}
.er:hover{background:#fff4f2}.er.idle{cursor:default;color:#777}
.er .lvl{display:inline-flex;align-items:center;gap:5px;font-weight:700;color:#c62828}.er .lvl::before{content:"✕";display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;background:#d32f2f;color:#fff;font-size:9px}
.er .lvl.ok{color:#2e7d32}.er .lvl.ok::before{content:"✓";background:#2e7d32}
.paper-wrap{position:relative;overflow:hidden;width:100%}
.paper-wrap.tight{overflow-x:auto;overflow-y:hidden}
.paper-size{height:1px}
.zoom{margin-left:auto;display:inline-flex;align-items:center;gap:4px;font:600 12px var(--f-body);color:#222}.zoom button{border:1px solid #8c8c8c;background:linear-gradient(#fdfdfd,#e3e3e3);border-radius:4px;font:700 13px var(--f-body);min-width:26px;height:26px;cursor:pointer}.zoom span{min-width:40px;text-align:center}
.paper{position:absolute;left:0;top:0;width:1620px;height:2770px;transform-origin:0 0;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;color:#000;background:#fff}
.paper .t{position:absolute;white-space:nowrap;line-height:1.25;color:#000}
.paper .t.para{white-space:normal;line-height:1.05;text-align:justify}
.paper .ln{position:absolute;border-top:1.6px solid #000}.paper .ln.th{border-top-width:3px}
.paper .lv{position:absolute;border-left:1.6px solid #000}.paper .lv.ds{border-left-style:dashed}
.paper .bx{position:absolute;border:1.6px solid #000;box-sizing:border-box}.paper .bx.thick{border-width:3.5px}
.paper .shd{position:absolute;background:#e3e3e3 radial-gradient(#b9b9b9 1px,transparent 1.2px) 0 0/5px 5px}
.paper .pf{position:absolute;box-sizing:border-box;border:0;border-radius:0;padding:0 6px;font:500 20px Arial,sans-serif;color:#000;outline:none;margin:0}
.paper .pf.cy{background:#bcecee}.paper .pf.gy{background:#d6d6d6}.paper .pf.wh{background:#fff;border:1px solid #c9c9c9}
.paper .pf.ul{background:transparent;border-bottom:1.6px solid #000}
.paper .pf.rt{text-align:right}.paper .pf.ct{text-align:center}
.paper .pf::placeholder{color:#8aa7a8}
.paper .pf:focus{box-shadow:0 0 0 3px #2f6fd6;background:#e9fbfb;z-index:2}
.paper select.pf{padding:0 2px;-webkit-appearance:menulist;appearance:auto}
.paper input[type=date].pf{padding:0 4px}
.paper .agebox{display:flex;align-items:center;padding-left:6px;font-size:20px;color:#666}
.paper .pcb{position:absolute;display:block;cursor:pointer;box-sizing:border-box;border:1.6px solid #000;background:#fff}
.paper .pcb.cy{background:#bcecee}.paper .pcb.gy{background:#d6d6d6}
.paper .pcb input{position:absolute;opacity:0;inset:0;margin:0;width:100%;height:100%;cursor:pointer}
.paper .pcb i{position:absolute;inset:2px;display:none;background:linear-gradient(45deg,transparent 45%,#000 45%,#000 55%,transparent 55%),linear-gradient(-45deg,transparent 45%,#000 45%,#000 55%,transparent 55%)}
.paper .pcb input:checked+i{display:block}
.paper .pcb i{pointer-events:none}
.paper .pcb:has(input:focus-visible){box-shadow:0 0 0 3px #2f6fd6}
.paper .pcirc{position:absolute;display:grid;place-items:center;cursor:pointer;font:500 25px Arial,sans-serif;border-radius:50%}
.paper .pcirc input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.paper .pcirc:has(input:checked){border:2.5px solid #000}
.paper .pcalc{position:absolute;text-align:right;font:500 20px Arial,sans-serif;padding-right:4px;display:flex;align-items:flex-end;justify-content:flex-end;color:#000}
.paper .rx{position:absolute;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff7b6b,#d32f2f 60%,#a51d1d);color:#fff;font:700 15px Arial,sans-serif;box-shadow:0 1px 2px rgba(0,0,0,.4);z-index:3;pointer-events:none}
.paper .rx[hidden]{display:none}
.paper .flash{animation:flash 1.4s ease}
@keyframes flash{0%,100%{box-shadow:0 0 0 0 rgba(47,111,214,0)}25%,70%{box-shadow:0 0 0 6px rgba(47,111,214,.75)}}
.app-main{display:flex;flex-direction:column}

/* ===== Clean mode: same layout, calmer look ===== */
.cm-sw{display:inline-flex;align-items:center;gap:7px;margin-left:8px;cursor:pointer;font:600 13px var(--f-body);color:#111;user-select:none}
.cm-sw input{position:absolute;opacity:0;width:1px;height:1px}
.cm-track{width:36px;height:20px;border-radius:999px;background:#7a7a7a;position:relative;transition:background .18s;box-shadow:inset 0 1px 2px rgba(0,0,0,.3)}
.cm-track i{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.35);transition:transform .18s}
.cm-sw input:checked+.cm-track{background:linear-gradient(#2a55a0,#102d5d)}.cm-sw input:checked+.cm-track i{transform:translateX(16px)}
.cm-sw input:focus-visible+.cm-track{box-shadow:0 0 0 3px var(--navy-200)}
.cm-nav{display:none}
.paper.p2{width:1700px;height:2700px}
.paper .t.tl{display:flex;align-items:baseline;white-space:nowrap}
.paper .t.tl .lead{flex:1;min-width:10px;margin:0 2px 0 6px;border-bottom:1.6px dotted #8a8a8a;transform:translateY(-4px)}
.paper .t.muted{color:#777}
.appv.clean .paper .t.tl .lead{border-bottom-color:#d5dde8}
.paper.sl1,.paper.sl2{width:1720px;height:2200px}
.paper .pf.nb{background:transparent}
.paper .t.nv{color:#1d3f8f}
.appv.clean .paper .pf.nb{background:#fff;border:1.5px solid #c9d6ec}
.start-app{display:block;width:100%;margin-top:10px;border:0;border-radius:12px;padding:12px 14px;font:800 14px var(--f-body);letter-spacing:.02em;color:#fff;cursor:pointer;background:linear-gradient(#2a55a0 0%,#102d5d 60%,#0b1e3e 100%);box-shadow:0 0 0 1px #0b1e3e,0 8px 22px -10px rgba(47,111,214,.8);transition:box-shadow .2s,transform .1s}
.start-app:hover{box-shadow:0 0 0 1px #0b1e3e,0 0 18px 2px rgba(47,111,214,.55)}
.start-app:active{transform:translateY(1px)}
.start-app.warn{background:#fff;color:var(--navy-800);box-shadow:0 0 0 2px #2f6fd6,0 0 14px rgba(47,111,214,.5)}
.paper .anc{position:absolute;left:0;width:1px;height:1px;scroll-margin-top:10px}
.appv.clean .cm-nav{display:flex;gap:6px;overflow-x:auto;padding:8px 12px;border-bottom:1px solid var(--line);background:#fff;scrollbar-width:thin}
.appv.clean .cm-nav button{flex:none;border:1px solid var(--navy-100);background:var(--navy-50);color:var(--navy-700);border-radius:999px;font:600 12px var(--f-body);padding:5px 11px;cursor:pointer;white-space:nowrap}
.appv.clean .cm-nav button:hover{border-color:var(--navy-500);background:#fff}
.appv.clean .cm-nav button.done{background:#e3f5ea;border-color:#b5e3c6;color:#14532d}
.appv.clean .cm-nav button.done::after{content:" ✓"}
.appv.clean .eapp-title{background:#fff;border-bottom:1px solid var(--line);font-family:var(--f-display);font-weight:800;color:var(--navy-800)}
.appv.clean .eapp-ico{background:linear-gradient(#2f5aa5,#0b1e3e)}
.appv.clean .eapp-tool{background:var(--navy-50);border-bottom:1px solid var(--line)}
.appv.clean .eapp-btn{border-color:var(--navy-200);background:#fff;border-radius:999px;font-weight:600;color:var(--navy-800)}
.appv.clean .eapp-btn[data-validate]{color:#fff;background:linear-gradient(#2a55a0 0%,#102d5d 60%,#0b1e3e 100%);border-color:#0b1e3e}
.appv.clean .eapp-btn[data-validate] b{color:#9be7b4}
.appv.clean .cm-sw{color:var(--navy-800)}
.appv.clean .zoom button{border-color:var(--navy-200);background:#fff;border-radius:8px;color:var(--navy-800)}
.appv.clean .eapp-body{background:var(--bg)}
.appv.clean .eapp-page{border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 30px -18px rgba(16,45,93,.35);overflow:hidden}
.appv.clean .eapp-tabs button{border-color:var(--navy-200);background:#fff;color:var(--navy-700)}
.appv.clean .eapp-tabs button.on{background:linear-gradient(#2a55a0,#102d5d);color:#fff;border-color:#0b1e3e}
.appv.clean .eapp-errs{border-top:1px solid var(--line)}
.appv.clean .paper{color:#1e293b}
.appv.clean .paper .t{color:#334155;letter-spacing:-.005em}
.appv.clean .paper .t[style*="font-weight:700"]{color:var(--navy-800)}
.appv.clean .paper .ln{border-top:1px solid #d5dde8}
.appv.clean .paper .lv{border-left:1px solid #d5dde8}
.appv.clean .paper .bx{border:1px solid #d5dde8}
.appv.clean .paper .bx.thick{border:2px solid var(--navy-200);border-radius:12px;background:rgba(243,246,251,.5)}
.appv.clean .paper .shd{background:#f4f7fb}
.appv.clean .paper .pf{font-weight:500;color:var(--navy-800);border-radius:7px}
.appv.clean .paper .pf.cy,.appv.clean .paper .pf.wh{background:#fff;border:1.5px solid #c9d6ec}
.appv.clean .paper .pf.gy{background:#eef2f8;border:1.5px solid #dbe3ee}
.appv.clean .paper .pf.ul{background:transparent;border:0;border-bottom:1.5px solid #b4c2d6;border-radius:0}
.appv.clean .paper .pf::placeholder{color:#a3b1c6}
.appv.clean .paper .pf.has{background:#f3f6fb;border-color:var(--navy-500);font-weight:700}
.appv.clean .paper .pf.ul.has{background:transparent;border-bottom-color:var(--navy-500)}
.appv.clean .paper input[type=date].pf:not(.has){color:#a3b1c6}
.appv.clean .paper .pf:focus{border-color:var(--navy-500);box-shadow:0 0 0 4px rgba(47,90,165,.22);background:#fff}
.appv.clean .paper .pcb{border:1.5px solid #9fb1cc;border-radius:6px;background:#fff}
.appv.clean .paper .pcb.gy{background:#eef2f8}
.appv.clean .paper .pcb:has(input:checked){background:linear-gradient(#2a55a0,#102d5d);border-color:#0b1e3e}
.appv.clean .paper .pcb i{inset:0;background:none}
.appv.clean .paper .pcb input:checked+i::after{content:"";position:absolute;left:33%;top:12%;width:28%;height:52%;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}
.appv.clean .paper .pcb:hover{border-color:var(--navy-500)}
.appv.clean .paper .pcirc:has(input:checked){border:2.5px solid var(--navy-500);background:var(--navy-50);color:var(--navy-800);font-weight:700}
.appv.clean .paper .pcirc:hover{background:var(--navy-50)}
.appv.clean .paper .pcalc{color:var(--navy-800);font-weight:800}
.appv.clean .paper .agebox{color:var(--navy-800);font-weight:700}
.appv.clean .paper .rx{display:none}
.appv.clean .paper .pf.need{border-color:#ef8a7e;background:#fff6f5}
.appv.clean .paper .pf.ul.need{background:transparent;border-bottom-color:#ef8a7e}
.appv.clean .paper .pcb.need{border-color:#e05a4b;box-shadow:0 0 0 3px rgba(224,90,75,.18)}
.appv.clean .paper .agebox{font-weight:600}

/* single-column application with a top strip */
.app-work{grid-template-columns:minmax(0,1fr)!important}
.app-strip{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 12px;border-bottom:1px solid var(--line);background:#fff}
.st-tot{display:flex;align-items:baseline;gap:10px;color:#fff;border-radius:12px;padding:7px 14px;background:radial-gradient(70% 120% at 100% 0,rgba(47,90,165,.55),transparent 70%),linear-gradient(160deg,#102d5d,#0b1e3e)}
.st-tot span{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#c9d6ec}
.st-tot b{font:800 22px var(--f-display);letter-spacing:-.02em}
.st-pct{display:flex;align-items:baseline;gap:5px;color:var(--navy-700)}.st-pct b{font:800 18px var(--f-display)}.st-pct span{font-size:12px;color:var(--muted);font-weight:600}
.st-warn .msg{margin:0}
.st-note{font-size:12px;font-weight:600;color:var(--good)}
.st-btns{margin-left:auto;display:flex;gap:8px}
.st-btns .btn{flex:none;width:auto;padding:0 16px;height:34px}
@media (max-width:640px){.st-btns{margin-left:0;width:100%}.st-btns .btn{flex:1}}
/* affiliation boxes go red until one is picked (both views) */
.paper .pcb.req.need,.paper .pcb.aff.need{border-color:#d32f2f!important;background:#ffd3cf!important;box-shadow:0 0 0 2px rgba(211,47,47,.25)}
.st-warn{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.st-warn .msg{padding:4px 9px;font-size:12px}.st-warn .more{font-size:12px;color:var(--muted)}

/* ---- required = glowing navy blue (replaces the red markers) ---- */
@keyframes reqGlow{0%,100%{box-shadow:0 0 0 3px rgba(47,111,214,.75),0 0 14px 4px rgba(47,111,214,.45)}50%{box-shadow:0 0 0 3px rgba(47,111,214,.95),0 0 24px 8px rgba(47,111,214,.65)}}
@keyframes reqDot{0%,100%{box-shadow:0 0 0 2px #fff,0 0 8px 2px rgba(47,111,214,.6)}50%{box-shadow:0 0 0 2px #fff,0 0 14px 5px rgba(47,111,214,.8)}}
.paper .rx{background:radial-gradient(circle at 35% 30%,#7fb0ff,#2f5aa5 55%,#102d5d);font-size:0;animation:reqDot 2.4s ease-in-out infinite}
.paper .rx::before{content:"";width:8px;height:8px;border-radius:50%;background:#fff;opacity:.95}
.paper .pf.need{outline:0;box-shadow:0 0 0 3px rgba(47,111,214,.85),0 0 16px 5px rgba(47,111,214,.5);animation:reqGlow 2.4s ease-in-out infinite;z-index:1}
.paper .pf.ul.need{border-bottom:3px solid #2f6fd6;animation:none;box-shadow:0 10px 10px -8px rgba(47,111,214,.8)}
.paper .pcb.need,.paper .pcb.req.need,.paper .pcb.aff.need{border-color:#2f6fd6!important;background:#dbe8ff!important;box-shadow:0 0 0 3px rgba(47,111,214,.85),0 0 16px 5px rgba(47,111,214,.5);animation:reqGlow 2.4s ease-in-out infinite;z-index:1}
.appv.clean .paper .pf.need{border-color:#2f6fd6;background:#f3f7ff}
.appv.clean .paper .pf.ul.need{background:transparent;border-bottom-color:#2f5aa5}
.appv.clean .paper .pcb.need{border-color:#2f6fd6;background:#eef4ff!important}
.er .lvl{color:var(--navy-600)}.er .lvl::before{content:"";background:radial-gradient(circle at 35% 30%,#7fb0ff,#2f5aa5 55%,#102d5d);box-shadow:0 0 6px rgba(47,111,214,.6)}
.af.need,.am:has(.need) .af,.asec:has(.need) .af{border-color:#9fbbe8;background:#f3f7ff}
.ayn.need{border-color:#9fbbe8;background:#eef4ff}
@media (prefers-reduced-motion:reduce){.paper .rx,.paper .pf.need,.paper .pcb.need{animation:none}}
.paper .pf.need:focus{animation:none;box-shadow:0 0 0 3px #2f6fd6,0 0 18px 6px rgba(47,111,214,.55)}

/* ---- fill the screen: the whole tool scales up to use the agent's full window (quoter), and every tab uses the full width ---- */
html{--z:1}
.wrap{max-width:none}
@media (min-width:760px){ .wrap{zoom:var(--z)} }
@media (min-width:760px) and (min-height:560px){ html:not(.multi) .wrap{height:calc(100vh / var(--z))} }
html.measuring .wrap{height:auto!important}
html.measuring .top>.panel{max-height:none!important;overflow:visible!important}
html.measuring .split{overflow:visible!important;flex:none!important}
html.measuring .tips{max-height:none!important;overflow:visible!important}
html.measuring .app-pick{flex:none!important}html.measuring .appv{max-height:none!important}

/* ---- packages ---- */
.pk-new{margin-left:6px}
/* clear coverage toolbar buttons */
.sec-tools .cvbtn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 14px 0 10px;border-radius:999px;font:700 12.5px var(--f-body);white-space:nowrap;cursor:pointer;transition:background .15s,box-shadow .15s,transform .15s}
.sec-tools .cvbtn b{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;font:800 13px/1 var(--f-body)}
.sec-tools .cv-add{color:#fff;border:1px solid #0b1e3e;background:linear-gradient(#2a55a0 0%,#102d5d 60%,#0b1e3e 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 4px 12px -4px rgba(16,45,93,.55)}
.sec-tools .cv-add b{background:rgba(255,255,255,.2);color:#fff}
.sec-tools .cv-add:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 8px 18px -6px rgba(16,45,93,.6)}
.sec-tools .cv-pk{color:var(--navy-800);background:#fff;border:1.5px solid var(--navy-500)}
.sec-tools .cv-pk b{background:var(--navy-100);color:var(--navy-700);font-size:12px}
.sec-tools .cv-pk:hover{background:var(--navy-50)}
.sec-tools .hint2{margin-right:4px}
@media (max-width:520px){.sec-tools{flex-wrap:wrap;justify-content:flex-end}.sec-tools .hint2{flex-basis:100%;text-align:right}}
.pkgbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px;margin:0 0 10px}
.pk{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:8px 26px 8px 11px;border:1.5px solid var(--navy-100);background:#fff;border-radius:12px;cursor:pointer;text-align:left;min-width:0;transition:border-color .15s,box-shadow .15s}
.pk:hover{border-color:var(--navy-500)}
.pk .pk-n{font:700 10.5px var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.pk b{font:800 18px var(--f-display);color:var(--navy-800);letter-spacing:-.01em;white-space:nowrap}.pk b small{font:500 11px var(--f-body);color:var(--muted);margin-left:1px}
.pk .pk-c{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.pk.on{border-color:#0b1e3e;background:linear-gradient(#2a55a0 0%,#102d5d 60%,#0b1e3e 100%);box-shadow:0 0 0 3px rgba(47,111,214,.2),0 8px 20px -12px rgba(16,45,93,.8)}
.pk.on .pk-n,.pk.on .pk-c,.pk.on b small{color:rgba(255,255,255,.75)}.pk.on b{color:#fff}
.pk .pk-x{position:absolute;top:5px;right:5px;width:20px;height:20px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:15px;line-height:1;cursor:pointer;padding:0}
.pk .pk-x:hover{background:var(--navy-50);color:var(--navy-800)}.pk.on .pk-x{color:rgba(255,255,255,.7)}.pk.on .pk-x:hover{background:rgba(255,255,255,.15);color:#fff}
.pk:focus-visible{outline:3px solid #2f6fd6;outline-offset:2px}
[data-pkwho]{text-transform:none;letter-spacing:.06em}

/* =================== Deep-navy theme: less white, easier on the eyes =================== */
:root{--bg:#0b1e3e;--surface:#e7edf6;--sunk:#dbe4f1;--line:#c5d1e4;--tint:#f1f5fb;--tint2:#e1e9f4;--muted:#55657e}
html,body{background:#0b1e3e}
body{background:radial-gradient(1200px 600px at 85% -10%,rgba(47,90,165,.45),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgba(29,66,128,.5),transparent 60%),linear-gradient(170deg,#0d2349 0%,#0b1e3e 55%,#081631 100%)!important;background-color:#0b1e3e!important;color:var(--fg)}
/* header on navy */
.logo{mix-blend-mode:multiply}
.brand>.logo,.brand .logo{background:transparent}
.brand{--chip:#e7edf6}
.logo-chip{display:inline-flex;align-items:center;background:var(--chip);border-radius:10px;padding:5px 9px;box-shadow:0 0 0 1px rgba(255,255,255,.35),0 6px 16px -8px rgba(0,0,0,.5);isolation:isolate}
h1{color:#fff}.accent{color:#8fb4ff}
.brand .eyebrow{color:#a9bddc}.brand .eyebrow .dot{background:#8fb4ff}
.divider{background:rgba(255,255,255,.18)}
.tabs{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.tab{color:#c9d6ec}.tab:hover{background:rgba(255,255,255,.1);color:#fff}
.tab[aria-selected=true]{color:#0b1e3e;background:linear-gradient(#f4f8ff,#d7e3f6);box-shadow:0 0 0 1px rgba(255,255,255,.4),0 6px 18px -6px rgba(143,180,255,.6)}
.pill{color:#dbe6f7;background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.16)}
/* panels and everything inside them: soft blue-gray instead of white */
.panel,.tips,.app-pick{background:linear-gradient(180deg,#eef3fa,#e3eaf5)!important;border-color:rgba(255,255,255,.35)!important;box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 18px 40px -22px rgba(0,0,0,.55)!important}
.field{background:var(--tint);border-color:var(--line)}
.field select option{background:#f1f5fb}
.seg{background:var(--tint2)}
.cov{background:var(--tint)}
.cov .field:not(.auto),.cov .field:first-child{background:#f8fafd}
.cov .field.ff:not(.auto),.cov .field.pf:not(.auto){background:#f8fafd!important}
.rider{background:var(--tint)}.rider:not(.off) .x .field,.rider .x .field,.rider .x .seg{background:#f8fafd}
.modes>div{background:var(--tint)}
.btn.ghost{background:var(--tint)}
.icon{background:var(--tint)}
.add-client{background:rgba(47,90,165,.08)}
.pk{background:var(--tint)}
.tip{background:linear-gradient(180deg,#f4f7fc,#eaf0f8)}
kbd,.nav-tip kbd{background:#f6f8fc}
.pick{background:linear-gradient(180deg,#f4f7fc,#e2eaf6)}
.msg{background:#fbf1de}
/* several clients: the client headers sit on the navy page */
.cb-who{color:#a9bddc}.cb-tot{color:#fff}
.cb-x{background:rgba(255,255,255,.08)!important;border-color:rgba(255,160,150,.45)!important;color:#ffb4ab!important}
html.multi .cblock+.cblock{border-top-color:rgba(255,255,255,.18)}
.household{box-shadow:0 0 0 1px rgba(255,255,255,.14),0 18px 40px -18px rgba(0,0,0,.6)}
.household .hh-copy{background:#e7edf6;border-color:#e7edf6}
/* application chrome */
.eapp-title{background:linear-gradient(#173a73,#102d5d)!important;color:#fff!important;border-bottom-color:#0b1e3e!important}
.eapp-back{background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.25)!important;color:#fff!important}
.app-strip{background:#e3eaf5!important;border-bottom-color:var(--line)!important}
.eapp-tool{background:#c9d4e5}
.appv.clean .eapp-tool{background:#dbe4f1}
.eapp-btn{background:#eef3fa}
.appv.clean .eapp-btn:not([data-validate]),.appv.clean .zoom button{background:#eef3fa}
.eapp-body,.appv.clean .eapp-body{background:linear-gradient(180deg,#1a3a72,#122b57)!important}
.eapp-errs,.er{background:#e7edf6}.er:hover{background:#dbe5f3}
.eapp-page{border-color:#0b1e3e;box-shadow:0 12px 30px -12px rgba(0,0,0,.6)}
.appv.clean .eapp-page{border-color:rgba(255,255,255,.25)}
/* the form itself: paper-cream instead of bright white (fields keep their E-App colors) */
.paper{background:#f6f7f9}
.paper .pf.wh{background:#fbfbfc}
.paper .pcb{background:#fbfbfc}
.appv.clean .paper{background:#eef3fa}
.appv.clean .paper .pf.cy,.appv.clean .paper .pf.wh,.appv.clean .paper .pf.nb{background:#f8fafd}
.appv.clean .paper .pcb{background:#f8fafd}
.appv.clean .paper .shd{background:#e2e9f4}
.appv.clean .paper .pf.has{background:#e6eefa}

/* ---- E-Signature Demonstration ---- */
.esig .tips-head{flex-wrap:wrap;gap:10px}
.es-ctl{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.es-b{border:1px solid var(--navy-200);background:#f4f7fc;color:var(--navy-800);border-radius:999px;font:700 12.5px var(--f-body);padding:7px 14px;cursor:pointer}
.es-b:hover{border-color:var(--navy-500)}
.es-b.es-play{color:#fff;border-color:#0b1e3e;background:linear-gradient(#2a55a0 0%,#102d5d 60%,#0b1e3e 100%);box-shadow:0 6px 16px -8px rgba(16,45,93,.7)}
.es-b.ghost{background:transparent}
.es-count{font:700 12px var(--f-body);color:var(--navy-600);min-width:84px;text-align:center}
.es-grid{display:grid;gap:16px;grid-template-columns:minmax(0,1fr);align-items:start;margin-top:10px}
@media (min-width:980px){.es-grid{grid-template-columns:minmax(200px,.9fr) auto minmax(240px,1fr)}}
.es-steps{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.es-steps button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:1px solid var(--line);background:#f4f7fc;border-radius:12px;padding:8px 10px;font:600 13px var(--f-body);color:#334155;cursor:pointer}
.es-steps button:hover{border-color:var(--navy-500)}
.es-n{display:inline-grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;background:var(--navy-100);color:var(--navy-700);font:800 12px var(--f-display)}
.es-steps button.done{color:var(--muted)}.es-steps button.done .es-n{background:#d6efe0;color:#14532d}
.es-steps button.on{color:#fff;border-color:#0b1e3e;background:linear-gradient(#2a55a0 0%,#102d5d 60%,#0b1e3e 100%);box-shadow:0 0 0 3px rgba(47,111,214,.2)}
.es-steps button.on .es-n{background:#fff;color:var(--navy-800)}
.es-stage{display:flex;flex-direction:column;align-items:center;gap:8px}
.es-hint{font-size:12px;color:var(--muted)}
.phone{position:relative;height:clamp(460px,calc(100vh / var(--z,1) - 190px),640px);aspect-ratio:300/620;border-radius:44px;background:#0a0d14;padding:12px;box-shadow:0 0 0 2px #2b3446,0 30px 60px -25px rgba(0,0,0,.7);display:flex;flex-direction:column}
.ph-notch{position:absolute;left:50%;top:16px;transform:translateX(-50%);width:92px;height:26px;border-radius:14px;background:#000;z-index:3}
.ph-status{position:absolute;left:30px;right:28px;top:18px;display:flex;justify-content:space-between;font:700 12px var(--f-body);color:#111;z-index:2}
.ph-ic{font-size:9px;letter-spacing:1px}
.ph-screen{flex:1;border-radius:34px 34px 6px 6px;overflow:hidden;background:#fff;position:relative;padding-top:44px;display:flex;flex-direction:column;font-family:-apple-system,"Helvetica Neue",Arial,sans-serif;color:#111}
.ph-url{margin:8px auto 2px;background:#2a2f3a;color:#e8ecf3;border-radius:999px;font:600 12px var(--f-body);padding:7px 18px}
.ph-url.msg{background:#1c1f26;color:#9aa3b2}
.es-side{display:grid;gap:10px}
.es-card{border:1px solid var(--line);background:#f4f7fc;border-radius:14px;padding:12px 14px}
.es-k{font:800 11px var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:var(--navy-600);margin-bottom:6px}
.es-say{margin:0;font:600 16px/1.45 var(--f-body);color:var(--navy-800)}
.es-tip{margin:0;font-size:13.5px;line-height:1.5;color:#334155}
.es-note{font-size:12px;color:var(--muted);background:transparent}
/* screens */
.sc-msgs{padding:8px 12px;display:flex;flex-direction:column;gap:8px;background:#000;color:#fff;flex:1}
.sc-mh{display:flex;flex-direction:column;align-items:center;gap:2px;margin-bottom:6px}.sc-mh small{color:#8e8e93;font-size:10px}
.sc-av{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font:800 20px Arial;background:linear-gradient(135deg,#ff3d6e,#4c3cff);color:#fff}
.bub{align-self:flex-start;max-width:86%;background:#26252a;border-radius:16px;padding:8px 11px;font-size:12.5px;line-height:1.35}
.bub-link{align-self:flex-start;border:0;text-align:left;background:#5b4bff;color:#fff;border-radius:16px;padding:9px 13px;font:600 13px -apple-system,Arial;cursor:pointer;display:flex;flex-direction:column;box-shadow:0 0 0 3px rgba(91,75,255,.35);animation:esPulse 1.6s ease-in-out infinite}
.bub-link small{font-weight:400;opacity:.8;font-size:10.5px}
@keyframes esPulse{0%,100%{box-shadow:0 0 0 2px rgba(91,75,255,.35)}50%{box-shadow:0 0 0 7px rgba(91,75,255,.18)}}
.sc-dim{flex:1;background:linear-gradient(#bfc3cc,#9aa0ab);display:grid;place-items:center;padding:20px}
.ios-alert{background:rgba(40,40,44,.92);color:#fff;border-radius:18px;padding:16px 14px 12px;text-align:center}
.ios-alert b{font-size:14px;display:block;margin-bottom:6px}.ios-alert p{font-size:11.5px;color:#cfcfd4;margin:0 0 12px}
.ios-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ios-btns button{border:0;border-radius:999px;background:#4a4a50;color:#fff;font:600 13px -apple-system,Arial;padding:9px;cursor:pointer}.ios-btns button:hover{background:#5d5d64}
.sc-purple{flex:1;background:linear-gradient(160deg,#4b2c7d,#2d1b54);padding:14px 10px}
.ds-card{background:#fff;border-radius:6px;padding:16px 14px;display:grid;gap:9px}
.ail-logo{display:flex;align-items:center;gap:6px}.ail-logo b{display:block;color:#0d5c3c;font:700 13px Georgia,serif}.ail-logo small{font-size:8px;color:#0d5c3c}
.ail-g{width:18px;height:18px;border-radius:50%;background:conic-gradient(#1f8a5b 0 40%,#2a62b8 0 70%,#7fbf3f 0)}
.ds-card p{margin:0;font-size:12.5px;line-height:1.4}
.ds-agree{display:flex;gap:8px;align-items:flex-start;font-size:12px;cursor:pointer}.ds-agree input{width:18px;height:18px;margin:0;flex:none;accent-color:#3d2b8f}.ds-agree em{color:#c0262d;font-style:normal}
.ds-y{border:0;border-radius:3px;background:#ffc820;color:#111;font:600 14px -apple-system,Arial;padding:11px;cursor:pointer}
.ds-y:disabled{background:#f1e2b0;color:#8b8571;cursor:not-allowed}
.ds-y.sm{padding:7px 14px;font-size:13px}
.ds-g{border:0;border-radius:3px;background:#efefef;color:#222;font:500 13px -apple-system,Arial;padding:10px}.ds-g.sm{padding:7px 14px}
.ds-bar{display:flex;align-items:center;gap:8px;background:#2f63b7;color:#fff;padding:8px 10px;font:500 13px -apple-system,Arial}.ds-bar span:first-child{flex:1}.ds-bar.dim{opacity:.45}
.ds-dots{font-size:18px;line-height:1}
.ds-docs{flex:1;overflow:auto;background:#e9e9e9;padding:8px;display:grid;gap:8px;scroll-behavior:smooth}
.ds-page{background:#fff;padding:10px 10px 8px;box-shadow:0 1px 2px rgba(0,0,0,.2)}
.ds-pt{font:700 10.5px Arial;margin-bottom:6px;color:#222}
.ds-lines{display:grid;gap:4px;margin-bottom:8px}.ds-lines i{display:block;height:4px;background:#d9dce1;border-radius:2px}
.ds-sigrow{display:grid;grid-template-columns:auto 1fr;align-items:end;gap:4px 8px}.ds-sigrow small{grid-column:2;font:9px Arial;color:#777}
.ds-line{border-bottom:1px solid #333;height:22px}
.ds-tag{border:0;background:#ffd65a;border-radius:3px;padding:3px 6px 4px;cursor:pointer;display:grid;text-align:left;font-family:Arial}
.ds-tag span{font-size:7.5px;color:#5a4a00}.ds-tag b{font-size:11.5px;color:#222}
.ds-tag.pulse{box-shadow:0 0 0 3px rgba(255,200,32,.6);animation:esTag 1.3s ease-in-out infinite}
@keyframes esTag{0%,100%{box-shadow:0 0 0 2px rgba(255,200,32,.6)}50%{box-shadow:0 0 0 7px rgba(255,200,32,.25)}}
.ds-signed{display:flex;align-items:end;min-height:34px}.ds-signed .ini{font:italic 700 18px "Brush Script MT",cursive;color:#1f3fa8;padding:0 6px}
.ds-modal{position:absolute;left:8px;right:8px;top:86px;background:#fff;border-radius:4px;box-shadow:0 10px 30px rgba(0,0,0,.35);padding:12px;display:grid;gap:8px;font-family:-apple-system,Arial}
.ds-mh{display:flex;justify-content:space-between;font-size:14px}.ds-sub{margin:0;font-size:11px;color:#555}
.ds-two{display:grid;grid-template-columns:1.4fr 1fr;gap:8px}.ds-two label{font-size:10.5px;font-weight:700;display:grid;gap:3px}.ds-two em{color:#c0262d;font-style:normal}
.ds-two input{border:1px solid #aaa;border-radius:2px;padding:5px;font-size:12px}
.ds-tabs{display:flex;gap:16px;font-size:10.5px;font-weight:700;color:#555}.ds-tabs .on{color:#2f63b7;border-bottom:2px solid #2f63b7;padding-bottom:3px}
.ds-pad-l{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#444}
.ds-clear{border:0;background:none;color:#2f63b7;font:600 11px Arial;cursor:pointer}
.ds-pad{width:100%;height:92px;border:1.5px dashed #9aa;border-radius:3px;touch-action:none;cursor:crosshair;background:#fff}
.ds-legal{margin:0;font-size:9.5px;color:#555;line-height:1.35}
.ds-row{display:flex;gap:8px}
.ds-done{flex:1;padding:14px;display:flex;flex-direction:column;gap:8px;font-family:-apple-system,Arial}
.ds-done-top{display:flex;justify-content:flex-end;gap:14px;font-size:14px;color:#333}
.ds-done h3{margin:0;font:600 18px -apple-system,Arial}.ds-done p{margin:0;font-size:12px;color:#333}.ds-done u{color:#2f63b7}
.ds-check{margin:30px auto;width:74px;height:74px;border-radius:50%;display:grid;place-items:center;font-size:38px;color:#fff;background:#1d8a4f;box-shadow:0 0 0 8px #d5efe0}
.ds-cont{margin-top:auto;align-self:flex-start}
@media (prefers-reduced-motion:reduce){.bub-link,.ds-tag.pulse{animation:none}}

.t-short{display:none}
@media (max-width:759px){header,.wrap>*{min-width:0;max-width:100%}.tabs{min-width:0;max-width:100%}.tab{flex:1 0 auto}.t-long{display:none}.t-short{display:inline}.tabs{overflow-x:auto;scrollbar-width:none}.tab{padding:6px 10px}}
.esig,.es-grid>*{min-width:0}
.ph-screen *{box-sizing:border-box}
.phone.dark .ph-screen{background:#000}.ph-screen.dark~.ph-status,.phone.dark .ph-status{color:#fff}
.ds-two{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.ds-two input{width:100%;min-width:0}
@media (max-width:520px){.phone{height:560px}.es-ctl{width:100%}.es-b.es-play{flex:1}}

@media (min-width:760px){header{grid-template-columns:auto minmax(0,1fr) auto;column-gap:14px}.tabs{justify-self:center;max-width:100%}}
@media (min-width:760px) and (max-width:1180px){.t-long{display:none}.t-short{display:inline}}

/* ---- application chooser ---- */
.app-pick[hidden]{display:none!important}
.app-pick{flex:1;display:flex;flex-direction:column;gap:18px;padding:clamp(18px,3vw,34px)!important}
.pick-h{text-align:center;display:grid;gap:6px;justify-items:center}
.pick-title{margin:0;font:800 clamp(22px,2.6vw,32px)/1.15 var(--f-display);letter-spacing:-.02em;color:var(--navy-800)}
.pick-sub{margin:0;font-size:14px;color:var(--muted)}
.pick-grid{flex:1;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.pick{position:relative;overflow:hidden;display:flex!important;flex-direction:column;align-items:flex-start;gap:12px;padding:clamp(18px,2.4vw,28px)!important;border-radius:20px!important;border:1px solid var(--navy-200)!important;background:linear-gradient(180deg,#f7f9fd,#e6edf7)!important;text-align:left;cursor:pointer;transition:transform .18s,box-shadow .18s,border-color .18s}
.pick::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(47,90,165,.16),transparent 70%);pointer-events:none}
.pick:hover{transform:translateY(-3px);border-color:var(--navy-500)!important;box-shadow:0 0 0 3px rgba(47,111,214,.18),0 22px 40px -22px rgba(11,30,62,.6)}
.pick:focus-visible{outline:3px solid #2f6fd6;outline-offset:3px}
.pk-top{display:flex;align-items:center;gap:10px;width:100%}
.pick .pk-age{font-size:12px!important;padding:4px 12px!important}
.pk-form{margin-left:auto;font:700 12px var(--f-body);color:var(--navy-600);letter-spacing:.06em}
.pk-name{font:800 clamp(24px,2.4vw,32px)/1.1 var(--f-display);letter-spacing:-.02em;color:var(--navy-800)}
.pk-desc{font-size:15px;color:#334155;line-height:1.45}
.pk-chips{display:flex;flex-wrap:wrap;gap:6px}
.pk-chips i{font-style:normal;font:700 12px var(--f-body);color:var(--navy-700);background:#fff;border:1px solid var(--navy-100);border-radius:999px;padding:4px 10px}
.pk-feats{display:grid;gap:6px;font-size:13.5px;color:#334155}.pk-feats span{color:#334155}
.pk-go{margin-top:auto;display:inline-flex;align-items:center;gap:10px;color:#fff;font:800 15px var(--f-body);padding:12px 20px;border-radius:999px;background:linear-gradient(#2a55a0 0%,#102d5d 60%,#0b1e3e 100%);box-shadow:0 8px 20px -10px rgba(16,45,93,.8)}
.pk-go b{color:#fff;transition:transform .18s}.pick:hover .pk-go b{transform:translateX(4px)}
.pick-resume{align-self:center;border:1px solid var(--navy-500);background:#fff;color:var(--navy-800);border-radius:999px;font:700 13.5px var(--f-body);padding:9px 18px;cursor:pointer;box-shadow:0 0 0 3px rgba(47,111,214,.15)}
.pick-resume:hover{background:var(--navy-50)}
.pick-foot{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.pf-step{display:flex;gap:10px;align-items:center;font-size:13px;color:#334155;background:rgba(255,255,255,.55);border:1px solid var(--line);border-radius:14px;padding:10px 12px}
.pf-step b{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;color:#fff;font:800 12px var(--f-display);background:linear-gradient(#2a55a0,#102d5d)}
.pf-step a{color:var(--navy-500);font-weight:700}.pf-step em{font-style:normal;font-weight:700;color:var(--navy-800)}

/* ---- dialing standards card (bottom right of the quoter) ---- */
.stds{margin-top:10px;border-radius:14px;padding:11px 14px 12px;color:#fff;background:radial-gradient(80% 120% at 100% 0,rgba(124,92,255,.35),transparent 60%),linear-gradient(160deg,#16326b,#0f2550);border:1.5px solid #7c5cff;box-shadow:0 10px 24px -14px rgba(11,30,62,.8)}
.stds-h{display:flex;align-items:center;justify-content:center;gap:8px;font:800 15px var(--f-display);letter-spacing:.12em;text-transform:uppercase}
.stds-h small{margin-left:6px;font:700 10px var(--f-body);letter-spacing:.2em;color:#a9bddc}
.stds ul{margin:8px 0 0;padding:0;list-style:none;display:grid;gap:5px}
.stds li{position:relative;padding-left:16px;font:600 12.5px/1.35 var(--f-body);letter-spacing:.06em;text-transform:uppercase;color:#eef3fb}
.stds li::before{content:"";position:absolute;left:3px;top:.5em;width:6px;height:6px;border-radius:50%;background:#ff5a4e;box-shadow:0 0 6px rgba(255,90,78,.8)}
.stds li em{font-style:normal;color:#b9c8e6;font-weight:500}
.cblock:not(:first-child) .stds{display:none}

html.narrowtabs .t-long{display:none}html.narrowtabs .t-short{display:inline}

.stds li.stds-must{color:#fff;background:rgba(255,90,78,.16);border:1px solid rgba(255,120,110,.55);border-radius:8px;padding:5px 8px 5px 22px;font-weight:800}
.stds li.stds-must::before{left:9px;top:.75em}
.stds li.stds-must b{color:#ff8a80}

.stds{padding:8px 12px 9px}.stds-h{font-size:13.5px}.stds ul{gap:3px;margin-top:6px}.stds li{font-size:11px;line-height:1.3;letter-spacing:.04em}.stds li.stds-must{padding:3px 8px 3px 20px}

/* ---- Ask JG chat ---- */
.aj-fab{position:fixed;right:max(18px,env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:60;display:inline-flex;align-items:center;gap:8px;border:0;border-radius:999px;padding:12px 18px;font:800 14px var(--f-body);color:#fff;cursor:pointer;background:linear-gradient(#2a55a0 0%,#102d5d 60%,#0b1e3e 100%);box-shadow:0 0 0 1px rgba(255,255,255,.25),0 12px 28px -10px rgba(0,0,0,.7)}
.aj-fab:hover{box-shadow:0 0 0 1px rgba(255,255,255,.35),0 0 20px 2px rgba(47,111,214,.55)}
.aj-dot{width:9px;height:9px;border-radius:50%;background:#4fd08a;box-shadow:0 0 8px #4fd08a}
.aj-fab[aria-expanded=true]{opacity:0;pointer-events:none}
.aj-panel{position:fixed;right:max(18px,env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:61;width:min(400px,calc(100vw - 32px));height:min(600px,calc(100vh - 110px));display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:#eef3fa;border:1px solid rgba(255,255,255,.4);box-shadow:0 30px 70px -20px rgba(0,0,0,.75);font-family:var(--f-body)}
.aj-panel[hidden]{display:none}
.aj-head{display:flex;align-items:center;gap:8px;padding:12px 12px 12px 16px;color:#fff;background:radial-gradient(70% 140% at 100% 0,rgba(47,90,165,.55),transparent 70%),linear-gradient(160deg,#102d5d,#0b1e3e)}
.aj-head>div{flex:1}.aj-head b{display:block;font:800 16px var(--f-display)}.aj-head small{font-size:11.5px;color:#c9d6ec}
.aj-x{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;border-radius:8px;padding:5px 9px;font:700 12px var(--f-body);cursor:pointer}
.aj-log{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:10px}
.aj-msg{max-width:88%;padding:9px 12px;border-radius:14px;font-size:13.5px;line-height:1.45;white-space:pre-wrap;word-wrap:break-word}
.aj-msg.bot{align-self:flex-start;background:#fff;color:#0f172a;border:1px solid #d5dde8;border-bottom-left-radius:4px}
.aj-msg.me{align-self:flex-end;color:#fff;background:linear-gradient(#2a55a0,#102d5d);border-bottom-right-radius:4px}
.aj-msg.thinking{color:#64748b;font-style:italic}
.aj-sugs{display:flex;flex-wrap:wrap;gap:6px}
.aj-sug{border:1px solid #c9d6ec;background:#f8fafd;color:#102d5d;border-radius:999px;padding:6px 11px;font:600 12px var(--f-body);cursor:pointer;text-align:left}
.aj-sug:hover:not(:disabled){border-color:#2f5aa5;background:#fff}
.aj-form{display:flex;gap:8px;align-items:flex-end;padding:10px;border-top:1px solid #d5dde8;background:#e3eaf5}
.aj-form textarea{flex:1;resize:none;border:1.5px solid #c9d6ec;border-radius:12px;padding:9px 11px;font:500 14px var(--f-body);color:#0f172a;background:#fff;max-height:120px;outline:none}
.aj-form textarea:focus{border-color:#2f6fd6;box-shadow:0 0 0 3px rgba(47,111,214,.18)}
.aj-send{flex:none;width:40px;height:40px;border:0;border-radius:12px;color:#fff;font-size:16px;cursor:pointer;background:linear-gradient(#2a55a0,#0b1e3e)}
.aj-send.stop{background:#b42318}
.aj-note{font-size:11px;color:#64748b;padding:0 12px 10px;background:#e3eaf5}
@media (prefers-reduced-motion:reduce){.aj-fab{transition:none}}

/* F2 preview: Ready mode = Call · Quote · App. E-Sign opens from the close of the call; e-app tips live in the App tab */
html.ready .tabs .tab[data-tab="tips"],html.ready .tabs .tab[data-tab="esig"]{display:none!important}
.f2-flag{position:fixed;top:0;left:50%;transform:translateX(-50%);z-index:1400;background:#f59e0b;color:#2a1d00;font:800 11px var(--f-body);letter-spacing:.12em;text-transform:uppercase;padding:3px 12px;border-radius:0 0 8px 8px;pointer-events:none}
.f2-es{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:linear-gradient(135deg,#eef4ff,#f8fbff);border:1.5px solid #8fb4ff;border-radius:14px;padding:12px 14px;margin:4px 0 14px}
.f2-es .ic{font-size:22px;line-height:1}
.f2-es .tx{flex:1;min-width:200px}.f2-es .tx b{display:block;color:#0b1e3e;font-size:15px}.f2-es .tx span{color:#44587a;font-size:13.5px}
.f2-go{border:0;cursor:pointer;background:linear-gradient(#2a55a0,#102d5d);color:#fff;font:700 14px var(--f-body);padding:10px 16px;border-radius:999px;box-shadow:0 6px 14px -6px rgba(16,45,93,.6);white-space:nowrap}
.f2-go:hover{filter:brightness(1.08)}
.f2-back{display:none;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 12px}
html.ready .f2-back{display:flex}
.f2-back button{border:1.5px solid #c9d6ec;background:#fff;color:#0b1e3e;font:700 14px var(--f-body);padding:8px 14px;border-radius:999px;cursor:pointer}
.f2-back span{color:#44587a;font-size:13px}
.f2-tbar{display:flex;justify-content:flex-end;margin:0 0 10px}
.f2-tbtn{border:1.5px solid #e9be4f;background:#fff8e1;color:#5a3d00;font:700 14px var(--f-body);padding:8px 16px;border-radius:999px;cursor:pointer;display:inline-flex;gap:8px;align-items:center}
.f2-tbtn:hover{background:#fff1c4}
.f2-ov{position:fixed;inset:0;z-index:1500;background:rgba(5,14,31,.45);display:flex;justify-content:flex-end}
.f2-ov[hidden]{display:none!important}
.f2-dr{width:min(440px,94vw);height:100%;background:#f3f6fb;overflow:auto;padding:16px 16px 40px;box-shadow:-20px 0 40px -20px rgba(0,0,0,.5);zoom:var(--z,1)}
.f2-dh{display:flex;align-items:center;justify-content:space-between;gap:10px;position:sticky;top:-16px;background:#f3f6fb;padding:8px 0 10px;z-index:1}
.f2-dh h3{margin:0;font:800 18px var(--f-display);color:#0b1e3e}
.f2-x{border:1px solid #c9d6ec;background:#fff;border-radius:999px;width:34px;height:34px;font:700 16px var(--f-body);cursor:pointer;color:#0b1e3e}
.f2-dr .tip-grid{display:flex!important;flex-direction:column;gap:8px}
.f2-dr details.f2-t{background:#fff;border:1px solid #c9d6ec;border-radius:12px;padding:0}
.f2-dr details.f2-t>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;padding:10px 12px;font:700 14.5px var(--f-body);color:#0b1e3e}
.f2-dr details.f2-t>summary::-webkit-details-marker{display:none}
.f2-dr details.f2-t>summary::after{content:"▾";margin-left:auto;color:#7486a6}
.f2-dr details.f2-t[open]>summary::after{content:"▴"}
.f2-dr details.f2-t .step{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#102d5d;color:#fff;font:800 12px var(--f-body)}
.f2-dr details.f2-t .tip{border:0;box-shadow:none;background:none;padding:0 12px 10px;margin:0}
.f2-dr details.f2-t .tip .tip-h{display:none}
.f2-dr .nav-tip{margin:0 0 10px}


/* ---- Dialing Guide (demo): opener → qualify → present → close → solidify ---- */
.demo-pill{display:inline-block;vertical-align:middle;margin-left:6px;line-height:1.2;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8a5a00;background:#fdf3e1;border:1px solid #f1d59c;border-radius:999px;padding:4px 10px}
.gwrap{min-height:0;overflow:auto;display:grid;gap:12px;align-content:start;padding-bottom:12px}
.gsteps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;list-style:none;margin:0;padding:0}
.gsteps button{width:100%;display:flex;align-items:center;gap:8px;text-align:left;border:1px solid var(--line);background:#fff;border-radius:12px;padding:8px 10px;cursor:pointer;font:600 12.5px var(--f-body);color:#475569;min-width:0}
.gsteps button .n{flex:0 0 22px;height:22px;border-radius:50%;display:grid;place-items:center;font:700 11px var(--f-body);background:var(--navy-50);color:var(--navy-700);border:1px solid var(--navy-100)}
.gsteps button .t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gsteps button[aria-current=step]{border-color:var(--navy-700);color:var(--navy-800);background:var(--navy-50)}
.gsteps button[aria-current=step] .n,.gsteps button.done .n{background:linear-gradient(#2f5aa5,#0b1e3e);color:#fff;border-color:transparent}
@media (max-width:640px){.gsteps button .t{display:none}.gsteps button{justify-content:center}}
.gmain{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:start}
@media (min-width:860px){.gmain{grid-template-columns:minmax(0,7fr) minmax(0,4fr)}}
.gpane h2{font-size:16px;margin-bottom:2px}
.gpane .lead{color:var(--muted);font-size:13px;margin:0 0 12px}
.gsec{display:grid;gap:8px}
.gsec+.gsec{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.gsec h3{margin:0;font:700 11px var(--f-body);text-transform:uppercase;letter-spacing:.08em;color:var(--navy-600)}
.say{background:var(--navy-50);border:1px solid var(--navy-100);border-radius:12px;padding:11px 13px;font-size:14px;line-height:1.55;color:var(--navy-800)}
.say b{color:var(--navy-700)}
.say .who{display:block;font:700 10.5px var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--navy-600);margin-bottom:3px}
.gform{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.gform>div{grid-column:span 2;min-width:0}
.gform>.w3{grid-column:span 3}.gform>.w6{grid-column:1/-1}
@media (max-width:560px){.gform>div,.gform>.w3{grid-column:span 3}}
.checks{display:grid;gap:5px}
.checks label{display:flex;gap:9px;align-items:flex-start;font-size:13.5px;line-height:1.4;padding:7px 10px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer}
.checks label:has(input:checked){border-color:var(--navy-200);background:var(--navy-50)}
.checks input{width:16px;height:16px;margin:1px 0 0;accent-color:var(--navy-700);flex-shrink:0}
.checks.flags label:has(input:checked){border-color:#f3b4ae;background:var(--bad-soft)}
.checks.flags input{accent-color:var(--bad)}
.verdicts{display:grid;gap:6px}
.vd{display:flex;gap:10px;align-items:flex-start;padding:9px 11px;border-radius:10px;font-size:13px;line-height:1.4;border:1px solid}
.vd .tag{flex:0 0 auto;font:700 10px var(--f-body);letter-spacing:.08em;text-transform:uppercase;padding:3px 7px;border-radius:999px}
.vd.ok{background:#e9f6ef;border-color:#b7e0c8;color:#0d5c33}.vd.ok .tag{background:#127a45;color:#fff}
.vd.warn{background:var(--warn-soft);border-color:#f1d59c;color:var(--warn)}.vd.warn .tag{background:#b7791f;color:#fff}
.vd.stop{background:var(--bad-soft);border-color:#f3b4ae;color:var(--bad)}.vd.stop .tag{background:var(--bad);color:#fff}
.demo-note{font-size:11.5px;color:var(--warn);background:var(--warn-soft);border-radius:8px;padding:6px 9px}
.gnav{display:flex;gap:8px;justify-content:space-between;margin-top:14px;flex-wrap:wrap}
.gnav .btn{flex:0 1 auto;padding:0 18px}
.obj{border:1px solid var(--line);border-radius:10px;background:#fff}
.obj summary{cursor:pointer;padding:9px 12px;font-weight:600;font-size:13.5px;color:var(--navy-800);list-style:none;display:flex;justify-content:space-between;gap:8px}
.obj summary::-webkit-details-marker{display:none}
.obj summary::after{content:"+";color:var(--navy-500);font-weight:700}
.obj[open] summary::after{content:"–"}
.obj p{margin:0;padding:0 12px 11px;font-size:13.5px;line-height:1.55;color:#334155}
.objs{display:grid;gap:6px}
/* side card */
.gside{display:grid;gap:10px}
.gside .panel .gsec{margin-top:12px}
@media (min-width:860px){.gside{position:sticky;top:0}}
.gside .hero .big{font-size:30px}
.mini{display:grid;gap:0;font-size:13px}
.mini .ln{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px solid var(--line)}
.mini .ln:last-child{border-bottom:0}
.mini .ln span:first-child{color:var(--muted)}
.mini .ln b{font-variant-numeric:tabular-nums;color:var(--navy-800);text-align:right}
.meter{height:8px;border-radius:99px;background:var(--navy-50);border:1px solid var(--navy-100);overflow:hidden}
.meter .fill{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#2f5aa5,#102d5d);transition:width .3s}
.meter.over .fill{background:var(--bad)}
.pkcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:6px}
.pkcard{border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:#fff}
.pkcard .k{font:700 10.5px var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--navy-600)}
.pkcard b{display:block;font:700 17px var(--f-body);color:var(--navy-800);font-variant-numeric:tabular-nums}
.pkcard small{color:var(--muted)}
.pkcard.fit{border-color:#7cc49c;background:#e9f6ef}
.gempty{color:var(--muted);font-size:13px;padding:4px 0}
@media (prefers-reduced-motion:reduce){.meter .fill{transition:none}}

.aj-msg.sys{align-self:center;font-size:11.5px;font-weight:600;color:var(--navy-700);background:var(--navy-50);border:1px solid var(--navy-100);border-radius:999px;padding:4px 10px;white-space:normal;max-width:90%}
.lbl .req{color:var(--bad);font-weight:700;letter-spacing:.04em;margin-left:4px}.field.missing{border-color:var(--bad);box-shadow:0 0 0 3px var(--bad-soft)}.gnav .btn:disabled{opacity:.45;cursor:not-allowed;transform:none}

/* ---- package script ---- */
.ps-fab{position:fixed;right:max(18px,env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:60;width:48px;height:48px;border-radius:50%;border:0;cursor:pointer;font-size:24px;line-height:1;display:grid;place-items:center;background:linear-gradient(#f6e7b0,#e2c25e);box-shadow:0 0 0 1px rgba(255,255,255,.5),0 12px 28px -10px rgba(0,0,0,.7)}
.ps-fab:hover{box-shadow:0 0 0 1px rgba(255,255,255,.7),0 0 20px 2px rgba(226,194,94,.6)}
.ps-fab:focus-visible{outline:3px solid #8fb4ff;outline-offset:3px}
.ps-fab .ps-dot{position:absolute;top:2px;right:2px;width:12px;height:12px;border-radius:50%;background:#e5484d;box-shadow:0 0 0 2px #0b1e3e}
.ps-fab.nudge{animation:psNudge .8s ease 2}
@keyframes psNudge{0%,100%{transform:scale(1)}40%{transform:scale(1.18) rotate(-8deg)}70%{transform:scale(.96) rotate(5deg)}}
@media (prefers-reduced-motion:reduce){.ps-fab.nudge{animation:none}}
.ps-ov{position:fixed;inset:0;z-index:80;background:rgba(5,14,30,.62);display:grid;place-items:center;padding:calc(16px + env(safe-area-inset-top,0px)) 16px calc(16px + env(safe-area-inset-bottom,0px))}
.ps-box{width:min(760px,100%);max-height:calc(100dvh - 32px);min-height:0;display:flex;flex-direction:column;background:linear-gradient(180deg,#f4f7fc,#e8eef7);border-radius:18px;box-shadow:0 0 0 1px rgba(255,255,255,.4),0 30px 70px -20px rgba(0,0,0,.7);overflow:hidden}
.ps-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 18px 12px;border-bottom:1px solid var(--line)}
.ps-eye{font:700 10.5px var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:var(--navy-600)}
.ps-head h2{font:800 20px var(--f-display);color:var(--navy-800);margin:2px 0 0}
.ps-x{width:34px;height:34px;border-radius:10px;border:1px solid var(--line);background:#fff;font-size:20px;line-height:1;cursor:pointer;color:var(--navy-800)}
.ps-body{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1 1 auto;min-height:0;padding:14px 18px;display:flex;flex-direction:column;gap:12px;font-size:16px;line-height:1.6;color:#1e293b}
.ps-body p{margin:0}
.ps-body b{color:var(--navy-800);font-weight:800}
.ps-body ul{margin:6px 0 4px;padding-left:20px;display:grid;gap:6px}
.ps-say{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.ps-tag{display:inline-block;font:700 10px var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:var(--navy-600);margin-bottom:2px}
.ps-pk{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:grid;gap:6px}
.ps-pk.rec{border:2px solid var(--navy-700);box-shadow:0 10px 24px -16px rgba(16,45,93,.7)}
.ps-pkh{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;padding-bottom:6px;border-bottom:1px dashed var(--line)}
.ps-pkn{font:800 15px var(--f-display);color:var(--navy-800);text-transform:uppercase;letter-spacing:.04em}
.ps-pkn em{font:700 10px var(--f-body);font-style:normal;letter-spacing:.08em;color:#fff;background:var(--navy-700);border-radius:999px;padding:3px 8px;margin-left:6px;vertical-align:2px}
.ps-pkp{font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums}
.ps-empty{color:var(--muted)}
.ps-foot{display:flex;gap:8px;justify-content:flex-end;padding:12px 18px;border-top:1px solid var(--line)}
.ps-foot .btn{flex:0 1 auto;padding:0 18px}

.ps-chips{display:flex;flex-wrap:wrap;gap:5px}.ps-chips span{font:700 11px var(--f-body);letter-spacing:.03em;color:var(--navy-700);background:var(--navy-50);border:1px solid var(--navy-100);border-radius:999px;padding:3px 9px}.ps-agent{font-size:12.5px;color:var(--warn);background:var(--warn-soft);border-radius:8px;padding:6px 9px}
.checks .kc{margin-left:auto;font:600 11px var(--f-body);font-style:normal;color:var(--navy-600);white-space:nowrap}.gpane .obj+.obj{margin-top:6px}

/* ---- Dialing Guide v2 additions ---- */
.gsteps.g9{grid-template-columns:repeat(9,minmax(0,1fr))}
.gsteps.g9 button{padding:7px 8px;gap:6px;font-size:12px}
@media (max-width:1100px){.gsteps.g9 button .t{display:none}.gsteps.g9 button{justify-content:center}}
.seg.segwrap{flex-wrap:wrap;height:auto;min-height:36px}
.seg.segwrap button{min-height:30px;flex:1 1 auto}
.seg.sm{height:28px;width:112px;flex:0 0 auto}
.seg.sm button{font-size:12px}
.tone{font-size:12.5px;color:var(--navy-700);background:var(--navy-50);border:1px dashed var(--navy-200);border-radius:10px;padding:7px 10px}
.hint{font-size:12px;color:var(--muted);line-height:1.45}
.hint b{color:var(--navy-800)}
.bad{color:var(--bad);font-weight:600}
.hwrow{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:6px}
.hwrow .field{padding:0 7px}
.hq{display:grid;gap:4px}
.hq-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px;flex-wrap:wrap}
.hq-bar .hint{margin:0}
.hq-all{border:1px solid var(--navy-200);background:#fff;color:var(--navy-700);font:700 12.5px var(--f-body);border-radius:999px;padding:6px 14px;cursor:pointer;white-space:nowrap}
.hq-all:hover{background:var(--navy-50);border-color:var(--navy-700)}
.hq-note{margin-top:6px;color:var(--good)!important;font-weight:600}
.hqr{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 6px 5px 10px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:13px;line-height:1.35}
.hqr span{min-width:0}
.hqr.yes{border-color:#f1d59c;background:var(--warn-soft)}
.uwlist{display:grid;gap:6px;max-height:340px;overflow:auto;padding-right:2px}
.uwcat{border:1px solid var(--line);border-radius:10px;background:#fff}
.uwcat summary{cursor:pointer;padding:7px 11px;font-weight:700;font-size:13px;color:var(--navy-800);list-style:none;display:flex;align-items:center;gap:8px}
.uwcat summary::-webkit-details-marker{display:none}
.uwcat summary b{font:700 11px var(--f-body);background:var(--navy-700);color:#fff;border-radius:999px;padding:1px 7px}
.uwi{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:start;padding:6px 11px;border-top:1px solid var(--line);font-size:12.5px;line-height:1.35;cursor:pointer}
.uwi input{margin:1px 0 0;width:15px;height:15px;accent-color:var(--navy-700)}
.uwi em{font:700 10px var(--f-body);font-style:normal;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:2px 7px}
.uwi.decline em{color:var(--bad);background:var(--bad-soft)}
.uwi.trial em{color:var(--warn);background:var(--warn-soft)}
.uwi:has(input:checked){background:var(--navy-50)}
.uwres{display:grid;gap:5px}
.uwr{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 10px;align-items:center;padding:8px 11px;border-radius:10px;border:1px solid;font-size:13px}
.uwr .tag{font:700 10px var(--f-body);letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:999px;color:#fff;grid-row:span 2}
.uwr .why{grid-column:2;font-size:12px}
.uwr.clear{background:#e9f6ef;border-color:#b7e0c8;color:#0d5c33}.uwr.clear .tag{background:#127a45}
.uwr.trial{background:var(--warn-soft);border-color:#f1d59c;color:var(--warn)}.uwr.trial .tag{background:#b7791f}
.uwr.decline{background:var(--bad-soft);border-color:#f3b4ae;color:var(--bad)}.uwr.decline .tag{background:var(--bad)}
.uwcheck{font-size:13px;color:#1d4280;background:var(--navy-50);border:1px solid var(--navy-200);border-radius:10px;padding:9px 12px;margin-top:6px}.uwcheck ul{margin:4px 0 4px 18px;padding:0}
.uwtrial{font-size:13px;color:var(--warn);background:var(--warn-soft);border-radius:10px;padding:9px 12px}
.uwtrial ul{margin:4px 0 6px;padding-left:18px}
.uwnotes{font-size:12.5px;color:var(--muted)}
.uwnotes summary{cursor:pointer;font-weight:600;color:var(--navy-700)}
.uwnotes ul{margin:6px 0 0;padding-left:18px;display:grid;gap:3px}
.pkcard.rec{border-color:var(--navy-700);box-shadow:0 0 0 2px var(--navy-100)}
.cmp{margin-top:8px;border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 12px;font-size:13px}
.cmp ul{margin:6px 0;padding-left:18px}
.dd{font-size:13.5px;line-height:1.5}
.dd .ddl{margin-bottom:4px}
/* change labels: what's new in this demo (O2) */
.chg{display:inline-flex;align-items:center;font:700 9.5px/1 var(--f-body);font-style:normal;letter-spacing:.04em;color:#fff;background:#d9480f;border-radius:999px;padding:3px 6px;margin-left:6px;vertical-align:2px;cursor:help;white-space:nowrap;text-transform:none}
.chg::before{content:"NEW ";margin-right:3px;opacity:.85}
html.hide-chg .chg{display:none!important}
.chg-btn{font:700 11.5px var(--f-body);color:#fff;background:#d9480f;border:0;border-radius:999px;padding:5px 11px;cursor:pointer}
.chg-ov{position:fixed;inset:0;z-index:85;background:rgba(5,14,30,.6);display:grid;place-items:center;padding:16px}
.chg-box{width:min(720px,100%);max-height:100%;display:flex;flex-direction:column;background:linear-gradient(180deg,#f4f7fc,#e8eef7);border-radius:16px;overflow:hidden;box-shadow:0 30px 70px -20px rgba(0,0,0,.7)}
.chg-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;padding:14px 16px;border-bottom:1px solid var(--line)}
.chg-head h2{margin:0;font:800 18px var(--f-display);color:var(--navy-800)}
.chg-body{overflow:auto;padding:12px 16px;display:grid;gap:8px;font-size:13.5px;line-height:1.45}
.chg-row{display:grid;grid-template-columns:52px minmax(0,1fr);gap:10px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:9px 11px}
.chg-row b.id{font:700 12px var(--f-body);color:#d9480f}
.chg-row .where{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.chg-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;border-top:1px solid var(--line);flex-wrap:wrap}
.chg-foot label{display:flex;gap:8px;align-items:center;font-size:13px;font-weight:600;color:var(--navy-800)}

.ps-tabs{margin:10px 18px 0;height:auto}.ps-tabs button{min-height:32px}.ps-angle{font:700 11px var(--f-body);letter-spacing:.06em;text-transform:uppercase;color:var(--navy-600)}

/* ---- new tabs ---- */
.xwrap{min-height:0;overflow:auto;padding-bottom:12px}
.xgrid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:start}
@media (min-width:900px){.xgrid{grid-template-columns:minmax(0,7fr) minmax(0,4fr)}}
.xpane h2{font-size:16px;margin-bottom:2px}
.xpane .lead{color:var(--muted);font-size:13px;margin:0 0 12px}
.xh{margin:12px 0 6px;font:700 11px var(--f-body);text-transform:uppercase;letter-spacing:.08em;color:var(--navy-600)}
.xh:first-child{margin-top:0}
.xhead{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}
.onb{display:grid;gap:6px}
.onb-i{display:grid;grid-template-columns:auto 26px minmax(0,1fr);gap:10px;align-items:start;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer}
.onb-i input{margin:3px 0 0;width:17px;height:17px;accent-color:var(--navy-700)}
.onb-i .n{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font:700 11.5px var(--f-body);background:var(--navy-50);color:var(--navy-700);border:1px solid var(--navy-100)}
.onb-i b{font-size:14px;color:var(--navy-800)}
.onb-i .hint a{color:var(--navy-500);font-weight:600}
.onb-i.done{background:#e9f6ef;border-color:#b7e0c8}.onb-i.done .n{background:#127a45;color:#fff;border-color:transparent}
.prompt{white-space:pre-wrap;font:12px/1.5 ui-monospace,Menlo,Consolas,monospace;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px;max-height:260px;overflow:auto;margin:6px 0 8px;color:#1e293b}
.bk-stats{display:flex;gap:8px;flex-wrap:wrap}
.bk-stats>div{background:var(--navy-50);border:1px solid var(--navy-100);border-radius:10px;padding:6px 12px;min-width:110px}
.bk-stats span{display:block;font:700 10.5px var(--f-body);text-transform:uppercase;letter-spacing:.08em;color:var(--navy-600)}
.bk-stats b{font:800 18px var(--f-display);color:var(--navy-800);font-variant-numeric:tabular-nums}
.bk-stats .warn{background:var(--warn-soft);border-color:#f1d59c}.bk-stats .warn b{color:var(--warn)}
.bk-add{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;align-items:end;margin:6px 0}
.bk-btn{display:flex;align-items:flex-end}
.bk-btn .btn{width:100%}
.bk-msg{font-size:12.5px;color:var(--muted);min-height:18px}
.bk-list{display:grid;gap:0;border:1px solid var(--line);border-radius:12px;background:#fff;overflow:auto}
.bk-row{display:grid;grid-template-columns:minmax(150px,2fr) 100px 110px 120px minmax(190px,1.4fr) 44px;gap:10px;align-items:center;padding:9px 12px;border-top:1px solid var(--line);font-size:13px;min-width:760px;font-variant-numeric:tabular-nums}
.bk-row:first-child{border-top:0}
.bk-h{font:700 10.5px var(--f-body);text-transform:uppercase;letter-spacing:.08em;color:var(--navy-600);background:var(--navy-50)}
.bk-row small{color:var(--muted);font-size:11.5px}.bk-row small.sub{display:block}
.fus{display:flex;gap:5px;flex-wrap:wrap}
.fu{display:inline-flex;gap:5px;align-items:center;font:600 11.5px var(--f-body);border:1px solid var(--line);border-radius:999px;padding:3px 9px;cursor:pointer;color:var(--muted)}
.fu input{width:13px;height:13px;margin:0;accent-color:#127a45}
.fu.due{border-color:#f1d59c;background:var(--warn-soft);color:var(--warn)}
.fu.done{border-color:#b7e0c8;background:#e9f6ef;color:#0d5c33}
.icon.confirm{width:auto;padding:0 8px;font-size:11.5px;color:var(--bad);border-color:var(--bad)}
.wgb-hero{display:grid;gap:2px;background:radial-gradient(70% 90% at 100% 0,rgba(47,90,165,.55),transparent 70%),linear-gradient(160deg,#102d5d,#0b1e3e);color:#fff;border-radius:14px;padding:14px 16px;margin:10px 0}
.wgb-hero .eyebrow{color:#c9d6ec}
.wgb-hero b{font:800 34px/1.1 var(--f-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.wgb-hero .hint{color:rgba(255,255,255,.8)}.wgb-hero .hint b{font:700 13px var(--f-body);color:#fff}
.wgb-tiers{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}
.wt{display:grid;grid-template-columns:50px minmax(0,1.6fr) 60px minmax(0,1fr);gap:8px;padding:8px 12px;border-top:1px solid var(--line);font-size:13px;font-variant-numeric:tabular-nums}
.wt:first-child{border-top:0}
.wt span:last-child{text-align:right}
.wt-h{font:700 10.5px var(--f-body);text-transform:uppercase;letter-spacing:.08em;color:var(--navy-600);background:var(--navy-50)}
.wt.on{background:var(--navy-50);font-weight:700}


/* 8 tabs: give the tab bar its own row so it never runs under the logo or rate-book pill */
@media (min-width:760px){header{grid-template-columns:auto minmax(0,1fr) auto;row-gap:8px}.tabs{grid-column:1/-1;grid-row:2;justify-self:center;max-width:100%;overflow-x:auto;scrollbar-width:none}.pill{grid-column:3;grid-row:1}}
.tabs::-webkit-scrollbar{display:none}
.tab{padding:6px 13px}

.ps-tabs{flex:0 0 auto;height:auto!important;align-self:stretch}.ps-tabs button{flex:1 1 auto;height:32px}.onb-i .hint b,.uwres b,.hint b{font-size:inherit}.bk-list .gempty{padding:12px}
.chg-foot .btn{flex:0 0 auto;padding:0 22px}

.svrules{display:grid;gap:6px}
.svr{display:grid;gap:2px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:13px}
.svr b{color:var(--navy-800)}
.svr span{color:#334155}
.svr.on{border-color:var(--navy-700);background:var(--navy-50)}
.svr.bad{border-color:#f3b4ae;background:var(--bad-soft)}.svr.bad b,.svr.bad span{color:var(--bad)}
.gsec h3 .kc{font:600 10.5px var(--f-body);letter-spacing:0;text-transform:none;color:var(--muted);margin-left:6px}
.gsteps.g9{grid-template-columns:repeat(9,minmax(0,1fr))}
@media (max-width:1240px){.gsteps.g9 button .t{display:none}.gsteps.g9 button{justify-content:center}}


#sv-client-slot,#sv-exist-slot,#sv-draft-slot,#home-client,#home-exist,#home-draft{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
#sv-client-slot:empty,#sv-exist-slot:empty,#sv-draft-slot:empty,#home-client:empty,#home-exist:empty,#home-draft:empty{display:none}
#sv-client-slot+.gsec,#sv-exist-slot+.gsec,#sv-draft-slot+.gsec,#home-client+.gsec,#home-exist+.gsec,#home-draft+.gsec{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
@media (max-width:1440px){.gsteps[data-mode=sv] button .t{display:none}.gsteps[data-mode=sv] button{justify-content:center}}


/* 5-step guide */
.gsteps.g9,.gsteps[data-mode]{grid-template-columns:repeat(5,minmax(0,1fr))!important}
@media (min-width:641px){.gsteps.g9 button .t,.gsteps[data-mode=sv] button .t{display:inline!important}.gsteps.g9 button,.gsteps[data-mode=sv] button{justify-content:flex-start!important}}
.gsteps button{font-size:13px}
.gpane [data-gp].stacked{margin-top:18px;padding-top:16px;border-top:2px solid var(--navy-100)}
.gpane [data-gp].stacked>h2{font-size:15px}

#g-ctype button:disabled{opacity:.45;cursor:not-allowed;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.05;gap:1px}#g-ctype button:disabled,#g-ctype button:disabled *{text-decoration:none!important}#g-ctype .soon{font:700 8.5px var(--f-body);letter-spacing:.06em;text-transform:uppercase}

/* ---- Dialing Guide polish ---- */
.gpane [data-gp]{display:flex;flex-direction:column;gap:12px}
.gpane [data-gp]>h2{margin:0}
.gpane [data-gp]>.lead{margin:-8px 0 0}
#home-client,#home-exist,#home-draft,#sv-client-slot,#sv-exist-slot,#sv-draft-slot{display:contents!important;margin:0!important;padding:0!important;border:0!important}
.gpane .gsec,.gpane .gsec+.gsec{margin:0!important;padding:12px 0 0!important;border-top:1px solid var(--line)!important}
.gpane [data-gp]>.say{margin:0}
.gpane .obj+.obj{margin-top:0}
.gpane .gsec>h3{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.gnav{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.gsec .gnav{border-top:0;padding-top:0;margin-top:2px}
@media (max-width:640px){.gsteps.g9 button .t,.gsteps[data-mode] button .t{display:inline!important;font-size:11px}.gsteps button .n{display:none}.gsteps button{justify-content:center!important;padding:8px 4px!important}}
/* quoter on phones */
@media (max-width:759px){.client .c-dob{grid-column:span 4}.client .c-age{grid-column:span 2}.client .c-st{grid-column:span 2}.client .c-sex{grid-column:span 4}.client .c-tob{grid-column:span 6}.hint2{display:none}.wrap{padding-bottom:84px}}

@media (max-width:640px){#g-lead button,#g-exist button{flex:1 1 30%}}
.pkcard[data-pkopen]{cursor:pointer;transition:border-color .15s,box-shadow .15s;display:flex;flex-direction:column}.pkcard[data-pkopen]:hover{border-color:var(--navy-500);box-shadow:0 6px 16px -10px rgba(16,45,93,.6)}.pkcard[data-pkopen]:focus-visible{outline:3px solid #2f6fd6;outline-offset:2px}.pkcard .pkgo{margin-top:auto;padding-top:6px;font:700 11.5px var(--f-body);color:var(--navy-500)}

.nc-fab{position:fixed;right:80px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:60;height:48px;display:inline-flex;align-items:center;gap:7px;padding:0 16px;border:0;border-radius:999px;cursor:pointer;font:700 13.5px var(--f-body);color:#0b1e3e;background:linear-gradient(#f4f8ff,#d7e3f6);box-shadow:0 0 0 1px rgba(255,255,255,.5),0 12px 28px -10px rgba(0,0,0,.7)}
.nc-fab span[aria-hidden]{font-size:18px;line-height:1}
.nc-fab:hover{box-shadow:0 0 0 1px rgba(255,255,255,.8),0 0 18px 2px rgba(143,180,255,.5)}
.nc-fab:focus-visible{outline:3px solid #8fb4ff;outline-offset:3px}
.nc-fab.armed{background:linear-gradient(#ffe4e1,#f8c4bd);color:#9b1c13}
.nc-fab.done{background:linear-gradient(#e2f6ea,#bfe7cf);color:#0d5c33}
@media (max-width:480px){.nc-fab .nc-t{display:none}.nc-fab{width:48px;padding:0;justify-content:center}.nc-fab.armed .nc-t,.nc-fab.done .nc-t{display:inline}.nc-fab.armed,.nc-fab.done{width:auto;padding:0 14px}}


.wtgrid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:10px;align-items:stretch}
@media (max-width:700px){.wtgrid{grid-template-columns:1fr}.wtgrid .setup{order:-1}}
.setup{display:flex;flex-direction:column;gap:4px;background:#fff;border:1px dashed var(--navy-200);border-radius:12px;padding:11px 13px;font-size:13.5px;line-height:1.5;color:var(--navy-800)}
.setup .who{font:700 10.5px var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:#b45309}
.setup b{color:var(--navy-700)}
.setup .seg{height:32px}
.remind{font:600 12.5px var(--f-body);color:var(--warn);background:var(--warn-soft);border:1px solid #f1d59c;border-radius:10px;padding:8px 11px;display:flex;align-items:center;min-height:36px}

.lblhint{font-weight:500;text-transform:none;letter-spacing:0;color:var(--muted);margin-left:4px}.linkbtn{border:0;background:none;padding:0;font:inherit;color:var(--navy-500);text-decoration:underline;cursor:pointer}
.pkfail{border:1px solid #f1d59c;background:var(--warn-soft);color:#5c3d00;border-radius:12px;padding:11px 13px;font-size:13px;line-height:1.5;margin-bottom:8px}.pkfail ul{margin:4px 0 8px;padding-left:18px}.pkfail b{color:#5c3d00}.pkfail-act{display:flex;gap:8px;flex-wrap:wrap}.pkfail-act .btn{flex:0 0 auto;padding:0 14px;height:34px}

.habits{font-size:12px;color:var(--navy-700);display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
.habits b{font:700 10.5px var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--navy-600);display:inline-flex;align-items:center}
.uwsub{font-size:13px;padding:8px 11px;border-radius:10px;background:var(--warn-soft);border:1px solid #f1d59c;color:var(--warn)}
.uwsub.ok{background:#e9f6ef;border-color:#b7e0c8;color:#0d5c33}
.gsteps[data-mode=sv60]{grid-template-columns:repeat(5,minmax(0,1fr))!important}

.pkcard .perday{display:block;font-size:11.5px;color:var(--navy-600);font-weight:600}
.chkpane{max-width:760px}
.gsteps[data-mode=vt]{grid-template-columns:repeat(5,minmax(0,1fr))!important}#home-ben,#home-disp,#home-inc,#vt-disp-slot,#vt-inc-slot,#vt-ben-slot,#vt-draft-slot{display:contents!important}

.qx{display:grid;gap:8px;margin-bottom:12px}
.qx-h{display:flex;align-items:baseline;gap:6px 14px;flex-wrap:wrap}
.qx-h h2{display:flex;align-items:center;gap:8px;margin:0}
.qx-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.4fr) auto;gap:8px;align-items:end}
@media (max-width:900px){.qx-row{grid-template-columns:1fr 1fr}.qx-row>div:nth-child(3),.qx-btn{grid-column:1/-1}}
.qx-btn .btn{height:36px;padding:0 18px;white-space:nowrap;width:100%}
.qx-msg:empty{display:none}
.qx-ok{font-size:13px;color:#0d5c33;background:#e9f6ef;border:1px solid #b7e0c8;border-radius:10px;padding:8px 11px}
.qx-warn{font-size:13px;color:#5c3d00;background:var(--warn-soft);border:1px solid #f1d59c;border-radius:10px;padding:8px 11px;margin-top:4px}

.qx-toggle{margin-left:auto;border:1px solid var(--line);background:var(--tint,#f1f5fb);color:var(--navy-700);font:700 12px var(--f-body);border-radius:999px;padding:5px 14px;cursor:pointer}.qx-toggle:hover{border-color:var(--navy-500)}.qx.qx-closed{gap:0;padding-block:8px}.qx.qx-closed .qx-row,.qx.qx-closed .qx-msg,.qx.qx-closed .qx-sub{display:none}.qx-h{align-items:center}
/* current-policy tile sits in the quote panel where Dialing Standards used to be */
#prem .qx{flex-shrink:0;margin:2px 0 0;padding:10px 12px;border-radius:14px;box-shadow:none;border:1.5px solid var(--rid-line,#99d5cb);background:var(--rid-soft,#ddf3ef)}
#prem .qx-h h2{font-size:13.5px}
#prem .qx-sub{order:2;flex-basis:100%;font-size:11.5px}
#prem .qx-h{gap:2px 10px}
@media (min-width:760px) and (min-height:560px){html:not(.multi) #prem{overflow:auto}html:not(.multi) #prem .split{flex:1 0 auto;min-height:110px;max-height:none}}
#prem .qx-row{grid-template-columns:1fr 1fr}
#prem .qx-row>div:nth-child(3),#prem .qx-btn{grid-column:1/-1}
#prem .qx .field{background:#fff}
/* Dialing Standards tab */
.stdspane{max-width:760px;width:100%;margin:0 auto}
.stdspane .stds{margin-top:0;padding:18px 22px 20px}
.stdspane .stds-h{font-size:20px}
.stdspane .stds ul{gap:8px;margin-top:14px}
.stdspane .stds li{font-size:14px;line-height:1.4}
.stdspane .stds li.stds-must{padding:8px 12px 8px 26px}
.stdspane .stds li.stds-must::before{left:11px}


.xextra{display:grid;gap:6px}
.xrow{display:grid;grid-template-columns:70px minmax(0,1fr) minmax(0,1fr) 30px;gap:8px;align-items:center}
.xrow .xn{font:700 11px var(--f-body);letter-spacing:.06em;text-transform:uppercase;color:var(--navy-600)}
.xfoot{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.xfoot .add{flex:0 0 auto}
.xtot{font-size:13px;color:var(--navy-800)}
@media (max-width:560px){.xrow{grid-template-columns:1fr 1fr 30px}.xrow .xn{grid-column:1/-1}}


.tips-extra{border:1px dashed var(--navy-200);border-radius:14px;background:rgba(255,255,255,.55);padding:0}
.tips-extra summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;padding:10px 13px;font-weight:700;color:var(--navy-800);font-size:14px}
.tips-extra summary::-webkit-details-marker{display:none}
.tips-extra summary span{font:700 10.5px var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--navy-700);border-radius:999px;padding:3px 9px}
.tips-extra summary::after{content:"+";margin-left:auto;color:var(--navy-500);font-weight:800}
.tips-extra[open] summary::after{content:"–"}
.tips-extra .tip-grid{padding:0 10px 10px}


.paybar{display:flex;align-items:center;gap:10px 16px;flex-wrap:wrap;margin-bottom:12px}
.paybar h2{margin:0;font-size:16px;display:flex;align-items:center;gap:6px}
.paybar .btn{flex:0 0 auto;padding:0 16px;height:36px;margin-left:auto}
.payframe{display:block;width:100%;border:0;border-radius:16px;min-height:600px;background:transparent}

.onb-tips{margin:6px 0 0;padding-left:18px;display:grid;gap:3px}

#onb-links{margin:14px 0 6px}
.olg{margin:0 0 12px}
.olh{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 6px}
.ol{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:8px;margin:0 0 6px;text-decoration:none;color:inherit;background:var(--surface)}
.ol:hover{border-color:var(--globe)}
.oln{font-size:11px;font-weight:700;white-space:nowrap;padding:2px 7px;border-radius:999px;background:var(--tint);color:var(--globe)}
.olt{font-size:13.5px;font-weight:600;line-height:1.3}
.ola{color:var(--globe);font-weight:700}
.onb-prompt{border-top:1px solid var(--line);padding-top:8px;margin-top:4px}
.onb-prompt summary{cursor:pointer;list-style:revert}
.onb-prompt summary h3{display:inline;margin:0}


.wgb-gold{background:linear-gradient(110deg,#8a5a00 0%,#c48a0c 35%,#e0ac2b 50%,#c48a0c 65%,#8a5a00 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800;animation:wgbshine 5s linear infinite}
.tab:not([aria-selected="true"]) .wgb-gold{background-image:linear-gradient(110deg,#d9a521 0%,#f5d77a 35%,#fff1b8 50%,#f5d77a 65%,#d9a521 100%)}
@keyframes wgbshine{0%{background-position:0% 50%}100%{background-position:200% 50%}}
@media (prefers-reduced-motion:reduce){.wgb-gold{animation:none}}

.rmx summary{cursor:pointer;display:flex;align-items:center;gap:8px;flex-wrap:wrap;list-style:revert}.rmx summary::before{content:"▸";font-size:12px}.rmx[open] summary::before{content:"▾"}.rmx summary::-webkit-details-marker{display:none}.rmx-t{font-size:12px;font-weight:800;letter-spacing:.08em}.rmx[open] summary{margin-bottom:10px}

/* E1: clean mode questionnaire */
.app-real{margin:10px 12px;padding:9px 12px;border-radius:10px;background:#fff8e1;border:1px solid #f1d68a;color:#5b4300;font-size:13px;line-height:1.45}
.appv.clean .zoom{display:none}
.cm-sw:not(.jgm){display:none!important}
.cm-sw.jgm{display:inline-flex!important;margin-left:10px;padding:4px 10px 4px 6px;border:1px solid #b8c3d4;border-radius:999px;background:#fff;font-weight:800}
.appv.clean .cm-sw.jgm{border-color:var(--navy-500);background:var(--navy-50)}
#ail-show[hidden]{display:none!important}
.ail-btn{margin-left:4px;font-weight:700}
.ail-btn[aria-pressed="true"]{background:var(--navy-50)}
.app-clean{padding:14px;display:grid;gap:14px;background:var(--bg)}
.cl-top{font-size:13px;color:var(--navy-700);background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 14px;line-height:1.45}
.cl-sec{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;box-shadow:0 8px 24px -20px rgba(16,45,93,.4)}
.cl-h{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.cl-h h3{margin:0;font:800 16px var(--f-display);color:var(--navy-800)}
.cl-h .hint{font-size:12.5px}
.cl-n{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(#2a55a0,#102d5d);color:#fff;font:700 13px var(--f-body)}
.cl-c{margin-left:auto;font:600 12px var(--f-body);color:var(--navy-700);background:var(--navy-50);border-radius:999px;padding:3px 10px;white-space:nowrap}
.cl-c.done{background:#e3f5ea;color:#14532d}
.cl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:12px 14px}
.cl-f{min-width:0;padding:8px 10px;border-radius:10px;border:1px solid transparent}
.cl-f.wide{grid-column:1/-1}
.cl-f.need{border-color:#f3b4ae;background:#fff5f4}
.cl-f.ok .cl-l::after,.cl-f.ok .cl-q b::after{content:" ✓";color:#15803d}
.cl-f.flash{box-shadow:0 0 0 3px #93c5fd}
.cl-l{display:block;font:700 12px var(--f-body);color:var(--navy-800);margin-bottom:5px;text-transform:none}
.cl-q{font-size:14px;line-height:1.45;color:#1e293b;margin-bottom:7px}
.cl-q b{color:var(--navy-800);margin-right:4px}
.cl-f .field select{width:100%}
.cl-pills{display:flex;flex-wrap:wrap;gap:6px}
.cl-pill{border:1px solid var(--navy-200);background:#fff;color:var(--navy-800);border-radius:999px;padding:7px 14px;font:600 13px var(--f-body);cursor:pointer;min-width:64px}
.cl-pill:hover{border-color:var(--navy-500)}
.cl-pill[aria-pressed="true"]{background:linear-gradient(#2a55a0,#102d5d);color:#fff;border-color:#0b1e3e}


/* P1: collapsible scripts + Pro mode */
.hdr-r{justify-self:end;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pro-sw{display:inline-flex;align-items:center;gap:7px;cursor:pointer;font:700 12.5px var(--f-body);color:var(--navy-800);background:#fff;border:1px solid var(--navy-200);border-radius:999px;padding:4px 10px 4px 5px;user-select:none}
.pro-sw input{position:absolute;opacity:0;width:1px;height:1px}
.pro-track{width:32px;height:18px;border-radius:999px;background:#cbd5e1;position:relative;transition:background .2s;flex:none}
.pro-track i{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.3);transition:transform .2s}
.pro-sw input:checked+.pro-track{background:linear-gradient(#2a55a0,#102d5d)}
.pro-sw input:checked+.pro-track i{transform:translateX(14px)}
.pro-sw input:focus-visible+.pro-track{box-shadow:0 0 0 3px var(--navy-200)}
html.pro .pro-sw{background:linear-gradient(#2a55a0,#102d5d);color:#fff;border-color:#0b1e3e}
html.pro .pro-sw .pro-track{background:#7fb0ff}
.say .who{cursor:pointer;user-select:none}
.say .who::after{content:"  ▾ hide";font-weight:600;letter-spacing:.02em;text-transform:none;opacity:.55}
.say.min{max-height:31px;overflow:hidden;cursor:pointer;padding-top:7px;padding-bottom:7px;-webkit-mask-image:linear-gradient(#000 62%,transparent);mask-image:linear-gradient(#000 62%,transparent)}
.say.min .who::after{content:"  ▸ show script";opacity:.8}
.gsec.cz>h3{cursor:pointer;user-select:none}
.gsec.cz>h3::after{content:"▾";margin-left:6px;opacity:.5}
.gsec.cz.min>:not(h3){display:none!important}
.gsec.cz.min>h3::after{content:"▸ show";font-size:11px;text-transform:none;letter-spacing:.02em;opacity:.8}
html.pro p.lead,html.pro .tone,html.pro .habits,html.pro #g-survey-note,html.pro .chg,html.pro .cl-top,html.pro .app-real,html.pro .cl-h .hint{display:none!important}
html.pro .pro-sw .chg{display:none!important}


.bk-csv{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:2px 0 6px}
.bk-csv .bk-up{flex:none;width:auto;padding:0 16px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;line-height:38px}
.bk-csv .hint{flex:1 1 300px;font-size:12px}
.bk-prev{border:1px solid var(--navy-200);background:var(--navy-50);border-radius:12px;padding:10px 12px;margin:4px 0 8px;display:grid;gap:8px}
.bk-pv-h{font-size:13px;color:var(--navy-800)}
.bk-pv-t{background:#fff;border:1px solid var(--line);border-radius:10px;padding:4px 8px;overflow-x:auto}
.bk-pv-t .bk-row{grid-template-columns:minmax(120px,1.4fr) .8fr .8fr .9fr 1fr!important}
.bk-pv-b{display:flex;gap:8px;flex-wrap:wrap}.bk-pv-b .btn{flex:none;width:auto;padding:0 16px}


/* R1: experience modes + rookie learning cards */
.mode-seg{display:inline-flex;align-items:center;gap:2px;background:#fff;border:1px solid var(--navy-200);border-radius:999px;padding:3px}
.mode-seg button{border:0;background:transparent;border-radius:999px;font:700 12px var(--f-body);color:var(--navy-700);padding:5px 11px;cursor:pointer;white-space:nowrap}
.mode-seg button[aria-pressed="true"]{color:#fff;background:linear-gradient(#2a55a0,#102d5d);box-shadow:0 3px 8px -3px rgba(16,45,93,.55)}
.mode-seg button[data-mode="rookie"][aria-pressed="true"]{background:linear-gradient(#22a06b,#11704a)}
.mode-seg .chg{margin:0 4px}
.lrn{display:none}
html.rookie .lrn{display:block;margin:8px 0;border:1px solid #b7e4cc;background:linear-gradient(180deg,#f2fbf6,#e9f7ef);border-radius:12px;padding:0;color:#12432c;font-size:13px;line-height:1.5}
.lrn summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;padding:8px 12px;font:800 12.5px var(--f-body);color:#0f5132}
.lrn summary::-webkit-details-marker{display:none}
.lrn summary::after{content:"▾ hide";margin-left:auto;font-weight:600;font-size:11px;opacity:.6}
.lrn:not([open]) summary::after{content:"▸ learn"}
.lrn-ic{font-size:15px}
.lrn-b{padding:0 12px 10px}
.lrn-b ul,.lrn-b ol{margin:0;padding-left:18px;display:grid;gap:3px}
.lrn-b p{margin:6px 0 0}
.lrn-b b{color:#0b3d26}
.lrn-b a{color:#11704a;font-weight:700}
.lrn-t{border-collapse:collapse;margin:6px 0;font-size:12.5px;width:100%;max-width:360px}
.lrn-t th,.lrn-t td{border-bottom:1px solid #c9ead8;padding:3px 6px;text-align:left}.lrn-t td:last-child,.lrn-t th:last-child{text-align:right;font-weight:700}
.lrn-ask{margin-top:8px;border:1px solid #9fd8b9;background:#fff;color:#11704a;border-radius:999px;font:600 12px var(--f-body);padding:5px 12px;cursor:pointer;text-align:left}
.lrn-ask:hover{border-color:#11704a}
html.rookie .say .who::after{content:"  ▾ hide"}
html.nojg .lrn-ask{display:none}
#app-real[hidden]+.lrn{display:none!important}


/* QA fixes: phone layout */
@media (max-width:700px){
  .eapp-tool{flex-wrap:wrap;row-gap:6px}
  .eapp-tool .zoom{margin-left:auto}
  .wrap{padding-bottom:96px!important}
  .xwrap,.appv,.tips{scroll-padding-bottom:96px}
  #g-steps .t{overflow:hidden;text-overflow:ellipsis}
}

.mode-seg .beta{display:inline-block;font:800 9px var(--f-body);letter-spacing:.06em;text-transform:uppercase;color:#7a4b00;background:#fde7a8;border-radius:999px;padding:1px 5px;margin-left:3px;vertical-align:1px}.mode-seg button[aria-pressed="true"] .beta{background:#fff3c4;color:#5b3a00}.lrn summary .beta{margin-left:4px}

/* S1: Dialing Standards gate on open */
.std-ov{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:16px;background:rgba(6,14,32,.72);backdrop-filter:blur(4px)}
.std-ov[hidden]{display:none!important}
.std-box{width:100%;max-width:640px;max-height:calc(100vh - 32px);overflow:auto;border-radius:18px;box-shadow:0 30px 80px -20px rgba(0,0,0,.6)}
.std-box .stds{margin:0;padding:20px 22px}
.std-box .stds-h{font-size:19px}
.std-sub{margin:6px 0 0;text-align:center;color:#c9d6ec;font:600 13px var(--f-body)}
.std-box .stds ul{gap:7px;margin-top:14px}
.std-box .stds li{padding:0;font-size:13.5px;line-height:1.35}
.std-box .stds li::before{display:none}
.std-box .stds li label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;padding:8px 10px;border-radius:9px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05)}
.std-box .stds li.stds-must label{border-color:rgba(255,120,110,.55);background:rgba(255,90,78,.16)}
.std-box .stds li input{width:18px;height:18px;margin:1px 0 0;flex:none;accent-color:#22c55e}
.std-box .stds li label:has(input:checked){border-color:#22c55e;background:rgba(34,197,94,.14)}
.std-box .stds li.stds-must{padding:0;background:none;border:0}
.std-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;flex-wrap:wrap}
.std-count{font:700 12.5px var(--f-body);color:#c9d6ec}
.std-ok{flex:none;width:auto;padding:0 22px;height:42px;font-size:14px}
.std-disc{margin:14px 0 0;padding:9px 12px;border-radius:9px;background:rgba(255,255,255,.06);border:1px dashed rgba(255,255,255,.25);color:#dbe5f5;font:500 12.5px/1.45 var(--f-body);letter-spacing:.01em;text-transform:none}.std-disc b{color:#fff}
.std-box .stds ul.std-sub-l{margin:5px 0 0;padding-left:16px;list-style:disc;display:grid;gap:3px}
.std-box .stds ul.std-sub-l li{font-size:12.5px;letter-spacing:.04em;color:#dbe5f5;padding:0;border:0;background:none}
.std-box .stds ul.std-sub-l li::before{display:none}
.std-btns{display:flex;gap:8px;flex-wrap:wrap}
.std-all{flex:none;width:auto;padding:0 18px;height:42px;font-size:14px}
.std-ok:disabled{opacity:.45;cursor:not-allowed;transform:none!important}
html.stdlock,html.stdlock body{overflow:hidden!important}


.fee-ref{border-top:1px solid var(--line);padding-top:8px;margin:6px 0}
.fee-ref summary{cursor:pointer;list-style:revert}.fee-ref summary h3{display:inline;margin:0}
.fee-q{width:100%;margin:8px 0 6px;height:34px;border:1px solid var(--line);border-radius:8px;padding:0 10px;font:500 13px var(--f-body)}
.fee-wrap{max-height:340px;overflow:auto;border:1px solid var(--line);border-radius:8px}
.fee-t{width:100%;border-collapse:collapse;font-size:12px}
.fee-t th{position:sticky;top:0;background:var(--navy-50);text-align:left;padding:6px 8px;font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--navy-700)}
.fee-t td{padding:6px 8px;border-top:1px solid var(--line);vertical-align:top;color:#1e293b}
.fee-t td:first-child{font-weight:700;white-space:nowrap}

.q-disc{flex-shrink:0;font-size:11.5px;line-height:1.4;color:#64748b;background:#f8fafc;border:1px dashed var(--line);border-radius:8px;padding:6px 9px;margin-top:2px}.q-disc b{color:var(--navy-800)}
#g-lead button.soon{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1;opacity:.5;cursor:not-allowed;text-decoration:none}#g-lead button.soon small{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}#g-lead{height:auto;min-height:36px}
.globe-mark{display:inline-block;vertical-align:middle;margin-left:6px;font-size:22px;line-height:1}

.ps-body>*{flex-shrink:0}
.ps-ref{border-top:2px dashed var(--navy-200);padding-top:12px;margin-top:4px;display:grid;gap:8px}
.ps-ref-h{font:800 12px var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--navy-600)}
.ps-ref-h span{display:block;font:500 12.5px var(--f-body);letter-spacing:0;text-transform:none;color:var(--muted)}
.ps-det{background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:14px;line-height:1.5}
.ps-det summary{cursor:pointer;font:700 13px var(--f-body);color:var(--navy-800)}
.ps-det ul{margin:6px 0 4px}

/* Live: change tags and What's new hidden (kept in source for review) */
.chg,#chg-open,.chg-btn,#g-survey-note{display:none!important}

.sell3{border:1px solid #c9d6ec;background:linear-gradient(180deg,#f7faff,#eef3fb);border-radius:12px;padding:10px 14px;margin:8px 0 10px;font-size:13.5px;line-height:1.5;color:#1e293b}
.sell3-h{font:800 12px var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--navy-700);margin-bottom:4px}
.sell3 ul{margin:0;padding-left:18px;display:grid;gap:4px}
.sell3-say{margin-top:8px;padding:8px 10px;background:#fff;border-radius:8px;border:1px solid var(--line);font-size:14px}
html.pro .sell3{display:none!important}


/* Q3: total coverage sits to the right of the monthly premium */
#prem .hero{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-items:center}
#prem .hero>*{grid-column:1/-1}
#prem .hero>.big{grid-column:1;grid-row:2;min-width:0}
#prem .hero>.cov-tot{grid-column:2;grid-row:2;margin-top:0;flex-direction:column;align-items:flex-end;justify-content:center;gap:2px;text-align:right;white-space:nowrap}
#prem .hero>.sub{grid-row:3}
/* T2: tabs get a soft color by group. Blue = on the call, green = learning, amber = your business and licensing */
.tabs .tab:not([aria-selected=true]){border:1px solid transparent}
.tabs .tab[data-tab=guide]:not([aria-selected=true]),.tabs .tab[data-tab=quote]:not([aria-selected=true]),.tabs .tab[data-tab=app]:not([aria-selected=true]),.tabs .tab[data-tab=esig]:not([aria-selected=true]){background:#eaf1fc;border-color:#d3e0f5;color:#1d4280}
.tabs .tab[data-tab=tips]:not([aria-selected=true]),.tabs .tab[data-tab=vids]:not([aria-selected=true]),.tabs .tab[data-tab=scripts]:not([aria-selected=true]),.tabs .tab[data-tab=chk]:not([aria-selected=true]){background:#e8f6ef;border-color:#c9e9d8;color:#11613f}
.tabs .tab[data-tab=book]:not([aria-selected=true]),.tabs .tab[data-tab=wgb]:not([aria-selected=true]),.tabs .tab[data-tab=onb]:not([aria-selected=true]),.tabs .tab[data-tab=states]:not([aria-selected=true]),.tabs .tab[data-tab=sched]:not([aria-selected=true]){background:#fbf3e3;border-color:#f0dfb8;color:#7a4f00}
.tabs .tab:not([aria-selected=true]):hover{filter:brightness(.96)}
/* T3: tabs look like real buttons: icon, soft gradient, shine, lift on hover */
.tabs{gap:5px!important;padding:5px!important}
.tabs .tab{display:inline-flex;align-items:center;gap:6px;padding:7px 14px 7px 11px;font-weight:700;letter-spacing:-.005em;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}
.tabs .tab::before{font-size:14px;line-height:1;filter:saturate(1.1)}
.tabs .tab[data-tab=guide]::before{content:""}.tabs .tab[data-tab=quote]::before{content:""}.tabs .tab[data-tab=app]::before{content:""}.tabs .tab[data-tab=tips]::before{content:""}.tabs .tab[data-tab=esig]::before{content:"✍️"}
.tabs .tab[data-tab=book]::before{content:""}.tabs .tab[data-tab=wgb]::before{content:""}.tabs .tab[data-tab=onb]::before{content:""}.tabs .tab[data-tab=states]::before{content:""}.tabs .tab[data-tab=chk]::before{content:"✅"}.tabs .tab[data-tab=sched]::before{content:""}.tabs .tab[data-tab=vids]::before{content:""}.tabs .tab[data-tab=scripts]::before{content:""}
.tabs .tab[data-tab=guide]:not([aria-selected=true]),.tabs .tab[data-tab=quote]:not([aria-selected=true]),.tabs .tab[data-tab=app]:not([aria-selected=true]),.tabs .tab[data-tab=esig]:not([aria-selected=true]){background:linear-gradient(#f3f7ff,#dfe9fa)!important;border-color:#c3d4f0!important}
.tabs .tab[data-tab=tips]:not([aria-selected=true]),.tabs .tab[data-tab=vids]:not([aria-selected=true]),.tabs .tab[data-tab=scripts]:not([aria-selected=true]),.tabs .tab[data-tab=chk]:not([aria-selected=true]){background:linear-gradient(#f1fbf6,#dbf1e5)!important;border-color:#bfe3cf!important}
.tabs .tab[data-tab=book]:not([aria-selected=true]),.tabs .tab[data-tab=wgb]:not([aria-selected=true]),.tabs .tab[data-tab=onb]:not([aria-selected=true]),.tabs .tab[data-tab=states]:not([aria-selected=true]),.tabs .tab[data-tab=sched]:not([aria-selected=true]){background:linear-gradient(#fff9ee,#f8ead0)!important;border-color:#ecd7a8!important}
.tabs .tab:not([aria-selected=true]){box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 2px 6px -2px rgba(0,0,0,.35)}
.tabs .tab:not([aria-selected=true]):hover{filter:brightness(1.03);transform:translateY(-1px);box-shadow:inset 0 1px 0 #fff,0 8px 16px -6px rgba(0,0,0,.45)}
.tabs .tab:active{transform:translateY(0)}
.tabs .tab[aria-selected=true]{transform:translateY(-1px)}
@media (prefers-reduced-motion:reduce){.tabs .tab{transition:none}.tabs .tab:hover,.tabs .tab[aria-selected=true]{transform:none}}
@media (min-width:760px){html.allm .tabs{gap:3px!important;padding:4px!important}html.allm .tabs .tab{padding:6px 7px 6px 6px;font-size:12px;gap:3px}html.allm .tabs .tab::before{font-size:12.5px}}
@media (max-width:759px){.tabs .tab{justify-content:center;padding:7px 10px}}
.tabs .tab[aria-selected=true]{background:#fff!important;color:#0b1e3e!important;font-weight:800;box-shadow:0 0 0 2px #8fb4ff,0 6px 18px -4px rgba(143,180,255,.75)!important}
.tabs .tab[data-tab=wgb]:not([aria-selected=true]) .wgb-gold{background-image:linear-gradient(110deg,#8a5a00 0%,#b07a0a 35%,#d09a1c 50%,#b07a0a 65%,#8a5a00 100%)}
/* U11: My Scripts */
.gms{display:flex;flex-direction:column;gap:6px;border:1.5px solid var(--navy-200)!important}
.gms-h{display:flex;align-items:center;gap:8px}.gms-h h3{margin:0;font:800 14px var(--f-display);color:var(--navy-800);white-space:nowrap}
.gms-h select{flex:1;min-width:0;height:30px;border:1px solid var(--field-line);border-radius:8px;background:var(--field);font:600 12.5px var(--f-body);color:var(--navy-800)}
.gms-sec{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--navy-600)}.gms-sec:empty{display:none}
.gms-body{max-height:42vh;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14.5px;line-height:1.55;color:#0f172a;background:var(--navy-50);border-radius:10px;padding:10px 12px}
.gms-f{display:flex;gap:4px;justify-content:flex-end}.gms-f .linkbtn{margin-left:8px}.gms-f .linkbtn:empty{display:none}
.gms-show{text-align:right}

.mspane{display:flex;flex-direction:column;gap:12px}
.ms-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.ms-tools .btn{flex:none;width:auto;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.ms-drop{border:2px dashed var(--navy-200);border-radius:14px;padding:14px;text-align:center;color:var(--muted);font-weight:600;font-size:13px;background:var(--navy-50)}
.ms-drop.on{border-color:var(--navy-500);background:var(--navy-100);color:var(--navy-800)}
.ms-ed{display:grid;gap:6px;border:1px solid var(--navy-200);border-radius:14px;padding:12px;background:#fff}
.ms-in{width:100%;border:1px solid var(--field-line);border-radius:10px;padding:8px 10px;font:500 14px var(--f-body);color:var(--navy-800);background:var(--field)}
.ms-ta{resize:vertical;min-height:200px;line-height:1.5}
.ms-edb{display:flex;gap:8px}.ms-edb .btn{flex:none;width:auto;padding:0 18px}
.ms-list{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.ms-card{border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff;display:flex;flex-direction:column;gap:6px;min-width:0}
.ms-card h3{margin:0;font:800 15px var(--f-display);color:var(--navy-800);overflow-wrap:anywhere}
.ms-card .ms-meta{font-size:11.5px;color:var(--muted)}
.ms-card p{margin:0;font-size:12.5px;color:#334155;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line}
.ms-acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}
.ms-acts button{border:1px solid var(--navy-200);background:#fff;color:var(--navy-700);border-radius:999px;font:700 12px var(--f-body);padding:5px 12px;cursor:pointer}
.ms-acts button.pri{background:linear-gradient(#2a55a0,#102d5d);color:#fff;border-color:#0b1e3e}
.ms-acts button.del{color:var(--bad);border-color:#f2b8b0}.ms-acts button.del[data-armed]{background:var(--bad);color:#fff}
.ms-empty{grid-column:1/-1;text-align:center;color:var(--muted);font-size:13px;padding:18px;border:1px dashed var(--line);border-radius:14px}
.ms-ov{position:fixed;inset:0;z-index:300;background:rgba(11,30,62,.55);display:grid;place-items:center;padding:16px}
.ms-rd{background:#fff;border-radius:18px;width:min(860px,100%);max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:0 30px 80px -20px rgba(0,0,0,.5)}
.ms-rh{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--line)}
.ms-rh h2{flex:1;margin:0;font-size:18px;overflow-wrap:anywhere}
.ms-rh button{border:1px solid var(--navy-200);background:#fff;color:var(--navy-700);border-radius:999px;font:700 12.5px var(--f-body);padding:5px 12px;cursor:pointer}
.ms-rb{overflow:auto;padding:16px 20px;font-size:var(--msfs,18px);line-height:1.6;color:#0f172a;white-space:pre-wrap;overflow-wrap:anywhere}
.work-seg{display:inline-flex;align-items:center;gap:2px;vertical-align:middle;background:#fff;border:1px solid var(--navy-200);border-radius:999px;padding:3px;margin-left:6px}
.work-seg button{border:0;background:transparent;border-radius:999px;font:700 12px var(--f-body);letter-spacing:0;color:var(--navy-700);padding:5px 12px;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
.work-seg .rdot{width:7px;height:7px;border-radius:50%;background:#9aa8bf}
.work-seg [data-work="ready"][aria-pressed="true"]{color:#fff;background:linear-gradient(#22a06b,#11704a);box-shadow:0 3px 8px -3px rgba(17,112,74,.55)}
.work-seg [data-work="ready"][aria-pressed="true"] .rdot{background:#b8ffd9;box-shadow:0 0 0 0 rgba(184,255,217,.8);animation:rpulse 1.6s infinite}
.work-seg button[data-work="training"][aria-pressed="true"]{color:#fff;background:linear-gradient(#2a55a0,#102d5d);box-shadow:0 3px 8px -3px rgba(16,45,93,.55)}
@keyframes rpulse{0%{box-shadow:0 0 0 0 rgba(184,255,217,.8)}70%{box-shadow:0 0 0 6px rgba(184,255,217,0)}100%{box-shadow:0 0 0 0 rgba(184,255,217,0)}}
@media (prefers-reduced-motion:reduce){.work-seg .rdot{animation:none!important}}
html.ready .tabs .tab[data-tab="agentapp"],html.ready .tabs .tab[data-tab="book"],html.ready .tabs .tab[data-tab="wgb"],html.ready .tabs .tab[data-tab="onb"],html.ready .tabs .tab[data-tab="chk"],html.ready .tabs .tab[data-tab="sched"],html.ready .tabs .tab[data-tab="vids"],html.ready .tabs .tab[data-tab="states"],html.ready .tabs .tab[data-tab="lic"]{display:none!important}
html:not(.ready):not(.allm) .tabs .tab[data-tab="guide"],html:not(.ready):not(.allm) .tabs .tab[data-tab="app"],html:not(.ready):not(.allm) .tabs .tab[data-tab="esig"]{display:none!important}
.work-seg button[data-work="all"][aria-pressed="true"]{color:#fff;background:linear-gradient(#7c4ddb,#4c1d95);box-shadow:0 3px 8px -3px rgba(76,29,149,.55)}
html.allm .tabs{flex-wrap:wrap;justify-content:center;border-radius:18px}
.work-toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:9999;background:#102d5d;color:#fff;font:600 13px var(--f-body);padding:10px 14px;border-radius:12px;box-shadow:0 10px 30px -10px rgba(0,0,0,.5);display:flex;gap:10px;align-items:center;max-width:calc(100vw - 32px)}
.work-toast button{border:0;border-radius:999px;background:#fff;color:#102d5d;font:700 12px var(--f-body);padding:5px 10px;cursor:pointer}


/* ---- Schedule creator ---- */
.scpane{max-width:1180px}
.sc-save{font-size:12px;font-weight:600;color:var(--muted)}
.sc-tpl,.sc-copy{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0 0 12px}
.sc-copy{margin:10px 0 0}
.sc-tpl .lbl,.sc-copy .lbl{margin:0 4px 0 0}
.sc-chip{border:1px solid var(--navy-200);background:#fff;color:var(--navy-700);font:600 12.5px var(--f-body);border-radius:999px;padding:6px 12px;cursor:pointer}
/* add to calendar */
.cx{border:1px solid var(--navy-100);background:linear-gradient(180deg,#fff,var(--navy-50));border-radius:14px;padding:12px 14px;margin:10px 0 12px;display:grid;gap:10px}
.cx-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}.cx-h b{font:800 14.5px var(--f-display);color:var(--navy-800)}.cx-h span{font-size:12.5px;color:var(--muted)}
.cx-btns{display:flex;flex-wrap:wrap;gap:8px}.cx-btns .btn{flex:0 1 auto;padding:0 18px;min-width:180px}
.cx-list{display:grid;gap:6px}.cx-list[hidden]{display:none!important}
.cx-p{margin:0;font-size:12.5px;color:#334155}
.cx-row{display:grid;grid-template-columns:8px 140px minmax(0,1fr) auto auto;gap:10px;align-items:center;text-decoration:none;color:var(--fg);background:#fff;border:1px solid var(--line);border-left:5px solid var(--c);border-radius:10px;padding:8px 12px;font-size:13px}
.cx-row:hover{border-color:var(--navy-200);border-left-color:var(--c);box-shadow:0 8px 20px -14px rgba(16,45,93,.5)}
.cx-row i{width:8px;height:8px;border-radius:50%;background:var(--c)}
.cx-t{font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums}.cx-n{font-weight:700;min-width:0}.cx-n small{font-weight:500;color:var(--muted)}
.cx-w{font-size:12px;font-weight:700;color:var(--navy-600);background:var(--navy-50);border:1px solid var(--navy-100);border-radius:999px;padding:2px 9px;white-space:nowrap}
.cx-row>b{font:800 12.5px var(--f-body);color:#fff;background:linear-gradient(#2a55a0,#102d5d);border-radius:999px;padding:5px 12px;white-space:nowrap}
.cx-tip{margin:0;font-size:12px;color:var(--muted)}
@media (max-width:620px){.cx-btns .btn{flex:1 1 100%;min-width:0}.cx-row{grid-template-columns:8px minmax(0,1fr) auto;row-gap:3px}.cx-row i{grid-row:1/3}.cx-t{grid-column:2}.cx-n{grid-column:2}.cx-w{grid-column:2;justify-self:start}.cx-row>b{grid-column:3;grid-row:1/4}}
.sc-chip:hover{border-color:var(--navy-500)}
.sc-chip.ghost{color:var(--muted);border-color:var(--line)}
.sc-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:14px;align-items:start}
@media (max-width:900px){.sc-grid{grid-template-columns:1fr}}
.sc-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:10px}
.sc-days button{border:1px solid var(--line);background:var(--navy-50);border-radius:10px;padding:7px 2px;cursor:pointer;font:700 12.5px var(--f-body);color:var(--navy-700);display:flex;flex-direction:column;align-items:center;gap:1px}
.sc-days button small{font:600 10.5px var(--f-body);color:var(--muted)}
.sc-days button[aria-selected="true"]{background:linear-gradient(#2a55a0,#102d5d);color:#fff;border-color:transparent}
.sc-days button[aria-selected="true"] small{color:#d6e2f7}
.sc-days button.today{box-shadow:inset 0 -3px 0 #22a06b}
.sc-day{border:1px solid var(--line);border-radius:12px;padding:10px;background:var(--sunk)}
.sc-row{display:grid;grid-template-columns:150px 1fr 1fr minmax(0,1.6fr) 30px;gap:6px;align-items:center;background:#fff;border:1px solid var(--line);border-left:5px solid var(--c,#94a3b8);border-radius:9px;padding:6px;margin-bottom:6px}
.sc-row select,.sc-row input{width:100%;min-width:0;height:32px;border:1px solid var(--line);border-radius:7px;padding:0 6px;font:500 13px var(--f-body);background:#fff;color:var(--fg)}
.sc-row .sc-x{border:0;background:transparent;font-size:18px;color:var(--muted);cursor:pointer;height:32px}
.sc-row .sc-x:hover{color:#b42318}
.sc-warn{grid-column:1/-1;font-size:12px;color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:7px;padding:5px 8px}
.sc-ok{grid-column:1/-1;font-size:12px;color:#166534}
.sc-info{grid-column:1/-1;font-size:12px;color:#1d4280;background:var(--navy-50);border:1px solid var(--navy-100);border-radius:7px;padding:5px 8px}
@media (max-width:600px){.sc-row{grid-template-columns:1fr 1fr 30px}.sc-row .sc-type{grid-column:1/3}.sc-row .sc-note{grid-column:1/3}.sc-row .sc-x{grid-row:1;grid-column:3}}
.sc-empty{color:var(--muted);font-size:13px;padding:6px 2px 10px}
.sc-add{width:100%;border:1.5px dashed var(--navy-200);background:transparent;color:var(--navy-600);font:700 13px var(--f-body);border-radius:9px;padding:9px;cursor:pointer}
.sc-add:hover{background:#fff;border-color:var(--navy-500)}
.sc-card{border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:12px;background:#fff}
.sc-h{font:800 11px var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--navy-700);margin-bottom:8px;display:flex;justify-content:space-between;gap:8px}
.sc-hrs{font-weight:600;letter-spacing:0;text-transform:none;color:var(--muted)}
.sc-goals{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:6px}
.sc-goals label{display:flex;flex-direction:column;gap:3px;font:600 11.5px var(--f-body);color:var(--muted)}
.sc-goals input{height:34px;border:1px solid var(--line);border-radius:7px;padding:0 8px;font:700 14px var(--f-body);width:100%;min-width:0}
.sc-week{display:grid;grid-template-columns:30px repeat(7,1fr);gap:3px;font-size:10.5px;color:var(--muted)}
.sc-week .wk-h{text-align:center;font-weight:700;color:var(--navy-700);cursor:pointer}
.sc-week .wk-axis{position:relative;height:180px}
.sc-week .wk-axis span{position:absolute;right:2px;transform:translateY(-50%)}
.sc-week .wk-col{position:relative;height:180px;background:var(--navy-50);border-radius:6px;cursor:pointer;overflow:hidden}
.sc-week .wk-col.sel{outline:2px solid var(--navy-500)}
.sc-week .wk-b{position:absolute;left:2px;right:2px;border-radius:4px;background:var(--c)}
.sc-legend{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:8px;font-size:11.5px;color:var(--muted)}
.sc-legend i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:4px;vertical-align:-1px}
/* ---- Ready dock ---- */
.sd{position:fixed;left:max(16px,env(safe-area-inset-left,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:59;font-family:var(--f-body)}
.sd[hidden]{display:none!important}
.sd-pill{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 16px 0 14px;border:0;border-radius:999px;background:#0b1e3e;color:#fff;font:700 13px var(--f-body);box-shadow:0 12px 28px -12px rgba(0,0,0,.6);cursor:pointer;max-width:min(360px,calc(100vw - 210px))}
.sd-pill .t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sd-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;max-width:calc(100vw - 210px)}
.sd-stat{cursor:default;max-width:min(260px,calc(100vw - 340px))}
.sd-show{display:inline-flex;align-items:center;gap:6px;height:48px;padding:0 16px;border:1.5px solid #0b1e3e;border-radius:999px;background:#fff;color:#0b1e3e;font:800 13px var(--f-body);white-space:nowrap;cursor:pointer;box-shadow:0 12px 28px -12px rgba(0,0,0,.45)}
.sd-show:hover{background:var(--navy-50)}
/* Show schedule popup */
.sd.open{z-index:95}
.sd-show.on,.sd-show.on:hover{background:#0b1e3e;color:#fff}
.sdm-ov{position:fixed;inset:0;z-index:1;background:rgba(6,14,32,.62);backdrop-filter:blur(3px);display:grid;place-items:center;padding:20px;animation:sdmIn .18s ease-out}
@keyframes sdmIn{from{opacity:0}to{opacity:1}}
.sdm-card.sd-card{position:relative;width:min(860px,100%);max-height:min(88vh,820px);overflow:auto;padding:22px 24px 20px;border-radius:20px;box-shadow:0 40px 80px -30px rgba(0,0,0,.6);animation:sdmUp .2s ease-out}
@keyframes sdmUp{from{transform:translateY(12px);opacity:.6}to{transform:none;opacity:1}}
.sdm-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:16px}
.sdm-eye{font:800 11px var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:var(--navy-500)}
.sdm-head h2{margin:2px 0 2px;font:800 26px/1.15 var(--f-display);letter-spacing:-.02em;color:var(--navy-800)}
.sdm-sum{font-size:13.5px;color:var(--muted);font-weight:600}
.sdm-x{flex:none;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--navy-800);font-size:24px;line-height:1;cursor:pointer}
.sdm-x:hover{background:var(--navy-50)}
.sdm-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:22px}
.sdm-side .sd-sec:first-child{margin-top:0}
.sdm-nowbox{border-radius:14px;padding:14px 16px;color:#fff;background:linear-gradient(160deg,#16326b,#0b1e3e);border-left:6px solid var(--c,#94a3b8);margin-bottom:14px}
.sdm-nowbox .k{font:800 11px var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:#a9bddc}
.sdm-nowbox .v{font:800 22px/1.2 var(--f-display);margin:3px 0 2px}
.sdm-nowbox .n{font-size:13px;color:#c9d6ec;margin-top:4px}
.sdm-nowbox .sd-bar{background:rgba(255,255,255,.18)}.sdm-nowbox .sd-bar i{background:var(--c,#7aa2ff)}
.sdm-tl{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.sdm-blk{display:grid;grid-template-columns:92px 1fr;gap:14px;align-items:stretch;border:1px solid var(--line);border-left:6px solid var(--c);border-radius:12px;padding:11px 14px;background:#fff}
.sdm-tm{display:flex;flex-direction:column;justify-content:center;font-variant-numeric:tabular-nums;border-right:1px solid var(--line);padding-right:10px}
.sdm-tm b{font:800 17px var(--f-body);color:var(--navy-800);white-space:nowrap}
.sdm-tm span{font-size:12.5px;color:var(--muted);font-weight:600;white-space:nowrap}
.sdm-ty{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font:800 16px var(--f-body);color:var(--fg)}
.sdm-nt{font-size:13px;color:#334155;margin-top:2px}
.sdm-du{font-size:12.5px;color:var(--muted);font-weight:600;margin-top:3px}
.sdm-tag{font:800 10.5px var(--f-body);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:2px 8px;background:var(--navy-50);color:var(--navy-600);border:1px solid var(--navy-100)}
.sdm-tag.now{background:var(--c);color:#fff;border-color:transparent}
.sdm-tag.done{background:#f1f5f9;color:#94a3b8;border-color:#e2e8f0}
.sdm-blk.cur{background:var(--navy-50);box-shadow:0 0 0 2px var(--c),0 12px 26px -16px rgba(16,45,93,.5)}
.sdm-blk.past{opacity:.5}
.sdm-blk.past .sdm-tm b{text-decoration:line-through;text-decoration-thickness:1px}
.sdm-blk .sd-bar{margin-top:7px}.sdm-blk .sd-bar i{background:var(--c)}
.sdm-empty{border:1px dashed var(--navy-200);border-radius:12px;padding:22px;text-align:center;color:var(--muted);font-weight:600}
@media (max-width:720px){
  .sdm-ov{padding:0;place-items:end stretch}
  .sdm-card.sd-card{width:100%;max-height:92vh;border-radius:20px 20px 0 0;padding:18px 16px calc(16px + env(safe-area-inset-bottom,0px))}
  .sdm-grid{grid-template-columns:1fr;gap:14px}
  .sdm-head h2{font-size:22px}
  .sdm-blk{grid-template-columns:78px 1fr;gap:10px;padding:10px 12px}
  .sdm-tm b{font-size:15px}
}
@media (max-width:560px){.sd-row{max-width:calc(100vw - 150px);gap:6px}.sd-stat{max-width:100%}.sd-stat,.sd-show{height:42px}}
.sd-dot{flex:none;width:10px;height:10px;border-radius:50%;background:var(--c,#94a3b8)}
.sd-pill.flash{animation:sdflash 1s 3}
@keyframes sdflash{50%{box-shadow:0 0 0 6px rgba(34,160,107,.45)}}
.sd-card{width:min(300px,calc(100vw - 32px));max-height:calc(100vh - 120px);overflow:auto;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 50px -20px rgba(6,14,32,.55);padding:14px}
.sd-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.sd-top b{font:800 11px var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--navy-700)}
.sd-top button{border:0;background:transparent;font-size:20px;color:var(--muted);cursor:pointer;line-height:1}
.sd-now{border-radius:12px;padding:10px 12px;background:var(--navy-50);border-left:5px solid var(--c,#94a3b8)}
.sd-now .k{font:700 11px var(--f-body);color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.sd-now .v{font:800 17px var(--f-body);color:var(--fg);margin:2px 0}
.sd-now .n{font-size:12.5px;color:var(--muted)}
.sd-bar{height:6px;background:#dbe4f3;border-radius:99px;overflow:hidden;margin-top:8px}
.sd-bar i{display:block;height:100%;background:var(--c,#2f5aa5);border-radius:99px}
.sd-next{font-size:13px;margin:8px 2px 0;color:var(--fg)}
.sd-sec{font:800 10.5px var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:12px 0 6px}
.sd-tz{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.sd-tz span{border-radius:8px;padding:4px 3px;font-size:11.5px;font-weight:700;text-align:center;line-height:1.25}
.sd-tz span small{display:block;font-weight:600;font-size:10px;white-space:nowrap}
.sd-tz .ok{background:#dcfce7;color:#166534}
.sd-tz .soon{background:#fef3c7;color:#92400e}
.sd-tz .no{background:#f1f5f9;color:#94a3b8}
.sd-list{display:grid;gap:3px}
.sd-li{display:grid;grid-template-columns:8px auto 1fr;gap:8px;align-items:center;font-size:12px;padding:2px}
.sd-li span:nth-child(2){white-space:nowrap;font-variant-numeric:tabular-nums}
details.sd-day summary{cursor:pointer;list-style:none}
details.sd-day summary::-webkit-details-marker{display:none}
details.sd-day summary::after{content:" ▸";}
details.sd-day[open] summary::after{content:" ▾"}
.sd-li i{width:8px;height:8px;border-radius:50%;background:var(--c)}
.sd-li.past{opacity:.45}
.sd-li.cur{font-weight:800}
.sd-goals{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}
.sd-g{display:flex;flex-direction:column;gap:2px;border:1px solid var(--line);border-radius:9px;padding:5px 6px 5px 9px;font-size:11.5px;color:var(--muted)}
.sd-g .gr{display:flex;align-items:center;gap:4px;color:var(--fg)}
.sd-g .gr .gv{flex:1;white-space:nowrap}
.sd-g b{font-size:14px}
.sd-g button{border:0;width:26px;height:26px;border-radius:7px;background:var(--navy-50);color:var(--navy-700);font:800 15px var(--f-body);cursor:pointer}
.sd-g button.m{background:transparent;color:var(--muted)}
.sd-g.done{border-color:#86efac;background:#f0fdf4}
.sd-edit{display:block;width:100%;margin-top:12px;border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px;font:700 12.5px var(--f-body);color:var(--navy-700);cursor:pointer}
html.ready .ps-ov:not([hidden])~.sd{display:none}


.sc-wiz{border:1px solid var(--navy-200);background:linear-gradient(180deg,#fff,var(--navy-50));border-radius:14px;padding:14px 16px;margin-bottom:14px}
.sc-wiz[hidden]{display:none}
.wz-steps{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}
.wz-steps span{font:700 12px var(--f-body);color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px 11px}
.wz-steps span.on{color:#fff;background:linear-gradient(#2a55a0,#102d5d);border-color:transparent}
.wz-steps span.done{color:#166534;border-color:#86efac;background:#f0fdf4}
.wz-h{font:800 17px var(--f-body);color:var(--fg);margin:0 0 2px}
.wz-sub{font-size:13px;color:var(--muted);margin:0 0 12px}
.wz-q{margin:0 0 14px}
.wz-q>.lbl{display:block;margin:0 0 6px}
.wz-opts{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.wz-opts button{border:1px solid var(--navy-200);background:#fff;color:var(--navy-700);font:700 13px var(--f-body);border-radius:10px;padding:8px 13px;cursor:pointer;min-width:52px}
.wz-opts button:hover{border-color:var(--navy-500)}
.wz-opts button[aria-pressed="true"]{color:#fff;background:linear-gradient(#2a55a0,#102d5d);border-color:transparent;box-shadow:0 4px 10px -5px rgba(16,45,93,.6)}
.wz-opts button small{display:block;font:600 10.5px var(--f-body);opacity:.8}
.wz-opts input.wz-c[type=time]{width:132px}
.wz-cw{display:inline-flex;align-items:center;gap:6px;font:600 12px var(--f-body);color:var(--muted)}
.wz-opts .wz-cw input{width:92px}
.wz-opts input{height:36px;width:110px;border:1px solid var(--line);border-radius:10px;padding:0 10px;font:700 13px var(--f-body)}
.wz-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 18px}
@media (max-width:760px){.wz-row{grid-template-columns:1fr}}
.wz-note{font-size:12.5px;color:#1d4280;background:#fff;border:1px solid var(--navy-100);border-radius:9px;padding:8px 10px;margin:0 0 12px}
.wz-note.min{color:#9a3412;background:#fff7ed;border-color:#fed7aa}
.wz-foot{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:4px;flex-wrap:wrap}
.wz-foot .btn{flex:none;padding:0 18px;height:40px}
.sc-edbar{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.sc-edbar b{font:800 14px var(--f-body)}
.sc-edbar span{display:flex;gap:6px;flex-wrap:wrap}
.sc-goals{grid-template-columns:repeat(3,1fr)!important}
.sc-daywarn{font-size:12.5px;color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;padding:6px 9px;margin:0 0 8px}
.sc-daytot{font-size:12px;color:var(--muted);font-weight:600;letter-spacing:0;text-transform:none}
.sd-wk{border:1px solid var(--line);border-radius:10px;padding:8px 9px;font-size:12px;color:var(--muted);margin-top:6px}
.sd-wk .r{display:flex;justify-content:space-between;color:var(--fg);font-weight:700;font-size:12.5px}
.sd-log{display:flex;gap:6px;margin-top:7px}
.sd-log input{flex:1;min-width:0;height:30px;border:1px solid var(--line);border-radius:7px;padding:0 8px;font:600 12.5px var(--f-body)}
.sd-log button{border:0;border-radius:7px;background:linear-gradient(#22a06b,#11704a);color:#fff;font:700 12px var(--f-body);padding:0 10px;cursor:pointer}
.sd-undo{border:0;background:transparent;color:var(--muted);font:600 11px var(--f-body);text-decoration:underline;cursor:pointer;padding:0;margin-top:4px}
.sd-g.wide{grid-column:1/-1}


/* ---- clean weekly schedule ---- */
.cw{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:0 1px 2px rgba(15,23,42,.04)}
.cw-head{display:flex;align-items:center;gap:12px 18px;flex-wrap:wrap;margin-bottom:14px}
.cw-ttl h3{margin:0;font:800 19px var(--f-body);color:var(--fg)}
.cw-sub{font-size:12.5px;color:var(--muted);font-weight:600;margin-top:2px}
.cw-goals{display:flex;gap:8px;flex-wrap:wrap;flex:1}
.cw-goals span{display:flex;flex-direction:column;background:var(--navy-50);border:1px solid var(--navy-100);border-radius:10px;padding:6px 12px;font-size:11px;color:var(--muted);font-weight:600;line-height:1.2}
.cw-goals b{font-size:15px;color:var(--navy-700)}
.cw-act{display:flex;gap:8px;align-items:center;margin-left:auto}
.cw-edit{flex:none;height:36px;padding:0 16px}
.cw-cal{display:grid;gap:0 6px}
.cw-dh{text-align:center;padding:6px 2px 8px;border-radius:10px 10px 0 0}
.cw-dh b{display:block;font:800 13px var(--f-body);color:var(--fg)}
.cw-dh small{font-size:11px;color:var(--muted);font-weight:600}
.cw-dh.today b{color:#11704a}
.cw-dh.today small{color:#11704a}
.cw-axis{position:relative}
.cw-axis span{position:absolute;right:6px;transform:translateY(-50%);font-size:10.5px;color:var(--muted);font-weight:600;white-space:nowrap}
.cw-col{position:relative;border-radius:10px;background:var(--sunk);background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--hh) - 1px),rgba(15,23,42,.06) calc(var(--hh) - 1px),rgba(15,23,42,.06) var(--hh))}
.cw-col.today{background-color:#effaf4;box-shadow:inset 0 0 0 1.5px #86d9ae}
.cw-b{position:absolute;left:3px;right:3px;border-radius:8px;padding:4px 7px;overflow:hidden;background:color-mix(in srgb,var(--c) 15%,#fff);border-left:4px solid var(--c);color:var(--fg);display:flex;flex-direction:column;justify-content:flex-start;gap:1px;line-height:1.2}
.cw-b[data-cwday]{cursor:pointer}
.cw-b[data-cwday]:hover{background:color-mix(in srgb,var(--c) 24%,#fff)}
.cw-b b{font:700 12px var(--f-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cw-b b em{font-style:normal;font-weight:600;color:var(--muted)}
.cw-b span{font-size:10.5px;color:var(--muted);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cw-b.sm{padding:1px 7px;justify-content:center}
.cw-b.sm b{font-size:11px}
.cw-b.live{box-shadow:0 0 0 2px var(--c),0 6px 14px -8px var(--c)}
.cw-now{position:absolute;left:-3px;right:-3px;height:2px;background:#e11d48;border-radius:2px;z-index:2}
.cw-now::before{content:"";position:absolute;left:-3px;top:-3px;width:8px;height:8px;border-radius:50%;background:#e11d48}
.cw-ag{display:none}
.cw-agd{display:flex;gap:5px;overflow-x:auto;padding-bottom:4px;margin-bottom:10px}
.cw-agd button{flex:1 0 auto;min-width:48px;border:1px solid var(--line);background:var(--navy-50);border-radius:10px;padding:6px 6px;font:700 12.5px var(--f-body);color:var(--navy-700);display:flex;flex-direction:column;align-items:center;cursor:pointer}
.cw-agd button small{font:600 10.5px var(--f-body);color:var(--muted)}
.cw-agd button[aria-pressed="true"]{background:linear-gradient(#2a55a0,#102d5d);color:#fff;border-color:transparent}
.cw-agd button[aria-pressed="true"] small{color:#d6e2f7}
.cw-agd button.today{box-shadow:inset 0 -3px 0 #22a06b}
.cw-agl{display:grid;gap:6px}
.cw-agr{display:grid;grid-template-columns:64px 1fr auto;gap:10px;align-items:center;background:color-mix(in srgb,var(--c) 12%,#fff);border-left:4px solid var(--c);border-radius:10px;padding:8px 10px}
.cw-agr .tm{font:700 12.5px var(--f-body);color:var(--fg);display:flex;flex-direction:column;line-height:1.2}
.cw-agr .tm small{font-weight:600;color:var(--muted);font-size:11px}
.cw-agr .lb{display:flex;flex-direction:column;font-size:13px;line-height:1.25}
.cw-agr .lb small{color:var(--muted);font-size:11.5px}
.cw-agr.past{opacity:.5}
.cw-agr.live{box-shadow:0 0 0 2px var(--c)}
.cw-agr .nowtag{font:800 10px var(--f-body);letter-spacing:.06em;text-transform:uppercase;color:#fff;background:#e11d48;border-radius:999px;padding:2px 7px}
@media (max-width:820px){.cw-cal{display:none}.cw-ag{display:block}.cw-goals{flex-basis:100%;flex-wrap:nowrap}.cw-goals span{flex:1;min-width:0;padding:6px 8px}.cw-goals b{font-size:14px}.cw-act{margin-left:0;width:100%}.cw-act .cw-edit{flex:1}}
.sc-chip.done{background:linear-gradient(#22a06b,#11704a);color:#fff;border-color:transparent}
.sd-btns{display:grid;grid-template-columns:1fr auto;gap:6px;margin-top:12px}
.sd-btns .sd-edit{margin-top:0}
.sw-ov{position:fixed;inset:0;z-index:90;background:rgba(5,14,30,.62);display:grid;place-items:center;padding:16px}
.sw-card{position:relative;width:min(1100px,100%);max-height:calc(100vh - 32px);overflow:auto;border-radius:18px}
.sw-card .cw{border:0;padding:18px 18px 20px}
.sw-x{position:absolute;top:10px;right:10px;z-index:3}
.sw-card .cw-head{padding-right:40px}


.wz-cc{display:inline-flex}
.wz-opts .wz-cbtn{border:1.5px dashed var(--navy-200);background:transparent;color:var(--navy-600);font:700 13px var(--f-body);border-radius:10px;padding:8px 13px;cursor:pointer;min-width:52px;display:inline-flex;align-items:center;gap:6px}
.wz-cbtn i{font-style:normal;font-size:12px;opacity:.7}
.wz-opts .wz-cbtn:hover{border-color:var(--navy-500);background:#fff}
.wz-opts .wz-cbtn[aria-pressed="true"]{border-style:solid;border-color:transparent;color:#fff;background:linear-gradient(#2a55a0,#102d5d);box-shadow:0 4px 10px -5px rgba(16,45,93,.6)}
.wz-ced{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1.5px solid var(--navy-500);border-radius:10px;padding:3px 4px 3px 10px;box-shadow:0 0 0 3px var(--navy-100)}
.wz-ced[hidden]{display:none}
.wz-opts .wz-ced input.wz-ci{border:0;outline:0;background:transparent;height:30px;width:auto;min-width:0;padding:0;font:700 13px var(--f-body);color:var(--navy-700)}
.wz-opts .wz-ced input[type=number].wz-ci{width:54px;-moz-appearance:textfield}
.wz-ced input[type=number]::-webkit-outer-spin-button,.wz-ced input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.wz-ced input[type=time]::-webkit-calendar-picker-indicator{opacity:.45;cursor:pointer}
.wz-ced b{font:600 12px var(--f-body);color:var(--muted)}
.wz-opts .wz-cok{border:0;min-width:28px;width:28px;height:28px;padding:0;box-shadow:none;border-radius:8px;background:linear-gradient(#2a55a0,#102d5d);color:#fff;font:800 13px var(--f-body);cursor:pointer}


/* header: logo + title + Ready/Training on the left, modes on the right, tabs centered on their own row (no overlap at any width) */
@media (min-width:760px){
  header{display:flex!important;flex-wrap:wrap;align-items:center;column-gap:14px;row-gap:8px}
  header::after{content:"";flex-basis:100%;order:9;height:0}
  header>.tabs{order:10;margin:0 auto;max-width:100%}
  header>.hdr-r{margin-left:auto;justify-content:flex-end}
}
/* legibility floor + small-screen fixes */
.pick-grid{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))!important}
.mode-seg .beta,.beta{font-size:10px!important}
.field .pre{font-size:10.5px!important}
.seg .soon small,.soon small{font-size:10.5px!important}
.stds-h small{font-size:11px!important}
/* app picker scrolls on short screens */
.app-pick{overflow:auto;min-height:0}
/* leave room under scrolling views so the floating buttons never cover the last row */
.xwrap,.gwrap{padding-bottom:84px!important}
.app-pick{padding-bottom:84px!important}
.scpane{max-width:none!important}
/* floating buttons, popups and panels scale with the page on big screens */
@media (min-width:760px){
  .nc-fab,.ps-fab,.aj-fab,.sd-row,.aj-panel,.work-toast{zoom:var(--z,1)}
  .aj-panel{height:min(600px,calc((100vh - 110px) / var(--z,1)))!important;width:min(400px,calc((100vw - 32px) / var(--z,1)))!important}
  .sd-row{max-width:calc((100vw - 210px) / var(--z,1))!important}
  .sdm-card.sd-card{zoom:var(--z,1);width:min(860px,calc((100vw - 40px) / var(--z,1)))!important;max-height:calc(min(88vh,820px * var(--z,1)) / var(--z,1))!important}
  .ps-box{zoom:var(--z,1);width:min(760px,calc((100vw - 32px) / var(--z,1)))!important;max-height:calc((100dvh - 32px) / var(--z,1))!important}
  .sw-card{zoom:var(--z,1);width:min(1100px,calc((100vw - 32px) / var(--z,1)))!important;max-height:calc((100vh - 32px) / var(--z,1))!important}
}


/* phones and short screens: the schedule button shrinks to a round icon so it never covers New call / script / Ask JG */
@media (max-width:759px),(max-height:700px){
  .sd-row .sd-stat{display:none!important}
  .sd-row{max-width:none!important}
  .sd-show,#sd>.sd-pill{width:48px;height:48px!important;padding:0!important;justify-content:center;font-size:0!important;gap:0!important;max-width:none!important}
  .sd-show span,#sd>.sd-pill span[aria-hidden]{font-size:20px}
  #sd>.sd-pill .t{display:none}
}


/* ---- Training videos ---- */
.tvpane{max-width:none}
.tv-prog{font:700 12.5px var(--f-body);color:var(--navy-700);background:var(--navy-50);border:1px solid var(--navy-100);border-radius:999px;padding:6px 12px;white-space:nowrap}
.tv-grp{margin-top:14px}
.tv-gh{display:flex;align-items:baseline;gap:4px 12px;flex-wrap:wrap;margin-bottom:8px}
.tv-gh h3{margin:0;font:800 16px var(--f-display);letter-spacing:-.02em;color:var(--navy-800)}
.tv-gh span{font-size:12.5px;color:var(--muted)}
.tv-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr))}
.tv-card{position:relative;display:flex;align-items:flex-start;gap:12px;padding:12px 40px 12px 12px;border:1px solid var(--line);border-radius:14px;background:#fff;text-decoration:none;color:var(--fg);transition:border-color .18s,box-shadow .18s,transform .18s}
.tv-card:hover{border-color:var(--navy-500);box-shadow:0 12px 28px -16px rgba(16,45,93,.45);transform:translateY(-1px)}
.tv-card:focus-visible{outline:2px solid var(--navy-500);outline-offset:2px}
.tv-play{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:#fff;font-size:15px;background:linear-gradient(#2a55a0,#102d5d);box-shadow:0 6px 14px -6px rgba(16,45,93,.6)}
.tv-txt{display:flex;flex-direction:column;gap:3px;min-width:0}
.tv-txt b{font:700 14px var(--f-body);color:var(--navy-800);line-height:1.3}
.tv-txt span{font-size:12.5px;color:var(--muted);line-height:1.4}
.tv-folder{color:var(--navy-500);font-weight:700;text-decoration:underline;text-underline-offset:2px;white-space:nowrap}
.tv-src{align-self:flex-start;margin-top:3px;font:700 10.5px var(--f-body);font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:var(--navy-600);background:var(--navy-50);border:1px solid var(--navy-100);border-radius:999px;padding:1px 8px}
.tv-done{position:absolute;top:10px;right:10px;display:none;width:22px;height:22px;border-radius:50%;background:var(--good);color:#fff;font:800 12px var(--f-body);place-items:center}
.tv-card.seen .tv-done{display:grid}
.tv-card.seen .tv-play{background:linear-gradient(#22a06b,#11704a)}
@media (prefers-reduced-motion:reduce){.tv-card{transition:none}.tv-card:hover{transform:none}}


/* ---- Add States ---- */
.stpane{max-width:920px}
.st-hero{display:flex;align-items:center;justify-content:space-between;gap:14px 20px;flex-wrap:wrap;padding:16px 18px;border-radius:14px;color:#fff;background:radial-gradient(70% 120% at 100% 0,rgba(47,90,165,.55),transparent 70%),linear-gradient(160deg,#102d5d,#0b1e3e)}
.st-hero>div{flex:1 1 360px;min-width:0}
.st-eye{font:800 11px var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:#a9bddc}
.st-hero h2{color:#fff;font-size:20px;margin:3px 0 4px}
.st-hero .lead{color:#c9d6ec;margin:0;font-size:13.5px}
.st-hero .lead b{color:#fff}
.st-open{flex:none;height:46px;padding:0 24px;font-size:15px;display:inline-flex;align-items:center;text-decoration:none;background:#fff!important;color:var(--navy-800)!important;border-color:#fff!important}
.st-note{font-size:12.5px;color:var(--muted);margin:10px 2px 12px}
.st-d{border:1px solid var(--line);border-radius:12px;background:#fff;margin-bottom:8px}
.st-d[open]{border-color:var(--navy-200);box-shadow:0 10px 24px -18px rgba(16,45,93,.4)}
.st-d summary{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;list-style:none}
.st-d summary::-webkit-details-marker{display:none}
.st-d summary::after{content:"▾";margin-left:auto;color:var(--navy-500);transition:transform .2s}
.st-d:not([open]) summary::after{transform:rotate(-90deg)}
.st-d summary b{font:800 14.5px var(--f-display);color:var(--navy-800)}
.st-d summary i{font-style:normal;font-size:12px;color:var(--muted)}
.st-n{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;flex:none;font:700 12px var(--f-body);color:#fff;background:linear-gradient(#2f5aa5,#0b1e3e)}
.st-b{padding:0 14px 14px 48px;display:grid;gap:10px}
@media (max-width:600px){.st-b{padding-left:14px}}
.st-list{margin:0;padding-left:18px;display:grid;gap:7px;font-size:13.5px;line-height:1.45;color:#334155}
.st-list a,.st-vid{color:var(--navy-500);font-weight:700}
.st-rows{display:grid;gap:0;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.st-rows>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;padding:8px 12px;font-size:13px;border-top:1px solid var(--line)}
.st-rows>div:first-child{border-top:0}
.st-rows b{color:var(--navy-800)}.st-rows span{color:#334155}
@media (max-width:600px){.st-rows>div{grid-template-columns:1fr;gap:2px}}
.st-warn{font-size:13px;font-weight:600;color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;padding:8px 12px}
.st-in{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
@media (max-width:600px){.st-in{grid-template-columns:1fr}}
.st-in label{display:flex;flex-direction:column;gap:3px;font:700 11px var(--f-body);letter-spacing:.04em;text-transform:uppercase;color:#475569}
.st-in input{height:36px;border:1px solid var(--field-line);border-radius:9px;padding:0 10px;font:500 14px var(--f-body);color:var(--navy-800);background:var(--field)}
.st-in input:focus{outline:none;border-color:var(--navy-500);box-shadow:0 0 0 3px var(--navy-100);background:#fff}
#st-prompt{white-space:pre-wrap;max-height:260px;overflow:auto;margin:0;font:12.5px/1.5 ui-monospace,Menlo,Consolas,monospace;background:var(--navy-50);border:1px solid var(--navy-100);border-radius:10px;padding:10px 12px;color:#1e293b}
.st-act{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.st-act .btn{flex:none;padding:0 20px}


/* DEMO build: not the live link agents use */


/* Ready opens the agent's ReadyMode dialer */
.work-seg a[data-work]{border:0;background:transparent;border-radius:999px;font:700 12px var(--f-body);color:var(--navy-700);padding:5px 12px;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;text-decoration:none}
.work-seg a[data-work]:focus-visible{outline:2px solid var(--navy-500);outline-offset:2px}
.dial-chip{vertical-align:middle;margin-left:6px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.12);color:#fff;font:700 11.5px var(--f-body);border-radius:999px;padding:5px 10px;cursor:pointer;white-space:nowrap}
.dial-chip:hover{background:rgba(255,255,255,.22)}
.dp-ov{position:fixed;inset:0;z-index:1500;background:rgba(5,14,30,.62);display:grid;place-items:center;padding:16px}
.dp-card{width:min(460px,100%);max-height:calc(100vh - 32px);overflow:auto;background:#fff;border-radius:18px;padding:20px;box-shadow:0 30px 70px -20px rgba(0,0,0,.7);position:relative;font-family:var(--f-body)}
.dp-card h2{margin:0 0 4px;font:800 19px var(--f-display);color:var(--navy-800)}
.dp-card p{margin:0 0 14px;font-size:13px;color:var(--muted);line-height:1.45}
.dp-x{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:20px;line-height:1;cursor:pointer;color:var(--navy-800)}
.dp-list{display:grid;gap:8px}
.dp-opt{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;border:1.5px solid var(--navy-200);border-radius:12px;text-decoration:none;color:var(--navy-800);background:#fff}
.dp-opt:hover,.dp-opt:focus-visible{border-color:var(--navy-500);background:var(--navy-50);outline:none}
.dp-opt b{font:800 15px var(--f-body)}
.dp-opt span{font-size:12px;color:var(--muted)}
.dp-opt.on{border-color:#22a06b;background:#f0fdf4}
.dp-opt.on b::after{content:" ✓";color:#11704a}
.dp-none{margin-top:12px;width:100%;border:1px dashed var(--line);background:transparent;border-radius:12px;padding:10px;font:600 13px var(--f-body);color:var(--muted);cursor:pointer}
.dp-none:hover{border-color:var(--navy-500);color:var(--navy-700)}
.dp-tip{margin-top:12px!important;margin-bottom:0!important;font-size:12px!important}
@media (min-width:760px){.dp-card{zoom:var(--z,1);max-height:calc((100vh - 32px) / var(--z,1))}}


/* Agent password gate */
html.locked body{overflow:hidden}
html.locked .wrap,html.locked .nc-fab,html.locked .ps-fab,html.locked .aj-fab,html.locked #sd,html.locked .std-ov{visibility:hidden!important}
.pw-ov{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;padding:16px;background:radial-gradient(70% 60% at 100% 0,rgba(47,90,165,.5),transparent 70%),linear-gradient(165deg,#13336a,#0b1e3e 60%,#081630)}
.pw-ov[hidden]{display:none}
.pw-card{width:min(380px,100%);background:#fff;border-radius:20px;padding:26px 24px;box-shadow:0 40px 80px -30px rgba(0,0,0,.7);display:grid;gap:12px;font-family:var(--f-body)}
.pw-card img{height:34px;width:auto;justify-self:start}
.pw-card h1{margin:4px 0 0;font:800 22px var(--f-display);color:var(--navy-800)}
.pw-card p{margin:0;font-size:13.5px;color:var(--muted);line-height:1.45}
.pw-card label{font:700 11px var(--f-body);letter-spacing:.06em;text-transform:uppercase;color:#475569;display:grid;gap:5px}
.pw-card input{height:44px;border:1.5px solid var(--field-line);border-radius:12px;padding:0 14px;font:600 16px var(--f-body);color:var(--navy-800);background:var(--field)}
.pw-card input:focus{outline:none;border-color:var(--navy-500);box-shadow:0 0 0 3px var(--navy-100);background:#fff}
.pw-card .btn{height:44px;font-size:15px}
.pw-err{min-height:18px;font-size:13px;font-weight:600;color:var(--bad)}
.pw-card.shake{animation:pwshake .3s}
@keyframes pwshake{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
@media (prefers-reduced-motion:reduce){.pw-card.shake{animation:none}}