/**
 * style.css
 * مسئولیت: استایل‌های عمومی رابط کاربری، شامل تنظیمات فونت فارسی،
 * ظاهر کارت‌های repeater، سایدبار مراحل، جعبه خروجی متنی، و حالت چاپ.
 */

:root {
    --brand-primary: #2f5fa8;
}

body {
    font-family: 'Vazirmatn', Tahoma, sans-serif;
    background-color: #f4f6f9;
}

.navbar-brand {
    font-weight: 700;
}

/* ---------- کارت‌های عمومی ---------- */
.card {
    border-radius: 0.6rem;
}

/* ---------- سایدبار مراحل فرم ---------- */
.step-nav-list .list-group-item {
    font-size: 0.9rem;
    border-radius: 0.4rem !important;
    margin-bottom: 4px;
}

.step-nav-list .list-group-item.active {
    background-color: var(--brand-primary);
    border-color: var(--brand-primary);
}

/* ---------- بلوک فیلدهای فرم ---------- */
.form-field-block {
    padding-bottom: 0.5rem;
}

/* ---------- Repeater ---------- */
.repeater-item .card-header {
    padding: 0.5rem 1rem;
}

.repeater-block .repeater-items {
    display: flex;
    flex-direction: column;
}

/* ---------- جعبه خروجی متنی ---------- */
.export-text-box {
    white-space: pre-wrap;
    word-wrap: break-word;
    font-family: 'Courier New', monospace;
    font-size: 0.85rem;
    line-height: 1.7;
    max-height: 75vh;
    overflow-y: auto;
    background-color: #fafafa;
    padding: 1rem;
    border-radius: 0.4rem;
}

/* ---------- جدول پیش‌نمایش ---------- */
.preview-table th {
    color: #555;
    font-weight: 600;
}

.preview-step-card .card-header {
    background-color: #eef2f7;
}

/* ---------- وضعیت ذخیره خودکار ---------- */
#autosave-status.saving {
    background-color: #ffc107 !important;
    color: #212529;
}

#autosave-status.saved {
    background-color: #198754 !important;
}

#autosave-status.error {
    background-color: #dc3545 !important;
}

/* ---------- حالت چاپ ---------- */
@media print {
    .no-print {
        display: none !important;
    }

    body {
        background-color: #fff !important;
    }

    .card {
        border: 1px solid #ccc !important;
        box-shadow: none !important;
    }
}