/* Pagos del portal (menú › Pagos del portal) y Configuración › Cuentas de pago de MundoMac e Interpay (tarea 17, 09-nov; empresas y USDT, 11-nov).
   Solo las fichas del tema «Consola Navy» de Index.html (:root), como entregas.css. */
[hidden]{display:none!important}
.pp-ayuda{margin:0 0 var(--e4);color:var(--tinta-2);font-size:var(--t-chico);max-width:80ch}
.pp-tenue{color:var(--tenue);font-size:var(--t-chico)}
.pp-datos{margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--e2) var(--e4)}
.pp-datos div{min-width:0}
.pp-datos dt{font-size:var(--t-chico);color:var(--tenue)}
.pp-datos dd{margin:0;font-weight:600;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.pp-chip{display:inline-block;padding:2px 10px;border-radius:var(--r-pastilla,999px);font-size:var(--t-chico);font-weight:700;background:var(--neutro-fondo);color:var(--neutro-texto);white-space:nowrap}
.pp-chip.ok{background:var(--bien-fondo);color:var(--bien-texto)}
.pp-chip.mal{background:var(--mal-fondo);color:var(--mal-texto)}
.pp-chip.esp{background:var(--atencion-fondo);color:var(--atencion-texto)}
.pp-ok{color:var(--bien-texto)}
.pp-ocr{margin:var(--e3) 0 0;padding:var(--e2) var(--e3);border-radius:var(--r-control);background:var(--info-fondo);color:var(--info-texto);font-size:var(--t-chico)}
.pp-ocr.difiere{background:var(--atencion-fondo);color:var(--atencion-texto)}
.pp-res{display:flex;flex-wrap:wrap;gap:var(--e1) var(--e4);margin-top:var(--e3);padding-top:var(--e3);border-top:1px solid var(--fila);font-size:var(--t-chico);color:var(--tinta-2)}
.pp-res b{font-variant-numeric:tabular-nums}
.pp-botones{display:flex;flex-wrap:wrap;gap:var(--e2);margin-top:var(--e3)}
.pp-botones .btn{margin:0}
.btn.rojo{background:var(--rojo);border-color:var(--rojo)}
.pp-cuenta-form h4{margin:0 0 var(--e3)}
.pp-campos{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--e3)}
.pp-campos label{display:flex;flex-direction:column;gap:4px;font-size:var(--t-chico);font-weight:600;color:var(--tinta-2)}
.pp-campos label.ancho{grid-column:1/-1}
.pp-campos input,.pp-campos select{min-height:var(--alto-control);border:1px solid var(--campo-borde);border-radius:var(--r-control);padding:0 var(--e3);font:inherit;background:var(--superficie);color:var(--tinta)}
.pp-campos small{font-weight:400;color:var(--tenue);font-size:var(--t-chico)}   /* <small> dentro de una etiqueta de 12 px bajaba a 10 px */
.pp-nw{white-space:nowrap}
.pp-err{margin:var(--e2) 0 0;color:var(--mal-texto);font-weight:600}
.pp-tabla{overflow-x:auto;padding:0}
.pp-tabla table{width:100%;border-collapse:collapse}
.pp-tabla th,.pp-tabla td{padding:var(--e2) var(--e3);border-top:1px solid var(--fila);text-align:left;vertical-align:top;font-size:var(--t-chico)}
.pp-tabla th{border-top:0;color:var(--tenue);font-weight:700}
.pp-tabla .pp-acc{white-space:nowrap;text-align:right;width:1%}
.pp-tabla .pp-acc .btn-ico+.btn-ico{margin-left:var(--e1)}
.pp-tabla td{vertical-align:middle}
.pp-inactiva td{color:var(--tenue)}   /* inactiva: texto en --tenue (5,4 a 1), no opacidad, para no bajar del contraste mínimo */
.pp-inactiva td b{color:var(--tinta-2)}
.pp-cuenta-form{margin-bottom:var(--e4)}
.pp-cta-campos{border:0;margin:0;padding:0;min-width:0}
.pp-cuenta-form .var-prog{margin:var(--e3) 0 0}
.pp-cuenta-form .pp-err{margin:0 0 var(--e3)}
.pp-dir{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;letter-spacing:.01em}
/* Cuentas por empresa: una tarjeta por empresa, con su título y su tabla */
.pp-cab-cuentas{align-items:flex-start}
.pp-cab-cuentas .pp-ayuda{margin:0;flex:1 1 360px}
.pp-cab-cuentas>.btn{margin:0;flex:none}
.pp-emp{margin-bottom:var(--e4)}
.pp-emp-tit{margin:0;padding:var(--e4) var(--e4) var(--e2);font-size:var(--t-sub);font-weight:800;color:var(--tinta)}
.pp-emp-vacio{margin:0;padding:0 var(--e4) var(--e4);color:var(--tenue);font-size:var(--t-cuerpo)}
.pp-emp .pp-sk-linea{margin:var(--e3) var(--e4)}
/* La red de USDT: bien visible junto al método (mandar por la red equivocada pierde el dinero) */
.pp-chip.pp-red{margin-left:var(--e1);border:1px solid var(--campo-borde);background:var(--superficie);color:var(--tinta);letter-spacing:.02em;vertical-align:1px}
.pp-emp-l{font-weight:600;color:var(--tinta-2)}
@media (max-width:700px){
  /* Botones del mismo ancho, de a dos */
  .pp-botones{display:grid;grid-template-columns:1fr 1fr}
  .pp-botones>.btn{width:100%;min-width:0}
  .pp-tabla .pp-acc .btn-ico{width:44px;height:44px}
  .pp-cab-cuentas>.btn{width:100%}
}

