/* Inventario de paquetes (T5). Copia del mockup aprobado I1 (inventario-mock.css), sistema v7.
   Todo encerrado en #seccion-inventario-paquetes para no tocar el resto del admin. */
#seccion-inventario-paquetes {
  --menu:#1a2742; --linea:#E7E9EE; --fila-alterna:#F8F9FB;
  --tinta:#0F172A; --tinta-2:#475467; --tinta-3:#667085; --apagado:#A0A7B4; --apagado-fondo:#EEF0F3;
  --marca:#3B5BFD; --marca-hover:#2F4BE6; --marca-suave:#ECF0FF; --marca-tinta:#2A3FC4;
  --atencion:#B45309; --atencion-fondo:#FEF3C7; --problema:#B91C1C; --problema-fondo:#FEE2E2;
  max-width:1280px; color:var(--tinta); font-size:14px;
}
#seccion-inventario-paquetes * { box-sizing:border-box; }
#seccion-inventario-paquetes [hidden] { display:none !important; }
#seccion-inventario-paquetes .ico { width:15px; height:15px; flex:none; }
#seccion-inventario-paquetes .seccion-header { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; flex-wrap:wrap; margin-bottom:16px; }
#seccion-inventario-paquetes .nota { font-size:13px; color:var(--tinta-3); }
#seccion-inventario-paquetes .tarjeta { background:#fff; border:1px solid var(--linea); border-radius:16px; padding:18px; margin-bottom:16px; box-shadow:none; }
#seccion-inventario-paquetes h3 { font-size:15px; font-weight:600; margin:0; }
#seccion-inventario-paquetes .iv-cab { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-bottom:12px; flex-wrap:wrap; }
#seccion-inventario-paquetes .btn { font:inherit; font-size:13px; font-weight:600; border-radius:10px; padding:8px 14px; border:1px solid var(--linea); background:#fff; color:var(--tinta); cursor:pointer; white-space:nowrap; display:inline-flex; gap:6px; align-items:center; }
#seccion-inventario-paquetes .btn.prim { background:var(--marca); border-color:var(--marca); color:#fff; }
#seccion-inventario-paquetes .btn.prim:hover { background:var(--marca-hover); }
#seccion-inventario-paquetes .btn:focus-visible, #seccion-inventario-paquetes input:focus-visible, #seccion-inventario-paquetes select:focus-visible, #seccion-inventario-paquetes textarea:focus-visible { outline:3px solid var(--marca-suave); outline-offset:1px; }
#seccion-inventario-paquetes .iv-enlace { font:inherit; font-size:13px; font-weight:600; color:var(--marca-tinta); background:none; border:0; cursor:pointer; padding:8px 4px; display:inline-flex; gap:4px; align-items:center; }
#seccion-inventario-paquetes .iv-enlace.peligro { color:var(--problema); }

/* Fallo de lectura: se dice, sin cifras */
#seccion-inventario-paquetes .iv-fallo { display:flex; gap:12px; align-items:flex-start; background:var(--atencion-fondo); border-color:var(--atencion-fondo); color:var(--atencion); }
#seccion-inventario-paquetes .iv-fallo .ico { width:20px; height:20px; margin-top:1px; }
#seccion-inventario-paquetes .iv-fallo p { margin:4px 0 0; font-size:13px; }

/* Hora de la foto */
#seccion-inventario-paquetes .iv-foto { display:flex; gap:10px; align-items:flex-start; font-size:13px; color:var(--tinta-2); padding:14px 18px; }
#seccion-inventario-paquetes .iv-foto .ico { width:16px; height:16px; margin-top:2px; color:var(--tinta-3); }
#seccion-inventario-paquetes .iv-foto b { color:var(--tinta); font-weight:600; }
#seccion-inventario-paquetes .iv-vieja { color:var(--atencion); font-weight:600; }

