/* =====================================================================
   تنسيقات إضافية للوحة الإدارة — وحدات المنصّة الجديدة فقط.
   لا تعدّل أي قاعدة قائمة؛ تضيف فقط ما تحتاجه الشاشات الجديدة.
   ===================================================================== */
.chip b{
  display:inline-block;margin-inline-start:5px;padding:0 6px;border-radius:999px;
  font-size:.78em;background:rgba(0,0,0,.12)
}
.chip.on b{background:rgba(255,255,255,.22)}
.tw table td:first-child{white-space:normal}
#rg-note{width:100%}
[data-rgq],[data-ntfq]{min-width:200px}

/* ===================== طرق التسليم ===================== */
.pm-grid{display:grid;gap:14px}
.pm-card{border:1px solid var(--line,#e2e8e6);border-radius:12px;overflow:hidden;background:#fff}
.pm-card.off{opacity:.72}
.pm-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  padding:11px 14px;background:#f4f8f7;border-bottom:1px solid var(--line,#e2e8e6)}
.pm-head .pm-ico{font-size:1.1rem;width:26px;text-align:center}
.pm-head h4{margin:0;font-size:.98rem;flex:1}
.pm-state{font-size:.76rem;font-weight:700;padding:3px 10px;border-radius:999px}
.pm-state.on{background:#dff2e8;color:#1c6b4a}
.pm-state.off{background:#eee;color:#777}
.pm-body{padding:13px 14px}
.pm-body .f{margin-bottom:10px}
.pm-prev{margin-top:10px;padding:12px 13px;border-radius:11px;
  background:#0E4A40;color:#F7F3EA;font-size:.86rem;line-height:1.85}
.pm-prev .pm-prev-h{display:block;margin-bottom:7px;font-size:.72rem;color:#9FB6B0}
.pm-prev .pm-ref{display:flex;align-items:center;gap:9px;flex-wrap:wrap;
  padding:9px 11px;border-radius:9px;margin-bottom:7px;
  background:rgba(198,161,91,.16);border:1px solid rgba(198,161,91,.36)}
.pm-prev .pm-ref b{font-size:1.02rem;letter-spacing:.02em}
.pm-prev .pm-note{margin-top:7px;padding:8px 10px;border-radius:9px;font-size:.82rem;
  background:rgba(224,198,143,.14);border:1px solid rgba(224,198,143,.34);color:#F3E6C8}
.pm-prev .pm-empty{color:#9FB6B0;font-style:italic}
.pm-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}
@media (max-width:640px){ .pm-head{align-items:flex-start} }

/* ===================== صور المشاريع =====================
   ثلاث مراحل، وحالة كل صورة ظاهرة من نظرة واحدة: مخفيّة أم يراها
   الزائر. كل الألوان من متغيّرات القالب، فالوضع الليلي يعمل بلا زيادة. */
.ph-sum{margin:2px 0 12px;font-size:.86rem;color:var(--muted)}
.ph-sum strong{color:var(--ok)}

.ph-up{margin-bottom:16px}
.ph-step{display:flex;align-items:center;gap:9px;margin:14px 0 8px;
  font-size:.9rem;font-weight:700;color:var(--ink-2)}
.ph-up .ph-step:first-child{margin-top:0}
.ph-n{display:grid;place-items:center;width:23px;height:23px;flex:0 0 23px;
  border-radius:50%;background:var(--brand-soft);color:var(--brand-ink);
  font-size:.78rem;font-weight:700}
.ph-steps{display:block}

.ph-chips{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px}
.ph-chip{display:block;text-align:start;padding:11px 13px;cursor:pointer;
  border:1.5px solid var(--line);border-radius:12px;
  background:var(--surface);color:var(--ink);
  transition:border-color .15s,background .15s}
.ph-chip b{display:block;font-size:.97rem;font-weight:700;margin-bottom:2px}
.ph-chip em{display:block;font-style:normal;font-size:.78rem;color:var(--muted)}
.ph-chip:hover{border-color:var(--line-2)}
.ph-chip.on{border-color:var(--brand);background:var(--brand-soft)}
.ph-chip.on b{color:var(--brand-ink)}
.ph-chip.on em{color:var(--brand-ink);opacity:.8}
.ph-chip:focus-visible{outline:2px solid var(--brand);outline-offset:2px}

.ph-cap{width:100%;padding:10px 12px;border-radius:10px;
  border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit}

.ph-drop{display:block;text-align:center;cursor:pointer;padding:22px 16px;
  border:2px dashed var(--line-2);border-radius:14px;
  background:var(--surface-3);transition:border-color .15s,background .15s}
.ph-drop:hover{border-color:var(--brand);background:var(--brand-soft)}
.ph-drop strong{display:block;font-size:1rem;color:var(--brand-ink);margin-bottom:4px}
.ph-drop span{display:block;font-size:.82rem;color:var(--muted)}
.ph-drop.is-busy{cursor:progress;border-style:solid;border-color:var(--brand);
  color:var(--brand-ink);font-weight:700}

.ph-h{margin:18px 0 9px;font-size:1rem;color:var(--ink)}
.ph-h span{font-weight:400;font-size:.82rem;color:var(--muted)}

.ph-grid{display:grid;gap:13px;justify-content:start;
  grid-template-columns:repeat(auto-fill,minmax(190px,212px))}
.ph-item{margin:0;border:1px solid var(--line);border-radius:13px;overflow:hidden;
  background:var(--surface);box-shadow:var(--shadow);display:flex;flex-direction:column}
.ph-item.is-cover{border-color:var(--restrict);
  box-shadow:0 0 0 1px var(--restrict),var(--shadow)}
.ph-thumb{position:relative;aspect-ratio:4/3;background:var(--surface-2)}
/* انتظار الرابط الموقّت — الدلو خاصّ فالصورة تصل بعد نداء */
.ph-wait{display:grid;place-items:center;width:100%;height:100%;color:var(--muted);font-size:20px}
.ph-thumb img{width:100%;height:100%;object-fit:cover;display:block;
  font-size:.72rem;color:var(--muted)}
.ph-flag{position:absolute;bottom:7px;font-size:.7rem;font-weight:700;
  padding:3px 8px;border-radius:999px;backdrop-filter:blur(3px)}
.ph-flag-on{inset-inline-start:7px;background:var(--ok);color:#fff}
.ph-flag-off{inset-inline-start:7px;background:rgba(15,31,29,.62);color:#fff}
.ph-flag-cover{top:7px;bottom:auto;inset-inline-end:7px;
  background:var(--restrict);color:#fff}
.ph-item figcaption{padding:9px 11px 4px;font-size:.84rem;color:var(--ink-2);flex:1}
.ph-date{display:block;margin-top:3px;font-size:.72rem;color:var(--muted)}
.ph-acts{display:flex;flex-wrap:wrap;gap:6px;padding:8px 10px 10px}
.ph-acts .btn{flex:1 1 auto;min-width:0}
.ph-danger{background:var(--bad);border-color:var(--bad);color:#fff}

@media (max-width:520px){
  .ph-grid{grid-template-columns:repeat(auto-fill,minmax(142px,1fr))}
  .ph-chips{grid-template-columns:1fr}
}

/* زرٌّ هو رابطٌ في الحقيقة — «افتح واتساب» يفتح تبويباً جديداً.
   بلا هذه القاعدة يظهر نصّاً مسطَّراً داخل إطارِ زرّ: شيءٌ بين
   الاثنين لا هو هذا ولا ذاك. قِيس في لقطةٍ لشاشة روابط الدخول.
   و`a.btn` أخصُّ من `.btn` فتغلبها أينما وقعت في الترتيب. */
a.btn{display:inline-flex;align-items:center;justify-content:center;
  text-decoration:none;line-height:1.2}
a.btn:hover,a.btn:focus{text-decoration:none}