/* Nền nhẹ nhàng */
.login-bg {
    min-height: 100vh;
    background-image: radial-gradient(ellipse at 20% 10%, rgba(13,110,253,.08), transparent 45%), radial-gradient(ellipse at 80% 90%, rgba(32,201,151,.08), transparent 45%);
    background-attachment: fixed;
}

/* Logo & avatar */
.brand-icon {
    width: 42px;
    height: 42px;
}

.login-avatar {
    width: 56px;
    height: 56px;
}

/* Nút show/hide password căn gọn với floating label */
#togglePassword {
    padding: .25rem .5rem;
    height: 2.5rem; /* khớp form-floating */
    line-height: 1;
}

/* Form alert */
#formAlert {
    border-radius: .75rem;
}

/* Trạng thái loading của nút */
#btnLogin[disabled] {
    opacity: .8;
    cursor: not-allowed;
}

/* Mobile fix cho floating inputs */
@media (max-width: 575.98px) {
    .form-floating > .form-control, .form-floating > label {
        font-size: .95rem;
    }
}

/* Tooltip theme button nhỏ gọn */
#themeToggle {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}