/* Cuentas por pagar EPS (T17) — generado por tools/construir_cxp.py desde el mockup v5. No editar a mano. */
#seccion-cuentas-por-pagar { --menu:#1a2742; --fondo:#F4F5F7; --linea:#E7E9EE; --tinta:#0F172A; --tinta-2:#475467; --tinta-3:#667085;
  --apagado-fondo:#EEF0F3; --marca:#3B5BFD; --marca-suave:#ECF0FF;
  --bien:#15803D; --bien-fondo:#DCFCE7; --atencion:#B45309; --atencion-fondo:#FEF3C7; --problema:#B91C1C; --problema-fondo:#FEE2E2;
  --fuente:"Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif; }
#seccion-cuentas-por-pagar * { box-sizing:border-box; }
#seccion-cuentas-por-pagar .empresa { font-size:12.5px; color:var(--tinta-3); margin-top:2px; }
#seccion-cuentas-por-pagar .urgente { margin-top:10px; padding:8px 10px; border-radius:10px; background:var(--problema-fondo); color:var(--problema); font-size:13px; }
#seccion-cuentas-por-pagar .cab-barra { display:flex; justify-content:space-between; gap:8px; font-size:12.5px; color:var(--tinta-2); margin-top:12px; }
#seccion-cuentas-por-pagar .cab-barra span:first-child { font-weight:500; color:var(--tinta); }
#seccion-cuentas-por-pagar .cab-barra + .barra { margin:6px 0 0; }
#seccion-cuentas-por-pagar .ags { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); column-gap:12px; row-gap:0; margin-bottom:16px; }
#seccion-cuentas-por-pagar .ag { background:#fff; border:1px solid var(--linea); border-radius:16px; padding:16px; min-width:0; font-variant-numeric:tabular-nums;
  display:grid; grid-row:span 14; grid-template-rows:subgrid; row-gap:0; }
