/* Pantalla Ventas */
.segs{display:flex;gap:7px;background:#0e0e11;border:1.5px solid var(--line);
  border-radius:15px;padding:5px}
.segs button{height:44px;padding:0 16px;border-radius:11px;border:0;background:transparent;
  color:var(--ink-2);font:800 14px Inter;cursor:pointer;white-space:nowrap}
.segs button[data-on]{background:var(--k);color:var(--kink)}

/* resumen: cobrado destacado, por cobrar en su propio color */
.r2{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:12px;margin-bottom:26px}
.r2 .b{background:linear-gradient(150deg,var(--k2),var(--k));color:var(--kink);
  border-radius:20px;padding:18px clamp(16px,2vw,22px)}
.r2 .b .v{font:900 clamp(32px,4.8vw,52px)/1 Archivo;letter-spacing:-.035em}
.r2 .b .l{font:800 11px Inter;text-transform:uppercase;letter-spacing:.13em;opacity:.62;margin-top:6px}
.r2 .p{background:#241017;border:1.5px solid #45202f;border-radius:20px;padding:18px clamp(16px,2vw,22px)}
.r2 .p .v{font:900 clamp(26px,3.6vw,42px)/1 Archivo;color:var(--k);letter-spacing:-.035em}
.r2 .p .l{font:800 11px Inter;text-transform:uppercase;letter-spacing:.13em;color:#a5677f;margin-top:6px}
.r2 .s{background:var(--card);border:1.5px solid var(--line);border-radius:20px;
  padding:18px clamp(16px,2vw,22px)}
.r2 .s .v{font:900 clamp(24px,3.2vw,36px)/1 Archivo}
.r2 .s .l{font:600 11px Inter;color:var(--ink-3);text-transform:uppercase;
  letter-spacing:.13em;margin-top:6px}

.sec{font:600 11px Inter;color:var(--ink-3);text-transform:uppercase;
  letter-spacing:.13em;margin:0 4px 12px}

/* historial: filas anchas con imagenes */
.vs{display:grid;gap:10px}
.vs .v{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;
  background:var(--card);border:1.5px solid var(--line);border-radius:18px;
  padding:13px clamp(14px,1.8vw,18px)}
.vs .v.deb{border-color:#3d2230}
.vs .hm{min-width:56px;height:56px;padding:0 12px;border-radius:16px;background:#1e1e25;
  display:grid;place-items:center;font:900 21px Archivo;color:var(--k);flex:none}
.vs .v.deb .hm{background:#2a1520}
.vs .ims{display:flex;align-items:center;min-width:0}
.vs .ims img{height:clamp(46px,5vw,58px);width:clamp(52px,5.6vw,64px);object-fit:contain;
  margin-left:-14px}
.vs .ims img:first-child{margin-left:0}
.vs .more{font:700 13px Inter;color:var(--ink-3);margin-left:8px;white-space:nowrap}
.vs .rt{text-align:right}
.vs .tt{font:900 clamp(24px,3vw,32px)/1 Archivo;letter-spacing:-.03em}
.vs .dt{font:600 12px Inter;color:var(--ink-3);margin-top:5px}
@media(max-width:760px){.r2{grid-template-columns:1fr 1fr}
  .r2 .b,.r2 .p{grid-column:span 1}}
@media(max-width:520px){.r2{grid-template-columns:1fr 1fr}
  .r2 .b{grid-column:1/-1}}