:root{--bg:#f4f6f9;--card:#fff;--ink:#1f2937;--muted:#6b7280;--line:#e5e7eb;--brand:#0f4c81;--brand2:#1d6fb8;--ok:#15803d;--okbg:#dcfce7;--err:#b91c1c;--errbg:#fee2e2}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink);font-size:14px}
a{color:var(--brand2)}
h1{font-size:22px;margin:18px 0 12px}h2{font-size:18px}h3{font-size:14px;margin:0 0 8px;color:var(--muted);font-weight:600}
.container{max-width:1400px;margin:0 auto;padding:0 20px 40px}
.topbar{display:flex;align-items:center;gap:24px;background:var(--brand);color:#fff;padding:10px 20px}
.brand{font-weight:700;font-size:16px}.brand span{font-weight:400;opacity:.8;margin-left:6px}
.topbar nav{display:flex;gap:4px;flex:1}
.topbar nav a{color:#dbeafe;text-decoration:none;padding:6px 12px;border-radius:6px}
.topbar nav a.active,.topbar nav a:hover{background:rgba(255,255,255,.15);color:#fff}
.logout{display:flex;align-items:center;gap:10px}.who{opacity:.85}
.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:16px;margin-bottom:16px}
.muted{color:var(--muted)}.small{font-size:12px}.strong{font-weight:600}.nowrap{white-space:nowrap}
.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}
.btn{display:inline-block;border:1px solid var(--line);background:#fff;color:var(--ink);padding:8px 14px;border-radius:7px;cursor:pointer;text-decoration:none;font-size:14px}
.btn:hover{border-color:#cbd5e1}.btn.primary{background:var(--brand2);border-color:var(--brand2);color:#fff}
.btn.danger{color:var(--err);border-color:#fecaca}.btn.ghost{background:transparent}.topbar .btn.ghost{color:#fff;border-color:rgba(255,255,255,.4)}
.btn.small{padding:4px 10px;font-size:12px}.btn.block{width:100%}
input,select{font:inherit;padding:7px 9px;border:1px solid #cbd5e1;border-radius:6px;background:#fff}
label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}
.filters{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.filters .grow{flex:1;min-width:200px}.filters .actions{display:flex;gap:6px}
.alert{padding:10px 14px;border-radius:8px;margin:12px 0}.alert.ok{background:var(--okbg);color:var(--ok)}.alert.error{background:var(--errbg);color:var(--err)}
.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600}.badge.ok{background:var(--okbg);color:var(--ok)}.badge.error{background:var(--errbg);color:var(--err)}
.tag{display:inline-block;padding:1px 8px;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:12px;text-decoration:none;white-space:nowrap}
table.grid{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.grid th{background:#f8fafc;text-align:left;font-weight:600;color:#475569;font-size:12px;padding:8px 10px;border-bottom:1px solid var(--line)}
.grid td{padding:8px 10px;border-bottom:1px solid #f1f5f9;vertical-align:top}.grid.compact td{padding:5px 10px}
.card table.grid{border:0}
.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.neg{color:#b45309}.pos{color:var(--ok)}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:16px}
.kpi{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 14px}.kpi .label{font-size:12px;color:var(--muted)}.kpi .value{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums;margin-top:2px}
.charts{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.chart{height:300px;display:flex;flex-direction:column}.chart canvas{flex:1;min-height:0}
@media (max-width:900px){.charts{grid-template-columns:1fr}.topbar{flex-wrap:wrap}}
.pager{display:flex;gap:12px;align-items:center;justify-content:center;padding:12px}
.empty{text-align:center;padding:40px;color:var(--muted)}
.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f4c81,#1d6fb8)}
.card.login{width:340px;display:flex;flex-direction:column;gap:14px;padding:28px}.card.login h1{margin:0;color:var(--brand)}.card.login p{margin:0}
.upload{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.drop{flex:1;border:2px dashed #cbd5e1;border-radius:10px;padding:18px;flex-direction:row;align-items:center;gap:12px;color:var(--ink);font-size:14px}
.inline-rule{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.w-s{width:70px}.w-m{width:200px}.w-l{width:280px}
details summary{cursor:pointer;color:var(--muted);font-size:12px}
.count{display:inline-block;background:#f59e0b;color:#111;border-radius:999px;padding:0 7px;font-size:11px;font-weight:700;margin-left:2px}
.value.sm{font-size:16px}.badge.big{font-size:14px;padding:4px 12px}
.hidden{display:none}.ro{background:#f1f5f9;color:#475569}
tr.changed td{background:#fffbeb}
.sticky-actions{position:sticky;bottom:0;background:rgba(244,246,249,.95);padding:12px 0;display:flex;gap:10px;border-top:1px solid var(--line);z-index:5}
.account-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-bottom:20px}
.card.account{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--ink);transition:box-shadow .15s}
.card.account:hover{box-shadow:0 4px 14px rgba(15,76,129,.15);border-color:#bfdbfe}
.acc-num{font-size:18px;font-weight:700;color:var(--brand)}.acc-tit{font-weight:600}.acc-saldo b{font-size:20px}
.acc-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}
.acc-head{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:800px}.span2{grid-column:span 2}
.w-xl{max-width:560px}
.subnav{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:14px 0 4px;flex-wrap:wrap}
.subnav a{padding:8px 14px;text-decoration:none;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px}
.subnav a.active{color:var(--brand);border-bottom-color:var(--brand2);font-weight:600}
.badge.warn{background:#fef3c7;color:#92400e}.badge.info{background:#e0f2fe;color:#075985}.badge.muted{background:#f1f5f9;color:#64748b}
.kpi.alert-k .value{color:var(--err)}.kpi.ok-k .value{color:var(--ok)}
.aging{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.aging .b{border:1px solid var(--line);border-radius:8px;padding:10px;background:#fff}.aging .b .value{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}
.aging .b.v1{border-top:4px solid #f59e0b}.aging .b.v2{border-top:4px solid #f97316}.aging .b.v3{border-top:4px solid #ef4444}.aging .b.v4{border-top:4px solid #991b1b}.aging .b.v0{border-top:4px solid #10b981}
.debe{color:var(--err);font-weight:600}.favor{color:var(--ok);font-weight:600}
input.imp{width:130px;text-align:right}
tr.anulada td{color:#94a3b8;text-decoration:line-through}tr.anulada td.keep{text-decoration:none}
.totals-bar{display:flex;gap:24px;flex-wrap:wrap;padding:10px 14px;background:#f8fafc;border:1px solid var(--line);border-radius:8px;margin:10px 0}
.totals-bar b{font-variant-numeric:tabular-nums}
.inline{display:inline}.mt0{margin-top:0}
.split{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width:1000px){.split{grid-template-columns:1fr}.aging{grid-template-columns:repeat(2,1fr)}}
.chart.sm{height:240px}
.kpis-top{margin-top:14px}
.mt12{margin-top:12px}
.chk{flex-direction:column}.chk input{width:18px;height:18px;margin:8px 0}
input.imp.bad{border-color:var(--err);background:var(--errbg)}
.grid th.num{text-align:right}
.pre-texto{white-space:pre-wrap;max-height:420px;overflow:auto;font-size:12px;background:#f8fafc;padding:10px;border-radius:6px}
/* Por CUIT */
details.grupo{background:#fff;border:1px solid var(--line);border-radius:10px;margin-bottom:8px}
details.grupo>summary{list-style:none;display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:10px 14px;color:var(--ink);font-size:14px}
details.grupo>summary::-webkit-details-marker{display:none}
details.grupo>summary::before{content:"▸";color:var(--muted)}details.grupo[open]>summary::before{content:"▾"}
details.grupo>summary .g-tot{margin-left:auto;font-weight:700;font-variant-numeric:tabular-nums}
details.grupo table.grid{border:0;border-top:1px solid var(--line);border-radius:0}
details.grupo.sin{border-style:dashed}
.grid tfoot th{background:#f8fafc;border-top:1px solid var(--line);padding:8px 10px}
.scroll-x{overflow-x:auto}
.cols2{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:16px}
.card.lote{border-color:#bfdbfe;background:#f8fbff}.row.wrap{flex-wrap:wrap}.alert.info{background:#e0f2fe;color:#075985}.motivos{margin:8px 0 0;padding-left:18px}
.acc-nombre{font-weight:700;font-size:15px;color:var(--ink)}
.cta{display:inline-flex;flex-direction:column;line-height:1.25;vertical-align:top}.cta-nombre{font-weight:700;color:var(--ink)}.cta-num{font-size:12px;color:var(--muted);font-weight:400}.h1-sub{font-size:13px;color:var(--muted);font-weight:400;margin-top:2px}

/* Nombre de cuenta: negro, negrita, mayúsculas, 14px (pedido de Ariel) */
.cta-nombre,.acc-nombre,.h1-nombre{color:#000;font-weight:700;text-transform:uppercase;font-size:14px;letter-spacing:.02em}

/* Modo empresa (vista privada) */
.topbar-empresa{background:#7c2d12}
.topbar-empresa nav a.active{background:rgba(255,255,255,.18);color:#fff}
.btn.salir-empresa{background:#fff;color:#7c2d12;border:2px solid #fff;font-weight:700;padding:8px 18px}
.btn.salir-empresa:hover{background:#ffedd5}
.buscadores{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}
.card.buscador{display:grid;grid-template-columns:1fr auto;gap:8px 10px;align-items:end;margin-bottom:0}
.card.buscador .muted{grid-column:1/-1}
.buscadores+*{margin-top:16px}
.lista-empresas{list-style:none;margin:0;padding:0}.lista-empresas li{padding:8px 4px;border-bottom:1px solid #f1f5f9}
.link-btn{background:none;border:0;padding:0;color:var(--brand2);cursor:pointer;font:inherit;text-decoration:underline}
.stack{display:flex;flex-direction:column;gap:12px}
.mb4{margin-bottom:4px}
.card.pedir-busqueda{border-style:dashed}
@media print{
  .topbar,.no-print,.alert,form.filters{display:none !important}
  body{background:#fff;font-size:11px}.container{max-width:none;padding:0}
  .card,.kpi,table.grid{border-color:#999;break-inside:avoid-page}
  .kpis{grid-template-columns:repeat(4,1fr)}
  h2.salto{break-before:page}
  a{color:inherit;text-decoration:none}
}
/* Casillas de cuentas (Subtotal por cuenta) */
.chk-col{width:28px;text-align:center}.chk-col input{width:16px;height:16px;margin:0;cursor:pointer}
tr.destildada td{color:#94a3b8}tr.destildada td .cta-nombre,tr.destildada td .cta-num{color:#94a3b8}tr.destildada td.num{text-decoration:line-through}
form.sel-cuentas{margin-bottom:16px}
/* Roles y Gastos */
.rol-badge{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:999px;font-size:11px;font-weight:600;background:rgba(255,255,255,.18);color:#fff}
.rol-badge.super{background:#facc15;color:#422006}
.scroll-y{max-height:420px;overflow-y:auto}
@media print{.scroll-y{max-height:none;overflow:visible}}
/* Ojito de saldos en Cuentas */
.ojo-general{display:flex;align-items:center;gap:10px;margin:0 0 12px}
.btn.ojo{display:inline-flex;align-items:center;gap:6px}
.saldo-celda{display:inline-flex;align-items:center;gap:6px;justify-content:flex-end}
.btn-ojo{background:none;border:1px solid transparent;border-radius:6px;padding:2px 4px;cursor:pointer;color:var(--brand);line-height:0}
.btn-ojo:hover,.btn-ojo:focus-visible{border-color:var(--brand)}
.saldo-oculto{letter-spacing:2px;color:#64748b}
.ojo-ico{vertical-align:middle}
/* Declaraciones juradas (DDJJ) */
.badge.sim{background:#7c3aed;color:#fff;text-transform:uppercase;letter-spacing:.05em}
.res-adeuda{color:var(--err)}.res-demas{color:#b45309}.res-ok{color:#15803d}
.ddjj-comp tr.comp-adeuda td{background:#fef2f2}.ddjj-comp tr.comp-demas td{background:#fffbeb}
.ddjj-rev{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,34%);gap:16px;align-items:start}
.ddjj-form{overflow-x:auto}.ddjj-filas select{max-width:190px}.ddjj-filas .w-m{width:170px}
.ddjj-acciones{flex-wrap:wrap;justify-content:flex-end}.ddjj-acciones .btn{white-space:nowrap}
.ddjj-texto{position:sticky;top:8px}.ddjj-texto .pre-texto{max-height:75vh;overflow:auto;white-space:pre;font-size:11px}
@media (max-width:1100px){.ddjj-rev{grid-template-columns:1fr}.ddjj-texto{position:static}}
.ddjj-filas input,.ddjj-filas select{max-width:100%}.w-per{width:150px}.w-imp{width:120px;text-align:right}.ddjj-filas td.center{text-align:center}
.oculto-def{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
/* Menú: cada item en una sola línea; si no entra en una fila, el menú pasa a su propia fila (sin cortar textos) */
.topbar nav a{white-space:nowrap}
.topbar .logout{white-space:nowrap}
@media (max-width:1700px){
  .topbar{flex-wrap:wrap;row-gap:6px}
  .topbar .brand{order:1}.topbar .logout{order:2;margin-left:auto}
  .topbar nav{order:3;flex:1 0 100%;overflow-x:auto;scrollbar-width:thin}
  .topbar nav a{padding:5px 10px}
}
.ddjj-comp form label.small{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}
.pag-faltan{color:var(--err)}.pag-sobran{color:var(--ink)}.pag-ok{color:#15803d}
.ddjj-comp .col-pag{background:#f5f3ff}.ddjj-comp tr.fila-global td{border-top:2px solid var(--line);font-style:italic}
.hojas-excel{max-height:75vh;overflow:auto}.hojas-excel table{font-size:11px}.hojas-excel td{white-space:nowrap;padding:2px 6px}
.total-deuda{border:2px solid var(--err);background:#fff7f7}.total-deuda h2{margin:0;color:var(--err)}
.calc-form{flex-wrap:wrap;gap:8px;align-items:flex-end}.calc-form label{display:flex;flex-direction:column;gap:2px}
.deuda-resumen{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}
.deuda-resumen>div{background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:4px}
.deuda-resumen span{font-size:12px;color:var(--muted)}.deuda-resumen b{font-size:18px}
.deuda-resumen .deuda-total{background:var(--err);border-color:var(--err)}.deuda-resumen .deuda-total span,.deuda-resumen .deuda-total b{color:#fff}.deuda-resumen .deuda-total b{font-size:22px}
@media (max-width:900px){.deuda-resumen{grid-template-columns:1fr 1fr}}
.topbar nav a .candado{font-size:11px;margin-right:2px}
.res-faltan,.pag-faltan{color:#b91c1c}
.ddjj-form{min-width:0;overflow-x:auto}.ddjj-filas select{width:165px}.ddjj-filas input[name^=concepto]{width:150px}.ddjj-filas th:nth-child(5){white-space:normal;min-width:120px}
/* Padrón obra social (OSTACC) */
.confidencial{color:#92400e;font-weight:600}
.ostacc-explica{line-height:1.5}
.ostacc-buscar{margin-top:10px}
.scroll-x{overflow-x:auto}
.meses-grid{display:flex;flex-wrap:wrap;gap:4px}
.meses-grid .mes{display:inline-block;min-width:52px;text-align:center;padding:3px 6px;border-radius:6px;font-size:12px;font-variant-numeric:tabular-nums}
.meses-grid .mes.con{background:var(--okbg);color:var(--ok)}
.meses-grid .mes.sin{background:var(--errbg);color:var(--err)}
.meses-grid .mes.antes{background:#f1f5f9;color:#94a3b8}
tr.sel td{background:#eef2ff}
.span-all{grid-column:1/-1;flex-basis:100%;margin:4px 0 0}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
/* DDJJ: recuadro Total pagado, liquidaciones, detalle por período */
.total-pagado{border-left:4px solid #7c3aed;background:#faf7ff}.total-pagado h3{margin-top:0}
.tp-periodos{max-width:520px;margin-top:8px}
.w-fecha{width:140px}.w-est{width:110px}.w-full{width:100%;box-sizing:border-box}
tr.fila-dup td{background:#fffbeb}
details.det-liq,details.det-cred{margin-top:4px}details summary{cursor:pointer;color:var(--accent,#1d4ed8);font-size:12px}
table.grid.mini{font-size:12px;margin-top:4px}table.grid.mini td{padding:2px 6px}
tr.no-suma td{color:#94a3b8;text-decoration:line-through}tr.no-suma td .badge,tr.no-suma td .muted{text-decoration:none}
/* Declarado / Diferencia (Por mes y Declaraciones juradas): verde = pagaron de más, rojo = pagaron de menos */
.dif-mas{color:#15803d}.dif-menos{color:#b91c1c}.dif-ok{color:#475569}
td.dif-mas b,td.dif-menos b{font-weight:700}
.col-dj{border-left:1px solid #e2e8f0}
tr.mes-sin-cred td{background:#f8fafc;font-style:italic}
.badge.manual{background:#fde68a;color:#78350f;cursor:help}
.pormes-regla select{font-size:13px}
.tachado{text-decoration:line-through;color:#94a3b8}
tr.fila-error td{background:#fef2f2;color:#991b1b}tr.fila-cambio td{background:#fffbeb}
tr.anio th{background:#f1f5f9;text-align:left;font-size:13px;padding:4px 8px}
.scroll-y.tall{max-height:70vh}
input.input-error{border-color:#b91c1c;background:#fef2f2}
.vista-previa{border-left:4px solid #f59e0b}
@media print{.grilla-dj input{border:0;background:transparent}.scroll-y.tall{max-height:none;overflow:visible}}
/* Menú largo (superadmin): si no entra en una fila, sigue en una segunda fila (nada queda escondido detrás de un scroll) */
@media (max-width:1700px){.topbar nav{flex-wrap:wrap;overflow-x:visible;row-gap:2px}}
/* Totales al pie (th) también en verde/rojo */
.grid th.dif-mas,.grid td.dif-mas{color:#15803d}.grid th.dif-menos,.grid td.dif-menos{color:#b91c1c}.grid th.dif-ok{color:#475569}
/* Transferencias SSS (Padrón obra social) */
tr.sss-dudosa td{background:#fef2f2}
.sss-filas td{vertical-align:top}.sss-aparte{border-left:4px solid #7dd3fc}
.sss-filas .sss-razon{min-width:180px;max-width:260px}.sss-filas .sss-estado{min-width:130px}.sss-filas .badge{white-space:nowrap}
.subnav2{margin-top:-4px;font-size:13px}.subnav2 a{padding:6px 10px}
tr.sss-varias td{background:#fffbeb}.sss-unif details table{margin-top:4px}.sss-unif details summary{cursor:pointer;color:var(--accent,#2563eb)}
.rol-badge.admin{background:#bfdbfe;color:#1e3a8a}.topbar .who a{color:#fff;opacity:.85;margin-left:6px}
.usr-acciones{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0}.usr-acciones form{border:1px solid var(--line);border-radius:8px;padding:8px 10px;display:flex;gap:6px;align-items:end;flex-wrap:wrap;background:#fafafa}
.usr-acciones label{font-size:12px}.usr-acciones input,.usr-acciones select{max-width:180px}
table.matriz td.m-no{color:#94a3b8}table.matriz td.m-ver{color:#92400e}table.matriz td.m-completo{color:var(--ok)}
fieldset.plain{border:0;padding:0;margin:0;min-width:0}.solo-ver{background:#fef3c7;color:#92400e;padding:8px 12px;border-radius:8px;margin:10px 0}
/* Cotejo de pagos */
.cotejo-kpis a.kpi{text-decoration:none;color:inherit;border:2px solid transparent}.cotejo-kpis a.kpi.sel{border-color:var(--brand2)}
.cotejo-kpis .cot-coincide .value{color:var(--ok)}.cotejo-kpis .cot-importe .value{color:#92400e}.cotejo-kpis .cot-no_aparece .value{color:var(--err)}.cotejo-kpis .cot-sin_cuit .value{color:#075985}
.cotejo-criterios{margin:6px 0 0 18px;padding:0}.cotejo-criterios li{margin:3px 0}.cotejo-tabla td{vertical-align:top}.warn-t{color:#92400e}