.app-shell-right { position: relative; }
.app-shell-user[data-knowstack-account] { border: 0; cursor: pointer; }
.knowstack-account-menu { position: absolute; top: calc(100% + 10px); right: 0; z-index: 120; display: grid; min-width: 180px; gap: 8px; padding: 12px; border: 1px solid var(--surface-line, rgba(23, 63, 55, .16)); border-radius: 12px; background: color-mix(in srgb, var(--paper, #fff) 90%, transparent); box-shadow: 0 16px 34px rgba(18, 48, 40, .16); backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); }
.knowstack-account-menu span { color: var(--subtle, #6a7a75); font-size: 11px; font-weight: 650; }
.knowstack-account-menu strong { overflow: hidden; color: var(--ink, #16231f); font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.knowstack-account-menu button { min-height: 34px; margin-top: 2px; border: 1px solid color-mix(in srgb, #d95046 28%, var(--surface-line, #ddd)); border-radius: 8px; background: color-mix(in srgb, #fff5f3 72%, var(--paper, #fff)); color: #b33f36; font-size: 12px; font-weight: 700; cursor: pointer; }
.knowstack-account-menu button:hover { background: #fff0ed; }
.knowstack-account-menu button:disabled { cursor: wait; opacity: .65; }
[data-theme="dark"] .knowstack-account-menu button { border-color: rgba(255,149,141,.25); background: rgba(104,42,38,.28); color: #ffb3ab; }
[data-theme="dark"] .knowstack-account-menu button:hover { background: rgba(132,52,46,.38); }