/* assets/css/promoter-orders.css */
/* 161025: Estilos scoped para el panel de ventas del promotor */
.eh-promoter-orders { --gap:16px; --pad:16px; --radius:14px; --line:#eaecf6; --ink:#0f1222; --muted:#5f6477; }
.eh-promoter-orders .eh-po__section { margin-bottom: 28px; }
.eh-promoter-orders .eh-po__title { margin: 0 0 10px; font-size: 1.1rem; font-weight: 600; color: var(--ink); }
.eh-promoter-orders .eh-po__muted { color: var(--muted); margin: 6px 0 0; }

.eh-promoter-orders .eh-po__table-wrap { overflow: auto; border:1px solid var(--line); border-radius: var(--radius); }
.eh-promoter-orders .eh-po__table { width:100%; border-collapse: collapse; }
.eh-promoter-orders .eh-po__table th,
.eh-promoter-orders .eh-po__table td { padding: 10px 12px; border-bottom:1px solid var(--line); text-align:left; }
.eh-promoter-orders .eh-po__table th { background:#fafbff; font-weight:600; }
.eh-promoter-orders .eh-po__table td.eh-po__num,
.eh-promoter-orders .eh-po__table th.eh-po__num { text-align:right; white-space: nowrap; }

.eh-promoter-orders .eh-po__filters { display:flex; flex-wrap:wrap; gap: var(--gap); margin: 10px 0 14px; align-items: end; }
.eh-promoter-orders .eh-po__field { display:flex; flex-direction:column; gap:6px; min-width: 220px; }
.eh-promoter-orders .eh-po__select,
.eh-promoter-orders .eh-po__input { padding:10px 12px; border:1px solid var(--line); border-radius: 10px; background:#fff; }

.eh-promoter-orders .eh-po__btn { padding:10px 14px; border:0; border-radius: 12px; background:linear-gradient(100deg,#00C4FF,#A100F2); color:#fff; cursor:pointer; font-weight:600; }
.eh-promoter-orders .eh-po__btn:disabled { opacity:.6; cursor:progress; }

.eh-promoter-orders .eh-po__results { border:1px solid var(--line); border-radius: var(--radius); padding: var(--pad); }
.eh-promoter-orders .eh-po__results h4 { margin:0 0 10px; font-size:1rem; }
.eh-promoter-orders .eh-po__grid { display:grid; gap: var(--gap); }
.eh-promoter-orders .eh-po__grid .eh-po__card { border:1px solid var(--line); border-radius:12px; padding:12px; }
.eh-promoter-orders .eh-po__table--tight td, 
.eh-promoter-orders .eh-po__table--tight th { padding: 8px 10px; }