/* Compact account navigation in the shared REVEED header. */
.topbar-account-nav{display:flex;align-items:center;gap:8px}
.account-menu{position:relative}
.account-menu>summary{list-style:none}
.account-menu>summary::-webkit-details-marker{display:none}
.account-trigger{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--white);color:var(--ink);cursor:pointer;transition:background .15s ease,border-color .15s ease}
.account-trigger:hover,.account-menu[open] .account-trigger{background:#e8ede1;border-color:#b7c2b8}
.account-trigger svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.account-popover{position:absolute;right:0;top:calc(100% + 10px);z-index:120;width:280px;max-width:calc(100vw - 32px);padding:10px;background:var(--white);border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 40px #173b3426}
.account-identity{padding:8px 10px 12px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.account-identity strong,.account-identity span{display:block}
.account-identity strong{font-size:14px;line-height:1.35}
.account-identity span{margin-top:3px;color:var(--muted);font-size:12px;line-height:1.35}
.account-menu form{margin:8px 0 0}
.account-menu .account-menu-action{width:100%;display:flex;justify-content:flex-start;margin:0;padding:10px 12px;background:transparent;color:var(--ink);border:0;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none}
.account-menu .account-menu-action:hover{background:#e8ede1}
@media(max-width:700px){.account-trigger{width:40px;height:40px}.account-popover{right:0;max-width:calc(100vw - 24px)}.topbar .account-menu .account-menu-action{padding:10px 12px;font-size:14px}}

.attention-trigger{position:relative;width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--white);color:var(--ink);text-decoration:none;transition:background .15s ease,border-color .15s ease}
.attention-trigger:hover{background:var(--theme-surface-soft);border-color:var(--line)}
.attention-trigger.is-active{background:var(--theme-selected);border-color:var(--theme-selected-border);color:var(--theme-selected-text)}
.attention-trigger svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.attention-badge{position:absolute;top:-4px;right:-5px;min-width:19px;height:19px;padding:0 5px;display:grid;place-items:center;border:2px solid var(--paper);border-radius:999px;background:var(--ink);color:#fff;font-size:10px;font-weight:750;line-height:1}
@media(max-width:700px){.attention-trigger{width:40px;height:40px}}