#seccion-cuentas-por-pagar .fila { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; font-size:13px; padding:2px 0; }
#seccion-cuentas-por-pagar .fila span:first-child { color:var(--tinta-3); flex:none; }
#seccion-cuentas-por-pagar .fila span:last-child { text-align:right; }
#seccion-cuentas-por-pagar .barra + .fila { margin-top:8px; }
#seccion-cuentas-por-pagar .caja { margin-top:10px; padding:8px 10px; border-radius:10px; font-size:13px; min-height:56px; display:flex; align-items:center; }
#seccion-cuentas-por-pagar .caja.problema { background:var(--problema-fondo); color:var(--problema); }
#seccion-cuentas-por-pagar .caja.atencion { background:var(--atencion-fondo); color:var(--atencion); }
#seccion-cuentas-por-pagar .caja.gris { background:var(--apagado-fondo); color:var(--tinta-3); }
#seccion-cuentas-por-pagar .pie { margin-top:14px; display:flex; justify-content:space-between; gap:12px; }
#seccion-cuentas-por-pagar .pie .btn { flex:1 1 0; text-align:center; }
#seccion-cuentas-por-pagar .pie .btn.prim { background:#3B5BFD; border-color:#3B5BFD; color:#fff; }
#seccion-cuentas-por-pagar .caja > div { width:100%; }
#seccion-cuentas-por-pagar .hasta { display:flex; gap:6px; margin-top:8px; flex-wrap:wrap; }
#seccion-cuentas-por-pagar .hasta-op { font:inherit; font-size:12.5px; padding:4px 10px; border-radius:999px; border:1px solid var(--linea); background:#fff; color:var(--tinta-2); cursor:pointer; white-space:nowrap; }
#seccion-cuentas-por-pagar .hasta-op.on { border-color:var(--marca); background:var(--marca-suave); color:var(--marca); font-weight:500; }
#seccion-cuentas-por-pagar .minimo { margin-top:6px; font-size:12px; color:var(--tinta-3); }
#seccion-cuentas-por-pagar .btn { font:inherit; font-size:13px; padding:7px 12px; border-radius:10px; border:1px solid var(--marca); background:#fff; color:var(--marca); cursor:pointer; white-space:nowrap; }
#seccion-cuentas-por-pagar .btn.primario { background:var(--marca); color:#fff; }
#seccion-cuentas-por-pagar [hidden] { display:none !important; }
#seccion-cuentas-por-pagar dialog#cxp-sim { border:0; border-radius:16px; padding:18px; width:min(560px, calc(100vw - 24px)); box-shadow:0 20px 60px rgba(15,23,42,.25); font-variant-numeric:tabular-nums; }
#seccion-cuentas-por-pagar dialog#cxp-sim::backdrop { background:rgba(15,23,42,.35); }
#seccion-cuentas-por-pagar dialog#cxp-sim[open] { position:fixed; inset:0; margin:auto; height:fit-content; max-height:calc(100vh - 32px); overflow:auto; z-index:1000; }
#seccion-cuentas-por-pagar .fer-cab { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:12px; }
#seccion-cuentas-por-pagar .fer-cab h2 { margin:0 !important; }
#seccion-cuentas-por-pagar .sim-cab { display:flex; justify-content:space-between; align-items:center; gap:8px; }
#seccion-cuentas-por-pagar .sim-cab h2 { font-size:16px; font-weight:600; margin:0; }
#seccion-cuentas-por-pagar .x { border:0; background:none; font-size:18px; cursor:pointer; color:var(--tinta-3); }
#seccion-cuentas-por-pagar .sim-tabs { display:flex; gap:8px; margin:12px 0; }
#seccion-cuentas-por-pagar .sim-tab { font:inherit; font-size:13px; padding:6px 12px; border-radius:999px; border:1px solid var(--linea); background:#fff; color:var(--tinta-2); cursor:pointer; }
#seccion-cuentas-por-pagar .sim-tab.on { background:var(--marca-suave); border-color:var(--marca); color:var(--marca); }
#seccion-cuentas-por-pagar .campos { display:flex; flex-wrap:wrap; gap:10px; }
#seccion-cuentas-por-pagar .campos label { display:flex; flex-direction:column; gap:4px; font-size:12px; color:var(--tinta-3); flex:1 1 140px; min-width:0; }
#seccion-cuentas-por-pagar .campos input, #seccion-cuentas-por-pagar .campos select, #seccion-cuentas-por-pagar .fer-form input { font:inherit; font-size:14px; padding:8px 10px; border:1px solid var(--linea); border-radius:10px; background:#fff; min-width:0; }
#seccion-cuentas-por-pagar .campos input { text-align:right; }
#seccion-cuentas-por-pagar .campos input[type=date] { text-align:left; }
#seccion-cuentas-por-pagar .sim-res { margin-top:14px; border-top:1px solid var(--linea); padding-top:10px; }
#seccion-cuentas-por-pagar .sim-res .fila { padding:4px 0; }
#seccion-cuentas-por-pagar .sim-res .fila.grande span:last-child { font-weight:600; font-size:15px; }
#seccion-cuentas-por-pagar .fer-form { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:12px; }
#seccion-cuentas-por-pagar .fer-form input { flex:1 1 160px; }
#seccion-cuentas-por-pagar .t tr.pasado td { color:var(--tinta-3); }
#seccion-cuentas-por-pagar .quitar { color:var(--tinta-3); font-size:12.5px; }
#seccion-cuentas-por-pagar col.f-fe { width:14%; }
#seccion-cuentas-por-pagar col.f-di { width:8%; }
#seccion-cuentas-por-pagar col.f-no { width:26%; }
#seccion-cuentas-por-pagar col.f-ac { width:12%; }
#seccion-cuentas-por-pagar .c-12 { grid-column:1 / -1; }
#seccion-cuentas-por-pagar .ag h2 { font-size:15px; font-weight:600; margin:0; display:flex; justify-content:space-between; align-items:center; gap:8px; }
#seccion-cuentas-por-pagar .etq { display:inline-block; min-width:92px; text-align:center; font-size:12px; font-weight:500; padding:3px 8px; border-radius:999px; }
#seccion-cuentas-por-pagar .etq.bien { background:var(--bien-fondo); color:var(--bien); }
#seccion-cuentas-por-pagar .etq.atencion { background:var(--atencion-fondo); color:var(--atencion); }
#seccion-cuentas-por-pagar .etq.problema { background:var(--problema-fondo); color:var(--problema); }
#seccion-cuentas-por-pagar .etq.gris { background:var(--apagado-fondo); color:var(--tinta-2); }
#seccion-cuentas-por-pagar .barra { height:10px; border-radius:999px; background:var(--apagado-fondo); overflow:hidden; margin:12px 0 6px; position:relative; }
#seccion-cuentas-por-pagar .barra i { display:block; height:100%; border-radius:999px; }
#seccion-cuentas-por-pagar .barra s { position:absolute; top:0; bottom:0; width:1px; background:var(--tinta-3); opacity:.5; }
#seccion-cuentas-por-pagar .datos { display:grid; grid-template-columns:auto minmax(0,1fr); gap:4px 12px; font-size:13px; margin-top:10px; }
#seccion-cuentas-por-pagar .datos dt { color:var(--tinta-3); }
#seccion-cuentas-por-pagar .datos dd { margin:0; text-align:right; }
#seccion-cuentas-por-pagar .rejilla { display:grid; grid-template-columns:repeat(12, minmax(0,1fr)); gap:16px; align-items:start; }
#seccion-cuentas-por-pagar .tarjeta { background:#fff; border:1px solid var(--linea); border-radius:16px; padding:18px; min-width:0; }
#seccion-cuentas-por-pagar .tarjeta h2 { font-size:15px; font-weight:600; margin:0 0 12px; }
#seccion-cuentas-por-pagar .c-8 { grid-column:span 8; }
#seccion-cuentas-por-pagar .c-4 { grid-column:span 4; }
#seccion-cuentas-por-pagar .chips { display:flex; gap:8px; margin-bottom:12px; }
#seccion-cuentas-por-pagar .chips a { padding:6px 12px; border-radius:999px; border:1px solid var(--linea); color:var(--tinta-2); text-decoration:none; font-size:13px; background:#fff; }
#seccion-cuentas-por-pagar .chips a.on { background:var(--marca-suave); border-color:var(--marca); color:var(--marca); }
#seccion-cuentas-por-pagar .tabla-wrap { border:1px solid var(--linea); border-radius:10px; overflow:hidden; }
#seccion-cuentas-por-pagar table.t { width:100%; border-collapse:collapse; table-layout:fixed; font-variant-numeric:tabular-nums; }
#seccion-cuentas-por-pagar .t th { text-align:left; font-weight:500; color:var(--tinta-3); font-size:12px; padding:8px 10px; border-bottom:1px solid var(--linea); }
#seccion-cuentas-por-pagar .t td { padding:8px 10px; border-bottom:1px solid var(--linea); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#seccion-cuentas-por-pagar .t .num { text-align:right; }
#seccion-cuentas-por-pagar .t tbody:last-child tr:last-child td { border-bottom:0; }
#seccion-cuentas-por-pagar .t tr.grupo td { background:#F8F9FB; font-weight:600; white-space:normal; }
#seccion-cuentas-por-pagar .t td.ref { color:var(--tinta-3); white-space:normal; overflow-wrap:anywhere; font-size:12.5px; }
#seccion-cuentas-por-pagar .t td.bal, #seccion-cuentas-por-pagar .t th.bal { padding-left:22px; }
#seccion-cuentas-por-pagar .etq.dias { min-width:84px; }
#seccion-cuentas-por-pagar col.k-ft { width:24%; }
#seccion-cuentas-por-pagar col.k-fe { width:10%; }
#seccion-cuentas-por-pagar col.k-ve { width:10%; }
#seccion-cuentas-por-pagar col.k-fa { width:17%; }
#seccion-cuentas-por-pagar col.k-ba { width:22%; }
#seccion-cuentas-por-pagar .etq.dias { min-width:80px; }
#seccion-cuentas-por-pagar col.p-ag { width:30%; }
#seccion-cuentas-por-pagar col.p-en { width:30%; }
#seccion-cuentas-por-pagar col.p-fa { width:14%; }
#seccion-cuentas-por-pagar .msg { background:#F8F9FB; border:1px solid var(--linea); border-radius:12px; padding:10px 12px; font-size:13px; margin-bottom:8px; white-space:pre-line; }
#seccion-cuentas-por-pagar .msg b { font-weight:600; }
#seccion-cuentas-por-pagar .nota { font-size:12px; color:var(--tinta-3); margin-top:8px; }
@media (max-width:760px) {
#seccion-cuentas-por-pagar dialog#cxp-sim[open] { width:100vw; max-width:100vw; height:100dvh; max-height:100dvh; border-radius:0; margin:0; }
#seccion-cuentas-por-pagar .ags { display:block; }
#seccion-cuentas-por-pagar .ag { display:block; margin-bottom:12px; }
#seccion-cuentas-por-pagar .c-12 { grid-column:1; }
#seccion-cuentas-por-pagar col.f-fe { width:32%; }
#seccion-cuentas-por-pagar col.f-no { width:44%; }
#seccion-cuentas-por-pagar col.f-ac { width:24%; }
#seccion-cuentas-por-pagar .rejilla { grid-template-columns:1fr; }
#seccion-cuentas-por-pagar .c-8, #seccion-cuentas-por-pagar .c-4 { grid-column:1; }
#seccion-cuentas-por-pagar .sec, #seccion-cuentas-por-pagar .sec2 { display:none; }
#seccion-cuentas-por-pagar .t td, #seccion-cuentas-por-pagar .t th { padding:8px 6px; font-size:13px; }
#seccion-cuentas-por-pagar .t td.bal, #seccion-cuentas-por-pagar .t th.bal { padding-left:14px; }
#seccion-cuentas-por-pagar col.k-ft { width:40%; }
#seccion-cuentas-por-pagar col.k-fa { width:24%; }
#seccion-cuentas-por-pagar col.k-ba { width:36%; }
#seccion-cuentas-por-pagar col.p-ag { width:20%; }
#seccion-cuentas-por-pagar col.p-en { width:42%; }
#seccion-cuentas-por-pagar .etq.dias { min-width:62px; padding:3px 6px; }
#seccion-cuentas-por-pagar .t tr.grupo td { font-size:12.5px; }
}