/* ============================================================
   admin-theme.css — תמה משותפת ל"מערכת-הניהול" (premium)
   נכלל בכל עמודי-האדמין. עיצוב טבלאות רחבות + כרטיסים + כפתורים + סרגל-ניווט.
   מוגדר סביב מחלקות מפורשות (.adm-*) כדי לא להשפיע על אלמנטים לא-מכוונים.
   ============================================================ */
:root {
  --adm-purple: #667eea;
  --adm-purple2: #764ba2;
  --adm-ink: #2d3748;
  --adm-muted: #718096;
  --adm-border: #ece9f6;
  --adm-bg: #f7f6fb;
  --adm-shadow: 0 6px 28px rgba(80, 60, 140, .09);
  --adm-shadow-sm: 0 2px 10px rgba(80, 60, 140, .06);
}

/* ---------- סרגל-ניווט אדמין ---------- */
.adm-nav {
  position: sticky; top: 0; z-index: 900;
  display: flex; align-items: center; gap: 6px; flex-wrap: wrap;
  padding: 10px 18px;
  background: linear-gradient(135deg, var(--adm-purple), var(--adm-purple2));
  box-shadow: 0 3px 14px rgba(80, 60, 140, .18);
  direction: rtl;
}
.adm-nav__brand { color: #fff; font-weight: 800; font-size: 1rem; margin-inline-end: 10px; white-space: nowrap; display: flex; align-items: center; gap: 7px; }
.adm-nav__spacer { flex: 1; }
.adm-nav a {
  display: inline-flex; align-items: center; gap: 6px;
  color: #fff; text-decoration: none; font-weight: 600; font-size: .86rem;
  padding: 7px 13px; border-radius: 10px;
  background: rgba(255, 255, 255, .12); border: 1px solid rgba(255, 255, 255, .18);
  transition: background .13s, transform .13s;
  white-space: nowrap;
}
.adm-nav a:hover { background: rgba(255, 255, 255, .24); transform: translateY(-1px); }
.adm-nav a.is-current { background: #fff; color: var(--adm-purple2); border-color: #fff; font-weight: 800; }

/* ---------- מעטפת-טבלה רחבה + פרימיום ---------- */
.adm-table-wrap {
  width: 100%; overflow-x: auto;
  background: #fff; border: 1px solid var(--adm-border); border-radius: 16px;
  box-shadow: var(--adm-shadow);
}
table.adm-table {
  width: 100%; border-collapse: collapse; direction: rtl;
  font-size: .92rem; color: var(--adm-ink);
}
table.adm-table thead th {
  position: sticky; top: 0;
  background: linear-gradient(135deg, var(--adm-purple), var(--adm-purple2));
  color: #fff; font-weight: 700; text-align: right;
  padding: 14px 16px; white-space: nowrap; font-size: .84rem; letter-spacing: .3px;
}
table.adm-table thead th:first-child { border-start-start-radius: 16px; }
table.adm-table thead th:last-child { border-start-end-radius: 16px; }
table.adm-table tbody td {
  padding: 13px 16px; border-bottom: 1px solid var(--adm-border);
  vertical-align: middle; line-height: 1.5;
}
table.adm-table tbody tr:nth-child(even) { background: #faf9fe; }
table.adm-table tbody tr:hover { background: #f1edfc; transition: background .12s; }
table.adm-table tbody tr:last-child td { border-bottom: none; }
table.adm-table .adm-num { font-variant-numeric: tabular-nums; text-align: center; color: var(--adm-muted); }

/* ---------- כרטיסים ---------- */
.adm-card {
  background: #fff; border: 1px solid var(--adm-border); border-radius: 16px;
  box-shadow: var(--adm-shadow-sm); padding: 22px; margin-bottom: 20px;
}
.adm-card__title { margin: 0 0 14px; color: var(--adm-ink); font-size: 1.1rem; font-weight: 800; display: flex; align-items: center; gap: 8px; }

/* ---------- כפתורים ---------- */
.adm-btn {
  display: inline-flex; align-items: center; gap: 7px;
  background: linear-gradient(135deg, var(--adm-purple), var(--adm-purple2));
  color: #fff; border: none; border-radius: 10px;
  padding: 10px 18px; cursor: pointer; font-size: .88rem; font-weight: 700;
  transition: transform .12s, box-shadow .12s;
}
.adm-btn:hover { transform: translateY(-1px); box-shadow: 0 6px 16px rgba(118, 75, 162, .28); }
.adm-btn--ghost { background: #f5f3ff; color: var(--adm-purple2); border: 1.5px solid #e2d9f5; }
.adm-btn--danger { background: linear-gradient(135deg, #f56565, #e53e3e); }
.adm-btn--sm { padding: 6px 12px; font-size: .82rem; border-radius: 8px; }

/* ---------- תגיות (pills) ---------- */
.adm-pill {
  display: inline-flex; align-items: center; gap: 4px;
  padding: 3px 10px; border-radius: 999px; font-size: .76rem; font-weight: 700;
  background: #eef2ff; color: #4c51bf; border: 1px solid #dbe0ff;
}
.adm-pill--green { background: #e9f9ef; color: #1e7a4d; border-color: #c9efd7; }
.adm-pill--amber { background: #fff6e0; color: #92650a; border-color: #f5e2b0; }
.adm-pill--gray { background: #f1f2f6; color: #5a6472; border-color: #e2e5ec; }

/* ---------- שדות-קלט ---------- */
.adm-input, .adm-search {
  padding: 9px 12px; border: 1.5px solid var(--adm-border); border-radius: 10px;
  font-size: .9rem; color: var(--adm-ink); background: #fff; outline: none;
}
.adm-input:focus, .adm-search:focus { border-color: var(--adm-purple); }

/* ---------- כותרת-עמוד ---------- */
.adm-page-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 22px 0 18px; flex-wrap: wrap; }
.adm-page-head h1 { margin: 0; font-size: 1.4rem; font-weight: 800; color: var(--adm-ink); }
.adm-muted { color: var(--adm-muted); font-size: .82rem; }

/* ---------- מובייל ---------- */
@media (max-width: 760px) {
  .adm-nav { padding: 8px 12px; }
  .adm-nav a { font-size: .8rem; padding: 6px 10px; }
  table.adm-table { font-size: .86rem; }
  table.adm-table thead th, table.adm-table tbody td { padding: 10px 11px; }
}
