.brand-logo { width: 22px; height: 24px; }
:root[data-theme="dark"] .brand-logo { filter: invert(1); }
.theme-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 8px 10px; min-height: 36px; box-sizing: border-box; border: 1px solid transparent; border-radius: 8px; background: transparent; color: inherit; font: inherit; font-size: 12px; line-height: 18px; white-space: nowrap; cursor: pointer; box-shadow: none; flex-shrink: 0; }
.theme-toggle:hover { background: var(--soft); color: inherit; border-color: var(--border); }
.theme-toggle:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.theme-toggle-icon { display: grid; place-items: center; width: 18px; height: 18px; flex: 0 0 18px; }
.theme-toggle .theme-toggle-icon svg { display: block; width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.theme-toggle-label { display: block; line-height: 18px; }
.theme-toggle .theme-toggle-icon .theme-sun { display: none; }
:root[data-theme="dark"] .theme-toggle .theme-toggle-icon .theme-sun { display: block; }
:root[data-theme="dark"] .theme-toggle .theme-toggle-icon .theme-moon { display: none; }
:root[data-embedded="true"] .theme-toggle { display: none; }
.sidebar-account .theme-toggle { align-self: flex-start; margin-left: 5px; margin-bottom: 8px; }
.auth-top { display: grid; grid-template-columns: 1fr auto; }
.auth-top .brand { order: 0; }
.auth-top .auth-back { order: 1; }
.auth-top > .language-switch { order: 2; }
.auth-top .theme-toggle { order: 3; justify-self: end; margin-left: 0; }
@media (max-width: 760px) {
    .theme-toggle { width: 36px; height: 36px; min-width: 36px; padding: 8px; gap: 0; }
    .theme-toggle-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
}