/* ---------- Grilla de pagos (rediseño 11-nov) ---------- */
.pp-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.pp-mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.95em;overflow-wrap:anywhere}
.pp-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.pp-l2{display:block;font-size:var(--t-chico);color:var(--tenue);font-weight:500;white-space:normal}
.badge.pp-rev{background:var(--neutro-fondo);color:var(--neutro-texto)}
.pp-filtros{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--e3);margin:0 0 var(--e4);padding:var(--e3) var(--e4);background:var(--superficie);border:1px solid var(--linea);border-radius:var(--r-tarjeta);box-shadow:var(--sombra)}
.pp-filtros label{display:flex;flex-direction:column;gap:4px;margin:0;font-size:var(--t-chico);font-weight:600;color:var(--tinta-2)}
.pp-filtros input,.pp-filtros select{margin:0;min-height:var(--alto-control);border:1px solid var(--campo-borde);border-radius:var(--r-control);padding:0 var(--e3);font:inherit;background:var(--superficie);color:var(--tinta)}
.pp-filtros .pp-f-q{flex:1 1 220px}
.pp-filtros>.btn{margin:0!important;height:var(--alto-control);min-height:var(--alto-control);align-self:flex-end}
.pp-solo-movil{display:none!important}
.pp-nota-filtro{margin:0 0 var(--e2)}
.pp-grid{background:var(--superficie);border:1px solid var(--linea);border-radius:var(--r-tarjeta);box-shadow:var(--sombra);overflow:auto;max-height:calc(100vh - 290px);min-height:200px}
.pp-grid:focus-visible{outline:none;box-shadow:var(--anillo)}
.pp-tbl{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--t-cuerpo)}
.pp-tbl thead th{position:sticky;top:0;z-index:1;background:var(--superficie-2);border-bottom:1px solid var(--linea);padding:0;text-align:left;font-size:var(--t-chico);color:var(--tinta-2);font-weight:700;white-space:nowrap}
.pp-tbl thead th:not(:has(button)){padding:var(--e3)}
.pp-orden{display:inline-flex;align-items:center;gap:6px;width:100%;padding:var(--e3);border:0;background:none;font:inherit;color:inherit;cursor:pointer;text-align:left}
.pp-orden:hover{color:var(--accion-texto)}
.pp-orden:focus-visible{outline:none;box-shadow:inset var(--anillo);border-radius:var(--r-control)}
.pp-orden.on{color:var(--accion-texto)}
.pp-orden::after{content:"↕";font-size:10px;opacity:.35}
.pp-orden[data-dir=asc]::after{content:"▲";opacity:.8}
.pp-orden[data-dir=desc]::after{content:"▼";opacity:.8}
.pp-tbl td{padding:var(--e3);border-bottom:1px solid var(--fila);vertical-align:top;text-align:left}
.pp-tbl td.pp-num{text-align:right}
.pp-tbl tbody tr:last-child td{border-bottom:0}
.pp-fila{cursor:pointer}
.pp-fila:hover td{background:var(--fila-hover)}
.pp-fila:focus-within td{background:var(--accion-suave)}
.pp-col-ver{text-align:right;width:1%}
.pp-ver{margin:0;min-height:36px;min-width:64px}
.pp-sk{display:block;height:14px;border-radius:6px;background:linear-gradient(90deg,var(--fila) 0%,var(--superficie-2) 50%,var(--fila) 100%);background-size:200% 100%;animation:pp-brillo 1.2s ease-in-out infinite}
.pp-sk-fila td:nth-child(2n) .pp-sk{width:70%}
@keyframes pp-brillo{from{background-position:200% 0}to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.pp-sk{animation:none}}
.pp-paginas{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--e3);margin-top:var(--e3)}
.pp-pag-bot{display:flex;align-items:center;gap:var(--e2)}
.pp-pag-bot .btn{margin:0;min-height:36px}
.pp-pag-bot span{font-weight:600;color:var(--tinta-2);padding:0 var(--e2)}

