/* 2auth application layer. The copied Nöbet kit remains unchanged. */
:root { --nz-canvas:#eaf0e9;--nz-surface:#f8faf6;--nz-raised:#e0e9df;--nz-line:#cbd7cb;--nz-line-strong:#9faf9f;--nz-ink:#1d302b;--nz-ink-2:#52685b;--nz-ink-3:#596a60;--nz-accent:#286d5e;--nz-accent-hover:#205747;--nz-accent-soft:#dcece1;--nz-radius-control:10px;--nz-radius-plate:20px; }
:root[data-theme="dark"] { color-scheme:dark;--nz-canvas:#162725;--nz-surface:#203430;--nz-raised:#2a4039;--nz-line:#38524a;--nz-line-strong:#597669;--nz-ink:#e8efe4;--nz-ink-2:#aec2b3;--nz-ink-3:#93ac9c;--nz-accent:#8acbb1;--nz-accent-hover:#a1d8c1;--nz-accent-soft:#29463b;--nz-accent-ink:#122b21; }
:root[data-theme="black"] { color-scheme:dark;--nz-accent-ink:#04110f;--nz-canvas:#0a0a0a;--nz-surface:#121212;--nz-raised:#1b1b1b;--nz-line:#2a2a2a;--nz-line-strong:#6b6b6b;--nz-ink:#ededed;--nz-ink-2:#b3b3b3;--nz-ink-3:#8f8f8f;--nz-accent:#5ec2b5;--nz-accent-hover:#80d4c9;--nz-accent-soft:#0f2a27; }
body { background:var(--nz-canvas);min-width:280px; }
button,input,select,textarea { font:inherit; }
button,a,label { -webkit-tap-highlight-color:transparent; }
button:disabled { cursor:wait;opacity:.55; }
svg { width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none; }
.sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
.skip { position:fixed;left:14px;top:-80px;z-index:100;background:var(--nz-surface);padding:12px;border:1px solid var(--nz-line);border-radius:8px; }
.skip:focus { top:10px; }
.app-header { min-height:76px;display:flex;align-items:center;gap:24px;justify-content:space-between;padding:12px max(22px,calc((100vw - 1200px) / 2));border-bottom:1px solid var(--nz-line);background:var(--nz-surface); }
.brand { display:flex;align-items:center;gap:11px;color:var(--nz-ink);text-decoration:none;font-weight:600;font-size:25px;letter-spacing:-1px; }
.brand span { line-height:1.1; }
.brand small { display:block;color:var(--nz-ink-2);font-size:13px;letter-spacing:1.2px;font-weight:500;margin-top:5px; }
.header-tools { display:flex;align-items:center;gap:10px;min-width:0; }
.identity { max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--nz-ink-2);padding-right:8px; }
.locale { width:auto;max-width:125px;min-height:38px;padding-block:7px;font-size:13px; }
.home-link { font-size:13px;color:var(--nz-ink-2);text-decoration:none;border-left:1px solid var(--nz-line);padding-left:16px;margin-left:4px; }
.icon-btn { display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex:none;border:1px solid var(--nz-line);border-radius:10px;background:transparent;color:var(--nz-ink-2);cursor:pointer;font-size:25px; }
.icon-btn:hover { background:var(--nz-raised);color:var(--nz-ink); }
.icon-btn:focus-visible,.text-button:focus-visible,.view-tabs button:focus-visible,.input-tabs button:focus-visible,.reveal-btn:focus-visible { outline:none;box-shadow:var(--nz-focus); }
.page { max-width:1244px;padding:42px 22px 70px;margin:auto;min-height:calc(100dvh - 140px); }
.eyebrow { font-family:var(--nz-font-sans);font-size:13px;font-weight:500;letter-spacing:1.5px;color:var(--nz-ink-2);margin:0 0 10px; }
.workspace-head { display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:27px; }
.workspace-head h1 { font-size:33px;margin:0 0 8px; }
.muted,.lede { color:var(--nz-ink-2); }
.workspace-head p:last-child { margin:0; }
.workspace-actions { display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end; }
.nz-button { min-height:40px;gap:8px;justify-content:center; }
.nz-button svg { width:17px;height:17px; }
.nz-button.is-primary { background:var(--nz-accent);border-color:var(--nz-accent);color:var(--nz-accent-ink); }
.nz-button.is-primary:hover { background:var(--nz-accent-hover); }
.nz-button.subtle { min-height:36px;font-size:13px; }
.wide { width:100%; }
.status-dot { display:inline-block;width:7px;height:7px;flex:none;border-radius:50%;background:var(--nz-ok); }
.vault-status { display:flex;align-items:center;flex-wrap:wrap;gap:10px;border-top:1px solid var(--nz-line);border-bottom:1px solid var(--nz-line);padding:14px 0;color:var(--nz-ink-2);font-size:13px; }
.status-divider { height:14px;border-left:1px solid var(--nz-line);margin-inline:4px; }
.text-button { border:0;background:none;padding:0;color:var(--nz-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;cursor:pointer;font-size:inherit;text-align:left; }
.filterbar { display:flex;align-items:center;justify-content:space-between;gap:16px;margin:26px 0 20px; }
.search-wrap { position:relative;max-width:500px;flex:1;min-width:140px; }
.search-wrap svg { position:absolute;left:13px;top:12px;width:18px;height:18px;color:var(--nz-ink-2);pointer-events:none; }
.search-wrap input { padding-left:41px;width:100%;min-height:43px; }
.view-tabs,.input-tabs { display:flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--nz-line);border-radius:12px; }
.view-tabs button,.input-tabs button { padding:7px 14px;min-height:34px;border:0;border-radius:8px;background:none;color:var(--nz-ink-2);font-size:14px;cursor:pointer; }
.view-tabs .active,.input-tabs .active { color:var(--nz-ink);background:var(--nz-raised); }
.accounts-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px; }
.load-more { display:flex;margin:22px auto 0; }
#delete-account { margin-right:auto; }
.account-card { min-width:0;border:1px solid var(--nz-line);border-radius:18px;background:var(--nz-surface);padding:22px 22px 17px;position:relative; }
.account-head { display:flex;align-items:center;gap:12px;margin-bottom:20px;min-width:0; }
.account-mark { width:42px;height:42px;border-radius:12px;background:var(--nz-accent-soft);color:var(--nz-accent);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;flex:none; }
.account-label { min-width:0;flex:1; }
.account-label h2 { font-family:var(--nz-font-sans);font-size:16px;font-weight:600;margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.account-label p { font-size:13px;color:var(--nz-ink-2);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.account-fav,.account-edit { background:none;border:0;color:var(--nz-ink-2);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:8px;flex:none; }
.account-fav { width:31px;height:31px;font-size:22px; }
.account-fav[aria-pressed="true"] { color:var(--nz-lamp); }
.account-fav:hover,.account-edit:hover { background:var(--nz-raised); }
.code-row { display:flex;align-items:center;justify-content:space-between;gap:10px; }
.code-copy { padding:0;background:none;border:0;font-family:var(--nz-font-mono);font-size:clamp(25px,2.4vw,34px);font-weight:500;letter-spacing:2px;white-space:nowrap;color:var(--nz-ink);cursor:pointer;display:flex;align-items:center;gap:10px; }
.code-copy svg { width:16px;height:16px;color:var(--nz-ink-2);opacity:0; }
.code-copy:hover svg,.code-copy:focus-visible svg { opacity:1; }
.code-copy:focus-visible { outline:2px solid var(--nz-accent);outline-offset:7px;border-radius:4px; }
.code-copy.is-loading { color:var(--nz-ink-2); }
.countdown { width:42px;height:42px;position:relative;flex:none;display:flex;align-items:center;justify-content:center;font-family:var(--nz-font-mono);font-size:13px;color:var(--nz-accent); }
.countdown svg { position:absolute;inset:0;width:42px;height:42px;transform:rotate(-90deg);stroke-width:2.5; }
.countdown .ring-track { stroke:var(--nz-line); }
.countdown .ring-fill { stroke:var(--nz-accent);stroke-dasharray:113.097;stroke-dashoffset:0; }
.countdown.is-ending { color:var(--nz-lamp); }
.countdown.is-ending .ring-fill { stroke:var(--nz-lamp); }
.account-bottom { display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px;padding-top:12px;border-top:1px solid var(--nz-line);font-size:13px;color:var(--nz-ink-2); }
.account-edit { width:30px;height:26px; }
.account-edit svg { width:16px;height:16px; }
.empty-state { text-align:center;border:1px dashed var(--nz-line-strong);border-radius:20px;padding:52px 22px;color:var(--nz-ink-2); }
.empty-state h2 { margin:15px 0 10px; }
.empty-state p { max-width:440px;margin:0 auto 22px; }
.empty-symbol { font-family:var(--nz-font-mono);color:var(--nz-accent);font-size:32px;border:1px solid var(--nz-line);background:var(--nz-surface);width:66px;height:66px;border-radius:18px;line-height:64px;margin:auto; }
.security-footer { margin-top:28px;padding:20px 0;display:flex;align-items:start;justify-content:space-between;gap:28px;border-top:1px solid var(--nz-line);color:var(--nz-ink-2);font-size:13px; }
.security-footer span { max-width:620px; }
.security-footer button { flex:none; }
.app-footer { max-width:1200px;margin:auto;padding:18px 0 22px;display:flex;gap:24px;justify-content:space-between;color:var(--nz-ink-2);font-size:13px;border-top:1px solid var(--nz-line); }
.app-footer .version { opacity:.7;margin-left:5px; }
.gate { width:min(480px,100%);margin:5vh auto;text-align:center; }
.gate-mark { margin:0 auto 26px; }
.gate h1 { font-size:31px;line-height:1.3;margin-bottom:15px; }
.gate .lede { line-height:1.7;max-width:450px;margin:0 auto 25px; }
.gate .nz-button { margin-bottom:10px; }
.gate-form { text-align:left;padding:24px;background:var(--nz-surface);border:1px solid var(--nz-line);border-radius:18px;margin:25px 0 20px; }
.gate-form .nz-field { margin:0 0 17px; }
.gate-form .nz-button { margin:12px 0 0;min-height:44px; }
.nz-field { display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:500;min-width:0; }
.nz-field input,.nz-field select { width:100%; }
.nz-field small { font-weight:400;color:var(--nz-ink-2);font-size:13px; }
.password-wrap { position:relative;display:block; }
.password-wrap input { padding-right:46px; }
.reveal-btn { position:absolute;right:1px;top:1px;width:42px;height:calc(100% - 2px);border:0;border-radius:8px;background:none;color:var(--nz-ink-2);cursor:pointer;font-size:18px; }
.privacy-note { display:flex;gap:11px;text-align:left;font-size:13px;line-height:1.6;color:var(--nz-ink-2);margin-top:27px; }
.privacy-note svg { margin-top:3px;color:var(--nz-accent); }
.checkline { display:flex;align-items:start;gap:9px;font-size:13px;line-height:1.6;color:var(--nz-ink-2);font-weight:400; }
.checkline input { width:17px;height:17px;accent-color:var(--nz-accent);flex:none;margin:2px 0 0; }
.form-error { font-size:13px;color:var(--nz-bad);margin:8px 0 0;overflow-wrap:anywhere; }
.form-error:empty { display:none; }
.boot { margin:15vh auto;text-align:center;color:var(--nz-ink-2); }
.loader { display:block;width:30px;height:30px;border:2px solid var(--nz-line);border-top-color:var(--nz-accent);border-radius:50%;margin:0 auto 20px;animation:spin 1s linear infinite; }
@keyframes spin { to{transform:rotate(360deg);} }
.banner { display:flex;gap:10px;align-items:start;padding:12px 16px;border:1px solid var(--nz-line);border-radius:10px;color:var(--nz-ink-2);font-size:13px;margin-bottom:25px;background:var(--nz-surface); }
.banner .status-dot { margin-top:7px;background:var(--nz-lamp); }
.app-dialog { padding:0;border:1px solid var(--nz-line-strong);border-radius:20px;background:var(--nz-surface);color:var(--nz-ink);width:min(620px,calc(100vw - 28px));max-height:calc(100dvh - 40px);box-shadow:var(--nz-shadow-float);overflow:hidden; }
.app-dialog[open] { display:flex;flex-direction:column; }
.app-dialog > form { display:flex;flex-direction:column;min-height:0; }
.app-dialog.compact { max-width:490px; }
.app-dialog::backdrop { background:rgba(7,20,17,.7);backdrop-filter:blur(4px); }
.dialog-head { display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;border-bottom:1px solid var(--nz-line);flex:none; }
.dialog-head h2 { margin:0;font-size:23px; }
.dialog-head .eyebrow { font-size:13px;letter-spacing:1px;margin-bottom:5px; }
.dialog-head .icon-btn { border:0; }
.dialog-body { padding:24px;overflow:auto;overscroll-behavior:contain;min-height:0; }
.dialog-foot { display:flex;gap:10px;justify-content:flex-end;align-items:center;border-top:1px solid var(--nz-line);padding:16px 24px;flex:none; }
.input-tabs { margin-bottom:23px;justify-content:space-between; }
.input-tabs button { flex:1;padding-inline:8px;font-size:13px; }
.two-columns,.three-columns { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px; }
.three-columns { grid-template-columns:repeat(3,minmax(0,1fr)); }
#manual-panel { display:flex;flex-direction:column;gap:19px; }
.row { display:flex;gap:10px;align-items:center;flex-wrap:wrap; }
.stack { display:flex;flex-direction:column;gap:17px; }
details { border:1px solid var(--nz-line);padding:12px 15px;border-radius:11px; }
summary { color:var(--nz-ink);cursor:pointer;font-size:14px;font-weight:500; }
details[open] summary { margin-bottom:15px; }
.small { font-size:13px; }
.mono { font-family:var(--nz-font-mono); }
.advanced p { margin-bottom:15px; }
.settings-body { display:flex;flex-direction:column;gap:26px; }
.settings-body section + section { border-top:1px solid var(--nz-line);padding-top:25px; }
.settings-body h3 { margin-bottom:15px; }
.settings-body .nz-field { margin-bottom:12px; }
.settings-body details { margin-top:17px; }
.settings-body p { font-size:14px;line-height:1.6; }
.danger { color:var(--nz-bad);border-color:color-mix(in srgb,var(--nz-bad) 50%,var(--nz-line)); }
.danger:hover { background:var(--nz-bad-soft); }
.danger-zone h3 { color:var(--nz-bad); }
.file-button { position:relative;overflow:hidden;cursor:pointer; }
.file-button input { position:absolute;inset:0;opacity:0;width:100%;cursor:pointer; }
.camera-box { background:var(--nz-canvas);border:1px solid var(--nz-line);border-radius:12px;overflow:hidden;min-height:160px;margin:15px 0;display:grid;place-items:center;position:relative; }
.camera-box video { width:100%;max-height:270px;object-fit:cover;display:none; }
.camera-box.has-camera video { display:block; }
.camera-box.has-camera #camera-placeholder { display:none; }
#camera-placeholder { text-align:center;font-size:14px;color:var(--nz-ink-2);padding:30px;max-width:350px; }
#qr-panel { margin-bottom:20px; }
#uri-panel { display:flex;flex-direction:column;gap:16px;margin-bottom:20px; }
.toast { position:fixed;left:50%;bottom:max(25px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:200;max-width:calc(100vw - 30px);padding:13px 20px;border:1px solid var(--nz-line-strong);border-radius:12px;background:var(--nz-raised);color:var(--nz-ink);box-shadow:var(--nz-shadow-float);font-size:14px;pointer-events:none; }
.toast.is-error { color:var(--nz-bad); }
.noscript { max-width:600px;margin:50px auto;padding:20px; }
.session-overlay { position:fixed;inset:0;z-index:300;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center;color:var(--nz-ink-2);background:var(--nz-canvas); }
.session-overlay .loader { margin:0 0 8px; }
body.privacy-hidden .code-value { color:transparent!important;text-shadow:0 0 13px var(--nz-ink-2);user-select:none; }
@media(max-width:1100px) { .accounts-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.code-copy{font-size:32px;} }
@media(max-width:760px) { .app-header{padding:12px 18px;gap:10px;}.identity{display:none;}.home-link{display:none;}.page{padding:29px 18px 40px;}.workspace-head{align-items:start;flex-direction:column;gap:20px;}.workspace-head h1{font-size:29px;}.workspace-actions{width:100%;justify-content:start;}.workspace-actions #add-btn{margin-left:auto;}.app-footer{margin:0 18px;padding-bottom:calc(20px + env(safe-area-inset-bottom));gap:10px;flex-wrap:wrap;}.security-footer{flex-direction:column;gap:14px;}#install-btn{display:none!important;}.accounts-grid{gap:14px;}.account-card{padding:18px 17px 14px;}.code-copy{font-size:28px;letter-spacing:1px;}.code-copy svg{display:none;}.account-head{gap:10px;}.account-mark{width:36px;height:36px;}.account-label h2{font-size:15px;} }
@media(max-width:540px) { .accounts-grid{grid-template-columns:minmax(0,1fr);}.account-card{padding:21px;}.account-head{margin-bottom:19px;}.account-mark{width:42px;height:42px;}.code-copy{font-size:34px;letter-spacing:2px;}.account-bottom{margin-top:17px;}.filterbar{align-items:stretch;flex-direction:column;gap:12px;}.search-wrap{max-width:none;}.view-tabs{width:max-content;}.gate{margin-top:3vh;}.gate h1{font-size:27px;}.gate-form{padding:21px;}.vault-status{gap:8px;font-size:13px;}.vault-status .status-divider{margin-inline:0;}.dialog-head{padding:18px;}.dialog-body{padding:20px 18px;}.dialog-foot{padding:15px 18px;}.two-columns{grid-template-columns:1fr;gap:17px;}.three-columns{gap:9px;}.three-columns .nz-select{padding-inline:8px;font-size:13px;}.input-tabs button{font-size:13px;padding-inline:6px;}.workspace-actions .nz-button{padding-inline:10px;}.app-dialog{max-height:calc(100dvh - 24px);border-radius:17px;} }
@media(prefers-reduced-motion:reduce) { .loader{animation:none;}*{scroll-behavior:auto!important;transition:none!important;} }

/* The shared kit is copied unchanged. These selectors style only 2auth content. */
.project-brand-link { color:inherit;text-decoration:none; }
.identity-kind { border:1px solid var(--nz-line);border-radius:20px;padding:5px 9px;color:var(--nz-ink-2);font-size:12px;white-space:nowrap; }
.header-account-action { font-size:13px; }
.auth-card { width:100%;max-width:430px;margin:25px auto 12px;border:1px solid var(--nz-line);border-radius:20px;background:var(--nz-surface);box-shadow:var(--nz-shadow-float);overflow:hidden;text-align:left; }
.auth-tabs { display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--nz-line);padding:6px;gap:5px; }
.auth-tabs button { min-height:43px;border:0;border-radius:12px;padding:8px;background:transparent;color:var(--nz-ink-2);font:inherit;cursor:pointer; }
.auth-tabs button[aria-selected="true"] { background:var(--nz-accent-soft);color:var(--nz-ink);font-weight:600; }
.auth-tabs button:focus-visible { outline:2px solid var(--nz-accent);outline-offset:-2px; }
.auth-card .gate-form { margin:0;padding:23px;border:0;box-shadow:none;border-radius:0; }
.auth-card .gate-form small { font-size:12px;line-height:1.5;color:var(--nz-ink-2); }
.auth-scope-note { margin:0 23px;padding:0 0 20px;font-size:13px;color:var(--nz-ink-2);line-height:1.6; }
.auth-shared { display:flex;align-items:center;flex-direction:column;gap:15px;padding:20px 23px;border-top:1px solid var(--nz-line);background:var(--nz-canvas); }
.auth-shared .text-button { text-align:center;font-size:13px; }
.auth-retry { display:inline-block;margin-top:14px;font-size:13px; }
#auth-view { max-width:650px; }
#auth-view .gate-mark { margin-bottom:18px; }
#auth-view .lede { max-width:540px;margin-inline:auto; }
#auth-view .nz-captcha { max-width:100%; }
#auth-error { max-width:430px;margin-inline:auto; }
.skip:focus { top:calc(var(--nz-shell-height) + 8px);z-index:1600; }
@media(max-width:760px) { .app-header{flex-wrap:wrap;min-height:70px;}.header-tools{margin-left:auto;flex-wrap:wrap;justify-content:flex-end;gap:8px;}.identity-kind{display:none;}.header-account-action{max-width:110px;text-align:right;font-size:12px;}.app-header .brand{font-size:21px;}.app-header .brand img{width:32px;height:32px;}.app-header .brand small{font-size:10px;letter-spacing:1px;} }
@media(max-width:540px) { #auth-view{margin-top:10px;}#auth-view .gate-mark img{width:54px;height:54px;}.auth-card{border-radius:17px;}.auth-card .gate-form{padding:20px;}.auth-scope-note{margin-inline:20px;}.auth-shared{padding:18px 20px;}.auth-tabs button{font-size:14px;}.page{min-height:calc(100dvh - 200px);} }

.sessions-list{display:flex;flex-direction:column;gap:12px;margin-top:8px;}
.session-card{border:1px solid var(--nz-line);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;}
.session-card.is-current{border-color:var(--nz-accent);}
.session-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;margin:0;}
.session-details dt{font-size:12px;color:var(--nz-ink-3);}
.session-details dd{margin:2px 0 0;font-size:13px;overflow-wrap:anywhere;}
.session-card-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.session-card-actions .nz-button{min-height:34px;padding:5px 12px;font-size:13px;}
/* 1.2.3: sort, update banner, copy feedback */
.sort-wrap { flex:0 0 auto; }
.sort-select { min-height:43px;min-width:150px; }
.update-banner { align-items:center;color:var(--nz-ink);border-color:var(--nz-accent); }
.update-banner .status-dot { margin-top:0;background:var(--nz-accent); }
.update-banner .nz-button { margin-left:auto;flex:0 0 auto; }
.code-copy.is-copied { color:var(--nz-accent); }
.code-copy.is-copied svg { opacity:1;color:var(--nz-accent); }
@media(max-width:540px) { .sort-wrap,.sort-select { width:100%; } .update-banner { flex-wrap:wrap; } }
/* 1.3.0: tags, tag filter, per-service colour tones (theme tokens only) */
.tag-filters { display:flex;flex-wrap:wrap;gap:6px;margin:-8px 0 18px; }
.tag-filter { max-width:100%;padding:5px 12px;min-height:32px;border:1px solid var(--nz-line);border-radius:var(--nz-radius-pill);background:none;color:var(--nz-ink-2);font:inherit;font-size:13px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.tag-filter:hover { color:var(--nz-ink);border-color:var(--nz-line-strong); }
.tag-filter.active { background:var(--nz-accent-soft);color:var(--nz-accent);border-color:var(--nz-accent); }
.tag-filter:focus-visible { outline:none;box-shadow:var(--nz-focus); }
.account-tags { display:flex;flex-wrap:wrap;gap:4px;margin:6px 0 0;min-width:0; }
.tag-chip { display:inline-block;max-width:100%;padding:1px 8px;border-radius:var(--nz-radius-pill);background:var(--nz-raised);color:var(--nz-ink-2);font-size:12px;line-height:1.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.account-mark.tone-0 { background:var(--nz-accent-soft);color:var(--nz-accent); }
.account-mark.tone-1 { background:var(--nz-ok-soft);color:var(--nz-ok); }
.account-mark.tone-2 { background:var(--nz-info-soft);color:var(--nz-info); }
.account-mark.tone-3 { background:var(--nz-warn-soft);color:var(--nz-warn); }
.account-mark.tone-4 { background:var(--nz-bad-soft);color:var(--nz-bad); }
.account-mark.tone-5 { background:var(--nz-raised);color:var(--nz-lamp); }
.export-more { margin:12px 0; }
.export-more summary { cursor:pointer;color:var(--nz-ink); }
.export-more form { margin-top:10px; }
.text-button.danger-text { color:var(--nz-bad);display:block;margin-top:6px; }
@media(max-width:540px) { .tag-filters { margin-top:0; } }