/* v2.57 Newsletters, the MRI Vault page and Contacts sections. Loads after design-rx.css. */
/* nl-ui: the Newsletters screens (public/nl-ui.js), lifted from the approved
   boards (leadglue-design/v257: ui.py, boards_n.py, boards_u.py, boards_p.py)
   onto the app's own tokens, so dark mode follows. Every class starts with
   "nl"; states are aria-pressed / aria-selected, never a generic .on. */
.nlpage{padding:30px 32px 44px;max-width:1560px;color:var(--ink);font-size:14px;line-height:1.5}
.nlpage *,.nlfx *{box-sizing:border-box}
.nltab,.nlpage .nltab{font-variant-numeric:tabular-nums}
.nlsr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.nlwait{padding:60px 0;color:var(--ink-3);font-size:14px;display:flex;gap:12px;align-items:center}
.nlml{margin-left:auto}.nlml18{margin-left:18px}.nlmt8{margin-top:8px}.nlmb16{margin-bottom:16px}.nlpad22{padding:0 22px 16px}
.nlhint{font-size:12.5px;color:var(--ink-3);line-height:1.45}
.nlerr{color:var(--danger);font-size:13px}
.nlwarnt{color:var(--warn);font-weight:600}
.nlnil{display:block;width:12px;height:1.5px;background:var(--line-2)}
.nlempty1{padding:30px 22px;color:var(--ink-3);font-size:13.5px;text-align:center}

/* ---------- page head ---------- */
.nlhead{display:flex;align-items:flex-end;gap:16px;margin-bottom:22px}
.nlhead>div:first-child{min-width:0}
.nleb{font-size:11px;line-height:1.5;font-weight:550;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-3);margin-bottom:11px}
.nlh1{font-family:var(--display);font-size:32px;line-height:1.2;font-weight:550;letter-spacing:-1.35px;color:var(--ink);margin:0}
.nlsub{font-size:14px;line-height:1.6;color:var(--ink-3);margin:6px 0 0}
.nlheadr{margin-left:auto;display:flex;gap:8px;align-items:center;flex:none;flex-wrap:wrap;justify-content:flex-end}
.nlcrumb{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-3);margin-bottom:8px}
.nlcrumb button{background:none;border:0;padding:0;font:inherit;color:var(--ink-3);cursor:pointer;min-height:0}
.nlcrumb button:hover{color:var(--ink);text-decoration:underline}
.nlcrumb b{color:var(--ink);font-weight:550}
.nlcrumb svg{color:var(--ink-4)}