/* ---------- Panel lateral «Ver pago» ---------- */
.pp-panel{margin:0 0 0 auto;padding:0;border:0;width:min(1120px,100vw);max-width:100vw;height:100vh;height:100dvh;max-height:none;background:var(--fondo);color:var(--tinta);box-shadow:var(--sombra-alta)}
.pp-panel::backdrop,.pp-modal::backdrop{background:rgba(10,22,40,.55)}
.pp-panel[open]{animation:pp-entra .18s ease-out}
@keyframes pp-entra{from{transform:translateX(24px);opacity:.6}}
@media (prefers-reduced-motion:reduce){.pp-panel[open]{animation:none}}
.pp-p-in{display:flex;flex-direction:column;height:100%}
.pp-p-cab{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--e3);padding:var(--e4) var(--e5);background:var(--superficie);border-bottom:1px solid var(--linea)}
.pp-p-cab h2{margin:0;font-size:var(--t-titulo)}
.pp-p-sub{margin:var(--e1) 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:var(--e2);color:var(--tinta-2)}
.pp-p-cab .btn{margin:0}
.pp-p-cuerpo{flex:1;overflow:auto;padding:var(--e5);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--e5);align-items:start}
.pp-p-cuerpo[aria-busy]{display:flex;flex-direction:column;gap:var(--e3)}
.pp-sk-linea{height:18px}
.pp-p-col{display:flex;flex-direction:column;gap:var(--e4);min-width:0}
.pp-p-col>.box{margin:0}
.pp-p-cuerpo section{background:var(--superficie);border:1px solid var(--linea);border-radius:var(--r-tarjeta);padding:var(--e4)}
.pp-p-cuerpo h3{margin:0 0 var(--e3);font-size:var(--t-sub)}
.pp-p-visor{position:sticky;top:0}
.pp-p-visor iframe{width:100%;height:70vh;border:0;border-radius:var(--r-control);background:var(--fila)}
.pp-img{display:block;width:100%;padding:0;border:0;background:var(--fila);border-radius:var(--r-control);cursor:zoom-in;overflow:auto;max-height:70vh}
.pp-img img{display:block;max-width:100%;margin:0 auto}
.pp-img.pp-zoom{cursor:zoom-out}
.pp-img.pp-zoom img{max-width:none;width:200%}
.pp-img:focus-visible{outline:none;box-shadow:var(--anillo)}
.pp-visor-pie{margin:var(--e2) 0 0;font-size:var(--t-chico)}
.pp-visor-vacio{padding:var(--e6);text-align:center;color:var(--tenue);background:var(--fila);border-radius:var(--r-control)}
.pp-sk-visor{height:50vh;border-radius:var(--r-control)}
.pp-monto-chico{font-size:var(--t-sub);font-weight:800}
.pp-marcas{width:100%;border-collapse:collapse;margin-top:var(--e3);font-size:var(--t-chico)}
.pp-marcas th,.pp-marcas td{padding:6px var(--e2);border-top:1px solid var(--fila);text-align:left}
.pp-marcas thead th{border-top:0;color:var(--tenue)}
.pp-marcas tbody th{font-weight:600;color:var(--tinta-2)}
.pp-dups{margin:var(--e2) 0 0;padding-left:var(--e5)}
.pp-hist{list-style:none;margin:0;padding:0 0 0 var(--e4);border-left:2px solid var(--linea)}
.pp-h-it{position:relative;padding:0 0 var(--e4) var(--e3)}
.pp-h-it:last-child{padding-bottom:0}
.pp-h-it::before{content:"";position:absolute;left:calc(-1 * var(--e4) - 7px);top:4px;width:12px;height:12px;border-radius:50%;background:var(--superficie);border:2px solid var(--neutro-texto)}
.pp-h-conciliado::before{border-color:var(--bien-texto);background:var(--bien-fondo)}
.pp-h-rechazado::before{border-color:var(--mal-texto);background:var(--mal-fondo)}
.pp-h-editado::before{border-color:var(--accion-texto);background:var(--info-fondo)}
.pp-h-reversado::before{border-color:var(--atencion-texto);background:var(--atencion-fondo)}
.pp-h-cab{display:flex;flex-wrap:wrap;gap:var(--e1) var(--e3);align-items:baseline}
.pp-h-mot{margin:var(--e1) 0 0}
.pp-diff{margin:var(--e2) 0 0;padding:var(--e2) var(--e3);list-style:none;background:var(--superficie-2);border:1px solid var(--fila);border-radius:var(--r-control);font-size:var(--t-chico)}
.pp-diff li+li{margin-top:4px}
.pp-diff-k{font-weight:700;color:var(--tinta-2)}
del{color:var(--mal-texto);text-decoration:line-through}
ins{color:var(--bien-texto);text-decoration:none;font-weight:700}
.pp-p-pie{display:flex;flex-wrap:wrap;gap:var(--e3);align-items:flex-start;padding:var(--e3) var(--e5);padding-bottom:calc(var(--e3) + env(safe-area-inset-bottom,0px));background:var(--superficie);border-top:1px solid var(--linea)}
.pp-acc-it{display:flex;flex-direction:column;gap:4px;max-width:260px}
.pp-acc-it .btn{margin:0}
.pp-acc-it .btn.principal{min-width:160px}
.pp-no{font-size:var(--t-chico);color:var(--tinta-2);line-height:1.35}
.btn.sec.pp-peligro{color:var(--mal-texto)}
.btn.sec.pp-peligro:hover:not(:disabled){background:var(--mal-fondo);border-color:var(--mal-fondo)}
.btn:disabled{opacity:.55;cursor:not-allowed}

