/* ═══════════════════════════════════════════════════════════════════════
   م۸۷ الف-۵ — یک فایلِ توکنِ طراحی برای کلِ پنل (رنگ، شعاع، سایه، فاصله، عرضِ منو، صفحه).
   پیش از این سه مجموعهٔ :root داشتیم (panel.css · vitrin.css · unify.css) که به ترتیبِ بارگذاری روی هم می‌نشستند؛ اکنون تنها منبع این‌جاست.
   مقدارها = همان نتیجهٔ نهاییِ پیشین: برای نام‌های مشترک مقدارِ vitrin.css (بعد از panel.css بار می‌شد و می‌چربید)، مسی‌ها از unify.css به آبی
   (بازبینی: side-w ۲۶۸، bg #F4F6F9، muted #5B6B85، ok #178A50، danger #CC3340 … همان ظاهرِ زنده). هیچ فایلِ دیگری :root تعریف نمی‌کند.
   کلیدِ پوستهٔ قدیمی (storage/style-legacy) فقط unify.css را خاموش می‌کند — توکن‌ها همین می‌مانند.
   ═══════════════════════════════════════════════════════════════════════ */
:root {
  /* رنگِ تأکید و پس‌زمینه */
  --accent: #2563eb;        --accent-soft: #dbeafe;
  --bg: #F4F6F9;            --panel: #fff;            --card: #FFFFFF;        --soft: #f8fafc;
  --line: #E3E8F0;          --line-soft: #EDF1F6;
  /* متن */
  --ink: #0f172a;           --ink-soft: #475569;      --text: #17233A;
  --muted: #5B6B85;         --faint: #8B99B0;
  /* معنایی */
  --ok: #178A50;            --ok-soft: #dcfce7;       --ok-bg: #E7F6EE;
  --warn: #C97A10;          --warn-ink: #92400e;      --warn-soft: #fffbeb;   --warn-line: #fde68a;   --warn-bg: #FCF1DF;
  --danger: #CC3340;        --danger-soft: #fee2e2;   --danger-bg: #FBE9EB;
  --info: #2563EB;          --info-bg: #E8EFFD;
  /* پالتِ ویترین (م۳۴) — مسی‌ها از م۵۱ به آبی نگاشت شده‌اند */
  --ink-950: #0A1322; --navy-900: #0E1E38; --navy-800: #13294B; --navy-700: #1B3A66; --navy-600: #27508C;
  --copper-600: #1d4ed8; --copper-500: #2563eb; --copper-400: #3b82f6; --copper-100: #dbeafe;
  /* شعاع، سایه، حرکت، فاصله */
  --r-lg: 16px; --r-md: 12px; --r-sm: 9px;
  --sh-1: 0 1px 2px rgba(19,41,75,.06), 0 4px 14px rgba(19,41,75,.06);
  --sh-2: 0 4px 10px rgba(19,41,75,.10), 0 14px 34px rgba(19,41,75,.12);
  --sp: 8px; --tr: .22s cubic-bezier(.2,.7,.3,1);
  /* چیدمان: منوی کناری و صفحه (الف-۵: تمام‌عرض؛ حاشیهٔ یکدست) */
  --side-w: 268px;
  --page-max: none;          /* پیش‌تر ۱۳۶۰px (panel) / ۱۲۲۰px (vitrin) — اکنون تمام‌عرض */
  --page-pad-x: 22px;        --page-pad-y: 16px;
  --page-pad-x-m: 12px;      --page-pad-y-m: 12px;
  /* چیپ‌های سطح (تبِ دسترسی‌ها) */
  --lvl1-bg: var(--ok-soft); --lvl1-ink: var(--ok); --lvl1-line: #bbf7d0;
  --lvl2-bg: var(--accent-soft); --lvl2-ink: #1d4ed8; --lvl2-line: #bfdbfe;
  --lvl3-bg: var(--warn-soft); --lvl3-ink: var(--warn-ink); --lvl3-line: var(--warn-line);
  --lvl4-bg: #fdf2f8; --lvl4-ink: #9d174d; --lvl4-line: #fbcfe8;
}
/* ── الگوی واحدِ صفحه (الف-۵): سربرگِ صفحه = عنوان + آخرین همگام‌سازی + جستجو/کنش‌ها؛ بعد جدول + صفحه‌بندی ── */
.pg-head{display:flex;align-items:center;justify-content:space-between;gap:10px 16px;flex-wrap:wrap;margin:0 0 10px}
.pg-head .pg-title{margin:0;font-size:1.25rem;font-weight:800;line-height:1.4;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pg-head .pg-title small{font-size:.8rem;font-weight:500;color:var(--muted)}
.pg-head .pg-sync{font-size:.78rem;color:var(--muted);display:inline-flex;align-items:center;gap:6px}
.pg-head .pg-sync .sync{display:inline-flex;align-items:center;gap:6px}
.pg-head .pg-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-inline-start:auto}
.pg-head .pg-search{display:inline-flex;align-items:center;gap:6px}
.pg-head .pg-search input{font:inherit;padding:8px 12px;border:1px solid var(--line);border-radius:10px;min-width:220px;background:var(--panel)}
.pg-head .pg-search input:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}
.pg-sub{margin:-4px 0 12px;color:var(--muted);font-size:.86rem;line-height:1.8}
.pg-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:12px 0 0;font-size:.82rem;color:var(--muted)}
/* تب‌های بالای صفحه (مدیریت کاربران ↔ دسترسی‌ها) — یک منبع */
.al-tabs{display:flex;gap:4px;margin:0 0 10px;border-bottom:1px solid var(--line)}
.al-tabs a{padding:8px 14px;border-radius:10px 10px 0 0;color:var(--muted);text-decoration:none;font-weight:700;font-size:.9rem}
.al-tabs a.on{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-bottom-color:var(--panel);margin-bottom:-1px}
@media (max-width:720px){
  .pg-head .pg-title{font-size:1.05rem}
  .pg-head .pg-tools{margin-inline-start:0;width:100%}
  .pg-head .pg-search{flex:1}.pg-head .pg-search input{min-width:0;width:100%}
}