/**
 * Client Portal Login/Auth Page Styles
 *
 * Branded for sideEffekt - overrides Inspinia auth-box defaults.
 * Loaded after app.min.css.
 */

/* Light background for auth pages - matching Inspinia modern */
.auth-box {
    background-color: #f1f2f7;
}

/* Card styling */
.auth-box .card {
    border: none;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15);
}

/* Brand logo sizing */
.auth-brand img {
    max-width: 260px;
    height: auto;
}

/* Primary button - sideEffekt teal/green to match logo accent */
.auth-box .btn-primary {
    background-color: #1a9c8b;
    border-color: #1a9c8b;
}

.auth-box .btn-primary:hover,
.auth-box .btn-primary:focus {
    background-color: #168a7b;
    border-color: #168a7b;
}

/* Form inputs */
.auth-box .form-control:focus {
    border-color: #1a9c8b;
    box-shadow: 0 0 0 0.2rem rgba(26, 156, 139, 0.25);
}

/* Links */
.auth-box a {
    color: #1a9c8b;
}

.auth-box a:hover {
    color: #168a7b;
}

.auth-box .text-muted a {
    color: #1a9c8b;
}

/* Alert styling within auth pages */
.auth-box .alert {
    border-radius: 0.5rem;
}

/* Messages holder */
.auth-box .messages-holder {
    width: 100%;
}

/* Responsive adjustments */
@media (max-width: 575.98px) {
    .auth-box {
        padding: 20px;
    }
    .auth-box .card {
        padding: 1.5rem !important;
    }
    .auth-brand img {
        max-width: 200px;
    }
}