.studio-login-darkmode-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 8px;
    border: 1px solid rgba(19, 93, 166, 0.25);
    color: #135da6;
    background: transparent;
    text-decoration: none;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.studio-login-darkmode-toggle:hover,
.studio-login-darkmode-toggle:focus {
    background: rgba(19, 93, 166, 0.08);
    border-color: rgba(19, 93, 166, 0.5);
    color: #0f4d8c;
}

.studio-login-darkmode-toggle i {
    font-size: 1rem;
    line-height: 1;
}

[data-bs-theme="dark"] .studio-login-darkmode-toggle {
    color: #dbeafe;
    border-color: rgba(148, 163, 184, 0.4);
}

[data-bs-theme="dark"] .studio-login-darkmode-toggle:hover,
[data-bs-theme="dark"] .studio-login-darkmode-toggle:focus {
    background: rgba(96, 165, 250, 0.15);
    color: #bfdbfe;
    border-color: rgba(96, 165, 250, 0.6);
}