/* ===== الدخوليات القريبة (shares the .sd-* look of لوحة المبيعات) ===== */
.arv { display: flex; flex-direction: column; gap: 16px; }
.arv .sd-kpis { grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); }
.arv-check { display: flex; align-items: center; gap: 6px; font-weight: 700; font-size: .84rem; cursor: pointer; }
.arv-mail { display: flex; align-items: center; gap: 12px; background: #fff7ed; border: 1px solid #fed7aa; border-radius: 14px; padding: 10px 14px; }
.arv-mail > div { flex: 1; min-width: 0; font-size: .86rem; line-height: 1.7; }
.arv-mail small { display: block; color: var(--muted); font-weight: 700; }
.arv-range { margin: -6px 2px 0; color: var(--muted); font-size: .84rem; font-weight: 700; }
.arv-table td small { display: block; color: var(--muted); font-size: .78rem; font-weight: 600; margin-top: 2px; }
.arv-link { border: 0; background: none; padding: 0; color: var(--orange); font-weight: 800; font-family: inherit; cursor: pointer; }
.arv-link:hover, .arv-link:focus-visible { text-decoration: underline; }
.arv-muted { color: var(--muted); font-weight: 700; }
.arv-pay { display: inline-block; padding: .1rem .55rem; border-radius: 999px; font-size: .76rem; font-weight: 900; white-space: nowrap; background: #fee2e2; color: #b91c1c; }
.arv-pay.is-ok { background: #dcfce7; color: #15803d; }
.arv-pay.is-part { background: #fef3c7; color: #b45309; }
.arv-pay.is-none { background: #f1f5f9; color: #475569; }
@media (max-width: 640px) { .arv-mail { flex-wrap: wrap; } }
.arv-table td { vertical-align: top; }
.arv-table td.arv-n { color: var(--muted); font-weight: 800; width: 1%; }
.arv-table td.arv-amt { white-space: nowrap; font-weight: 800; }
.arv-det { display: flex; flex-wrap: wrap; gap: 2px 10px; margin-top: 4px; font-size: .78rem; line-height: 1.6; }
.arv-kv em { font-style: normal; color: var(--muted); font-weight: 700; }
.arv-table tfoot .arv-total td { background: #fff7ed; border-top: 2px solid #fdba74; font-size: .9rem; }
.arv-table tfoot .arv-total td small { display: block; color: #b45309; font-weight: 700; }
@media print { .arv-sup { break-inside: auto; } .arv-table tfoot { display: table-row-group; } }
.arv-table td { white-space: normal; }
.arv-table { font-size: .84rem; }
.arv-table td:nth-child(3) { min-width: 240px; max-width: 340px; }
.arv-table td:nth-child(n+4):nth-child(-n+6) { min-width: 120px; }
.arv-trav { margin-top: 4px; font-size: .78rem; line-height: 1.6; }
.arv-trav em { font-style: normal; color: var(--muted); font-weight: 700; }
.arv-table td.arv-d, .arv-table td.arv-amt { white-space: nowrap; }
@media (max-width: 640px) {
  .arv-table td .arv-c { min-width: 0; text-align: end; }
  .arv-table td .arv-det { justify-content: flex-end; }
  .arv-table td:nth-child(3) { max-width: none; min-width: 0; }
  .arv-table td:nth-child(n+4):nth-child(-n+6) { min-width: 0; }
  .arv-table tfoot, .arv-table tfoot tr { display: block; }
  .arv-table tfoot .arv-total td { display: block; border: 0; padding: .5rem .75rem; }
  .arv-table tfoot .arv-total td:empty { display: none; }
  .arv-table tfoot .arv-total td.arv-amt { font-size: 1rem; }
}
.arv-table td:last-child, .arv-table th:last-child { width: 1%; min-width: 96px; }
@media (max-width: 640px) { .arv-table td:last-child, .arv-table td.arv-n { width: auto; min-width: 0; } }
@media (max-width: 640px) { .arv-table td:nth-child(3) { flex-direction: column; align-items: stretch; } .arv-table td:nth-child(3) .arv-c { text-align: start; } .arv-table td:nth-child(3) .arv-det { justify-content: flex-start; } }
/* filters: from/to window + one supplier */
.arv-range-in { display: flex; gap: 8px; flex-wrap: wrap; }
.arv-range-in label, .arv-sel { display: flex; align-items: center; gap: 6px; font-weight: 700; font-size: .84rem; }
.arv-range-in input, .arv-sel select { font: inherit; font-weight: 600; padding: .3rem .5rem; border: 1px solid var(--line, #e2e8f0); border-radius: 10px; background: #fff; min-height: 34px; }
.arv-sel select { max-width: 240px; }
.arv-range-in input:focus-visible, .arv-sel select:focus-visible { outline: 2px solid var(--orange); outline-offset: 1px; }
/* the customer's side of the contract: paid or not, and the receipts */
.arv-cust { margin-top: 6px; display: flex; flex-direction: column; align-items: flex-start; gap: 3px; }
.arv-docs { display: flex; flex-wrap: wrap; gap: 4px 8px; }
.arv-doc { color: var(--orange); font-weight: 800; font-size: .78rem; text-decoration: none; }
.arv-doc:hover, .arv-doc:focus-visible { text-decoration: underline; }
a.arv-link { text-decoration: none; }
@media (max-width: 640px) { .arv-sel, .arv-sel select { width: 100%; max-width: none; } .arv-cust { align-items: flex-end; } .arv-docs { justify-content: flex-end; } }