/* ENTITIES-LINEITEMS - estilos del editor/visor de line items (motor entidades v2).
   Variables con fallback: dentro del RecordPanel heredan --rp-*, en modales usan los defaults. */
.eli{font-size:12.5px}
.eli-cat{margin-bottom:8px}
.eli-cat .eli-catsel{width:100%;max-width:340px;padding:6px 8px;border:1px solid var(--rp-border,#dfe3e8);border-radius:8px;background:var(--rp-card,#fff);color:inherit;font-size:12.5px}
.eli-tabwrap{overflow-x:auto;border:1px solid var(--rp-border,#dfe3e8);border-radius:10px}
.eli-tab{width:100%;border-collapse:collapse;min-width:560px}
.eli-tab th{font-weight:600;text-align:left;font-size:11px;color:var(--rp-muted,#6b7280);padding:7px 9px;border-bottom:1px solid var(--rp-border,#dfe3e8);white-space:nowrap;text-transform:uppercase;letter-spacing:.04em}
.eli-tab td{padding:5px 7px;border-bottom:1px solid color-mix(in srgb,var(--rp-border,#dfe3e8) 60%,transparent);vertical-align:middle}
.eli-tab tr:last-child td{border-bottom:0}
.eli-tab td.num{text-align:right;font-variant-numeric:tabular-nums}
.eli-tab td.eli-empty{color:var(--rp-muted,#9aa1a9);text-align:center;padding:14px}
.eli-in{width:100%;min-width:70px;padding:5px 7px;border:1px solid var(--rp-border,#dfe3e8);border-radius:7px;background:var(--rp-card,#fff);color:inherit;font-size:12.5px}
.eli-in.num{text-align:right;font-variant-numeric:tabular-nums}
.eli-in:focus{outline:none;border-color:var(--rp-accent,#2563eb)}
.eli-in.eli-calc{background:var(--rp-hover,#f3f5f7);color:var(--rp-muted,#6b7280);pointer-events:none}
.eli-x{width:34px;text-align:center}
.eli-del{color:var(--rp-muted,#9aa1a9);border-radius:6px;padding:4px 6px;background:none;border:0;cursor:pointer}
.eli-del:hover{color:#c22432;background:color-mix(in srgb,#c22432 10%,transparent)}
.eli-add{margin-top:8px;color:var(--rp-accent,#2563eb);font-weight:600;font-size:12px;display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:7px;border:1px dashed var(--rp-border,#cfd6dd);background:none;cursor:pointer}
.eli-add:hover{background:var(--rp-accent-soft,rgba(37,99,235,.08))}
.eli-tot{display:flex;gap:16px;flex-wrap:wrap;justify-content:flex-end;margin-top:9px;font-size:12.5px;color:var(--rp-muted,#6b7280)}
.eli-tot b{font-weight:650;color:var(--rp-ink,#111827);font-variant-numeric:tabular-nums}
.eli-tot .eli-gran{font-size:13.5px}
.eli-tot .eli-gran b{font-size:14px}

/* edit compacto (2026-07-28): fila = nombre+precio; el resto plegado en .eli-more (chevron .eli-exp).
   Sin tabla en edit -> sin min-width/overflow-x: cabe en movil. La tabla .eli-tab queda solo para view */
.eli-list{border:1px solid var(--rp-border,#dfe3e8);border-radius:10px;overflow:hidden}
.eli-list:empty{display:none}
.eli-list .eli-row{padding:6px 8px;border-bottom:1px solid color-mix(in srgb,var(--rp-border,#dfe3e8) 60%,transparent)}
.eli-list .eli-row:last-child{border-bottom:0}
.eli-main{display:grid;grid-template-columns:26px minmax(0,1fr) 92px 30px;gap:6px;align-items:center}
.eli-main .eli-in{min-width:0} /* anula el min-width:70px generico: sin esto la fila no cabe en 320px */
.eli-exp{border:0;background:none;color:var(--rp-muted,#9aa1a9);cursor:pointer;padding:4px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center}
.eli-exp:hover{background:var(--rp-hover,#f3f5f7);color:var(--rp-accent,#2563eb)}
.eli-exp i{transition:transform .15s}
.eli-row.eli-open .eli-exp i{transform:rotate(180deg)}
.eli-more{display:none;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px 8px;padding:8px 4px 4px 32px}
.eli-row.eli-open .eli-more{display:grid}
.eli-fld{display:flex;flex-direction:column;gap:3px;min-width:0;font-size:10.5px;color:var(--rp-muted,#6b7280)}
.eli-fld>span{font-weight:600;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.eli-fld.wide{grid-column:1/-1} /* description y customs (texto) a ancho completo */
/* target tactil (pointer:coarse): chevron y papelera crecen — errar la papelera borra la fila sin
   confirmacion, y el resto del panel ya agranda sus controles en record-panel.css */
@media (pointer:coarse){
  .eli-main{grid-template-columns:38px minmax(0,1fr) 84px 42px}
  .eli-exp{padding:10px 6px}
  .eli-del{padding:10px 6px}
}