.auth-header-spacer { flex: 1; }
.profile-menu { position: relative; color: var(--text, #f5f6f5); }
.profile-menu summary { list-style: none; display: flex; align-items: center; gap: 8px; cursor: pointer; max-width: 200px; }
.profile-menu summary::-webkit-details-marker { display: none; }
.profile-avatar { display: grid; place-items: center; flex: none; width: 34px; height: 34px; border-radius: 50%; background: linear-gradient(135deg, #48b886, #4b70dc); color: #fff; font-size: 14px; font-weight: 850; }
.profile-name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; }
.profile-dropdown { position: absolute; right: 0; top: calc(100% + 12px); min-width: 155px; padding: 6px; background: var(--surface, #292e2a); border: 1px solid var(--line, #465047); border-radius: 12px; box-shadow: 0 12px 30px #0005; z-index: 40; }
.profile-dropdown a, .profile-dropdown button { display: block; width: 100%; text-align: left; padding: 10px 11px; border: 0; border-radius: 8px; background: transparent; color: var(--text, #edf5ee); font-size: 12px; }
.profile-dropdown a:hover, .profile-dropdown button:hover { background: var(--surface-2, #3b493e); }
:root[data-theme="light"] .topbar .profile-menu { color: #25332a; }
:root[data-theme="light"] .topbar .profile-dropdown { background: #fff; border-color: #d7e1d6; box-shadow: 0 12px 30px #20342620; }
:root[data-theme="light"] .topbar .profile-dropdown a, :root[data-theme="light"] .topbar .profile-dropdown button { color: #25332a; }
:root[data-theme="light"] .topbar .profile-dropdown a:hover, :root[data-theme="light"] .topbar .profile-dropdown button:hover { background: #edf3eb; }