/* KPIs: cifras de 18 px, tarjetas bajas */
#seccion-inventario-paquetes .iv-kpis { display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:12px; margin-bottom:16px; }
#seccion-inventario-paquetes .iv-kpi { background:#fff; border:1px solid var(--linea); border-radius:16px; padding:14px 16px; min-width:0; }
#seccion-inventario-paquetes .iv-kpi-cab { display:flex; gap:8px; align-items:center; font-size:13px; color:var(--tinta-2); }
#seccion-inventario-paquetes .iv-kpi-cab .ico { color:var(--marca); }
#seccion-inventario-paquetes .iv-kpi > b { display:block; font-size:18px; font-weight:600; margin:6px 0 2px; font-variant-numeric:tabular-nums; }
#seccion-inventario-paquetes .iv-kpi small { display:block; font-size:12px; color:var(--tinta-3); }
#seccion-inventario-paquetes .iv-chip-problema { color:var(--problema); font-weight:600; }

/* Tablas */
#seccion-inventario-paquetes .iv-tabla { overflow:hidden; }
#seccion-inventario-paquetes table { width:100%; table-layout:fixed; border-collapse:separate; border-spacing:0; font-size:13px; font-variant-numeric:tabular-nums; }
#seccion-inventario-paquetes th, #seccion-inventario-paquetes td { padding:8px 10px; border-bottom:1px solid var(--linea); text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:middle; background:none; text-transform:none; letter-spacing:0; }
#seccion-inventario-paquetes thead th { font-size:12px; font-weight:500; color:var(--tinta-3); }
#seccion-inventario-paquetes .num { text-align:right; font-variant-numeric:tabular-nums; }
#seccion-inventario-paquetes .c-fecha { font-variant-numeric:tabular-nums; }
#seccion-inventario-paquetes input[type=checkbox] { width:16px; height:16px; margin:0; accent-color:var(--marca); cursor:pointer; vertical-align:middle; }
#seccion-inventario-paquetes input[type=checkbox]:disabled { cursor:not-allowed; opacity:.35; }
#seccion-inventario-paquetes tr.sel td { background:var(--marca-suave); }
#seccion-inventario-paquetes .iv-mio { font-weight:600; font-family:ui-monospace, SFMono-Regular, Menlo, monospace; font-size:12.5px; }
#seccion-inventario-paquetes .iv-etq-est { display:inline-block; width:112px; text-align:center; overflow:hidden; text-overflow:ellipsis; vertical-align:middle; font-size:12px; padding:2px 6px; border-radius:999px; background:var(--apagado-fondo); color:var(--tinta-2); font-weight:600; white-space:nowrap; }
#seccion-inventario-paquetes .iv-chip { font-size:12px; padding:2px 8px; border-radius:999px; background:var(--apagado-fondo); color:var(--tinta-3); font-weight:600; white-space:nowrap; }
#seccion-inventario-paquetes .iv-dias-alto { color:var(--problema); font-weight:600; }
#seccion-inventario-paquetes .iv-dias-medio { color:var(--atencion); font-weight:600; }
#seccion-inventario-paquetes .iv-nd { color:var(--apagado); }

/* Resumen */
#seccion-inventario-paquetes .iv-res-grid { display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:20px; align-items:start; }
#seccion-inventario-paquetes .iv-apartes { display:grid; gap:12px; }
#seccion-inventario-paquetes .iv-aparte { border:1px solid var(--linea); border-radius:10px; padding:12px 14px; display:grid; gap:6px; }
#seccion-inventario-paquetes .iv-aparte p { margin:0; }
#seccion-inventario-paquetes .iv-aparte-cab { display:flex; justify-content:space-between; align-items:center; font-size:15px; }
#seccion-inventario-paquetes .iv-aparte-cab .iv-enlace { padding:0; }
#seccion-inventario-paquetes .iv-resumen col.c-n { width:72px; }
#seccion-inventario-paquetes .iv-resumen td:first-child { white-space:normal; }
#seccion-inventario-paquetes .iv-resumen tr.total td { font-weight:600; border-bottom:0; }
#seccion-inventario-paquetes .iv-nota-fila { font-size:11px; color:var(--tinta-3); font-weight:400; margin-left:6px; }
#seccion-inventario-paquetes .iv-num { font:inherit; color:inherit; background:none; border:0; border-bottom:1px dashed var(--linea); padding:0; cursor:pointer; font-variant-numeric:tabular-nums; }
#seccion-inventario-paquetes .iv-num:hover { color:var(--marca-tinta); border-bottom-color:var(--marca); }
#seccion-inventario-paquetes .iv-depurar { font-size:13px; color:var(--tinta-2); background:var(--fila-alterna); border-color:var(--fila-alterna); display:flex; gap:8px; align-items:flex-start; }
#seccion-inventario-paquetes .iv-depurar .ico { width:16px; height:16px; margin-top:1px; color:var(--tinta-3); }

