.nafath-login-service.nds-content-wrapper {
    padding: 24px;
}

.nafath-login-form {
    max-width: 500px;
    margin: 0 auto;
}

.nafath-login-form .nds-section-title {
    text-align: center;
    margin: 0 auto 2rem;
    color: #163e37;
}

img.nafathLogo {
    width: 200px;
    margin: 1rem auto;
    display: block;
}

.nafath-login-form .nds-form-footer[data-feedback-target]:not([hidden]) .nds-feedback[data-svc-inquiry-validation] {
    display: flex;
}

.nafath-nafath-waiting-panel {
    margin-top: 1rem;
}

.nafath-nafath-back-actions {
    margin-top: 1.5rem;
    justify-content: center;
}

.nafath-nafath-waiting {
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
    padding: 2rem 1.5rem;
    text-align: center;
}

.nafath-random-label {
    margin-bottom: 0.75rem;
}

.nafath-random-number {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--text-brand, #163e37);
    letter-spacing: 0.25rem;
    margin-bottom: 1rem;
}

.nafath-waiting {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

.nafath-waiting .nds-progress-circle.nafath-countdown {
    --progress-color: #11998e;
    flex-shrink: 0;
}

.nafath-waiting .nds-progress-circle.nafath-countdown .nafath-countdown-time {
    color: #11998e;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.04em;
}

.nafath-waiting .nds-progress-circle.nafath-countdown.nafath-countdown-urgent {
    --progress-color: #c0392b;
}

.nafath-waiting .nds-progress-circle.nafath-countdown.nafath-countdown-urgent .nafath-countdown-time {
    color: #c0392b;
}

.nafath-waiting-text {
    color: var(--text-secondary, #667085);
    margin: 0;
}

.nafath-hidden-btn {
    display: none !important;
}

.nafath-client-alert {
    margin-top: 1rem;
}

.nafath-client-alert-actions {
    margin-top: 1rem;
    justify-content: center;
}

.nafath-step-panel.nafath-nafath-waiting-active .nafath-step1-login {
    display: none;
}

.nds-btn.nds-primary:disabled {
    background: #f3f4f6;
    cursor: not-allowed;
    color: #aeb8d3;
}

@media (max-width: 768px) {
    .nafath-login-service {
        padding: 16px;
    }
}

.nafath-actions {
    margin: 1rem auto;
    text-align: center;
}