/* کلاس‌های مشترک صفحه‌های سرورساخت (ورود و پنل مدیریت).
   هیچ مقدار تازه‌ای اختراع نشده — همه از فایل مبدأ برداشته شده و مرجعش کنارش آمده.
   عمداً در base.html لینک نشده تا صفحهٔ SPA اصلاً تحت تأثیر قرار نگیرد. */

/* در SPA مقدار --a از prop اکسنت می‌آید؛ اینجا همان پیش‌فرض مبدأ. */
:root{--a:#4f46e5}

/* کارت: همان <section> های سایت — خط ۵۲۱ مبدأ */
.card{background:#fff;border:1px solid #e5e7eb;border-radius:14px}

/* پیام‌ها: جفت‌رنگ‌های وضعیت مبدأ — خط ۱۳۵۹ و ۱۳۶۸ */
.flash{padding:9px 12px;border-radius:9px;font-size:12.5px;font-weight:600;line-height:1.6}
.flash-error{background:#fee2e2;color:#b91c1c}
.flash-notice{background:#fef3c7;color:#b45309}
.flash-success{background:#dcfce7;color:#15803d}

/* فرم: همان label/input تنظیمات شرکت — خط ۵۲۵ تا ۵۲۷ مبدأ */
.field{display:flex;flex-direction:column;gap:6px}
.field-label{font-size:12px;color:#6b7280;font-weight:600}
.field-input{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:9px;font-size:13.5px;outline:none;background:#fff;color:#111827}
.field-input:focus{border-color:var(--a)}

/* دکمه‌ها: اصلی و ثانویه از خط ۱۱۰۳ و ۱۱۰۴ مبدأ، خطر از دکمهٔ بازنشانی خط ۵۳۹ */
.btn-primary{padding:10px 22px;border-radius:9px;border:none;background:var(--a);color:#fff;font-weight:600;font-size:13.5px;cursor:pointer;transition:background .12s}
.btn-primary:hover{background:#3730a3}
.btn-secondary{padding:10px 22px;border-radius:9px;border:1px solid #e5e7eb;background:#fff;color:#374151;font-weight:600;font-size:13.5px;cursor:pointer}
.btn-danger{padding:10px 16px;border-radius:9px;border:1px solid #fecaca;background:#fef2f2;color:#dc2626;font-weight:600;font-size:13px;cursor:pointer}
.btn-sm{padding:6px 12px;font-size:12px;border-radius:8px}

/* جدول: سربرگ خط ۲۰۰ و سلول خط ۲۱۳ مبدأ */
.tbl{width:100%;border-collapse:collapse;font-size:13px}
.tbl th{padding:12px 14px;font-weight:600;border-bottom:1px solid #e5e7eb;text-align:right;color:#6b7280;font-size:12px}
.tbl td{padding:11px 14px;border-bottom:1px solid #f3f4f6}

/* قرص وضعیت: عیناً خط ۱۷۵ مبدأ */
.pill{display:inline-block;padding:2px 9px;border-radius:20px;font-size:10.5px;font-weight:700}
.pill-on{background:#dcfce7;color:#15803d}
.pill-off{background:#fee2e2;color:#b91c1c}