/* Pastillas */
#seccion-inventario-paquetes .iv-pildoras { display:flex; gap:4px; flex-wrap:wrap; }
#seccion-inventario-paquetes .iv-pildoras button { font:inherit; font-size:13px; padding:6px 12px; border-radius:999px; border:1px solid transparent; background:none; color:var(--tinta-2); cursor:pointer; }
#seccion-inventario-paquetes .iv-pildoras button[aria-pressed="true"] { background:var(--menu); color:#fff; }

/* Filtros */
#seccion-inventario-paquetes .iv-filtros { display:grid; grid-template-columns:auto minmax(0,1.2fr) 90px 90px minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) auto; gap:10px; align-items:end; margin-bottom:14px; }
#seccion-inventario-paquetes .iv-campo { display:flex; flex-direction:column; gap:4px; min-width:0; }
#seccion-inventario-paquetes .iv-campo label, #seccion-inventario-paquetes .iv-etq { font-size:12px; color:var(--tinta-3); font-weight:400; margin:0; }
#seccion-inventario-paquetes .iv-campo input, #seccion-inventario-paquetes .iv-campo select, #seccion-inventario-paquetes .iv-campo textarea { font:inherit; font-size:13px; padding:8px 10px; border:1px solid var(--linea); border-radius:10px; background:#fff; color:var(--tinta); width:100%; min-width:0; }
#seccion-inventario-paquetes .iv-campo textarea { resize:vertical; font-family:ui-monospace, SFMono-Regular, Menlo, monospace; font-size:12.5px; }

/* Tabla plana */
#seccion-inventario-paquetes .iv-plana col.c-sel { width:36px; }
#seccion-inventario-paquetes .iv-plana col.c-mio { width:128px; }
#seccion-inventario-paquetes .iv-plana col.c-ag { width:68px; }
#seccion-inventario-paquetes .iv-plana col.c-cas { width:110px; }
#seccion-inventario-paquetes .iv-plana col.c-lbs { width:70px; }
#seccion-inventario-paquetes .iv-plana col.c-est { width:136px; }
#seccion-inventario-paquetes .iv-plana col.c-fecha { width:104px; }
#seccion-inventario-paquetes .iv-plana col.c-dias { width:60px; }
#seccion-inventario-paquetes .solo-cel { display:none; }
#seccion-inventario-paquetes .iv-pie { display:flex; justify-content:space-between; align-items:center; gap:10px; font-size:12px; color:var(--tinta-3); margin:10px 0 0; flex-wrap:wrap; }
#seccion-inventario-paquetes .iv-vacio { font-size:13px; color:var(--tinta-3); padding:14px 0; margin:0; }

/* Búsqueda */
#seccion-inventario-paquetes .iv-busca { display:grid; gap:8px; }
#seccion-inventario-paquetes .iv-busca-pie { display:flex; gap:10px; align-items:center; justify-content:flex-end; flex-wrap:wrap; }
#seccion-inventario-paquetes .iv-busca-pie .nota { margin-right:auto; }
#seccion-inventario-paquetes .iv-no-enc { margin-top:14px; background:var(--atencion-fondo); color:var(--atencion); border-radius:10px; padding:10px 12px; font-size:13px; display:flex; gap:8px; align-items:flex-start; }
#seccion-inventario-paquetes .iv-no-enc .ico { width:16px; height:16px; margin-top:1px; }
#seccion-inventario-paquetes .iv-totales { display:flex; gap:18px; flex-wrap:wrap; margin:14px 0 6px; font-size:13px; color:var(--tinta-2); align-items:baseline; }
#seccion-inventario-paquetes .iv-totales b { color:var(--tinta); font-size:15px; font-variant-numeric:tabular-nums; }