/* ---------- Modal de confirmación (uno para todas las acciones) ---------- */
.pp-modal{padding:0;border:0;width:min(560px,94vw);max-height:92vh;border-radius:var(--r-tarjeta);box-shadow:var(--sombra-alta);background:var(--superficie);color:var(--tinta)}
.pp-m{display:flex;flex-direction:column;max-height:92vh}
.pp-m-cab{display:flex;justify-content:space-between;align-items:center;gap:var(--e3);padding:var(--e4) var(--e5) var(--e2)}
.pp-m-cab h2{margin:0;font-size:var(--t-titulo)}
.pp-x-m{width:40px;height:40px;border:0;border-radius:50%;background:none;font-size:18px;color:var(--tinta-2);cursor:pointer}
.pp-x-m:hover{background:var(--fila)}
.pp-x-m:focus-visible{outline:none;box-shadow:var(--anillo)}
.pp-m-cuerpo{padding:0 var(--e5) var(--e3);overflow:auto;display:flex;flex-direction:column;gap:var(--e3)}
.pp-m-res{margin:0;color:var(--tinta-2);overflow-wrap:anywhere}
@media (max-width:700px){.pp-x-m{width:44px;height:44px}}
.pp-m-campos{border:0;margin:0;padding:0;min-width:0}
.pp-m-campos .pp-campos{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.pp-campos textarea{min-height:72px;border:1px solid var(--campo-borde);border-radius:var(--r-control);padding:var(--e2) var(--e3);font:inherit;background:var(--superficie);color:var(--tinta);resize:vertical}
.pp-campos input:focus,.pp-campos select:focus,.pp-campos textarea:focus,.pp-filtros input:focus,.pp-filtros select:focus{outline:none;border-color:var(--accion);box-shadow:var(--anillo)}
.pp-campos [aria-invalid=true]{border-color:var(--mal-texto)}
.pp-ferr{color:var(--mal-texto)!important;font-weight:600!important}
.pp-ferr:empty{display:none}
.pp-check{flex-direction:row!important;align-items:flex-start;gap:var(--e2)!important;padding:var(--e2) var(--e3);background:var(--atencion-fondo);color:var(--atencion-texto)!important;border-radius:var(--r-control)}
.pp-check input{min-height:0!important;width:18px;height:18px;margin-top:1px}
.pp-cambios{margin:0;padding:var(--e2) var(--e3);background:var(--info-fondo);color:var(--info-texto);border-radius:var(--r-control);font-size:var(--t-chico)}
.pp-cambios ul{margin:4px 0 0;padding-left:var(--e5)}
.pp-cambios del,.pp-cambios ins{color:inherit}
.pp-efectos{padding:var(--e3) var(--e4);border:1px solid var(--mal-texto);border-left-width:4px;border-radius:var(--r-control);background:var(--mal-fondo);color:var(--mal-texto)}
.pp-efectos ul{margin:var(--e2) 0 0;padding-left:var(--e5)}
.pp-efectos li+li{margin-top:4px}
#ppModalPrevio:empty,#ppModalVista:empty{display:none}
.pp-m-cuerpo .box{margin:0}
.pp-m-pie{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--e3);padding:var(--e3) var(--e5) var(--e4);border-top:1px solid var(--fila)}
.pp-m-pie .pp-botones{margin:0;margin-left:auto}
.pp-m-pie .btn.principal{min-width:140px}
.pp-falta{margin:0;flex:1 1 200px;font-size:var(--t-chico);color:var(--tinta-2)}
.pp-falta:empty{display:none}

