:root{--verde:#0f7a43;--verde-osc:#0b5e33;--tinta:#13261a;--gris:#56675b;--claro:#8a968d;--borde:#dde5df;--fondo:#f6f8f6;--rojo:#a8412f;--ambar:#8a5a00}*{box-sizing:border-box}html,body{color:var(--tinta);-webkit-text-size-adjust:100%;background:#fff;margin:0;font:16px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button,input,select{font:inherit;color:inherit}#app{max-width:520px;min-height:100dvh;padding-bottom:env(safe-area-inset-bottom);margin:0 auto}.entrar{flex-direction:column;align-items:center;padding:48px 20px;display:flex}.entrar .logo{width:120px}.entrar h1{color:var(--gris);margin:12px 0 28px;font-size:22px;font-weight:600}.entrar form{flex-direction:column;gap:16px;width:100%;display:flex}.entrar label{color:var(--gris);flex-direction:column;gap:6px;font-size:14px;display:flex}.barra{border-bottom:1px solid var(--borde);z-index:2;background:#fff;align-items:center;gap:10px;padding:12px 16px;display:flex;position:sticky;top:0}.logo-chico{height:26px}.quien{flex:1;font-size:15px;font-weight:600}.pestanas{border-bottom:1px solid var(--borde);grid-template-columns:1fr 1fr;display:grid}.pestanas button{color:var(--claro);background:0 0;border:0;border-bottom:3px solid #0000;padding:14px 8px;font-weight:600}.pestanas button[aria-selected=true]{color:var(--verde);border-bottom-color:var(--verde)}main#cuerpo{padding:16px}form#f-pago{flex-direction:column;gap:18px;display:flex}.campo{flex-direction:column;gap:6px;display:flex}.campo>label{color:var(--gris);font-size:14px;font-weight:600}input,select{border:1.5px solid var(--borde);background:#fff;border-radius:10px;width:100%;min-height:50px;padding:12px 14px;font-size:17px}input:focus,select:focus{border-color:var(--verde);outline:none;box-shadow:0 0 0 3px #0f7a431f}.campo.mal input,.campo.mal select,.campo.mal .foto{border-color:var(--rojo)}.error{color:var(--rojo);margin:0;font-size:14px}.ayuda{color:var(--claro);margin:0;font-size:13px}.centro{text-align:center}.opciones{border:1px solid var(--borde);border-radius:10px;margin:0;padding:0;list-style:none;overflow:hidden}.opciones:empty{display:none}.opciones li+li{border-top:1px solid var(--borde)}.opciones button{text-align:left;background:#fff;border:0;flex-direction:column;width:100%;padding:12px 14px;display:flex}.opciones button:active{background:var(--fondo)}.opciones small,.elegido small{color:var(--claro);font-size:13px}.opciones .vacio{color:var(--ambar);padding:12px 14px;font-size:14px}.elegido{border:1.5px solid var(--verde);background:#f3faf6;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.elegido span{flex-direction:column;min-width:0;display:flex}.foto{border:1.5px dashed var(--borde);min-height:120px;color:var(--verde);cursor:pointer;border-radius:10px;place-items:center;font-weight:600;display:grid;overflow:hidden}.foto.lista{border-style:solid;border-color:var(--verde)}.foto img{object-fit:contain;background:var(--fondo);width:100%;max-height:260px}.primario,.secundario{border-radius:10px;min-height:52px;padding:12px 18px;font-size:17px;font-weight:700}.primario{background:var(--verde);color:#fff;border:0}.primario:active{background:var(--verde-osc)}.primario:disabled{opacity:.5}.secundario{border:1.5px solid var(--borde);background:#fff}.enlace{color:var(--verde);background:0 0;border:0;padding:6px;font-weight:600}dialog.confirmar{border:0;border-radius:16px;width:min(92vw,440px);padding:20px}dialog.confirmar::backdrop{background:#13261a73}dialog.confirmar h2{margin:0 0 12px;font-size:19px}dialog dl{grid-template-columns:auto 1fr;gap:8px 14px;margin:0 0 18px;display:grid}dialog dt{color:var(--claro);font-size:14px}dialog dd{text-align:right;word-break:break-word;margin:0;font-weight:600}dialog dd.grande{color:var(--verde);font-size:20px}.botones{grid-template-columns:1fr 1fr;gap:10px;display:grid}.cabeza-lista{justify-content:space-between;align-items:center;display:flex}.cabeza-lista h2{margin:0;font-size:18px}.envivo{color:var(--verde);margin-left:auto;margin-right:8px;font-size:12.5px;font-weight:600}.envivo.si:before{content:"";background:var(--verde);vertical-align:1px;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.lista{margin:12px 0 0;padding:0;list-style:none}.pago{border-top:1px solid var(--borde);justify-content:space-between;gap:12px;padding:14px 2px;display:flex}.pago>div:first-child{flex-direction:column;min-width:0;display:flex}.pago small{color:var(--claro);font-size:13px}.derecha{white-space:nowrap;flex-direction:column;align-items:flex-end;gap:4px;display:flex}.monto{font-variant-numeric:tabular-nums;font-weight:700}.estado{background:var(--fondo);color:var(--gris);border-radius:999px;padding:2px 10px;font-size:13px;font-weight:700}.validado .estado{color:var(--verde);background:#e5f4ec}.devuelto .estado{color:var(--rojo);background:#f8e9e6}.cola .estado{color:var(--ambar);background:#fbf1dc}.motivo{color:var(--rojo);margin:6px 0 0;font-size:14px}.aviso{left:50%;bottom:calc(18px + env(safe-area-inset-bottom));color:#fff;z-index:10;border-radius:12px;width:min(92vw,480px);padding:14px 16px;font-weight:600;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #0000002e}.aviso.ok{background:var(--verde)}.aviso.mal{background:var(--rojo)}.aviso.cola{background:var(--ambar)}.campo.facturas small{color:var(--claro);font-weight:400}.lista-facturas{border:1px solid var(--borde);border-radius:10px;margin:0;padding:0;list-style:none;overflow:hidden}.lista-facturas li+li{border-top:1px solid var(--borde)}.lista-facturas li.marcada{background:#f3faf6}.fila-factura{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.fila-factura input{width:22px;height:22px;min-height:22px}.fila-factura span:nth-child(2){flex-direction:column;font-size:14px;display:flex}.detalle-factura{grid-template-columns:1fr 1fr;gap:8px;padding:0 12px 10px;display:grid}.detalle-factura label{color:var(--gris);flex-direction:column;gap:4px;font-size:12.5px;display:flex}.detalle-factura input,.detalle-factura select{min-height:42px;padding:8px 10px;font-size:16px}.lista-facturas .error{padding:0 12px 10px}.debia{margin:4px 0 0;font-size:15px}.debia small{color:var(--claro)}.cuadra{color:var(--verde);margin:0;font-size:14px;font-weight:600}.no-cuadra{color:var(--ambar);margin:0;font-size:14px}.confirmado .estado{background:var(--verde);color:#fff}.lista-clientes{overscroll-behavior:contain;max-height:min(52vh,420px);overflow-y:auto}.lista-clientes:empty,#cuantos:empty{display:none}.lista-facturas li.negocio{background:var(--fondo-suave,#f4f6f8);padding:.45rem .75rem;font-size:.85rem;font-weight:700}.otros-negocios{margin:0 0 .4rem;padding:0;list-style:none}.otros-negocios li{border:1px solid var(--borde);border-radius:10px;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.35rem;padding:.45rem .6rem;display:flex}.otros-negocios li span{flex-direction:column;display:flex}.otros-negocios small{color:var(--suave,#667)}.dos-opciones{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.dos-opciones button{border:1px solid var(--borde);min-height:46px;font:inherit;background:#fff;border-radius:10px;font-weight:600}.dos-opciones button.on{background:var(--verde,#1b5e3b);border-color:var(--verde,#1b5e3b);color:#fff}.dos-opciones button.on.abono{background:#b42318;border-color:#b42318}