/* ---------- controls ---------- */
.nlbtn{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;height:38px;min-height:38px;padding:0 14px;border-radius:6px;font:550 13px/1 var(--design-body);white-space:nowrap;border:1px solid transparent;color:var(--ink);background:none;letter-spacing:0;cursor:pointer;text-decoration:none}
.nlbtn svg{flex:none}
.nlbtn>span{display:inline-flex;align-items:center;gap:5px}
.nlmt{display:inline-flex;align-items:center;height:18px;padding:0 5px;border-radius:4px;background:var(--lime-soft);color:var(--lime-ink);font-size:11.5px;font-weight:550;vertical-align:1px;margin:0 1px}
.nlbtn:disabled{opacity:.55;cursor:default}
.nlb-pri{background:var(--lime);color:#13250c;box-shadow:0 2px 0 #05122208}
.nlb-pri:hover:not(:disabled){filter:brightness(1.035)}
.nlb-gh{background:var(--surface);border-color:var(--line-2);color:var(--ink)}
.nlb-gh:hover:not(:disabled){background:var(--surface-2)}
.nlb-sm{height:32px;min-height:32px;padding:0 11px;font-size:12.5px;gap:6px}
.nlb-lg{height:44px;min-height:44px;padding:0 18px;font-size:14px}
.nlb-qt{padding:0 6px;color:var(--ink-2)}
.nlb-dg{padding:0;color:var(--danger);height:auto;min-height:0;font-size:12.5px}
.nlb-onnavy{background:transparent;border-color:#ffffff30;color:#e8f0ec}
.nlb-addf{height:24px;min-height:24px;padding:0 8px;border-radius:5px;background:var(--lime-soft);color:var(--lime-ink);font-size:12px;gap:4px}
.nlwfull{width:100%;margin-top:10px}
.nllk{background:none;border:0;padding:0;font:550 13px var(--design-body);color:var(--ink);display:inline-flex;align-items:center;gap:5px;white-space:nowrap;cursor:pointer;min-height:0;text-align:left}
.nllk:hover{text-decoration:underline}
.nlib{width:32px;height:32px;min-height:32px;border-radius:6px;display:inline-grid;place-items:center;color:var(--ink-2);background:none;border:1px solid transparent;cursor:pointer;flex:none;padding:0}
.nlib:hover:not(:disabled){background:var(--surface-3)}
.nlib:disabled{color:var(--line-2);cursor:default}
.nlrowbtns{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.nltag{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 7px;border-radius:4px;font-size:11.5px;font-weight:550;letter-spacing:.1px;white-space:nowrap;background:var(--surface-3);color:var(--ink-2);flex:none;line-height:1}
.nlt-good{background:var(--good-soft);color:var(--good)}
.nlt-info{background:var(--info-soft);color:var(--info)}
.nlt-warn{background:var(--warn-soft);color:var(--warn)}
.nlt-danger{background:var(--danger-soft);color:var(--danger)}
.nlt-lime{background:var(--lime-soft);color:var(--lime-ink)}
.nlt-src{background:var(--surface);color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line-2);gap:4px}
.nlt-src b{font-weight:550;color:var(--ink-3)}
.nltags{display:flex;gap:4px;flex-wrap:wrap;min-width:0}
.nlseg{display:inline-flex;padding:3px;border-radius:7px;background:var(--surface-2);border:1px solid var(--line);gap:2px;flex:none}
.nlseg button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:30px;min-height:30px;padding:0 12px;border-radius:4px;font:550 12.5px var(--design-body);color:var(--ink-3);white-space:nowrap;background:none;border:0;cursor:pointer}
.nlseg button[aria-pressed=true],.nlseg button[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #12304018,0 0 0 1px var(--line)}
.nlseg em{font-style:normal;font-weight:500;color:var(--ink-4)}
.nlseg button[aria-pressed=true] em,.nlseg button[aria-selected=true] em{color:var(--ink-3)}
.nlseg.nlwide{display:flex;width:100%}.nlseg.nlwide button{flex:1;padding:0 6px}
.nlfchip,.nltog{display:inline-flex;align-items:center;gap:6px;height:30px;min-height:30px;padding:0 10px;border-radius:5px;border:1px solid var(--line);background:var(--surface);font:500 12.5px var(--design-body);color:var(--ink-2);white-space:nowrap;cursor:pointer}
.nlfchip b,.nltog em{font-weight:500;font-style:normal;color:var(--ink-4)}
.nlfchip[aria-pressed=true],.nltog[aria-pressed=true]{background:var(--design-navy);border-color:var(--design-navy);color:#e4f0d5}
.nlfchip[aria-pressed=true] b,.nltog[aria-pressed=true] em,.nltog[aria-pressed=true] svg{color:var(--lime)}
.nlfield{display:flex;align-items:center;gap:8px;height:38px;border:1px solid var(--line-2);border-radius:6px;background:var(--surface);padding:0 11px;font-size:13.5px;color:var(--ink);min-width:0}
.nlfield input,.nlfield select{border:0;background:none;box-shadow:none;padding:0;height:100%;flex:1;min-width:0;font:inherit;color:inherit;outline:none}
.nlfield:focus-within{border-color:var(--lime);box-shadow:0 0 0 3px #8dd11d17}
.nlfield svg{color:var(--ink-3);flex:none}
.nllbl{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:550;color:var(--ink-2);margin-bottom:6px}
.nllbl em{font-style:normal;font-size:11.5px;background:var(--surface-3);border-radius:4px;padding:0 6px;color:var(--ink-2)}
.nlav{width:32px;height:32px;border-radius:8px;background:var(--surface-3);color:var(--ink-2);display:grid;place-items:center;font:600 11.5px/1 var(--display);flex:none;letter-spacing:.02em}
.nlface{flex:none}
.nldot{width:7px;height:7px;border-radius:50%;background:var(--good);display:inline-block;flex:none}
.nld-off{background:#9aaab2}.nld-bad{background:var(--danger)}
.nlsep{width:3px;height:3px;border-radius:50%;background:var(--line-2);display:inline-block;flex:none}
.nlpc{display:flex;align-items:center;gap:8px;min-width:0}
.nlckr{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-2);position:relative;cursor:pointer;min-height:24px}
.nlckr input[type=checkbox],.nlsrcb input[type=checkbox]{position:absolute;opacity:0;width:16px;height:16px;margin:0}
.nlck{width:16px;height:16px;border-radius:4px;border:1.5px solid var(--line-2);background:var(--surface);display:grid;place-items:center;flex:none}
input:checked+.nlck{background:var(--ink);border-color:var(--ink)}
input:checked+.nlck:after{content:"";width:8px;height:4px;border:solid var(--surface);border-width:0 0 2px 2px;transform:translateY(-1px) rotate(-45deg)}
input:focus-visible+.nlck{outline:2px solid var(--lime);outline-offset:2px}

/* ---------- cards and tables ---------- */
.nlcard{background:var(--surface);border:1px solid var(--card-line);border-radius:12px;box-shadow:var(--card-sh);overflow:clip}
.nlchd{display:flex;align-items:center;gap:12px;min-height:58px;padding:16px 22px 12px;flex-wrap:wrap}
.nlchd h2,.nle2c h2,.nledh h2,.nln4h h2,.nlerh h2,.nlpclh h2,.nlpph h2{font-family:var(--display);font-size:17px;font-weight:650;letter-spacing:-.5px;line-height:1.3;margin:0;color:var(--ink)}
.nlthd{display:grid;align-items:center;height:36px;padding:0 22px;background:var(--surface-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;font-weight:550;color:var(--ink-3);gap:14px}
.nltrw{display:grid;align-items:center;padding:0 22px;border-bottom:1px solid var(--line);gap:14px;font-size:13px;color:var(--ink-2)}
.nltrw:last-child{border-bottom:0}
.nltrw>.nltag,.nlrow>.nltag{justify-self:start}
.nltfoot{display:flex;align-items:center;gap:16px;padding:12px 22px;border-top:1px solid var(--line);font-size:12.5px;color:var(--ink-3)}
.nlnm{min-width:0;display:block}
.nlnm>b{display:block;font-size:13.5px;font-weight:550;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}
.nlnm>span{display:block;font-size:12px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nlnm>.nltag{display:inline-flex;margin-bottom:4px}
.nlnm>.nltags{display:flex;margin-top:3px;flex-wrap:nowrap}
.nlrate b{display:block;font:650 14px/1.3 var(--display);color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.nlrate span{display:block;font-size:12px;color:var(--ink-3);white-space:nowrap}
.nlhrow{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--ink-2);min-height:26px}
.nlhrow b{margin-left:auto;font-weight:600;color:var(--ink)}
.nlhrow.nlq{min-height:24px;color:var(--ink-3)}.nlhrow.nlq b{color:var(--ink-2);font-weight:550}
.nlthumb{position:relative;overflow:hidden;background:var(--surface-2);border-radius:4px;box-shadow:0 0 0 1px var(--card-line);flex:none}
.nlif{border:0;position:absolute;left:0;top:0;transform-origin:0 0;pointer-events:none;background:#fff;display:block}
.nlifed{pointer-events:auto}
.nlframe{position:static;overflow:hidden;background:#fff;flex:none}
.nlframe .nlif{position:static}

/* ---------- N1: the Vault row and the month's emails ---------- */
.nlstc{display:flex;flex-direction:column}
.nlstv,.nlstu{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 14px 0 20px;font-size:13px;color:var(--ink-2);white-space:nowrap}
.nlstv{min-height:56px}
.nlstv b,.nlstu b{color:var(--ink);font-weight:600}
.nlstu{border-top:1px solid var(--line)}
.nlstx{color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;min-width:0}
.nlstx b{color:var(--ink)}
.nlstv .nlbtn{margin-left:auto}
.nlstl{flex:none}
.nlubar{flex:1;min-width:120px;height:6px;border-radius:3px;background:var(--surface-3);display:flex;overflow:hidden}
.nlubar i{display:block;height:100%}
.nlubar i.nlu{background:var(--ink)}.nlubar i.nlbk{background:#9db0a8}
.nlulg{display:flex;gap:14px;font-size:12.5px;color:var(--ink-3);flex:none;padding-right:6px}
.nlulg span{display:inline-flex;align-items:center;gap:6px}
.nlulg i{width:8px;height:8px;border-radius:2px;background:var(--surface-3);box-shadow:inset 0 0 0 1px var(--line-2);display:block}
.nlulg i.nlu{background:var(--ink);box-shadow:none}.nlulg i.nlbk{background:#9db0a8;box-shadow:none}
.nlstu.nlwarn{background:var(--warn-soft)}.nlstu.nlwarn .nlubar i.nlu,.nlstu.nlwarn .nlulg i.nlu{background:var(--warn)}.nlstu.nlwarn b{color:var(--warn)}
.nlstu.nlfull{background:var(--danger-soft)}.nlstu.nlfull .nlubar i.nlu,.nlstu.nlfull .nlulg i.nlu{background:var(--danger)}.nlstu.nlfull b{color:var(--danger)}
.nlstu.nlcmp{flex-direction:column;align-items:stretch;white-space:normal;padding:14px 20px;gap:8px}
.nlerw{display:flex;align-items:center;gap:14px;padding:16px 22px}
.nlerw .nlnm{flex:1}.nlerw .nlnm>span{white-space:normal;line-height:1.45;margin-top:2px}
.nlerw.nlsubrow{border-top:1px solid var(--line);font-size:13px;color:var(--ink-2);gap:10px;background:var(--surface-2)}
.nlerw.nlsubrow svg{color:var(--ink-3)}.nlerw.nlsubrow b{font-weight:600;color:var(--ink)}.nlerw.nlsubrow .nllk{margin-left:auto}
.nlerw.nlbad{border-left:3px solid var(--danger)}
.nldemo{display:flex;gap:10px;margin:0 0 16px;padding:12px 14px;border-radius:8px;font-size:13.5px;line-height:1.5;background:var(--info-soft);color:var(--info)}
.nldemo svg{flex:none;margin-top:2px}.nldemo b{font-weight:650}
.nlg1{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;margin-top:16px;align-items:start}
.nlrcol,.nllcol{display:flex;flex-direction:column;gap:16px;min-width:0}
.nllist{display:flex;flex-direction:column}
.nllh{padding-bottom:14px}
.nlfs{margin-left:auto;width:250px;height:36px;background:var(--surface-2);border-color:var(--line);color:var(--ink-4);font-size:13px}
.nlgrid{grid-template-columns:40px minmax(0,1fr) 164px 130px 76px 76px 32px;gap:12px}
.nlthd.nlgrid span:first-child{grid-column:1/3}
.nlrow{height:62px;cursor:pointer;display:grid;align-items:center;padding:0 22px;border-bottom:1px solid var(--line);font-size:13px;color:var(--ink-2)}
.nlrow:hover{background:var(--surface-2)}
.nlrname{background:none;border:0;padding:0;font:550 13.5px/1.3 var(--design-body);color:var(--ink);cursor:pointer;display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;min-height:0}
.nlpg{display:flex!important;align-items:center;gap:6px;margin-top:4px}
.nlpg .nlpgb{width:36px;flex:none}
.nlpg>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.nlpgb{display:block;height:6px;width:100%;border-radius:3px;background:var(--surface-3);overflow:hidden}
.nlpgb i{display:block;height:100%;background:var(--info)}
.nlah .nlchd .nllk{font-size:13px}
.nlahb{padding:0 22px 18px}
.nlahn{display:flex;align-items:baseline;gap:10px}
.nlahn b{font:650 30px/1.1 var(--display);letter-spacing:-.02em;color:var(--ink)}
.nlahn span{font-size:13px;color:var(--ink-3)}
.nlahbar{display:flex;gap:2px;height:8px;margin:12px 0 10px;border-radius:2px;overflow:hidden;background:var(--surface-3)}
.nlahbar i{display:block;height:100%}
.nlc1{background:var(--ink)}.nlc2{background:var(--lime-ink)}.nlc3{background:#9db0a8}
.nlhk{width:8px;height:8px;border-radius:2px;flex:none}
.nlahsub{font-size:12.5px;font-weight:550;color:var(--ink-2);margin:10px 0 2px;padding-top:10px;border-top:1px solid var(--line)}
.nll9g{display:grid;grid-template-columns:1fr 1fr;gap:16px 12px;padding:2px 22px 4px}
.nll9g b{display:block;font:650 24px/1.15 var(--display);letter-spacing:-.02em;color:var(--ink)}
.nll9g span{display:block;font-size:12.5px;color:var(--ink-3);margin-top:2px;line-height:1.35}
.nll9n{display:flex;gap:8px;margin:14px 22px 18px;padding-top:12px;border-top:1px solid var(--line);font-size:12.5px;color:var(--ink-3);line-height:1.45}
.nll9n svg{flex:none;margin-top:1px}
/* E1 */
.nle1,.nle2{margin-top:16px;max-width:720px}
.nle1 .nles{display:flex;align-items:center;gap:14px;padding:14px 22px;border-top:1px solid var(--line)}
.nles>i{width:26px;height:26px;border-radius:50%;border:1.5px solid var(--line-2);display:grid;place-items:center;font:600 12px var(--design-body);font-style:normal;color:var(--ink-3);flex:none}
.nles.nlnow>i{background:var(--ink);border-color:var(--ink);color:var(--surface)}
.nles.nldone>i{background:var(--good-soft);border-color:var(--good-soft);color:var(--good)}
.nles .nlnm{flex:1}.nles .nlnm>span{white-space:normal}
.nle2{padding:22px}
.nle2>p{margin:4px 0 0}
.nlets{display:flex;gap:14px;margin:16px 0 18px;flex-wrap:wrap}
.nlet{background:none;border:0;padding:0;text-align:left;cursor:pointer;width:120px}
.nlet b{display:block;font-size:12.5px;font-weight:550;margin-top:8px;color:var(--ink)}
.nltplem.nlsmall{width:120px;height:150px}

/* ---------- the flow's own header ---------- */
body.nlfxon{overflow:hidden}
.nlfx{position:fixed;inset:0;z-index:58;background:var(--bg);color:var(--ink);display:grid;grid-template-rows:64px minmax(0,1fr);font-size:14px;line-height:1.5}
.nlfxtop{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(max-content,1fr);align-items:center;gap:16px;padding:0 20px 0 24px;background:var(--surface);border-bottom:1px solid var(--line);position:relative}
.nlfxl{display:flex;align-items:center;gap:12px;min-width:0}
.nlfxlogo{width:96px;height:22px;object-fit:contain;object-position:left center;flex:none}
.nldark{display:none}
:root[data-theme=dark] .nllight{display:none}:root[data-theme=dark] .nldark{display:block}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .nllight{display:none}:root:not([data-theme=light]) .nldark{display:block}}
.nlfxdiv{width:1px;height:22px;background:var(--line);flex:none}
.nlfxname{font:550 14px var(--design-body);color:var(--ink);border:1px solid transparent;border-radius:6px;background:none;padding:4px 6px;min-width:60px;max-width:280px;width:auto;field-sizing:content;text-overflow:ellipsis;box-shadow:none}
.nlfxname:hover{border-color:var(--line)}
.nlfxname:focus{border-color:var(--lime)}
.nlfxr{display:flex;align-items:center;gap:8px;justify-content:flex-end;min-width:0}
.nlsaved{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink-3);margin-right:6px;white-space:nowrap}
.nlsaved svg{color:var(--ink-3)}
.nlsteps{display:flex;align-items:center;justify-content:center}
.nlst{display:flex;align-items:center;gap:7px;font:550 13px var(--design-body);color:var(--ink-3);white-space:nowrap;background:none;border:0;padding:4px;cursor:pointer;min-height:0}
.nlst:disabled{cursor:default}
.nlst i{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--line-2);display:grid;place-items:center;font:600 11px var(--design-body);font-style:normal;color:var(--ink-3);background:var(--surface)}
.nlst.nldone{color:var(--ink-2)}.nlst.nldone i{background:var(--surface-3);border-color:var(--surface-3);color:var(--lime-ink)}
.nlst.nlnow{color:var(--ink)}.nlst.nlnow i{background:var(--ink);border-color:var(--ink);color:var(--surface)}
.nlln{width:28px;height:1px;background:var(--line-2);margin:0 10px}

/* ---------- N2: the gallery ---------- */
.nln2body{display:grid;grid-template-columns:minmax(0,1fr) 440px;min-height:0}
.nln2l{padding:30px 36px 0;display:flex;flex-direction:column;min-width:0;overflow:auto}
.nln2h{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.nln2s{font-size:14px;margin:6px 0 0}
.nlchips{display:flex;gap:6px;margin:20px 0 18px;flex-wrap:wrap}
.nltg{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:22px 12px;padding-bottom:20px}
.nltpl{display:flex;flex-direction:column;min-width:0;background:none;border:0;padding:0;text-align:left;cursor:pointer;color:var(--ink)}
.nltplem{display:block;position:relative;width:100%;aspect-ratio:128/280;border-radius:6px;box-shadow:0 0 0 1px var(--card-line);overflow:hidden;background:#fff}
.nltpl b{font-size:13px;font-weight:550;line-height:1.3;margin-top:10px}
.nltcap{font-size:12px;color:var(--ink-3);line-height:1.35;margin-top:2px}
.nltpl[aria-pressed=true] .nltplem{box-shadow:0 0 0 2px var(--ink),0 0 0 5px #12304014}
.nltpl:focus-visible{outline:none}.nltpl:focus-visible .nltplem{box-shadow:0 0 0 2px var(--lime),0 0 0 5px #8dd11d33}
.nln2b{margin-top:auto;display:flex;align-items:center;gap:14px;min-height:76px;border-top:1px solid var(--line);flex:none;background:var(--bg);position:sticky;bottom:0}
.nlstage{background:#051222;color:#dbe6ea;padding:22px 30px 22px;display:flex;flex-direction:column;min-height:0;overflow:auto}
.nlsgh{display:flex;align-items:center;justify-content:space-between}
.nlsgl{font-size:13px;font-weight:550;color:#e8f0ec}
.nlseg.nldk{background:#ffffff0a;border-color:#ffffff14}
.nlseg.nldk button{color:#9fb3c0;height:28px;min-height:28px;font-size:12px}
.nlseg.nldk button[aria-pressed=true]{background:#fff;color:#122b39;box-shadow:none}
.nlsgp{display:flex;justify-content:center;margin-top:20px}
.nlcompframe{border-radius:8px;overflow:hidden;box-shadow:0 30px 60px -30px #000c}
.nlsgi{margin-top:22px}
.nlsgi h2{font-family:var(--display);font-size:20px;font-weight:650;letter-spacing:-.5px;color:#fff;margin:0}
.nlsgi p{font-size:13.5px;color:#9fb3c0;margin:4px 0 0;line-height:1.5}
.nlsgf{display:block;font-size:12.5px;font-weight:550;color:#b7d19a;margin:16px 0 8px}
.nlsgi ul{list-style:none;display:flex;flex-direction:column;gap:8px;padding:0;margin:0}
.nlsgi li{display:flex;gap:10px;font-size:12.5px;line-height:1.35;color:#9fb3c0}
.nlsgi li svg{color:var(--lime);margin-top:2px;flex:none}
.nlsgi li b{display:block;color:#eef4f1;font-weight:550;font-size:13px}
.nlmph{border-radius:40px;background:#0b0f14;padding:7px;box-shadow:0 30px 60px -30px #000c,0 0 0 1.5px #2a323c inset;flex:none}
.nlmphs{width:100%;height:100%;border-radius:33px;overflow:hidden;background:#fff;position:relative;display:flex;flex-direction:column}
.nlmpst{height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;font-size:12px;color:#111;flex:none}
.nlmpn{width:74px;height:22px;border-radius:14px;background:#0b0f14}
.nlmpb{width:20px;height:10px;border-radius:3px;border:1.5px solid #111;opacity:.8}
.nlmpmail{display:flex;align-items:center;gap:8px;padding:4px 12px 9px;border-bottom:1px solid #eee;min-height:44px;flex:none}
.nlmpav{width:26px;height:26px;border-radius:50%;background:#1b2a33;color:#fff;font:700 11px var(--display);display:grid;place-items:center;flex:none}
.nlmpmail div{min-width:0;flex:1}
.nlmpmail b{display:block;font-size:11.5px;color:#111;line-height:1.2}
.nlmpmail span{display:block;font-size:10.5px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nlmphs .nlframe{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}
.nlmph.nlbig{height:auto;min-height:600px}

/* ---------- N3: the editor ---------- */
.nledb{display:grid;grid-template-columns:272px minmax(0,1fr) 352px;min-height:0}
.nledl,.nledr{background:var(--surface);min-height:0;overflow:auto}
.nledl{border-right:1px solid var(--line);padding:20px 16px}
.nledr{border-left:1px solid var(--line);display:flex;flex-direction:column}
.nledh{display:flex;align-items:baseline;justify-content:space-between;margin:0 4px 10px}
.nledh h2{font-size:15px;letter-spacing:-.3px}
.nledh.nladd{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}
.nlblks{display:flex;flex-direction:column;gap:2px}
.nlblk{display:flex;align-items:center;gap:2px;border-radius:7px;position:relative}
.nlgrip{color:var(--line-2);cursor:grab;display:grid;place-items:center;width:18px;flex:none}
.nlgrip0{width:18px;flex:none}
.nlblkb{flex:1;min-width:0;display:flex;align-items:center;gap:10px;height:48px;min-height:48px;padding:0 10px 0 6px;border-radius:7px;border:1px solid transparent;color:var(--ink-3);background:none;cursor:pointer;text-align:left}
.nlblkb:hover{background:var(--surface-2)}
.nlblkb svg{flex:none}
.nlblkb[aria-pressed=true]{background:var(--lime-soft);border-color:#d3e4b8}
.nlblkb[aria-pressed=true] svg{color:var(--lime-ink)}
.nlblkb .nlnm>span{max-width:170px}
.nlblk.nllk2 .nlblkb{color:var(--ink-4)}
.nlblk.nldragging{opacity:.45}
.nlblk.nldropb:before,.nlblk.nldropa:after{content:"";position:absolute;left:18px;right:0;height:2px;background:var(--lime);border-radius:2px}
.nlblk.nldropb:before{top:-2px}.nlblk.nldropa:after{bottom:-2px}
.nlpals{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.nlpal{height:64px;min-height:64px;border:1px solid var(--line);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--ink-2);background:var(--surface);cursor:pointer;padding:0 4px}
.nlpal:hover{border-color:var(--line-2);background:var(--surface-2)}
.nlpal span{font-size:12px;font-weight:550;color:var(--ink-2);text-align:center;line-height:1.1}
.nledtip{margin:14px 0 0;padding:0 4px}
.nlchk{margin-top:18px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2)}
.nlchk b{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600}
.nlchk.nlchkok b{color:var(--good)}.nlchk.nlchkbad b{color:var(--warn)}
.nlchk span{display:block;font-size:12.5px;color:var(--ink-3);line-height:1.45;margin-top:3px}
.nlchk ul{margin:6px 0 0;padding:0 0 0 16px;font-size:12.5px;color:var(--ink-2);line-height:1.45}
.nlchk ul .nllk{white-space:normal;font-weight:500;font-size:12.5px;text-decoration:underline;text-decoration-color:var(--line-2)}
.nledc{display:flex;flex-direction:column;min-width:0;min-height:0;padding:18px 24px 0}
.nledd{padding:2px 16px;border-radius:10px;flex:none}
.nleddr{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;min-height:42px}
.nleddr+.nleddr{border-top:1px solid var(--line)}
.nleddr>span,.nleddr>label{font-size:12.5px;font-weight:550;color:var(--ink-3)}
.nleddv{display:flex;align-items:center;gap:8px;min-width:0;font-size:13.5px;position:relative}
.nleddv>b{font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nleddv em{font-style:normal;font-size:12.5px;color:var(--ink-3);white-space:nowrap}
.nleddv>svg{color:var(--ink-3);margin-left:auto}
.nlfrom{cursor:pointer}
.nlovsel{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.nlfrom:focus-within{outline:2px solid var(--lime);outline-offset:2px;border-radius:4px}
.nlinl{flex:1;min-width:0;border:0;background:none;box-shadow:none;padding:6px 0;font:550 13.5px var(--design-body);color:var(--ink);outline:none}
.nlinl.nlsoft{font-weight:400;color:var(--ink-2)}
.nlinl:focus{box-shadow:inset 0 -2px 0 var(--lime);border-radius:0}
.nlcnt{margin-left:auto}
.nledt{display:flex;align-items:center;margin:14px 0 0;flex:none}
.nledt .nlseg{margin:0 auto}
.nledtl,.nledtr{display:flex;align-items:center;gap:4px;width:220px;white-space:nowrap}
.nledtr{justify-content:flex-end;gap:8px}
.nlpas{display:inline-flex;align-items:center;gap:8px}
.nlpas select{height:32px;border:1px solid var(--line);border-radius:6px;background:var(--surface);font:550 13px var(--design-body);color:var(--ink);padding:0 8px;max-width:150px}
.nledcv{flex:1;min-height:0;overflow:auto;margin-top:14px;display:flex;justify-content:center;padding:0 60px 40px}
.nledcv.nldropc{outline:2px dashed var(--lime);outline-offset:-6px}
.nledcv.nlph{align-items:flex-start;padding-top:6px}
.nledem{position:relative;align-self:flex-start}
.nledem>.nlframe{border-radius:6px 6px 0 0;box-shadow:0 1px 2px #12304014,0 18px 40px -24px #12304040}
.nlphem>.nlframe{border-radius:0;box-shadow:none}
.nlselb{position:absolute;border:2px solid var(--lime);pointer-events:none;z-index:3;border-radius:2px}
.nlselb[hidden],.nlselt[hidden]{display:none!important}
.nlsell{position:absolute;left:-2px;top:-24px;display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:5px 5px 0 0;background:var(--lime);color:#13250c;font-size:11.5px;font-weight:650;white-space:nowrap}
.nlselt{position:absolute;display:flex;flex-direction:column;align-items:center;gap:6px;width:36px;padding:8px 0;border-radius:8px;background:#051222;z-index:4}
.nlselt button{width:30px;height:30px;min-height:30px;border-radius:6px;display:grid;place-items:center;color:#d5e1e8;background:none;border:0;cursor:pointer;padding:0}
.nlselt button:hover{background:#ffffff14}
.nlitabs{display:flex;gap:22px;padding:0 20px;border-bottom:1px solid var(--line);height:52px;align-items:stretch;flex:none}
.nlitabs button{display:flex;align-items:center;font:550 13.5px var(--design-body);color:var(--ink-3);border:0;border-bottom:2px solid transparent;margin-bottom:-1px;background:none;padding:0;cursor:pointer;min-height:0}
.nlitabs button[aria-selected=true],.nlitabs button[aria-pressed=true]{color:var(--ink);border-color:var(--ink)}
.nlerb{padding:16px 20px 30px;display:flex;flex-direction:column}
.nlerh{display:flex;align-items:center;gap:6px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.nlerh .nlnm{flex:1}.nlerh h2{font-size:15px}
.nlerh .nlnm>span{white-space:normal;line-height:1.4;margin-top:2px}
.nlers{padding-top:14px}
.nlers input:not([type=checkbox]):not([type=color]),.nlers textarea,.nlers select.nlsel{width:100%;border:1px solid var(--line-2);border-radius:6px;background:var(--surface);padding:8px 10px;font:400 13.5px var(--design-body);color:var(--ink)}
.nlers textarea{resize:vertical;min-height:80px;line-height:1.45}
.nlfh{margin:6px 0 0}
.nlimgpv{display:block;max-width:100%;max-height:120px;border-radius:6px;margin-top:8px;object-fit:cover}
.nlsm4{margin:8px 0}.nlsm4 button{font-size:12px;gap:4px}
.nlhms{display:flex;flex-direction:column;gap:5px}
.nlhm{display:flex;align-items:center;gap:9px;padding:5px 8px 5px 6px;border:1px solid var(--line);border-radius:8px;min-height:46px}
.nlhm .nlnm{flex:1}.nlhm .nlnm>b{font-size:12.5px}
.nlhm .nlnm>span{display:flex;align-items:center;gap:4px;font-size:12px}
.nlhm.nladdr{border-style:dashed}
.nlhph{display:block;flex:none;width:46px;height:34px;border-radius:4px;background-size:cover;background-position:center;background-color:var(--surface-3)}
.nlfsi{height:36px;background:var(--surface-2);border-color:var(--line);font-size:13px}
.nlckg{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}
.nlitem{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 32px;gap:6px;align-items:center;margin-bottom:6px}
.nlitem input{padding:6px 8px!important;font-size:12.5px!important}
.nlswl{display:flex;flex-direction:column;gap:6px}
.nlswr{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);cursor:pointer;text-align:left;position:relative;width:100%;min-height:44px;font:inherit;color:var(--ink)}
.nlswr .nlnm{flex:1}.nlswr .nlnm>span{white-space:normal}
.nlswr[aria-pressed=true]{border-color:var(--ink);box-shadow:0 0 0 3px #12304012}
.nlswr>svg{color:var(--ink)}
.nlswc{width:26px;height:26px;border-radius:6px;flex:none;box-shadow:inset 0 0 0 1px #0000001a;display:grid;place-items:center}
.nlswc.nlswadd{background:var(--surface);color:var(--ink-3);box-shadow:inset 0 0 0 1px var(--line-2)}
.nlcolor{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.nlcolor2{width:36px;height:28px;border:1px solid var(--line-2);border-radius:6px;padding:2px;background:var(--surface)}
.nlernote{display:flex;gap:8px;margin:18px 0 0;padding-top:14px;border-top:1px solid var(--line)}
.nlernote svg{flex:none;margin-top:1px}

/* ---------- N4: who gets it, and when ---------- */
.nln4b{display:grid;grid-template-columns:minmax(0,1fr) 440px;min-height:0}
.nln4l{padding:22px 32px 40px;min-width:0;overflow:auto}
.nln4s{font-size:14px;margin:4px 0 14px}
.nlaud .nlchd{min-height:50px;padding:12px 22px 8px}
.nlaud .nlchd label{display:flex;align-items:center;gap:8px}
.nlsel3{height:28px;border:1px solid var(--line);border-radius:5px;background:var(--surface-3);font:550 12px var(--design-body);color:var(--ink-2);padding:0 6px}
.nlarow{display:grid;grid-template-columns:128px minmax(0,1fr) 62px;gap:16px;padding:12px 22px;border-top:1px solid var(--line);align-items:start}
.nlalab b{display:block;font-size:13.5px;font-weight:600;line-height:1.3}
.nlalab span{display:block;font-size:12px;color:var(--ink-3)}
.nlabody{min-width:0}
.nlacnt{text-align:right}
.nlacnt b{display:block;font:650 16px/1.2 var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.nlacnt span{font-size:11.5px;color:var(--ink-3)}
.nlsrcs,.nltogs{display:flex;flex-wrap:wrap;gap:6px}
.nlsrcb{display:inline-flex;align-items:center;gap:8px;min-height:34px;white-space:nowrap;padding:0 10px;border:1px solid var(--line);border-radius:6px;background:var(--surface);font-size:13px;color:var(--ink-3);position:relative;cursor:pointer}
.nlsrcb b{font-weight:550;color:var(--ink-2)}
.nlsrcb[data-on]{border-color:var(--line-2)}.nlsrcb[data-on] b{color:var(--ink)}
.nlsrcb em{font-style:normal;color:var(--ink-3)}
.nlrnote{margin:6px 0 0;font-size:12px}
.nlrq1,.nlrq2{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.nlrq2{margin-top:6px}
.nlrqk{font-size:12.5px;color:var(--ink-3);white-space:nowrap}
.nlpills{display:flex;flex-wrap:wrap;gap:5px;align-items:center}
.nlpill{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 4px 0 10px;border-radius:5px;background:var(--surface-2);border:1px solid var(--line);font-size:12.5px;font-weight:550;color:var(--ink);white-space:nowrap}
.nlpill button{width:20px;height:20px;min-height:20px;display:grid;place-items:center;border:0;background:none;color:var(--ink-3);cursor:pointer;border-radius:4px;padding:0}
.nlpill button:hover{background:var(--surface-3)}
.nlpadd input{width:110px;height:26px;border:1px dashed var(--line-2);border-radius:5px;background:var(--surface);font-size:12.5px;padding:0 8px}
.nlfsm{height:30px;font-size:12.5px;padding:0 9px;border:1px solid var(--line-2);border-radius:6px;background:var(--surface);color:var(--ink);width:120px}
select.nlfsm{width:auto}
.nlasum{display:flex;align-items:center;gap:18px;padding:14px 22px;border-top:1px solid var(--line);background:var(--surface-2)}
.nlasn{display:flex;align-items:baseline;gap:8px;flex:none}
.nlasn b{font:650 28px/1 var(--display);letter-spacing:-.02em}
.nlasn span{font-size:13.5px;font-weight:550;color:var(--ink-2)}
.nlasum p{font-size:12.5px;color:var(--ink-3);line-height:1.45;flex:1;margin:0}
.nlasum p b{color:var(--ink-2);font-weight:550}
.nlsmp{margin-top:12px}
.nlsmp .nlchd{min-height:52px;padding:10px 22px}
.nlsmg{grid-template-columns:minmax(0,1fr) 190px 220px 118px;gap:14px}
.nlsmg.nlnoag{grid-template-columns:minmax(0,1fr) 220px 200px}
.nltrw.nlsmg{height:50px}
.nltrw.nlout{grid-template-columns:minmax(0,1fr) auto;height:44px}
.nlrqs{font-size:12.5px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nln4r{background:var(--surface);border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:0;overflow:auto}
.nln4s1{padding:16px 24px;border-bottom:1px solid var(--line)}
.nln4s1.nllast{border-bottom:0}
.nln4h{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}
.nln4h h2{font-size:15px;letter-spacing:-.3px}
.nltstf{padding:4px 6px;height:auto;min-height:40px;flex-wrap:wrap;gap:6px}
.nltstf input{min-width:140px;height:28px}
.nltst{display:flex;align-items:center;margin-top:8px;gap:8px}
.nltst>span:first-child{margin-right:auto}
.nlok{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:550;color:var(--good)}
.nlwhn{display:grid;grid-template-columns:minmax(0,1fr) 168px;gap:16px;margin-top:12px}
.nlcal{border:1px solid var(--line);border-radius:8px;padding:10px 10px 8px}
.nlcalh{display:flex;align-items:center;justify-content:space-between;margin:0 2px 6px}
.nlcalh b{font-size:13px;font-weight:600}
.nlcalh span{display:flex;gap:2px}
.nlcalh .nlib{width:28px;height:28px;min-height:28px}
.nlcalg{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}
.nlcalg>b{font-size:10.5px;font-weight:600;color:var(--ink-4);height:20px;line-height:20px}
.nlcd{height:28px;min-height:28px;line-height:28px;font:400 12.5px var(--design-body);border-radius:6px;color:var(--ink);font-variant-numeric:tabular-nums;border:0;background:none;cursor:pointer;padding:0}
.nlcd:hover:not(:disabled){background:var(--surface-3)}
.nlcd:disabled{color:var(--ink-4);opacity:.5;cursor:default}
.nlcd.nltoday{box-shadow:inset 0 0 0 1px var(--line-2)}
.nlcd[aria-pressed=true],.nlcd[aria-pressed=true]:hover:not(:disabled){background:var(--ink);color:var(--surface);font-weight:600}
.nlco{height:28px;line-height:28px;font-size:12.5px;color:var(--ink-4);opacity:.45}
.nltm{display:flex;flex-direction:column;gap:6px}
.nltm .nllbl{margin:0}
.nltimef{padding:0 8px}.nltimef select{font-size:13.5px;cursor:pointer}
.nlobh{margin-top:auto}
.nlobh .nllbl{font-size:12px;margin-bottom:6px}
.nlobh rect{fill:var(--line-2)}.nlobh rect.nlbest{fill:var(--lime-ink)}
.nlobx{display:flex;justify-content:space-between;font-size:10.5px;color:var(--ink-4);margin-top:3px}
.nltmn{margin:10px 0 0}
.nlusg{font-size:13px;color:var(--ink-2);line-height:1.45;margin:0}
.nlusg b{color:var(--ink);font-weight:600}
.nlubar.nlbig{display:flex;height:8px;margin-top:10px;border-radius:3px}
.nlubar i.nlb2{background:var(--lime-ink)}
.nlufx{border:1px solid var(--line);border-radius:10px;padding:14px 16px}
.nlufxh{display:flex;align-items:center;gap:9px;color:var(--warn)}
.nlufxh b{font-size:14.5px;color:var(--ink);font-weight:650}
.nlufx p{font-size:13px;color:var(--ink-2);line-height:1.5;margin:6px 0 0}
.nlsms{display:flex;flex-direction:column}
.nlsmr{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;min-height:28px;font-size:13px}
.nlsmr span{color:var(--ink-3)}
.nlsmr b{font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nlcks{list-style:none;display:flex;flex-direction:column;gap:6px;margin:10px 0 0;padding:10px 0 0;border-top:1px solid var(--line)}
.nlcks li{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;color:var(--ink-2);line-height:1.4}
.nlcks svg{color:var(--good);flex:none;margin-top:2px}
.nlcks li.nlwarnl svg{color:var(--warn)}

/* ---------- N5: how it did ---------- */
.nl5h{margin-bottom:10px}
.nl5h .nlh1{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.nlttag{display:inline-flex}
.nlmeta5{display:flex;align-items:center;gap:10px;margin:0 0 16px;font-size:13px;color:var(--ink-2);white-space:nowrap;min-width:0}
.nlmeta5 .nlsj{color:var(--ink-3);overflow:hidden;text-overflow:ellipsis}
.nlk5s{display:grid}
.nlk5{padding:12px 18px;display:flex;flex-direction:column;gap:1px;min-width:0}
.nlk5+.nlk5{border-left:1px solid var(--line)}
.nlk5>span{font-size:12.5px;font-weight:550;color:var(--ink-2)}
.nlk5>b{font:650 26px/1.2 var(--display);letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums}
.nlk5 em{font-style:normal;font-size:12px;color:var(--ink-3);line-height:1.4}
.nlk5 .nlkh{font-size:11.5px;font-weight:500;color:var(--ink-3);margin-top:2px}
.nlk5.nllead{background:var(--lime-soft)}.nlk5.nllead>b{color:var(--lime-ink)}.nlk5.nllead em{color:var(--jade-soft-ink)}
.nlg5{display:grid;grid-template-columns:minmax(0,1fr) 344px;gap:16px;margin-top:16px;align-items:start}
.nlg5.nlone{grid-template-columns:minmax(0,1fr)}
.nlch5 .nlchd{gap:10px}
.nllg5{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-2)}
.nllg5 i{width:10px;height:10px;display:inline-block;border-radius:2px}
.nllg5 i.nlo{background:#c4dca2}.nllg5 i.nlc{background:none;border-top:2px solid var(--ink);height:0;width:14px;border-radius:0;margin-left:10px}
.nlchw{position:relative;padding:4px 22px 14px}
.nlchs{display:block;width:100%;height:auto;font-family:var(--design-body)}
.nlchs .nlgl{stroke:var(--line)}.nlchs .nlgl0{stroke:var(--line-2)}
.nlchs .nlax{font-size:10.5px;fill:var(--ink-4)}
.nlchs .nlbar{fill:#c4dca2}
:root[data-theme=dark] .nlchs .nlbar,:root[data-theme=dark] .nllg5 i.nlo{fill:#55733a;background:#55733a}
.nlchs .nlcl{fill:none;stroke:var(--ink);stroke-width:2;stroke-linejoin:round}
.nlann{position:absolute;font-size:12px;color:var(--ink-2);background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:4px 8px;white-space:nowrap}
.nlann b{color:var(--ink);font-weight:600}
.nlpp5 .nlchd{padding:12px 22px}
.nlfs5{width:180px;height:34px;background:var(--surface-2);border-color:var(--line);font-size:13px}
.nlr5g{grid-template-columns:32px minmax(0,1fr) 128px 200px 92px 104px;gap:10px}
.nltrw.nlr5g{min-height:52px;padding-top:4px;padding-bottom:4px}
.nldt{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nlwh{font-size:12.5px;color:var(--ink-3);white-space:nowrap}
.nlac{justify-self:end}
.nlmc{display:grid;grid-template-columns:44px minmax(0,1fr) 64px;gap:12px;align-items:center;padding:4px 22px}
.nlmc .nlhph{width:44px;height:32px}
.nlmc .nlnm>b{font-size:13px;margin-bottom:6px}
.nlmb{display:block;height:5px;border-radius:3px;background:var(--surface-3)}
.nlmb i{display:block;height:100%;border-radius:3px;background:var(--ink-2)}
.nlmcn{text-align:right;line-height:1.2}
.nlmcn b{display:block;font:650 15px var(--display)}
.nlmcn span{font-size:11.5px;color:var(--ink-3)}
.nlmcs{font-size:12px;color:var(--ink-3);margin:8px 22px 14px;padding-top:9px;border-top:1px solid var(--line);line-height:1.4}
.nlmc5{padding-bottom:6px}
.nlrd5{display:flex;flex-direction:column}
.nlrd5 .nlchd{padding-bottom:2px;min-height:0;padding-top:16px}
.nlrdp{padding:0 22px 8px;margin:0}
.nlrrs{padding:0 22px}
.nlrr{display:flex;align-items:center;gap:10px;min-height:44px;border-top:1px solid var(--line)}
.nlrr .nlnm{flex:1}
.nlnml{display:flex;align-items:center;gap:6px;min-width:0}
.nlnml b{flex:none;font-size:13px;font-weight:550;color:var(--ink)}
.nlrr .nltag{height:18px;font-size:11px;padding:0 5px}
.nlrr .nlnm>span{display:block;font-size:12px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nlrdf{padding:12px 22px 14px;display:flex;align-items:center;gap:12px;border-top:1px solid var(--line)}
.nlrdf .nlhint{font-size:12px}
.nlufwb{display:flex;gap:10px;margin:0 0 12px;padding:12px 14px;border-radius:8px;background:var(--warn-soft);color:var(--warn);font-size:13.5px;line-height:1.5}
.nlufwb svg{flex:none;margin-top:2px}
.nlufwb b{font-weight:650}
.nlprog{display:flex;align-items:center;gap:14px;margin:0 0 16px;padding:12px 16px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-size:13px;color:var(--ink-2)}
.nlprog .nlpgb{width:260px;flex:none}
.nle6c{margin-bottom:16px}
.nlesr{display:flex;align-items:center;gap:14px;padding:14px 22px}
.nlesr .nlnm{flex:1}
.nle6b{display:flex;gap:10px;margin:0 22px 14px;padding:12px 14px;border-radius:8px;font-size:13.5px;line-height:1.5;background:var(--danger-soft);color:var(--danger)}
.nle6b svg{flex:none;margin-top:2px}
.nlschg{display:grid;grid-template-columns:minmax(0,520px) minmax(0,1fr);gap:16px;align-items:start;margin-top:12px}
.nlkvs{padding:6px 0 0}
.nlkv{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;padding:12px 22px;border-bottom:1px solid var(--line);font-size:13.5px}
.nlkv span{color:var(--ink-3)}.nlkv b{font-weight:550}
.nlpvcard{display:flex;justify-content:center;padding:16px;background:var(--surface-2)}

/* ---------- sheets ---------- */
.nlsheetem{margin-top:14px;display:flex;justify-content:center;max-height:62vh;overflow:auto;background:var(--surface-2);border-radius:8px;padding:12px}
.nlsheetem>.nlif{position:static}
.nlmenu{display:flex;flex-direction:column;gap:4px;margin-top:10px}
.nlmenub{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 12px;border-radius:8px;border:1px solid var(--line);background:var(--surface);font:550 14px var(--design-body);color:var(--ink);cursor:pointer;text-align:left}
.nlmenub:hover{background:var(--surface-2)}
.nlmenub[data-danger]{color:var(--danger)}
.nlpgo{border:1px solid var(--line);border-radius:10px;overflow:hidden;margin:12px 0}
.nlpgo>div{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line)}
.nlpgo>div:last-child{border-bottom:0}
.nlpgo .nlnm b{display:block;font-size:14.5px;font-weight:600}
.nlpgo .nlnm span{display:block;font-size:13px;color:var(--ink-3);white-space:normal}

/* ---------- U1: the upgrade, and U2 frames 8 to 11 ---------- */
.nluhero{display:grid;grid-template-columns:minmax(0,1fr) 470px;gap:48px;background:#051222;border:1px solid #163044;border-radius:12px;padding:44px 44px 40px 48px;color:#fff}
.nlueb{display:block;font-size:13px;font-weight:550;color:#b7d19a;margin-bottom:14px}
.nluhl h1{font-family:var(--display);font-size:42px;line-height:1.1;font-weight:550;letter-spacing:-1.6px;color:#f0f5f1;margin:0}
.nlulede{font-size:15px;line-height:1.6;color:#a3b6c2;margin:16px 0 0;max-width:540px}
.nluprice{display:flex;margin-top:26px;border-top:1px solid #ffffff1c;border-bottom:1px solid #ffffff1c;flex-wrap:wrap}
.nluprice div{padding:14px 14px 14px 0;font-size:13.5px;white-space:nowrap}
.nluprice div+div{padding-left:14px;border-left:1px solid #ffffff1c}
.nluprice b{font-weight:600;color:#eef4f1}
.nlubtns{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}
.nlunote{font-size:13px;color:#8ea3b4;line-height:1.55;margin:16px 0 0;max-width:540px}
.nlumd{margin-top:22px;background:var(--surface);color:var(--ink);border-radius:12px;padding:18px 0 16px;max-width:520px}
.nlumd h2{font-family:var(--display);font-size:19px;font-weight:650;letter-spacing:-.5px;padding:0 22px 14px;margin:0;color:var(--ink)}
.nlumd>p,.nlumd .nlrowbtns{padding:0 22px}
.nlumd>p{margin:12px 0 0}
.nlbl{display:flex;align-items:center;gap:12px;padding:12px 22px;border-top:1px solid var(--line)}
.nlbl .nlnm{flex:1}
.nlbl>b{font-size:14px;font-weight:600}
.nlbl.nltot{background:var(--surface-2)}
.nlusam{display:flex;flex-direction:column;gap:10px}
.nlushow{display:flex;gap:12px;align-items:stretch}
.nlumail{width:250px;flex:none;background:#fff;color:#1a1d21;border-radius:8px;padding:18px 18px 14px;font-size:9.5px;line-height:1.4}
.nlumlogo{height:22px;margin-bottom:14px;display:flex;align-items:center}
.nlumlogo img{max-height:22px;max-width:110px;object-fit:contain}
.nlumlogo b{font-size:10px;letter-spacing:2px;text-transform:uppercase}
.nlumh{display:block;font-size:17px;line-height:1.15;font-weight:650;letter-spacing:-.3px}
.nlumail p{margin:6px 0 10px;color:#5b6370}
.nlumday{display:block;font-style:normal;font-weight:700;font-size:10px;border-bottom:1px solid #e3e5e8;padding:8px 0 4px}
.nlumr{display:grid;grid-template-columns:80px 1fr;gap:8px;padding:6px 0;border-bottom:1px solid #f0f1f3}
.nlumr span{display:flex;flex-direction:column;color:#5b6370}
.nlumr b{color:#1a1d21}
.nlumr em{font-style:normal;color:#8a6a3a;font-weight:600;margin-top:2px}
.nlures{flex:1;background:#fff;border-radius:8px;padding:14px 16px;color:#122b39;display:flex;flex-direction:column}
.nlurh{font-size:12.5px;color:#627682;padding-bottom:8px;border-bottom:1px solid #e1e8e5}
.nlurk{display:flex;align-items:baseline;justify-content:space-between;padding:9px 0;border-bottom:1px solid #e1e8e5;font-size:13px;color:#38505c}
.nlurk b{font:650 20px var(--display);color:#122b39}
.nlurc{margin-top:auto;padding-top:12px;display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.nlurc b{width:100%;font-size:13px;font-weight:600;margin-bottom:6px}
.nlures .nlav{width:26px;height:26px;font-size:9.5px;background:#eaf0ed;color:#38505c}
.nlucap{font-size:12.5px;color:#8ea3b4}
.nlusec{margin-top:36px}
.nlusec h2{font-family:var(--display);font-size:22px;font-weight:600;letter-spacing:-.7px;margin:0 0 16px;color:var(--ink)}
.nluuns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.nluun>b{display:block;font-size:15px;font-weight:600;margin-top:14px}
.nluun>p{font-size:13.5px;color:var(--ink-3);line-height:1.55;margin:4px 0 0}
.nlucrop{height:228px;border-radius:12px;background:var(--surface-2);border:1px solid var(--card-line);overflow:hidden;padding:16px;display:flex;flex-direction:column;justify-content:center}
.nlucrop.nltwo{flex-direction:row;align-items:flex-start;justify-content:center;gap:10px;padding-top:22px}
.nluvc,.nluaud,.nlucall{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:10px 12px}
.nluvh{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:550;color:var(--ink-2);padding-bottom:6px;margin-bottom:2px;border-bottom:1px solid var(--line)}
.nluvc .nlhrow{min-height:22px;font-size:12px}
.nlumini{width:96px;height:150px;background:#fff;border-radius:4px;box-shadow:0 0 0 1px var(--card-line);padding:10px 8px;display:flex;flex-direction:column;gap:5px}
.nlumini i{display:block;width:28px;height:4px;background:#1a1d21;border-radius:1px;margin-bottom:4px}
.nlumini b{font-size:8.5px;line-height:1.15;color:#1a1d21}
.nlumini span{display:block;height:3px;background:#e3e5e8;border-radius:1px}
.nlumini span.nlshort{width:60%}
.nlumpics{display:flex!important;gap:3px;height:22px!important;background:none!important}
.nlumpics em{flex:1;background:#c9d4cf;border-radius:2px}
.nluaud .nltog{height:26px;min-height:26px;font-size:12px;padding:0 8px;cursor:default}
.nlual{font-size:12px;color:var(--ink-2);margin-top:10px;line-height:1.4}
.nluat{display:flex;align-items:baseline;gap:6px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}
.nluat b{font:650 20px var(--display)}
.nluat span{font-size:12.5px;color:var(--ink-2)}
.nlurr{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid var(--line);font-size:11.5px;color:var(--ink-3)}
.nlurr .nlav{width:24px;height:24px;font-size:9px}
.nlurr b{display:block;font-size:12.5px;font-weight:550;color:var(--ink)}
.nlucall .nlbtn{margin-top:10px;width:100%}
.nluqs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.nluq{background:var(--surface);border:1px solid var(--card-line);border-radius:12px;padding:18px 20px}
.nluq b{display:block;font-size:15px;font-weight:600}
.nluq p{font-size:13.5px;color:var(--ink-2);line-height:1.55;margin:6px 0 0}
.nluend{display:flex;align-items:center;gap:14px;margin-top:20px;font-size:14px;color:var(--ink-2);flex-wrap:wrap}
.nlust{padding:18px 22px;max-width:720px}
.nlustp{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--ink-3);padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--line)}
.nlustp b{color:var(--ink);font-weight:550}
.nlust h2{font-family:var(--display);font-size:19px;font-weight:650;letter-spacing:-.5px;margin:0}
.nlust>p{font-size:14px;color:var(--ink-2);margin:4px 0 0}
.nlust .nlhint{margin-top:8px}
.nlbillrow{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line);margin-top:10px;flex-wrap:wrap}
.nlbillrow .nlnm{flex:1;min-width:180px}
.nlbillrow>b{font-size:14px;font-weight:600}
.nlbillask{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.5px;color:var(--ink-2);max-width:520px}
.nlpnote1{padding:6px 0}
.nlpnote1 p{font-size:14px;color:var(--ink-2);line-height:1.5;margin:6px 0 0}

/* ---------- P1 and P2: a phone ---------- */
.nlpage.nlphone{padding:20px 16px 90px}
.nlphone .nlbtn,.nlphone .nlseg button,.nlphone .nlpback,.nlphone .nlpemx{min-height:44px}
.nlphone .nlb-sm{height:40px;min-height:44px}
.nlph1{font-family:var(--display);font-size:26px;line-height:1.18;font-weight:550;letter-spacing:-1px;color:var(--ink);margin:0}
.nlph1.nlr{font-size:24px;margin-top:10px}
.nlpdata{font-size:14px;color:var(--ink-3);margin:6px 0 0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.nlcap{display:block;font-size:13px;color:var(--ink-3);line-height:1.4;margin:2px 0 0}
.nlpus{padding:12px 14px;margin-top:16px}
.nlpul{display:flex;align-items:baseline;justify-content:space-between;font-size:14px;color:var(--ink-2);gap:8px}
.nlpul b{color:var(--ink);font-weight:650}
.nlpul em{font-style:normal;font-size:13px;color:var(--ink-3);white-space:nowrap}
.nlpus .nlubar{margin:9px 0 7px;min-width:0}
.nlseg.nlpseg{display:flex;margin:14px 0 12px;padding:3px}
.nlseg.nlpseg button{flex:1;padding:0 4px;font-size:13px;gap:4px;height:38px}
.nlprows{overflow:hidden}
.nlprw{display:flex;align-items:center;gap:12px;padding:11px 12px;border:0;border-bottom:1px solid var(--line);color:var(--ink-4);width:100%;background:var(--surface);text-align:left;cursor:pointer;min-height:72px}
.nlprw:last-child{border-bottom:0}
.nlprt{flex:1;min-width:0;display:block}
.nlprt>b{display:block;font-size:15px;font-weight:550;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}
.nlprl{display:flex;align-items:center;gap:8px;margin-top:5px;font-size:13px;color:var(--ink-3);min-width:0}
.nlprl>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nlprm{display:block;font-size:13px;color:var(--ink-3);margin-top:3px}
.nlprm b{color:var(--ink);font-weight:600}
.nlmy{margin:6px 0 12px}
.nlpback{display:inline-flex;align-items:center;gap:4px;font:550 14px var(--design-body);color:var(--ink-2);background:none;border:0;padding:0;cursor:pointer}
.nlprt2{padding:4px 14px 12px;margin-top:4px}
.nlrr2{padding:12px 0 6px;border-bottom:1px solid var(--line)}
.nlrr2h{display:flex;align-items:baseline;justify-content:space-between}
.nlrr2h b{font-size:15px;font-weight:550}
.nlrr2h span{font:650 20px var(--display);letter-spacing:-.02em}
.nlsc{display:block;position:relative;height:8px;border-radius:2px;background:var(--surface-3);margin-top:8px}
.nlsc i{display:block;height:100%;background:var(--ink);border-radius:2px}
.nlsc u{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--lime-ink);margin-left:-1px}
.nlscx{position:relative;display:flex;justify-content:flex-end;font-size:12px;color:var(--ink-4);margin-top:6px;height:18px}
.nlscx em{position:absolute;top:0;transform:translateX(-50%);font-style:normal;color:var(--lime-ink);font-weight:550;white-space:nowrap}
.nlpk3{display:grid;grid-template-columns:repeat(3,1fr);padding-top:12px}
.nlpk3 b{display:block;font:650 20px/1.2 var(--display)}
.nlpk3 span{font-size:13px;color:var(--ink-3)}
.nlpcl{padding:14px;margin-top:14px}
.nlpclh .nlcap{margin-top:2px}
.nlpcr{display:flex;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid var(--line)}
.nlpcr:nth-child(2){margin-top:8px;border-top:1px solid var(--line)}
.nlpcr .nlnm{flex:1}
.nlpcr .nlnm>b{font-size:14.5px}
.nlpcr .nlnm>span{font-size:13px;white-space:normal;line-height:1.3}
.nlpcr .nlnm>.nltags{margin:3px 0 2px}
.nlpcall{width:44px;padding:0}
.nlpph{margin-top:18px}
.nlppr{display:flex;align-items:center;gap:12px;padding:11px 12px;border-bottom:1px solid var(--line)}
.nlppr .nlnm>.nltags{margin:4px 0 3px}
.nlpnote{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;background:var(--info-soft);color:var(--info);font-size:13px;line-height:1.4;margin-bottom:12px}
.nlpnote svg{flex:none}
.nlpem{overflow:hidden;border-radius:10px;display:flex;justify-content:center}
.nlpem .nlframe{width:100%}
.nlpem.nlsm{position:relative;margin-top:12px;flex-direction:column}
.nlpemx{display:flex;align-items:center;justify-content:space-between;padding:0 14px;font:550 14px var(--design-body);background:var(--surface);border:0;border-top:1px solid var(--line);width:100%;color:var(--ink);cursor:pointer}
.nlpkvs{padding:2px 14px}
.nlpkv{display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}
.nlpkv:last-child{border-bottom:0}
.nlpkv span{color:var(--ink-3)}.nlpkv b{font-weight:550}
.nlp2b{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}

/* ---------- dark: the accent's pale panel stays pale in both themes (applyBrand),
   so a panel that holds ordinary ink is drawn on the page's own colours instead. ---------- */
:root[data-theme=dark] .nlblkb[aria-pressed=true]{background:var(--surface-3);border-color:var(--lime-ink)}
:root[data-theme=dark] .nlk5.nllead{background:var(--surface-3)}
:root[data-theme=dark] .nlk5.nllead>b,:root[data-theme=dark] .nlk5.nllead em{color:var(--accent-link)}
:root[data-theme=dark] .nlif{background:#fff}
@media(prefers-color-scheme:dark){
  :root:not([data-theme=light]) .nlblkb[aria-pressed=true]{background:var(--surface-3);border-color:var(--lime-ink)}
  :root:not([data-theme=light]) .nlk5.nllead{background:var(--surface-3)}
  :root:not([data-theme=light]) .nlk5.nllead>b,:root:not([data-theme=light]) .nlk5.nllead em{color:var(--accent-link)}
}

/* ---------- narrower computers ---------- */
@media (max-width:1360px){
  .nlgrid{grid-template-columns:40px minmax(0,1fr) 150px 110px 70px 70px 32px}
  .nledb{grid-template-columns:248px minmax(0,1fr) 320px}
  .nln4b,.nln2body{grid-template-columns:minmax(0,1fr) 400px}
  .nlr5g{grid-template-columns:32px minmax(0,1fr) 120px 150px 86px 100px}
  .nluhero{grid-template-columns:minmax(0,1fr) 400px;gap:30px}
  .nlumail{width:200px}
}
@media (max-width:1180px){
  .nlg1,.nlg5{grid-template-columns:minmax(0,1fr)}
  .nlfxtop{grid-template-columns:minmax(0,1fr) auto}
  .nlsteps{display:none}
}
@media (max-width:1019px){
  .nlpage{padding:20px 16px 90px}
  .nlhead{flex-direction:column;align-items:flex-start}
  .nlheadr{margin-left:0;justify-content:flex-start}
  .nluhero{grid-template-columns:minmax(0,1fr);padding:26px 20px;gap:24px}
  .nluhl h1{font-size:30px;letter-spacing:-1px}
  .nluprice div{white-space:normal}
  .nlushow{flex-direction:column}
  .nlumail{width:100%}
  .nluuns,.nluqs{grid-template-columns:minmax(0,1fr)}
  .nlubtns .nlbtn,.nlust .nlbtn{min-height:44px}
}

/* v2.57 review: a held error with Try again, the Vault opt-out note, the set-up note on the upgrade page */
.nlerrl{display:inline-flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0;color:var(--danger);font-size:13px;line-height:1.45;text-align:left}
.nlerrl span{min-width:0}
.nlchk .nlerrl{margin-top:6px}
.nlpaserr{color:var(--danger);white-space:nowrap}
.nloptout{display:flex;gap:10px;align-items:flex-start;margin:0 0 16px;padding:12px 14px;border-radius:8px;background:var(--warn-soft);color:var(--ink);font-size:13px;line-height:1.5}
.nloptout svg{color:var(--warn);flex:none;margin-top:2px}
.nlunote.nlsetup{color:#dbe5ec;font-size:14px}
/* Light theme: the small grey words on these screens at 4.5:1 or more on every surface they sit on (dark keeps its own). */
:root:not([data-theme=dark]) .nlpage,:root:not([data-theme=dark]) .nlfx,:root:not([data-theme=dark]) .vt6p,:root:not([data-theme=dark]) .vtcbody,:root:not([data-theme=dark]) .vtsheetnav{--ink-3:#4f626e;--ink-4:#566974}
:root:not([data-theme=dark]) .nlpage,:root:not([data-theme=dark]) .nlfx{--warn:#8a5a14;--info:#2f6580;--danger:#a23f34}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .nlpage,:root:not([data-theme=light]) .nlfx,:root:not([data-theme=light]) .vt6p,:root:not([data-theme=light]) .vtcbody,:root:not([data-theme=light]) .vtsheetnav{--ink-3:#9aafbf;--ink-4:#8da4b5}:root:not([data-theme=light]) .nlpage,:root:not([data-theme=light]) .nlfx{--warn:#e4bb6b;--info:#99c6dc;--danger:#ffa293}}

/* vault-ui */
/* v2.57: Settings > Connections > MRI Vault (boards N6, N6b, E1 frames 3 and
   4) and Vault's sections in Contacts (board C1). Lifted from the boards'
   CSS (leadglue-design/v257 ui.py, boards_n.py, boards_c.py, boards_u.py),
   every class prefixed vt so nothing here can style the rest of the app,
   and every colour a token so dark mode follows. vault-ui.js draws it. */
.vtcard{background:var(--surface);border:1px solid var(--card-line);border-radius:12px;box-shadow:var(--card-sh);overflow:clip;min-width:0}
.vtchd{display:flex;align-items:center;gap:12px;min-height:58px;padding:16px 22px 12px}
.vtchd h2{margin:0;font-family:var(--display);font-size:17px;font-weight:650;letter-spacing:-.5px;line-height:1.3;color:var(--ink)}
.vtchd .vtr,.vtr{margin-left:auto}
.vtchd .vtr{display:flex;align-items:center;gap:8px}
.vthint{font-size:12.5px;color:var(--ink-3);line-height:1.45;margin:0}
.vtlbl{display:block;font-size:12px;color:var(--ink-3);margin-bottom:4px}
.vttab{font-variant-numeric:tabular-nums}
.vti{flex:none;display:inline-block;vertical-align:middle}
.vtmono{font-family:ui-monospace,Menlo,monospace;letter-spacing:.06em;font-weight:600}
.vtdot{width:7px;height:7px;border-radius:50%;background:var(--good);display:inline-block;flex:none}
.vtdot.bad{background:var(--danger)}.vtdot.off{background:#9aaab2}
.vtnm{min-width:0;display:flex;flex-direction:column}
.vtnm b{display:block;font-size:13.5px;font-weight:550;color:var(--ink);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vtnm>span{display:block;font-size:12px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vtpc{display:flex;align-items:center;gap:8px;min-width:0}
.vtpc>span:last-child{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vtface{flex:none;display:inline-grid;place-items:center;background:var(--surface-3);color:var(--ink-2);font-weight:600;overflow:hidden}
.vtface img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.vtnil{display:block;width:12px;height:1.5px;background:var(--line-2)}
.vtempty{display:flex;flex-direction:column;gap:4px;padding:34px 22px;font-size:13px;color:var(--ink-3);text-align:center}
.vtempty b{color:var(--ink);font-weight:600;font-size:14px}
p.vtempty{display:block;text-align:left;padding:4px 22px 22px;margin:0}
/* buttons, tags and fields, as the boards draw them */
.vtb{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;height:38px;min-height:0;padding:0 14px;border-radius:6px;font:550 13px/1 var(--design-body);white-space:nowrap;border:1px solid transparent;color:var(--ink);background:none;cursor:pointer;text-decoration:none;box-sizing:border-box;letter-spacing:0}
.vtb.pri{background:var(--lime);color:var(--on-solid,#14280b);box-shadow:0 2px 0 #05122208}
.vtb.pri:hover{filter:brightness(1.035)}
.vtb.gh{background:var(--surface);border-color:var(--line-2);color:var(--ink)}
.vtb.gh:hover{background:var(--surface-2)}
.vtb.sm{height:32px;padding:0 11px;font-size:12.5px;gap:6px}
.vtb.qt{padding:0 6px;color:var(--ink-2)}
.vtb.qt:hover{color:var(--ink);background:var(--surface-2)}
.vtb.dg{padding:0;height:auto;min-height:32px;color:var(--danger);font-size:13px}
.vtb.dg:hover{text-decoration:underline;text-underline-offset:3px}
.vtb.dgf{background:var(--danger);color:#fff}
:root[data-theme=dark] .vtb.dgf{color:#2a1013}
.vtb[disabled]{opacity:.55;cursor:default;filter:none}
.vtb:focus-visible,.vtlink:focus-visible,.vtlk:focus-visible,.vtcn:focus-visible,.vtrow:focus-visible,.vtfld:focus-visible,.vtsw:focus-visible,.vtseg button:focus-visible,.vtcfx:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
.vtlink{border:0;background:none;padding:0 2px;margin-left:4px;font:inherit;font-weight:550;color:var(--ink);text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:3px;cursor:pointer}
.vtlk{display:inline-flex;align-items:center;gap:5px;border:0;background:none;padding:0;font:550 13px var(--design-body);color:var(--ink);text-decoration:none;white-space:nowrap;cursor:pointer}
.vtlk:hover{text-decoration:underline;text-underline-offset:3px}
.vttag{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 7px;border-radius:4px;font-size:11.5px;font-weight:550;letter-spacing:.1px;white-space:nowrap;background:var(--surface-3);color:var(--ink-2);flex:none;line-height:1}
.vttag.lime{background:var(--lime-soft);color:var(--lime-ink)}
.vttag.src{background:var(--surface);color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line-2)}
.vttag.src b{font-weight:550;color:var(--ink-3)}
.vttag.danger{background:var(--danger-soft);color:var(--danger)}
.vttag.warn{background:var(--warn-soft);color:var(--warn)}
.vth1tag{vertical-align:8px;margin-left:6px;font-family:var(--design-body);letter-spacing:.1px}
.vtfield{display:flex;align-items:center;gap:8px;height:40px;border:1px solid var(--line-2);border-radius:6px;background:var(--surface);padding:0 11px;color:var(--ink-3);min-width:0;flex:1;box-sizing:border-box}
.vtfield:focus-within{border-color:var(--lime);box-shadow:0 0 0 3px #8dd11d17}
.vtfield input,.vtfield input:focus{flex:1;min-width:0;border:0!important;outline:0;background:transparent!important;padding:0!important;height:100%;font-size:13.5px!important;color:var(--ink);box-shadow:none!important;border-radius:0!important}
.vtspin{width:13px;height:13px;border-radius:50%;border:2px solid var(--surface-3);border-top-color:var(--lime-ink);display:inline-block;flex:none;animation:vtspin .9s linear infinite;box-sizing:border-box}
@keyframes vtspin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.vtspin{animation:none}}
.vtnote{display:flex;align-items:flex-start;gap:9px;margin:0 22px 12px;padding:10px 12px;border-radius:8px;font-size:12.5px;line-height:1.5;color:var(--ink-2);background:var(--surface-2)}
.vtnote.info{background:var(--info-soft);color:var(--info)}
.vtnote.warn{background:var(--warn-soft);color:var(--ink-2)}
.vtnote .vti{margin-top:1px;flex:none}
.vtnote .vtlink{margin-left:auto;flex:none}
.vterr{display:flex;align-items:flex-start;gap:8px;margin:0;font-size:13px;line-height:1.45;color:var(--danger)}
.vterr .vti{margin-top:2px}
/* the page, two columns (N6: 520px and the rest, N6b: 600px and the rest).
   The boards draw the page head as every other page's: the title at 32px,
   its line on one row, and no settings search bar between the crumbs and it. */
.s9wrap:has(.vt6p) .s9askwrap{display:none}
.s9wrap:has(.vt6p) .s9title h1{font-size:32px;font-weight:550;letter-spacing:-1.35px;line-height:1.2}
.s9wrap:has(.vt6p) .s9title p{max-width:none;font-size:14px}
@media (max-width:640px){.s9wrap:has(.vt6p) .s9title h1{font-size:26px;letter-spacing:-1px}}
.vt6p{display:flex;flex-direction:column;gap:16px}
.vt6{display:grid;grid-template-columns:520px minmax(0,1fr);gap:16px;align-items:start}
.vt6.vt6b{grid-template-columns:600px minmax(0,1fr)}
.vtcol{display:flex;flex-direction:column;gap:16px;min-width:0}
.vtwait{padding:22px}
/* N6b: the six steps and the token */
.vt6st{list-style:none;margin:0;padding:6px 22px 22px;display:flex;flex-direction:column}
.vt6st li{display:flex;gap:14px;position:relative;padding-bottom:18px;font-size:14px;color:var(--ink-2);line-height:1.5}
.vt6st li:not(.last):before{content:"";position:absolute;left:12px;top:30px;bottom:4px;width:1px;background:var(--line)}
.vt6st li>i{width:25px;height:25px;border-radius:50%;background:var(--surface-3);display:grid;place-items:center;font:600 12px var(--design-body);font-style:normal;color:var(--ink-2);flex:none}
.vt6st li>span{padding-top:2px}
.vt6st b{color:var(--ink);font-weight:650}
.vt6st li.last{padding-bottom:0}
.vt6st li.last>i{background:var(--ink);color:var(--surface)}
.vttokw{flex:1;display:flex;flex-direction:column;gap:8px;padding-top:2px;min-width:0;margin:0}
.vttokl{font-size:14px;color:var(--ink-2);line-height:1.5}
.vttok{display:flex;gap:8px;min-width:0}
.vttok .vtb{height:40px}
.vthrows{margin:0;padding:0 22px 12px}
.vthrow2{display:grid;grid-template-columns:140px minmax(0,1fr);gap:12px;padding:10px 0;border-top:1px solid var(--line);font-size:13px}
.vthrow2 dt{font-weight:600;color:var(--ink)}
.vthrow2 dd{margin:0;color:var(--ink-3)}
.vtnev{list-style:none;margin:0;padding:0 22px 18px;display:flex;flex-direction:column;gap:10px}
.vtnev li{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink-2)}
.vtnev .vti{color:var(--danger)}
/* N6: the summary */
.vt6h{display:flex;align-items:center;gap:12px;padding:18px 22px 14px}
.vt6h .vtdot{width:10px;height:10px}
.vt6h h2{margin:0;font-family:var(--display);font-size:17px;font-weight:650;letter-spacing:-.5px;color:var(--ink)}
.vt6h .vthint{margin-top:1px}
.vtkvr{display:grid;grid-template-columns:150px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:44px;padding:0 22px;border-top:1px solid var(--line);font-size:13px}
.vtkvr>span{color:var(--ink-3)}
.vtkvr>b{font-weight:550;color:var(--ink);line-height:1.4;padding:6px 0}
.vtkvr .vtb{margin:6px 0}
.vtkvx{grid-template-columns:150px minmax(0,1fr);align-items:start;padding-top:12px;padding-bottom:14px}
.vtkvx>span{padding-top:2px}
.vtkvx .vttokl{font-size:13px}
.vtkvx .vttok .vtb{margin:0}
.vtkvnote{display:flex;gap:8px;margin:0;padding:0 22px 12px 184px;font-size:12.5px;line-height:1.45}
.vtkvnote.ok{color:var(--good)}.vtkvnote.bad{color:var(--danger)}
.vtkvnote .vti{margin-top:1px}
/* N6: what came across */
.vt6g{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;padding:4px 22px 0}
.vthrow{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-2);min-height:25px}
.vthrow>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vthrow b{margin-left:auto;font-weight:600;color:var(--ink)}
.vthrow.q{min-height:23px;color:var(--ink-3)}
.vthrow.q b{color:var(--ink-2);font-weight:550}
.vtrqx{font-size:12px;color:var(--ink-3);margin-top:8px;padding-top:8px;border-top:1px solid var(--line);line-height:1.4}
.vtrqx span{display:block;color:var(--ink-2)}
.vt6n{display:flex;gap:8px;margin:14px 22px 18px;padding-top:12px;border-top:1px solid var(--line);font-size:12.5px;color:var(--ink-3);line-height:1.45}
.vt6n .vti{margin-top:1px}
.vt6d{display:flex;align-items:center;gap:12px;padding:2px 4px;font-size:13px;flex-wrap:wrap}
.vt6d.armed{padding:14px 16px;border-radius:12px;border:1px solid color-mix(in srgb,var(--danger) 35%,var(--card-line));background:var(--danger-soft)}
.vt6d.armed p{margin:0;flex:1 1 260px;color:var(--ink-2);line-height:1.5}
.vt6d.armed b{color:var(--danger);font-weight:650}
.vtacts{display:flex;gap:8px;flex-wrap:wrap}
/* N6: the import card */
.vtimr,.vtimo{display:flex;align-items:center;gap:14px;padding:12px 22px;border-top:1px solid var(--line)}
.vtimr .vtnm,.vtimo .vtnm{flex:1}
.vtimr .vtnm>span,.vtimo .vtnm>span{white-space:normal;line-height:1.45;margin-top:1px}
.vtimo .vtnm b{white-space:normal}
.vtimr.run{padding-bottom:10px}
.vtpgr{display:flex;align-items:center;gap:10px;padding:0 14px 14px 22px;font-size:12.5px}
.vtpgt{font-weight:550;color:var(--ink-2);white-space:nowrap}
.vtpgb{flex:1;min-width:60px;height:6px;border-radius:3px;background:var(--surface-3);overflow:hidden;display:block}
.vtpgb i{display:block;height:100%;background:var(--info);border-radius:3px;transition:width .4s var(--ease)}
.vtpgb.vague i{opacity:.5}
.vtpgl{white-space:nowrap}
.vtsw{position:relative;width:34px;height:20px;flex:none;border-radius:999px;border:0;padding:0;background:#c9d4cf;cursor:pointer}
.vtsw:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transition:left .18s var(--ease)}
.vtsw.on{background:var(--lime-ink)}.vtsw.on:after{left:16px}
:root[data-theme=dark] .vtsw:not(.on){background:var(--line-2)}
.vtlockc{width:34px;display:grid;place-items:center;color:var(--ink-3)}
/* N6: the runs */
.vtthd{display:grid;align-items:center;height:36px;padding:0 22px;background:var(--surface-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;font-weight:550;color:var(--ink-3);gap:14px}
.vttrw{display:grid;align-items:center;padding:0 22px;border-bottom:1px solid var(--line);gap:14px;font-size:13px;color:var(--ink-2)}
.vttrw b{color:var(--ink);font-weight:550}
.vtrng{grid-template-columns:132px 64px 92px minmax(0,1fr) 62px;gap:8px}
.vttrw.vtrng>span:first-child{white-space:nowrap}
.vtrnt{white-space:nowrap}
.vttrw.vtrng{min-height:44px;padding-top:4px;padding-bottom:4px}
.vtrres{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px 7px;min-width:0}
.vtrres .vtlink{white-space:nowrap}
.vtrres .vti{flex:none;color:var(--good)}
.vtrres.run{color:var(--ink);font-weight:550}
.vtrres.warn .vti{color:var(--warn)}
.vtrres.bad{color:var(--danger)}.vtrres.bad .vti{color:var(--danger)}
.vtrres.off .vti{color:var(--ink-3)}
.vtrnt{text-align:right;color:var(--ink-3)}
.vtrby{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vttfoot{display:flex;align-items:center;gap:12px;padding:12px 22px;border-top:1px solid var(--line);font-size:12.5px;color:var(--ink-3);flex-wrap:wrap}
.vtwhy{margin:6px 0 12px;padding-left:18px;font-size:14px;color:var(--ink-2);line-height:1.55}
/* E1: Vault not connected, Vault stopped answering */
.vterw{display:flex;align-items:center;gap:14px;padding:16px 22px}
.vterw .vtnm{flex:1}
.vterw .vtnm>span{white-space:normal;line-height:1.45;margin-top:2px;font-size:12.5px}
.vte4{border-color:color-mix(in srgb,var(--danger) 30%,var(--card-line))}
/* C1: Contacts */
.vtph{align-items:flex-end}
.vtphacts{display:flex;gap:8px;align-items:center;flex:none;flex-wrap:wrap;justify-content:flex-end}
.vtcbody{padding-top:16px}
.vtstc{display:flex;flex-direction:column}
.vtstv{display:flex;align-items:center;gap:12px;min-height:56px;padding:0 14px 0 20px;font-size:13px;color:var(--ink-2);white-space:nowrap}
.vtstv b{color:var(--ink);font-weight:600}
.vtstl{flex:none}
.vtstx{color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;min-width:0}
.vtstv .vtb,.vtstrun{margin-left:auto}
.vtstrun{display:inline-flex;align-items:center;gap:8px;color:var(--ink-2);font-weight:550;padding-right:6px}
.vtcgrid{display:grid;grid-template-columns:236px minmax(0,1fr);gap:16px;align-items:start;min-width:0}
.vtcmain{min-width:0;display:flex;flex-direction:column;gap:12px}
.vtcnav{display:flex;flex-direction:column;gap:18px;padding-top:4px;min-width:0}
.vtcnh{display:flex;align-items:baseline;gap:8px;font-size:12px;font-weight:550;color:var(--ink-3);padding:0 10px 6px}
.vtcnh>span:first-child{flex:1}
.vtcnn{font-weight:400;font-size:11.5px;color:var(--ink-4)}
.vtcnh .vtlink{font-size:11.5px;font-weight:550;color:var(--ink-3)}
.vtcn{display:flex;align-items:center;gap:9px;width:100%;height:32px;padding:0 10px;border-radius:6px;border:0;background:none;font:400 13px var(--design-body);color:var(--ink-2);cursor:pointer;text-align:left}
.vtcn:hover{background:color-mix(in srgb,var(--surface) 60%,transparent)}
.vtcnt{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vtcn b{margin-left:auto;font-weight:500;color:var(--ink-3);font-size:12.5px}
.vtcn.on{background:var(--surface);color:var(--ink);font-weight:550;box-shadow:0 0 0 1px var(--card-line),var(--card-sh)}
.vtcn.on b{color:var(--ink)}
.vtcnwait{padding:0 10px}
.vtnoag{width:18px;height:18px;border-radius:50%;border:1px dashed var(--line-2);flex:none;box-sizing:border-box}
.vtsq{width:8px;height:8px;border-radius:2px;background:#9db0a8;display:block;flex:none}
.vtsq.lime{background:var(--lime-ink)}.vtsq.vt{background:var(--ink)}
.vttagdot{width:8px;height:8px;border-radius:50%;display:block;flex:none}
.vtfbtn{display:none}
.vtctab{display:flex;flex-direction:column;border-radius:12px}
.vtctabh{gap:12px;flex-wrap:wrap}
.vtctabh .vthint{white-space:nowrap}
.vtsearch{display:flex;align-items:center;gap:8px;width:160px;height:34px;padding:0 10px;border:1px solid var(--line);border-radius:6px;background:var(--surface-2);color:var(--ink-4);box-sizing:border-box}
.vtsearch:focus-within{border-color:var(--lime);box-shadow:0 0 0 3px #8dd11d17}
.vtsearch input,.vtsearch input:focus{flex:1;min-width:0;border:0!important;outline:0;background:transparent!important;padding:0!important;height:100%;font-size:13px!important;color:var(--ink);box-shadow:none!important;border-radius:0!important}
.vtcfb{display:flex;align-items:center;gap:8px 12px;padding:10px 22px 12px;flex-wrap:wrap}
.vtrqg{display:inline-flex;align-items:center;gap:7px;min-width:0}
.vtcfl{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--ink);margin-right:4px;white-space:nowrap}
.vtcfl .vti{color:var(--ink-3)}
.vtseg{display:inline-flex;padding:3px;border-radius:7px;background:var(--surface-2);border:1px solid var(--line);gap:2px;flex:none}
.vtseg button{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:4px;border:0;background:none;font:550 12.5px var(--design-body);color:var(--ink-3);white-space:nowrap;cursor:pointer}
.vtseg button.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #12304018,0 0 0 1px var(--line)}
.vtrqk{font-size:12.5px;color:var(--ink-3);white-space:nowrap}
.vtfld{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 9px;border:1px solid var(--line-2);border-radius:6px;background:var(--surface);font:500 12.5px var(--design-body);color:var(--ink);white-space:nowrap;cursor:pointer;box-sizing:border-box;max-width:170px}
.vtfld>span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.vtfld .vti{color:var(--ink-3)}
.vtsel{position:relative;padding:0}
.vtsel select{appearance:none;-webkit-appearance:none;border:0;background:transparent;height:100%;padding:0 26px 0 9px;font:500 12.5px var(--design-body);color:var(--ink);cursor:pointer;min-height:0;box-shadow:none}
.vtsel .vti{position:absolute;right:8px;pointer-events:none}
.vtcfx{margin-left:auto;border:0;background:none;padding:4px 2px;font:550 12.5px var(--design-body);color:var(--ink-2);cursor:pointer}
.vtcfx:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.vtpopw{position:relative;display:inline-flex}
.vtpop{position:absolute;top:calc(100% + 6px);left:0;z-index:30;width:250px;max-height:320px;overflow:auto;padding:8px;background:var(--surface);border:1px solid var(--card-line);border-radius:10px;box-shadow:var(--sh-3);display:flex;flex-direction:column;gap:2px;box-sizing:border-box}
.vtpop.vtbud{width:230px;gap:6px}
.vtpopi{display:flex;align-items:center;gap:9px;min-height:32px;padding:0 6px;border-radius:6px;font-size:13px;color:var(--ink-2);cursor:pointer}
.vtpopi:hover{background:var(--surface-2)}
.vtpopi input{width:16px;height:16px;margin:0;accent-color:var(--ink);flex:none}
.vtpopi span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vtpopi b{font-weight:500;color:var(--ink-3);font-size:12px}
.vtpopl{font-size:12px;font-weight:550;color:var(--ink-2)}
.vtpop select{height:36px;border:1px solid var(--line-2);border-radius:6px;background:var(--surface);color:var(--ink);font-size:13px;padding:0 8px}
.vtpopf{display:flex;justify-content:flex-end;padding-top:6px;margin-top:4px;border-top:1px solid var(--line)}
.vtcg{grid-template-columns:minmax(150px,1fr) minmax(150px,184px) minmax(140px,176px) minmax(104px,116px) minmax(112px,150px);gap:12px}
.vtrows{display:flex;flex-direction:column}
.vtrow{width:100%;min-height:50px;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;font-family:inherit;font-size:13px;line-height:1.5;color:var(--ink-2);cursor:pointer;box-sizing:border-box;border-radius:0}
.vtrow:hover{background:var(--surface-2)}
.vtrow:last-child{border-bottom:0}
.vtwho{gap:10px}
.vtav{width:32px;height:32px;border-radius:8px;background:var(--surface-3);color:var(--ink-2);display:grid;place-items:center;font:600 11.5px/1 var(--display);flex:none;letter-spacing:.02em;text-transform:uppercase}
.vttags{display:flex;gap:4px;flex-wrap:wrap;min-width:0}
.vtlf b{font-size:13px;font-weight:500}
.vtlc{font-size:12.5px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vtctab>.vttfoot{margin-top:auto}
.vtctab>.vttfoot .vtr{margin-left:auto}
.vtsheetnav{gap:16px;margin:8px 0 6px}
.vtsheetnav .vtcn{height:44px;font-size:14px}
/* narrower screens: under the boards' 1480px the requirement bar keeps its
   icon and its group name for a screen reader, so it stays on one line */
@media (max-width:1499px){.vtcflt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
@media (max-width:1279px){
  .vt6,.vt6.vt6b{grid-template-columns:minmax(0,1fr)}
  .vtcg{grid-template-columns:minmax(150px,1fr) minmax(140px,184px) minmax(130px,170px) minmax(104px,130px)}
  .vtcg>:nth-child(5){display:none}
}
@media (max-width:1019px){
  .vtcgrid{grid-template-columns:minmax(0,1fr)}
  .vtcnav:not(.vtsheetnav){display:none}
  .vtfbtn{display:flex;justify-content:flex-start;width:100%;height:44px;gap:10px}
  .vtfbtn>span{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis}
  .vtfbtn b{font-weight:650}
  .vtfbn{font-style:normal;font-size:12px;font-weight:600;color:var(--ink-2);background:var(--surface-3);border-radius:4px;padding:2px 6px}
  .vtstv{flex-wrap:wrap;white-space:normal;padding:12px 14px 12px 16px;gap:8px 12px}
  .vtstx{flex:1 1 100%;order:3}
  .vtstv .vtb,.vtstrun{order:4;margin-left:0}
  .vtdesk{display:none}
  .vtthd.vtcg{display:none}
  .vtrow.vtcg{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"who who" "tags tags" "look agent" "last last";gap:6px 12px;padding:12px 16px}
  .vtrow.vtcg>:nth-child(1){grid-area:who}.vtrow.vtcg>:nth-child(2){grid-area:tags}.vtrow.vtcg>:nth-child(3){grid-area:look}
  .vtrow.vtcg>:nth-child(4){grid-area:agent;justify-self:end}.vtrow.vtcg>:nth-child(5){grid-area:last;display:block}
  .vtrow .vtnil{display:none}
  .vtchd.vtctabh{padding:14px 16px 10px}
  .vtctabh .vtr{margin-left:0;flex:1 1 100%;flex-wrap:wrap}
  .vtsearch{flex:1 1 160px;width:auto;height:44px}
  .vtcfb{padding:6px 16px 12px}
  .vtctab>.vttfoot{padding:12px 16px}
  .vtkvr{grid-template-columns:minmax(0,1fr) auto;padding:8px 16px;gap:4px 12px}
  .vtkvr>span{grid-column:1/-1}
  .vtkvx{grid-template-columns:minmax(0,1fr)}
  .vtkvnote{padding:0 16px 12px}
  .vt6g{grid-template-columns:1fr 1fr;padding:4px 16px 0}
  .vtchd,.vt6h{padding-left:16px;padding-right:16px}
  .vtimr,.vtimo,.vterw{padding-left:16px;padding-right:16px;flex-wrap:wrap}
  .vtpgr{flex-wrap:wrap;padding:0 16px 14px}
  .vtpgb{flex:1 1 100%;order:3}
  .vtrng{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"when took" "what by" "res res";gap:2px 10px}
  .vtthd.vtrng{display:none}
  .vttrw.vtrng{padding:10px 16px}
  .vttrw.vtrng>:nth-child(1){grid-area:when}.vttrw.vtrng>:nth-child(2){grid-area:what}.vttrw.vtrng>:nth-child(3){grid-area:by;text-align:right}
  .vttrw.vtrng>:nth-child(4){grid-area:res;white-space:normal;flex-wrap:wrap}.vttrw.vtrng>:nth-child(5){grid-area:took}
  .vt6st{padding:6px 16px 18px}
  .vthrows{padding:0 16px 12px}
  .vthrow2{grid-template-columns:minmax(0,1fr);gap:2px}
  .vtnev{padding:0 16px 16px}
  .vttok{flex-wrap:wrap}
  .vttok .vtfield{flex:1 1 100%;height:44px}
  .vttok .vtb{flex:1 1 auto;height:44px}
  .vtnote{margin:0 16px 12px}
  .vt6n{margin:14px 16px 16px}
}
@media (max-width:640px){
  .vtph{flex-direction:column;align-items:stretch}
  .vtphacts{justify-content:flex-start}
  .vtphacts .vtb{flex:1 1 auto}
  .vt6g{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:1019px),(pointer:coarse){
  .vtb,.vtb.sm,.vtb.dg,.vtseg button,.vtfld,.vtcn{min-height:44px}
  .vtb.sm{height:auto}
  .vtsw{width:44px;height:26px}
  .vtsw:before{content:"";position:absolute;inset:-9px -2px}
  .vtsw:after{width:22px;height:22px}.vtsw.on:after{left:20px}
  .vtcfx,.vtlink,.vtlk{min-height:44px;display:inline-flex;align-items:center}
  .vtpopi{min-height:44px}
  .vtpop{position:static;width:100%;margin-top:6px;box-shadow:none}
  .vtpopw{flex-direction:column;align-items:stretch}
  .vtsel select{min-height:44px}
}
/* v2.57 review: the Vault opt-out note on the Vault page */
.vtoptc{border-color:color-mix(in srgb,var(--warn) 35%,var(--card-line))}
.vtdot.warn{background:var(--warn)}
/* v2.57 review: the Unsubscribed and Email bounced tags at 4.5:1 on their own tint in light (dark keeps its tokens) */
:root:not([data-theme=dark]) .vttag.danger{color:#a23f34}
:root:not([data-theme=dark]) .vttag.warn{color:#8a5a14}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .vttag.danger{color:var(--danger)}:root:not([data-theme=light]) .vttag.warn{color:var(--warn)}}