@media (max-width:900px){
  .pp-p-cuerpo{grid-template-columns:1fr}
  .pp-p-visor{position:static;order:-1}
  .pp-p-visor iframe{height:55vh}
  .pp-img{max-height:45vh}
}
/* Teléfono: la grilla pasa a tarjetas */
@media (max-width:760px){
  .pp-solo-movil{display:flex!important}
  .pp-filtros{padding:var(--e3)}
  .pp-filtros label{flex:1 1 140px}
  .pp-grid{max-height:none}
  .pp-tbl thead th{position:static}
  .pp-ver{width:100%}
  .pp-paginas{justify-content:center}
  .pp-pag-bot{flex-wrap:wrap;justify-content:center}
  .pp-p-cab,.pp-p-cuerpo{padding:var(--e3)}
  .pp-p-pie{padding:var(--e3)}
  .pp-acc-it{flex:1 1 140px;max-width:none}
  .pp-acc-it .btn,.pp-acc-it .btn.principal{width:100%;min-width:0}
  .pp-modal{width:100vw;max-width:100vw;max-height:100dvh;margin:auto 0 0;border-radius:var(--r-tarjeta) var(--r-tarjeta) 0 0}
}
.pp-m-campos label,.pp-m-campos input,.pp-m-campos select,.pp-m-campos textarea{margin:0}
.pp-tbl td:first-child{white-space:nowrap}