/* Neutral black header controls; email appears below the profile icon. */
.topbar-actions{display:flex;align-items:center;gap:9px}
.topbar-actions .header-icon,.topbar-actions .notification-button{display:grid;place-items:center;flex:0 0 42px;width:42px;min-width:42px;max-width:42px;height:42px;min-height:42px;margin:0;padding:0;border:1px solid #242424;border-radius:12px;background:#070707;color:#bdbdc4;box-shadow:none;transition:background .18s,border-color .18s,color .18s}
.topbar-actions .header-icon:hover,.topbar-actions .header-icon:focus-visible,.topbar-actions .notification-button:hover,.topbar-actions .notification-button[aria-expanded=true]{background:#111;border-color:#424242;color:#f0f0f3;box-shadow:none}
.topbar-actions .header-icon:focus-visible,.topbar-actions .notification-button:focus-visible{outline:2px solid #777;outline-offset:3px}
.topbar-actions .header-icon svg,.topbar-actions .notification-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8!important}
.profile-hint{position:relative;display:flex;align-items:center}
.profile-email-tooltip{position:absolute;right:0;top:calc(100% + 12px);z-index:70;width:max-content;max-width:min(300px,calc(100vw - 32px));padding:10px 13px;border:1px solid #2e2e30;border-radius:10px;background:#060606;color:#e8e8ed;font-size:14px;line-height:21px;text-align:center;overflow-wrap:anywhere;box-shadow:0 8px 26px #000a;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-4px);transition:opacity .16s ease,transform .2s ease,visibility .16s}
.profile-email-tooltip:before{content:'';position:absolute;top:-5px;right:16px;width:8px;height:8px;background:#060606;border-left:1px solid #2e2e30;border-top:1px solid #2e2e30;transform:rotate(45deg)}
.profile-hint:hover .profile-email-tooltip,.profile-hint:focus-within .profile-email-tooltip{opacity:1;visibility:visible;transform:none}
#profile-form .primary-button{margin-top:22px}
@media(max-width:600px){.topbar-actions{gap:8px}.topbar-actions .header-icon,.topbar-actions .notification-button{width:42px;min-width:42px;max-width:42px;height:42px;min-height:42px;flex-basis:42px}.profile-email-tooltip{font-size:13px}}
@media(prefers-reduced-motion:reduce){.header-icon,.notification-button,.profile-email-tooltip{transition:none!important}}
.reduce-motion .header-icon,.reduce-motion .notification-button,.reduce-motion .profile-email-tooltip{transition:none!important}