/* Auth Pages - Discogs Theme */

.login-page,
.register-page {
    min-height: 100vh !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #f8fafc !important;
    padding: 2rem 1rem !important;
}

.login-card,
.register-card {
    max-width: 440px !important;
    width: 100% !important;
    padding: 2.5rem !important;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important;
    border-radius: 0 !important;
    background-color: #ffffff !important;
    border: 1px solid #ddd !important;
}

.login-card *,
.register-card * {
    color: #2c3e50 !important;
}

.login-logo,
.register-logo {
    text-align: center;
    margin-bottom: 1.5rem;
}

.login-logo h1,
.register-logo h1,
.login-logo h1 i,
.register-logo h1 i,
.login-logo .text-primary,
.register-logo .text-primary {
    color: #3498db !important;
    font-size: 2.5rem !important;
}

.login-title,
.register-title {
    font-size: 1.5rem !important;
    margin-bottom: 1.5rem !important;
    text-align: center !important;
    font-weight: 700 !important;
    color: #2c3e50 !important;
}

.login-card .form-label,
.register-card .form-label {
    color: #2c3e50 !important;
    font-weight: 500 !important;
    font-size: 0.875rem !important;
}

.login-card .form-control,
.register-card .form-control {
    background-color: #ffffff !important;
    border: 1px solid #ddd !important;
    color: #2c3e50 !important;
    border-radius: 0 !important;
    padding: 0.75rem 1rem !important;
    font-size: 0.9375rem !important;
}

.login-card .form-control:focus,
.register-card .form-control:focus {
    background-color: #ffffff !important;
    border-color: #3498db !important;
    color: #2c3e50 !important;
    box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.1) !important;
}

.login-card .form-control::placeholder,
.register-card .form-control::placeholder {
    color: #7f8c8d !important;
}

.login-card .input-group-text,
.register-card .input-group-text {
    background-color: #f8fafc !important;
    border: 1px solid #ddd !important;
    border-right: none !important;
    color: #7f8c8d !important;
    border-radius: 0 !important;
}

.login-card .input-group-text i,
.register-card .input-group-text i {
    color: #7f8c8d !important;
}

.login-card .input-group .form-control,
.register-card .input-group .form-control {
    border-left: none !important;
}

.login-card .btn-primary,
.register-card .btn-primary,
.login-card .btn,
.register-card .btn {
    background-color: #2c3e50 !important;
    border-color: #2c3e50 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    padding: 0.75rem 1.5rem !important;
    border-radius: 0 !important;
    transition: all 0.2s !important;
}

.login-card .btn-primary:hover,
.register-card .btn-primary:hover,
.login-card .btn:hover,
.register-card .btn:hover {
    background-color: #34495e !important;
    border-color: #34495e !important;
    color: #ffffff !important;
}

.login-card .btn-outline-secondary,
.register-card .btn-outline-secondary {
    background-color: #ffffff !important;
    border-color: #ddd !important;
    color: #7f8c8d !important;
}

.login-card .btn-outline-secondary:hover,
.register-card .btn-outline-secondary:hover {
    background-color: #f8fafc !important;
    border-color: #2c3e50 !important;
    color: #2c3e50 !important;
}

.login-card a,
.register-card a {
    color: #3498db !important;
    text-decoration: none !important;
}

.login-card a:hover,
.register-card a:hover {
    color: #2980b9 !important;
    text-decoration: underline !important;
}

.login-card .text-muted,
.register-card .text-muted {
    color: #7f8c8d !important;
}

.login-card .alert,
.register-card .alert {
    border-radius: 0 !important;
    border: none !important;
}

.login-card .alert-info,
.register-card .alert-info {
    background-color: #ebf5fb !important;
    color: #2980b9 !important;
}

.login-card .alert-success,
.register-card .alert-success {
    background-color: #e8f8f0 !important;
    color: #1e8449 !important;
}

.login-card .alert-danger,
.register-card .alert-danger {
    background-color: #fdedec !important;
    color: #c0392b !important;
}