/* Brand styling for customer auth pages (login, register, forgot password, lock screen) */
.authincation {
    background: linear-gradient(135deg, #047857 0%, #00A15D 55%, #10b981 100%) !important;
    min-height: 100vh;
}

.authincation .authincation-content {
    border-radius: 18px;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.18);
}

.authincation .auth-form {
    padding: 1.5rem 1.25rem;
}

.authincation .auth-form h4 {
    color: #0a3f2b;
    font-weight: 700;
}

.authincation .btn-auth-primary,
.authincation .btn.btn-auth-primary {
    background-color: #00A15D !important;
    border-color: #00A15D !important;
    color: #fff !important;
    font-weight: 600;
}

.authincation .btn-auth-primary:hover,
.authincation .btn.btn-auth-primary:hover {
    background-color: #047857 !important;
    border-color: #047857 !important;
    color: #fff !important;
}

.authincation .new-account a,
.authincation a:not(.btn) {
    color: #00A15D !important;
    font-weight: 600;
}

.authincation .new-account a:hover {
    color: #047857 !important;
}

.authincation .form-control:focus {
    border-color: #00A15D;
    box-shadow: 0 0 0 0.2rem rgba(0, 161, 93, 0.2);
}

.auth-password-wrap {
    position: relative;
}

.auth-password-wrap .form-control {
    padding-right: 2.75rem;
}

.auth-password-toggle {
    position: absolute;
    right: 0.65rem;
    top: 50%;
    transform: translateY(-50%);
    border: 0;
    background: transparent;
    color: #6b7280;
    padding: 0.25rem 0.35rem;
    line-height: 1;
    cursor: pointer;
}

.auth-password-toggle:hover {
    color: #00A15D;
}

.auth-success-modal-header {
    background: linear-gradient(135deg, #047857 0%, #00A15D 55%, #10b981 100%);
}