/* Tabla agrupada: una sola rejilla (docs/ui-reglas.md §2) */
#seccion-inventario-paquetes tr.iv-fila-grupo { background:var(--fila-alterna); }
#seccion-inventario-paquetes .iv-fila-grupo th { background:var(--fila-alterna); font-weight:400; color:var(--tinta-2); padding-top:10px; padding-bottom:10px; }
#seccion-inventario-paquetes tbody + tbody .iv-fila-grupo th { border-top:8px solid #fff; }
#seccion-inventario-paquetes .g-nombre b { color:var(--tinta); font-weight:600; margin-right:8px; }
#seccion-inventario-paquetes .g-nombre .iv-chip { margin-left:8px; }
#seccion-inventario-paquetes .iv-fila-grupo th.num { color:var(--tinta); font-weight:600; }
#seccion-inventario-paquetes .g-resto { color:var(--tinta-3); }
#seccion-inventario-paquetes .g-movil { display:none; }

/* Grupos */
#seccion-inventario-paquetes .iv-grupos-cab { display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap; }
#seccion-inventario-paquetes .iv-grupos { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:12px; margin-top:12px; }
#seccion-inventario-paquetes .iv-grupo { border:1px solid var(--linea); border-radius:10px; padding:14px; display:grid; gap:8px; min-width:0; }
#seccion-inventario-paquetes .iv-grupo-n { font-size:15px; display:flex; gap:8px; align-items:center; }
#seccion-inventario-paquetes .iv-grupo-cif { display:flex; gap:14px; font-size:12px; color:var(--tinta-3); flex-wrap:wrap; }
#seccion-inventario-paquetes .iv-grupo-cif b { color:var(--tinta); font-size:15px; font-variant-numeric:tabular-nums; }
#seccion-inventario-paquetes .iv-grupo-pie { display:flex; gap:6px; align-items:center; flex-wrap:wrap; }
#seccion-inventario-paquetes .iv-por { margin-left:auto; }
#seccion-inventario-paquetes .iv-editor { margin-top:14px; border:1px dashed var(--linea); border-radius:10px; padding:14px; display:grid; gap:10px; }
#seccion-inventario-paquetes .iv-editor-fila { display:grid; grid-template-columns:minmax(0,1fr) 110px; gap:10px; }
#seccion-inventario-paquetes .iv-editor-error { color:var(--problema); font-size:13px; }
#seccion-inventario-paquetes .iv-sub-res { margin:18px 0 4px; }

/* Barra fija de acción */
#seccion-inventario-paquetes .iv-accion { position:sticky; bottom:12px; margin-top:16px; background:var(--menu); color:#fff; border-radius:16px; padding:12px 16px; display:flex; align-items:center; gap:10px; flex-wrap:wrap; z-index:5; }
#seccion-inventario-paquetes .iv-cuenta { font-size:15px; font-weight:600; margin-right:auto; }
#seccion-inventario-paquetes .iv-cuenta small { display:block; font-size:12px; font-weight:400; color:rgba(255,255,255,.7); }
#seccion-inventario-paquetes .iv-accion .btn.sec { background:transparent; color:#fff; border-color:rgba(255,255,255,.3); }
#seccion-inventario-paquetes .iv-acc-ag { font-size:13px; display:inline-flex; gap:6px; align-items:center; color:#fff; font-weight:400; margin:0; }
#seccion-inventario-paquetes .iv-acc-ag select { font:inherit; font-size:13px; padding:6px 8px; border-radius:8px; border:0; }
#seccion-inventario-paquetes .iv-toast { position:fixed; left:50%; bottom:24px; transform:translateX(-50%); background:var(--menu); color:#fff; border-radius:10px; padding:10px 16px; font-size:13px; z-index:60; }

