/* ════════════════════════════════════════════════════════════════
   قصر اليمن — اللغة البصرية لحالات الطاولات (مشتركة)
   يستهلكها: تطبيق النادل + شاشة الطاولات في لوحة الإدارة.
   تُحمَّل بعد apps/shared/tokens.css.

   القاعدة: البطاقة تبقى كريمية/بيج فاخرة في كل الحالات. الحالة تُقرأ من
   حدّ ملوّن خفيف + توهّج داخلي ناعم + شارة أوضح قليلًا — لا خلفيات ملوّنة
   قوية. لذلك لا تعرّف هذه الملفات background للبطاقة إطلاقًا؛ السطح يأتي
   من .lux (النادل) أو .glass-card (الأدمن).
   ════════════════════════════════════════════════════════════════ */

:root,
html[data-yp-theme="dark"]{
  /* بنفسجي مكتوم للحجز — اللهجة الوحيدة غير الموجودة في tokens.css،
     مضبوطة لتبقى ضمن العائلة الدافئة (بنفسجي مائل للبُني لا أرجواني صارخ) */
  --yp-plum: #B79BC4;
  --yp-plum-bg: rgba(150, 120, 170, 0.13);
  --yp-plum-bd: rgba(150, 120, 170, 0.42);
}
html[data-yp-theme="light"]{
  --yp-plum: #6E4A7E;
  --yp-plum-bg: rgba(110, 74, 126, 0.11);
  --yp-plum-bd: rgba(110, 74, 126, 0.38);
}

/* ── خريطة الحالة → ثلاثة رموز محلية تستهلكها البطاقة ──
   أي شاشة تضيف حالة جديدة تعرّفها هنا فقط. */
.t-av{ --st: var(--yp-ok);    --st-bg: var(--yp-ok-bg);    --st-bd: var(--yp-ok-bd); }
.t-oc{ --st: var(--yp-ember); --st-bg: var(--yp-danger-bg); --st-bd: var(--yp-danger-bd); }
.t-rv{ --st: var(--yp-plum);  --st-bg: var(--yp-plum-bg);  --st-bd: var(--yp-plum-bd); }
.t-ap{ --st: var(--yp-warn);  --st-bg: var(--yp-warn-bg);  --st-bd: var(--yp-warn-bd); }

/* ── الحدّ والتوهّج الداخلي الخفيف ── */
.has-status{ border-color: var(--st-bd); }
.has-status.glow-status{
  box-shadow: var(--yp-shadow-sm), var(--yp-inner-light), inset 0 0 30px var(--st-bg);
}
/* المتاحة بلا توهّج: الهدوء نفسه إشارة أنها فارغة */
.t-av.glow-status{ box-shadow: var(--yp-shadow-sm), var(--yp-inner-light); }

/* ── شارة الحالة ── */
.status-pill{
  display:inline-flex; align-items:center; gap:5px;
  border-radius:var(--yp-radius-pill); padding:3px 13px;
  font-size:.75rem; font-weight:800; white-space:nowrap;
  color:var(--st); background:var(--st-bg); border:1px solid var(--st-bd);
}

/* ── تحذير الحساب السابق ── */
.pending-warn{
  display:inline-flex; align-items:center; gap:5px; max-width:100%;
  font-size:.68rem; font-weight:700; line-height:1.35;
  color:var(--yp-warn); background:var(--yp-warn-bg);
  border:1px dashed var(--yp-warn-bd); border-radius:var(--yp-radius-sm);
  padding:5px 9px; text-align:center; min-height:30px;
}
.pending-warn::before{ content:"!"; font-weight:900; opacity:.85; }
/* حين يكون التحذير زرًّا يفتح تفاصيل الحساب السابق */
button.pending-warn{ cursor:pointer; font-family:inherit; }
button.pending-warn:hover{ background:rgb(var(--yp-gold-rgb) / .2); }