/* admin-lists.css — Customers (PAGES.customers) + Models (PAGES.products) screens.
   Scoped to these two screens only: owned classes below (.c-*, .p-*, #view.wide-page) never touch
   markup other agents edit (inventory/purchases/shipping/receipts live in their own files/classes). */

/* the shared .content/#view container caps at 1500px (admin.css) so every other screen stays a
   comfortable reading width — the models grid and the customers table both want the full viewport
   instead, so render() (admin-more.js) adds this class only when routing to #products / #customers. */
#view.wide-page{max-width:none}

/* ---------- customers ---------- */
.c-sumstrip{margin-bottom:16px}
.c-id-cell{display:flex;align-items:center;gap:10px;min-width:200px}
.c-id-info{display:flex;flex-direction:column;gap:2px;min-width:0}
.c-id-sub{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--mut);flex-wrap:wrap}
.c-id-sub a.bs-tap{font-size:12px}
.c-acts{display:flex;gap:6px;flex-wrap:wrap}
.c-tbl tbody tr:nth-child(even){background:#f8fafc}
.c-tbl tbody tr:hover{background:#eef2ff}
.c-rest-due{color:var(--red);font-weight:700}

/* ---------- products (الموديلات) ---------- */
.p-acts{display:flex;gap:6px;flex-wrap:wrap}
.p-tbl tbody tr:nth-child(even){background:#f8fafc}
.p-tbl tbody tr:hover{background:#eef2ff}
.p-tbl th,.p-tbl td{white-space:nowrap}
.p-tbl td:nth-child(3){white-space:normal;min-width:160px}

@media (max-width:720px){
  .c-id-cell{min-width:0}
}