/* TalentP.AI — Auth & Forms (Login, Register, Demo Request) v1.7.0 */

/* --- Auth Card Containers --- */
.auth-card {
    max-width: 450px;
    width: 100%;
    margin: 0 auto;
}

.auth-card--wide {
    max-width: 500px;
}

/* --- Auth Page Layout --- */
.auth-page {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--tp-bg-onboarding);
    padding: var(--tp-space-6);
}

/* --- Split Login Layout --- */
.login-split-container {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 2rem;
    max-width: 1000px;
    width: 100%;
    margin: 3rem auto;
    padding: 0 2rem;
    align-items: stretch;
}

.login-split-panel {
    flex: 1 1 50% !important;
    min-width: 0;
    background: #ffffff !important;
    border-radius: 1rem;
    box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.15);
    padding: 2.5rem 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #212529;
}

.login-split-panel .form-label {
    color: #212529;
}

.login-split-panel .text-muted {
    color: #6c757d !important;
}

.login-panel-inner {
    width: 100%;
    max-width: 340px;
}

.login-panel-icon {
    font-size: 2.5rem;
    margin-bottom: 0.5rem;
    color: var(--tp-primary, #1abc9c);
}

.login-panel-hr .login-panel-icon {
    color: #198754;
}

.login-panel-candidate {
    border-top: 4px solid var(--tp-primary, #1abc9c);
}

.login-panel-hr {
    border-top: 4px solid #198754;
}

.login-panel-hr .btn-primary {
    background-color: #198754;
    border-color: #198754;
}

.login-panel-hr .btn-primary:hover {
    background-color: #146c43;
    border-color: #146c43;
}

.login-panel-hr .h4,
.login-panel-hr .text-primary {
    color: #198754 !important;
}

@media (max-width: 768px) {
    .login-split-container {
        flex-direction: column !important;
        gap: 1.5rem;
        padding: 0 0.5rem;
    }

    .login-split-panel {
        padding: 2rem 1.5rem;
    }
}

/* --- Demo Request --- */
.demo-textarea {
    resize: none;
}

/* --- Success Icon --- */
.auth-success-icon {
    font-size: 4rem;
}

/* --- Inline style replacements --- */
.auth-accent {
    color: var(--tp-primary);
}

.auth-muted {
    color: var(--tp-text-muted);
}

/* --- Form Wrap (shared by Register & DemoRequest) --- */
.demo-page__form-wrap {
    max-width: 560px;
    margin: 0 auto;
    background: var(--tp-surface-2);
    border-radius: var(--tp-radius-lg);
    padding: 24px 32px;
    box-shadow: 0 4px 24px rgba(0,0,0,0.08);
}

.demo-page__form-wrap .form-group {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.6rem;
}

.demo-page__form-wrap .form-group .demo-textarea {
    align-self: flex-start;
}