/* Celular */
@media (max-width:900px) {
  #seccion-inventario-paquetes .iv-kpis { grid-template-columns:repeat(2, minmax(0,1fr)); }
  #seccion-inventario-paquetes .iv-filtros { grid-template-columns:1fr 1fr; }
  #seccion-inventario-paquetes .iv-filtros .iv-ancho { grid-column:1 / -1; }
  #seccion-inventario-paquetes .iv-grupos { grid-template-columns:1fr; }
  #seccion-inventario-paquetes .iv-res-grid { grid-template-columns:minmax(0,1fr); }
  #seccion-inventario-paquetes .iv-resumen col.c-n { width:48px; }
  #seccion-inventario-paquetes .iv-resumen th, #seccion-inventario-paquetes .iv-resumen td { padding:7px 4px; }
  #seccion-inventario-paquetes .iv-nota-fila { display:block; margin:2px 0 0; white-space:normal; }
  /* Tabla plana: cada fila es una ficha, sin columnas ocultas tras un scroll */
  #seccion-inventario-paquetes .iv-plana colgroup, #seccion-inventario-paquetes .iv-plana thead { display:none; }
  #seccion-inventario-paquetes .iv-plana, #seccion-inventario-paquetes .iv-plana tbody { display:block; }
  #seccion-inventario-paquetes .iv-plana tr { display:grid; grid-template-columns:28px minmax(0,1fr) auto; gap:2px 10px; padding:12px 4px; border-bottom:1px solid var(--linea); }
  #seccion-inventario-paquetes .iv-plana td { display:block; padding:0; border:0; white-space:normal; background:none !important; }
  #seccion-inventario-paquetes .iv-plana tr.sel { background:var(--marca-suave); }
  #seccion-inventario-paquetes .iv-plana td.solo-esc { display:none; }
  #seccion-inventario-paquetes .iv-plana td.solo-cel { display:block; }
  #seccion-inventario-paquetes .iv-plana td.c-sel { grid-row:1 / span 3; }
  #seccion-inventario-paquetes .iv-plana td.c-mio { grid-column:2; }
  #seccion-inventario-paquetes .iv-plana td.c-est { grid-column:3; text-align:right; }
  #seccion-inventario-paquetes .iv-plana td.c-cli-cel { grid-column:2 / span 2; font-size:12px; color:var(--tinta-2); }
  #seccion-inventario-paquetes .iv-plana td.c-det-cel { grid-column:2 / span 2; font-size:12px; color:var(--tinta-3); }
  /* Tabla agrupada: la MISMA rejilla para todos, sin fecha ni la columna elástica */
  #seccion-inventario-paquetes .iv-agrupada col.c-fecha, #seccion-inventario-paquetes .iv-agrupada .c-fecha, #seccion-inventario-paquetes .iv-agrupada col.c-resto, #seccion-inventario-paquetes .iv-agrupada .c-resto, #seccion-inventario-paquetes .iv-agrupada .g-resto { display:none; }
  #seccion-inventario-paquetes .iv-agrupada col.c-sel { width:26px !important; }
  #seccion-inventario-paquetes .iv-agrupada col.c-mio { width:86px !important; }
  #seccion-inventario-paquetes .iv-agrupada col.c-est { width:96px !important; }
  #seccion-inventario-paquetes .iv-agrupada col.c-lbs { width:44px !important; }
  #seccion-inventario-paquetes .iv-agrupada col.c-dias { width:34px !important; }
  #seccion-inventario-paquetes .iv-agrupada th, #seccion-inventario-paquetes .iv-agrupada td { padding:8px 3px; }
  #seccion-inventario-paquetes .iv-agrupada .iv-mio { font-size:10.5px; }
  #seccion-inventario-paquetes .iv-agrupada .iv-etq-est { width:90px; font-size:10.5px; padding:2px 3px; }
  #seccion-inventario-paquetes .iv-agrupada .g-nombre { white-space:normal; }
  #seccion-inventario-paquetes .g-movil { display:block; color:var(--tinta-3); font-size:11.5px; margin-top:2px; }
  #seccion-inventario-paquetes .iv-accion { gap:8px; }
  #seccion-inventario-paquetes .iv-cuenta { width:100%; }
  #seccion-inventario-paquetes .iv-accion .btn { flex:1; justify-content:center; }
}
/* H1 (P10): botón «Actualizar desde EPS» con su avance real */
#seccion-inventario-paquetes .iv-act { display:flex; flex-direction:column; align-items:flex-end; gap:6px; max-width:420px; }
#seccion-inventario-paquetes .iv-act .btn.espera { opacity:.55; cursor:not-allowed; }
#seccion-inventario-paquetes .iv-act-nota { font-size:13px; color:var(--tinta-2); text-align:right; }
#seccion-inventario-paquetes .iv-act-nota.marcar { animation: iv-marcar 1s ease-out; }
@keyframes iv-marcar { 0%,30% { background:var(--atencion-fondo, #FEF3C7); } 100% { background:transparent; } }
@media (max-width: 720px) { #seccion-inventario-paquetes .iv-act { align-items:stretch; max-width:none; } #seccion-inventario-paquetes .iv-act-nota { text-align:left; } }
#seccion-inventario-paquetes > .seccion-header { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; flex-wrap:nowrap; }
#seccion-inventario-paquetes > .seccion-header .iv-act { flex:0 0 340px; }
@media (max-width: 720px) { #seccion-inventario-paquetes > .seccion-header { flex-direction:column; align-items:stretch; } #seccion-inventario-paquetes > .seccion-header .iv-act { flex:none; } }
/* P10 Fase 1 (John 08/11): filtros y encabezados se leen completos a 1280 y 390. */
#seccion-inventario-paquetes .iv-filtros { grid-template-columns: minmax(190px,1.4fr) 110px 110px minmax(170px,1.2fr) minmax(120px,1fr) minmax(130px,1fr) auto; }
#seccion-inventario-paquetes .iv-filtros .iv-ancho { grid-column: 1 / -1; }
#seccion-inventario-paquetes .iv-resumen col.c-n { width: 96px; }
#seccion-inventario-paquetes .iv-resumen th { white-space: nowrap; overflow: visible; text-overflow: clip; }
@media (max-width: 720px) {
  #seccion-inventario-paquetes .iv-filtros { grid-template-columns: 1fr 1fr; }
  #seccion-inventario-paquetes .iv-resumen col.c-n { width: 58px; }
  #seccion-inventario-paquetes .iv-resumen th { font-size: 11px; padding: 7px 3px; }
  #seccion-inventario-paquetes .iv-resumen td:first-child { font-size: 12px; }
}

/* ---------- P10 Fase 2 · Lista por agencia (consulta-lista.js) ---------- */
.il-buscar { display:flex; align-items:center; gap:10px; border:2px solid var(--linea, #E7E9EE); border-radius:12px; padding:4px 14px; background:#fff; margin-bottom:12px; }
.il-buscar:focus-within { border-color:var(--marca, #3B5BFD); }
.il-buscar input { flex:1; min-width:0; border:0; outline:0; font:inherit; font-size:17px; padding:10px 0; background:transparent; }
.il-buscar .nota { white-space:nowrap; }
.il-alerta { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:12px; align-items:center; background:var(--problema-fondo, #FEE2E2); color:var(--problema, #B91C1C);
  border:1px solid #F5B5B5; border-radius:12px; padding:12px 16px; margin-bottom:12px; }
.il-alerta b { display:block; font-size:16px; } .il-alerta small { color:var(--tinta-2, #475467); }
#seccion-inventario-paquetes .iv-modo-lista .iv-kpis, #seccion-inventario-paquetes .iv-modo-lista .iv-res-sec { display:none; }
.il-alerta-ico { font-size:22px; } .il-alerta button.btn, .il-alerta .btn { background:var(--problema, #B91C1C); border-color:var(--problema, #B91C1C); color:#fff; white-space:nowrap; }
.il-en { display:flex; gap:10px; align-items:center; flex-wrap:wrap; background:var(--atencion-fondo, #FEF3C7); color:var(--atencion, #B45309); border-radius:10px; padding:8px 12px; font-size:13px; margin-bottom:12px; }
.il-en .iv-enlace { margin-left:auto; }
.il-solo { font-size:10.5px; font-weight:600; padding:1px 6px; border-radius:5px; background:var(--marino, #0F172A); color:#fff; white-space:nowrap; }
.il-pildoras { display:flex; gap:6px; flex-wrap:wrap; margin-bottom:10px; }
.il-pildoras button { font:inherit; font-size:13px; padding:6px 12px; border-radius:999px; border:1px solid var(--linea, #E7E9EE); background:#fff; color:var(--tinta-2, #475467); cursor:pointer; white-space:nowrap; display:inline-flex; gap:6px; align-items:center; }
.il-pildoras button[aria-pressed="true"] { background:var(--marino, #0F172A); border-color:var(--marino, #0F172A); color:#fff; }
.il-pildoras .il-n { font-variant-numeric:tabular-nums; font-weight:600; }
.il-ags button[aria-pressed="true"] { background:var(--marca-suave, #ECF0FF); border-color:var(--marca-suave, #ECF0FF); color:var(--marca-tinta, #2A3FC4); }
.il-dias { display:inline-block; min-width:42px; text-align:center; font-size:12px; font-weight:600; padding:2px 7px; border-radius:999px; background:var(--apagado-fondo, #EEF0F3); color:var(--tinta-2, #475467); }
.il-dias.bien { background:var(--bien-fondo, #DCFCE7); color:var(--bien, #15803D); } .il-dias.atencion { background:var(--atencion-fondo, #FEF3C7); color:var(--atencion, #B45309); }
.il-dias.problema { background:var(--problema-fondo, #FEE2E2); color:var(--problema, #B91C1C); }
.il-dtot { display:block; font-size:11px; color:var(--tinta-3, #667085); }
.il-etq { display:inline-block; font-size:12px; font-weight:600; padding:2px 8px; border-radius:6px; background:var(--apagado-fondo, #EEF0F3); color:var(--tinta-2, #475467); white-space:nowrap; }
.il-etq.problema { background:var(--problema-fondo, #FEE2E2); color:var(--problema, #B91C1C); }
.il-mio { font-weight:600; color:var(--tinta, #0F172A); font-variant-numeric:tabular-nums; }
.il-cel { display:none; font-size:12px; color:var(--tinta-3, #667085); }
.il-marca { font-size:10.5px; font-weight:600; padding:1px 6px; border-radius:5px; white-space:nowrap; }
.il-marca.problema { background:var(--problema-fondo, #FEE2E2); color:var(--problema, #B91C1C); }
.il-marca.atencion { background:var(--atencion-fondo, #FEF3C7); color:var(--atencion, #B45309); }
.il-marca.info { background:var(--marca-suave, #ECF0FF); color:var(--marca-tinta, #2A3FC4); }
@media (max-width:720px) {
  .il-buscar .nota { display:none; }
  .il-alerta { grid-template-columns:auto minmax(0,1fr); } .il-alerta .btn { grid-column:1 / -1; }
  .il-pildoras { flex-wrap:nowrap; overflow-x:auto; margin-left:-16px; margin-right:-16px; padding:0 16px 4px; }
  .il-cel { display:block; }
  .il-etq { white-space:normal; }
  #seccion-inventario-paquetes .p10-tabla td.il-c-dias, #seccion-inventario-paquetes .p10-tabla th:nth-child(2) { text-align:center; }
  .il-dias { min-width:0; }
  #seccion-inventario-paquetes .p10-tabla tr.p10-subtotal td, #seccion-inventario-paquetes .p10-tabla tr.p10-total td { white-space:normal; }
}
/* La regla general de la sección corta las celdas con «…»; en la tabla común (P10) no se corta nada y las cifras van a la derecha. */
#seccion-inventario-paquetes table.p10-tabla { table-layout:auto; }
#seccion-inventario-paquetes .p10-tabla th, #seccion-inventario-paquetes .p10-tabla td { overflow:visible; text-overflow:clip; }
#seccion-inventario-paquetes .p10-tabla td .il-cel { white-space:normal; }
#seccion-inventario-paquetes .p10-tabla th.num, #seccion-inventario-paquetes .p10-tabla td.num { text-align:right; }
#seccion-inventario-paquetes .p10-tabla td.p10-chk, #seccion-inventario-paquetes .p10-tabla th.p10-chk { text-align:center; }
@media (max-width:720px) { #seccion-inventario-paquetes .p10-tabla th, #seccion-inventario-paquetes .p10-tabla td { padding:8px 5px; } }
/* Columnas de EPS (John 09/11): Condición, Suplidor y Ubicación pueden partir línea para que la tabla quepa a 1280 sin cortar nada. */
#seccion-inventario-paquetes .p10-tabla td.p10-txt { white-space:normal; overflow:visible; text-overflow:clip; max-width:150px; overflow-wrap:anywhere; }
#seccion-inventario-paquetes .p10-tabla th, #seccion-inventario-paquetes .p10-tabla td { padding:8px 7px; }