/* Nabbi Accounts: builds on Nabbi's tokens and components (.dw). */
.dw.nabacct{background:transparent}
.nabacct .wrap{max-width:960px}
.nabacct .eyebrow{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand);margin-bottom:6px}
.nabacct h1.display{font-size:clamp(34px,5cqi,52px)}
.nabacct h2{font-family:var(--display);font-weight:900;font-size:22px;letter-spacing:-.01em;line-height:1.2}

/* signed out */
.nabacct-auth{padding:64px 0 96px}
.nabacct-card{max-width:560px;margin:0 auto;background:var(--surface);border:2px solid var(--line);box-shadow:var(--shadow);border-radius:var(--r-lg);padding:36px;display:grid;gap:18px}
.nabacct-card .lede{font-size:17px}
.nabacct-login{display:grid;gap:14px}
.nabacct-login .btn{justify-content:center;min-height:50px}
@container (max-width:560px){.nabacct-card{padding:24px}}

/* signed in */
.nabacct-head{padding:48px 0 0}
.nabacct-hi{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
.nabacct-tabs{display:flex;gap:4px;margin-top:28px;border-bottom:2px solid var(--line);overflow-x:auto}
.nabacct-tabs a{padding:12px 16px;font-weight:800;color:var(--muted);text-decoration:none;border-bottom:3px solid transparent;margin-bottom:-2px;white-space:nowrap;display:inline-flex;align-items:center;gap:8px}
.nabacct-tabs a:hover{color:var(--brand)}
.nabacct-tabs a[aria-selected=true]{color:var(--brand);border-bottom-color:var(--brand)}
.nabacct-tabs .count{background:var(--closed);color:#fff;border-radius:999px;font-size:12px;padding:1px 7px;line-height:1.4}
.nabacct-body{padding:28px 0 88px}
#nabacct-panel{display:grid;gap:18px;outline:none}
.nabacct-stats{display:flex;flex-wrap:wrap;gap:12px}
.nabacct-stats div{background:var(--surface);border:2px solid var(--line);border-radius:var(--r-md);padding:12px 18px;font-size:14px;color:var(--muted)}
.nabacct-stats b{display:block;font-family:var(--display);font-weight:900;font-size:28px;line-height:1.1;color:var(--brand)}
.nabacct-stats .warn{background:var(--marker-bg);border-color:#FFE08A}
.nabacct-trip{background:var(--surface);border:2px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
.nabacct-trip>header{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;flex-wrap:wrap;padding:18px 20px;border-bottom:1px solid var(--line)}
.nabacct-list{display:grid}
.nabacct-list li{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 20px;border-top:1px solid var(--line)}
.nabacct-list li:first-child{border-top:0}
.nabacct-trip .nabacct-list li:first-child{border-top:0}
#nabacct-panel>.nabacct-list{background:var(--surface);border:2px solid var(--line);border-radius:var(--r-lg)}
.nabacct-item{display:flex;gap:12px;align-items:flex-start;min-width:0}
.nabacct-item b{display:block;font-weight:800}
.nabacct-item small{display:block;font-size:13px;color:var(--muted)}
.nabacct-item small.st{color:var(--ink);font-weight:800;margin-top:2px}
.nabacct .dot{width:10px;height:10px;border-radius:50%;margin-top:7px;flex:none;background:var(--faint)}
.nabacct .dot.on{background:var(--open);box-shadow:0 0 0 3px var(--open-bg)}
.nabacct .dot.wait{background:var(--marker);box-shadow:0 0 0 3px var(--marker-bg)}
.nabacct .btn.danger:hover{background:var(--closed);border-color:var(--closed);color:#fff}
.nabacct .btn[data-armed]{background:var(--closed);border-color:var(--closed);color:#fff}
@container (max-width:640px){.nabacct-list li{flex-direction:column;align-items:stretch}.nabacct-list .row-btns{padding-left:22px}}
.nabacct-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.nabacct-threads{background:var(--surface);border:2px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
.nabacct-threads li{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);padding:0 20px 0 0}
.nabacct-threads li:first-child{border-top:0}
.nabacct-threads a{display:block;flex:1;padding:14px 20px;text-decoration:none;min-width:0}
.nabacct-threads a:hover{background:var(--brand-bg)}
.nabacct-threads b{display:block;font-weight:500}
.nabacct-threads li.unread b{font-weight:900}
.nabacct-threads small{color:var(--muted);font-size:13px}
.nabacct-msgs{display:grid;gap:12px}
.nabacct-msgs li{max-width:78%;background:var(--surface);border:2px solid var(--line);border-radius:18px 18px 18px 6px;padding:12px 16px}
.nabacct-msgs li.member{justify-self:end;background:var(--brand);color:#fff;border-color:var(--brand);border-radius:18px 18px 6px 18px}
.nabacct-msgs li.member .who{color:var(--brand-soft)}
.nabacct-msgs li.system{justify-self:center;background:var(--marker-bg);border-color:#FFE08A;border-radius:12px;font-size:14px}
.nabacct-msgs .who{font-size:12px;color:var(--muted);margin-bottom:4px}
.nabacct-msgs .body{white-space:pre-wrap;overflow-wrap:anywhere}
@container (max-width:640px){.nabacct-msgs li{max-width:92%}}
.nabacct .skeleton{height:160px}