.auth-top-actions {
    align-items: center;
    display: flex;
    gap: 12px;
}

.theme-switch {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 8px;
    color: var(--t-muted);
    display: inline-flex;
    height: 34px;
    justify-content: center;
    padding: 0;
    transition: background .2s, color .2s;
    width: 34px;
}

.theme-switch:hover {
    background: var(--bg-muted);
    color: var(--t-base);
}

.theme-switch:focus-visible {
    box-shadow: 0 0 0 3px var(--primary-soft);
    outline: 0;
}

.theme-switch svg {
    display: block;
    fill: none;
    height: 18px;
    stroke: currentColor;
    stroke-width: 1.8;
    width: 18px;
}