/* admin-ops.css — ص87 (تبسيط لوحة الإدارة): الدفعات، الشحن، الأرصدة، الزبائن، المشاكل، الصيانة، التتبع.
   أسماء أصناف خاصة بهذه الصفحات (ops-* / wl-*) حتى لا تتأثر باقي الصفحات. ألوان من التوكنات فقط. */

/* سطر شرح واحد قصير تحت العنوان، ويختفي بالجوال حين تُفتح مراجعة/تفاصيل */
body.admin .ops-sub { max-width: 60ch; }
@media (max-width: 960px) {
  .amain:has(.pv-wrap.detail) .ops-sub,
  .amain:has(.mt-grid.has) .ops-sub { display: none; }
}

/* أزرار رأس الصفحة: صف واحد صغير */
body.admin .ops-acts { display: flex; align-items: center; gap: 8px; flex-wrap: nowrap; }
body.admin .ahead .ops-ib { width: 40px; min-width: 40px; padding: 0; justify-content: center; }

/* ⓘ: الشرح الطويل خلف لمسة */
.ops-info > summary { display: flex; align-items: center; gap: 8px; list-style: none; cursor: pointer; }
.ops-info > summary::-webkit-details-marker { display: none; }
.ops-i { display: inline-grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; border: 1px solid var(--line);
  color: var(--text-2); font: 700 12px/1 var(--font-head); font-style: italic; }
.ops-info[open] .ops-i { border-color: var(--volt); color: var(--text); }
.ops-info > span { display: block; margin-top: 4px; }

/* الأرصدة: البحث أولاً كإجراء رئيسي، ثم أرقام مختصرة */
.wl-find .pb { padding: 14px; }
.wl-find .ff-q input { min-height: 48px; font-size: 16px; }
.wl-ov .kpi .s { font-size: 12px; }
.wl-ov .kpis { margin-bottom: 0; }
.wl-ov .today, .wl-ov .wl-legacy { margin-top: 12px; margin-bottom: 0; }
@media (max-width: 640px) {
  .wl-ov .kpis { gap: 8px; }
  .wl-ov .kpi { padding: 12px; }
  .wl-ov .today { flex-wrap: wrap; row-gap: 6px; }
}

/* المشاكل: أقسام مطوية (القرار، الحالة) بعنوان واضح */
details.ops-fold { padding-block: 4px; }
details.ops-fold > summary { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 48px; cursor: pointer; list-style: none;
  font: 700 15px/1.4 var(--font-head); color: var(--text); }
details.ops-fold > summary::-webkit-details-marker { display: none; }
details.ops-fold > summary::after { content: ""; width: 9px; height: 9px; border-right: 2px solid var(--text-3); border-bottom: 2px solid var(--text-3);
  transform: translateY(-2px) rotate(45deg); transition: transform .2s var(--ease, ease); margin-inline-end: 4px; flex: none; }
details.ops-fold[open] > summary::after { transform: translateY(2px) rotate(-135deg); }
details.ops-fold[open] > summary { margin-bottom: 8px; }
body.admin .ops-reply { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
body.admin .ops-reply > .btn { width: 100%; min-width: 0; margin: 0; }
body.admin .ops-reply > .btn:first-child { grid-column: 1 / -1; }

/* التتبع: شريط الأدوات بالجوال — المختار بعرض كامل، والفترات بسطر واحد قابل للتمرير */
@media (max-width: 640px) {
  .ops-trk { gap: 10px; }
  .ops-trk .trk-f { flex: 1 1 100%; }
  .ops-trk .trk-f select { flex: 1; min-width: 0; }
  .ops-trk .ops-trk-l { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .ops-trk .trk-seg { flex-wrap: nowrap; overflow-x: auto; max-width: 100%; scrollbar-width: none; }
  .ops-trk .trk-seg::-webkit-scrollbar { display: none; }
  .ops-trk .trk-seg button { flex: none; white-space: nowrap; }
  .trk .trk-legend { gap: 4px 10px; font-size: 11.5px; }
}