/* ============================================================
   تم سراسری سامانه — یکسان‌شده با پوستر صفحه‌ی اصلی
   پالت استخراج‌شده از لوگو/پوستر: سبز #029802 + زرد #f6eb12
   سبز پایه عمداً به #08850a تیره‌تر شده تا متن سفید روی آن
   کنتراست ۴.۸:۱ (حد AA) داشته باشد — سبز خام پوستر ۳.۸:۱ بود.
   این فایل قبل از استایل هر صفحه در head.ejs لینک می‌شود.
   ============================================================ */

/* ===== ۱) فونت وزیرمتن — میزبانی محلی (بدون وابستگی به اینترنت/نصب کاربر) ===== */
@font-face {
    font-family: 'Vazirmatn';
    src: url('../fonts/Vazirmatn-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Vazirmatn';
    src: url('../fonts/Vazirmatn-Medium.woff2') format('woff2');
    font-weight: 500 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Vazirmatn';
    src: url('../fonts/Vazirmatn-Bold.woff2') format('woff2');
    font-weight: 700 900;
    font-style: normal;
    font-display: swap;
}

/* ===== ۲) توکن‌های رنگ — تنها منبع حقیقت ===== */
:root {
    /* پالت پوستر (تنظیم‌شده برای خوانایی) */
    --c-primary: #08850a;
    --c-primary-dark: #066806;
    --c-primary-light: #12a012;
    --c-accent: #f6eb12;          /* زرد پوستر — فقط برای برجسته‌سازی روی پس‌زمینه‌ی تیره/بج */
    --c-accent-ink: #3a3505;      /* متن خوانا روی زرد (۹.۹:۱) */
    --c-bg: #f2f7ee;
    --c-bg-subtle: #f7faf3;
    --c-card: #ffffff;
    --c-text: #16261a;            /* ۱۵+:۱ روی سفید */
    --c-text-dark: #2b3b2f;
    --c-text-mid: #45544a;
    --c-text-light: #5c6b5f;      /* ۵.۶:۱ روی سفید */
    --c-text-muted: #64736a;
    --c-border: #e0e8db;
    --c-border-dark: #cbd6c4;
    --c-tint-bg: #f0f9ec;
    --c-tint-line: #c9e8c2;
    --c-sidebar: #0f2313;         /* سایدبار: سبز بسیار تیره */
    --c-success: #14a02c;
    --c-success-bg: #dcf3d6;
    --c-success-line: #b6e0ac;
    --c-success-ink: #0a5c1a;

    /* نام‌های سازگار با ویوهای موجود (بسیاری از ویوها از این نام‌ها استفاده می‌کنند) */
    --primary: var(--c-primary);
    --primary-dark: var(--c-primary-dark);
    --sage: var(--c-primary);
    --sky: var(--c-primary-light);
    --bg: var(--c-bg);
    --card: var(--c-card);
    --text: var(--c-text);
    --text-light: var(--c-text-light);
    --border: var(--c-border);

    /* گردی، سایه، لمس — یکدست‌سازی ظاهری */
    --r-sm: 10px;
    --r: 14px;
    --r-lg: 20px;
    --sh-1: 0 1px 3px rgba(20, 40, 20, .06);
    --sh-2: 0 8px 24px rgba(20, 40, 20, .08);
    --tap: 44px;                  /* حداقل اندازه‌ی هدف لمس */
    --ring: 0 0 0 3px rgba(8, 133, 10, .22);
}

/* ===== ۳) پایه‌ی موبایل‌فرست ===== */
/* overflow-x: clip به‌جای hidden — hidden در بعضی مرورگرها position:sticky را می‌شکند */
html, body { overflow-x: clip; max-width: 100%; }

body {
    font-family: 'Vazirmatn', 'Iranian Sans', Tahoma, system-ui, -apple-system, sans-serif;
    -webkit-text-size-adjust: 100%;
    text-rendering: optimizeLegibility;
}

img, video, svg, canvas { max-width: 100%; height: auto; }

/* حلقه‌ی فوکوس برای دسترس‌پذیری صفحه‌کلید */
:focus-visible {
    outline: none;
    box-shadow: var(--ring);
    border-radius: var(--r-sm);
}

/* اسکرول افقی روان برای جدول‌های عریض */
[style*="overflow-x:auto"], .table-scroll, .mgtable-wrap, .occ-wrap {
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
}

/* دکمه‌های آیکونی حداقل اندازه‌ی لمس (نوار ابزار CRUD و مشابه) */
.tb-add, .tb-btn {
    min-width: var(--tap);
    min-height: var(--tap);
}

/* ===== ۴) تنظیمات ریز موبایل ===== */
@media (max-width: 600px) {
    body { font-size: 15px; }

    /* نوار بالا و سایدبار در صفحه‌های کوچک */
    .topbar { padding: 10px 14px !important; }
    .sidebar { width: min(300px, 86vw) !important; }
    .main-content { padding: 14px !important; }
    .card { padding: 16px !important; border-radius: var(--r) !important; }
    .page-header h2 { font-size: 1.15rem !important; }
    .modal-large { border-radius: 0 !important; }

    /* جدول‌ها کمی جمع‌وجورتر شوند ولی اسکرول افقی حفظ شود */
    .mgtable th, .mgtable td, .occ-table th, .occ-table td, .data-table th, .data-table td {
        padding: 7px 8px !important;
        font-size: .78rem;
    }

    /* فرم‌های چندستونه‌ی درون‌خطی به یک ستون */
    [style*="grid-template-columns:repeat(auto-fit"],
    [style*="grid-template-columns: repeat(auto-fit"] {
        grid-template-columns: 1fr !important;
    }
}