/* Account dropdown, account ID and sidebar Telegram card (2026-10-27). Dashboard only. */

/* Dropdown: solid surface. noir.css sets --panel to transparent, which made the menu see-through. */
body.noir .account-panel{background:#121211;border:1px solid var(--line-2);border-radius:0!important;padding:6px;box-shadow:0 32px 80px -24px rgba(0,0,0,.95),0 0 0 1px rgba(0,0,0,.55)}
html[data-theme=light] body.noir .account-panel{background:var(--pop)}
body.noir .account-panel a,body.noir .account-panel>button{border-radius:0!important}
body.noir .account-panel-signout{border-radius:0!important}

/* Account ID block */
body.noir .account-panel-head{gap:0;padding:12px 12px 12px;margin-bottom:6px}
body.noir .account-panel-head #account-panel-ref{display:none}
body.noir .account-panel-head .account-panel-label{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.account-panel-idrow{display:flex;align-items:center;gap:8px;margin:6px 0 4px}
body.noir .account-panel-head .account-panel-id{font-family:GeistMono,ui-monospace,monospace;font-size:18px;line-height:1.2;font-weight:600;letter-spacing:.02em;color:var(--text);font-variant-numeric:tabular-nums}
body.noir .account-panel .account-panel-copy{display:inline-grid;place-items:center;flex:none;width:28px;min-height:28px;height:28px;margin-left:auto;padding:0;border:1px solid var(--line-2)!important;border-radius:0!important;color:var(--muted);background:none}
body.noir .account-panel .account-panel-copy:hover,body.noir .account-panel .account-panel-copy:focus-visible{color:var(--text);border-color:var(--accent)!important;background:none}
body.noir .account-panel .account-panel-copy svg{width:14px;height:14px}
.account-panel-copy[data-copied] .ic-copy,.account-panel-copy:not([data-copied]) .ic-check{display:none}
.account-panel-copy[data-copied]{color:var(--accent)!important}
body.noir .account-panel-head>span:last-child{margin-top:10px;padding-top:10px;border-top:1px solid var(--line-2);display:flex;justify-content:space-between;font-size:12px}

/* Sidebar bottom: line the card and social row up with the logo, nav icons and divider. */
body.noir .sidebar-bottom{padding-left:12px;padding-right:12px}
body.noir .sidebar-bottom .sidebar-bot{grid-template-columns:30px minmax(0,1fr) 14px;align-items:center;gap:0;padding:12px;border-radius:0}
body.noir .sidebar-bottom .sidebar-bot .icon-tile{border-radius:0;grid-column:1;grid-row:1}
body.noir .sidebar-bottom .sidebar-bot>span:nth-child(2){display:contents}
body.noir .sidebar-bot strong{grid-column:1/-1;grid-row:2;margin-top:10px;white-space:nowrap}
body.noir .sidebar-bot small{grid-column:1/-1;grid-row:3;margin-top:3px}
body.noir .sidebar-bottom .sidebar-bot>svg:last-child{grid-column:3;grid-row:1;align-self:start}
body.noir .sidebar-bottom ul.social-links{flex-wrap:nowrap;gap:6px}
body.noir .sidebar-bottom ul.social-links li{flex:1 1 0}
body.noir .sidebar-bottom ul.social-links a.social-link{width:100%}
body.noir .account-panel .account-panel-copy[hidden]{display:none!important}

/* Support page: account ID */
body.noir .support-check p.support-account-id{margin-top:6px;font-family:GeistMono,ui-monospace,monospace;font-size:16px;font-weight:600;letter-spacing:.02em;color:var(--text)}