/* =====================================================================
 * کارت نتیجه نهایی فرم‌ها (.fap-success-wrapper)
 *
 * صفحه کامل «ثبت شد» با آیکن، کد پیگیری و دکمه‌ها — فرم پذیرش شعبه
 * (branch-request.js)، فرم قرارداد خرید سفارشی (fap-contract.js و
 * render_contract_form). پیش از این عینا در سه فایل تکرار شده بود
 * (ads-styles.css، dealer-styles.css، fap-verify.css)؛ fap-verify.css حتی
 * keyframeها را نداشت و انیمیشن کارت روی صفحه قرارداد اجرا نمی‌شد.
 *
 * پیام وضعیت نیست؛ پیام‌ها باکس پیام واحدند (assets/css/fap-msg.css).
 * سه استایل بالا این را وابستگی می‌گیرند ('fap-result-card').
 * ===================================================================== */

.fap-success-wrapper {
    text-align: center;
    padding: 40px 20px;
    background: #fff;
    border-radius: var(--fap-r-xl, 20px);
    animation: fapFadeUp 0.6s ease-out;
}

@keyframes fapFadeUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fap-success-icon {
    margin-bottom: 20px;
    animation: fapScaleCheck 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s both;
}

@keyframes fapScaleCheck {
    from {
        transform: scale(0);
    }

    to {
        transform: scale(1);
    }
}

.fap-success-title {
    font-size: var(--fap-fs-2xl, 22px);
    font-weight: 800;
    color: var(--fap-c-ink, #13292d);
    margin-bottom: 15px;
}

.fap-success-desc {
    font-size: var(--fap-fs-lg, 16px);
    color: var(--fap-c-muted, #5c7175);
    line-height: 1.8;
    max-width: 400px;
    margin: 0 auto 30px auto;
}

.fap-success-tracking {
    background: var(--fap-brand-50, #eef8f6);
    border: 1px dashed var(--fap-brand-500, #1aa29a);
    padding: 20px;
    border-radius: var(--fap-r-lg, 16px);
    display: inline-block;
    margin-bottom: 35px;
}

.fap-success-tracking .fap-label {
    display: block;
    font-size: var(--fap-fs-xs, 12px);
    color: var(--fap-brand-800, #0a5650);
    margin-bottom: 8px;
}

.fap-success-tracking .fap-code {
    font-size: var(--fap-fs-2xl, 22px);
    font-weight: 900;
    color: var(--fap-brand-500, #1aa29a);
    letter-spacing: 2px;
    font-family: monospace;
}

/* دکمه‌ها دکمه واحدند (.fap-btn--lg، تمام‌عرض ستون) */
.fap-success-actions {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 300px;
    margin: 0 auto;
}

.fap-success-actions .fap-btn {
    display: flex;
    width: 100%;
}

.fap-final-error-wrapper .fap-success-icon svg { stroke: var(--fap-c-warning, #b45309); }

.fap-final-error-wrapper .fap-success-tracking { background: var(--fap-c-warning-soft, #fffaf0); border-color: var(--fap-c-warning-accent, #f59e0b); }

.fap-final-error-wrapper .fap-success-tracking .fap-code { color: var(--fap-c-warning, #b45309); }