/* admin-finance.css — Payments & Receivables screen (Agent B4). New, additive, scoped under .recv- so it never
   touches any other screen's rules. Loaded right after admin-orders.css (admin/index.html).
   Layout: two independent sections («الحجوزات» / «الشحن والمديونية»), each a responsive auto-fit grid of KPI
   cards (2-up on a normal screen, 1-up once a card would get too narrow — no media query needed) plus a row of
   clickable "group" cards that open a drill-down list (admin-payments.js: window.recvGroup). */

.recv-wrap{margin-bottom:22px}
.recv-section{margin-bottom:16px}
.recv-section>h3{font-size:14px;font-weight:700;color:var(--ink,#1a1a1a);margin:0 0 10px;display:flex;align-items:center;gap:8px}
.recv-section>h3 .recv-dot{width:8px;height:8px;border-radius:50%;display:inline-block}
.recv-section.a>h3 .recv-dot{background:var(--pri,#2563eb)}
.recv-section.b>h3 .recv-dot{background:var(--amber,#d97706)}

.recv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:12px}

.recv-grid .card.kpi{margin:0}
.recv-grid .card.kpi small.recv-cap{display:block;color:var(--mut);font-size:11px;font-weight:400;margin-top:2px;line-height:1.4}

.recv-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
.recv-gcard{border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:#fff;cursor:pointer;
  text-align:right;transition:box-shadow .15s,border-color .15s}
.recv-gcard:hover{box-shadow:0 2px 10px rgba(0,0,0,.06);border-color:var(--pri,#2563eb)}
.recv-gcard .gc-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.recv-gcard .gc-top b{font-size:20px}
.recv-gcard .gc-top span{font-size:12px;color:var(--mut)}
.recv-gcard .gc-label{font-size:13px;font-weight:600;margin:4px 0 2px}
.recv-gcard .gc-cap{font-size:11px;color:var(--mut)}
.recv-gcard.empty{opacity:.55;cursor:default}

.recv-top-cust{border:1px solid var(--line);border-radius:12px;padding:12px 16px;background:#fff}
.recv-top-cust h4{margin:0 0 8px;font-size:13px;font-weight:700}
.recv-top-cust table{width:100%}

.recv-loading{color:var(--mut);font-size:13px;padding:10px 2px}