html,body,#root{height:100%;margin:0}:root{--fondo:#10151a;--panel:#171e25;--panel-alto:#1e272f;--linea:#2a353f;--texto:#e8eef2;--texto-2:#9aa9b4;--acento:#0a6c5a;--acento-claro:#4cc3a6;--peligro:#e8737b;--radio:10px}*{box-sizing:border-box}body{background:var(--fondo);color:var(--texto);-webkit-font-smoothing:antialiased;overscroll-behavior:none;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}button{font:inherit;cursor:pointer}.tpv{grid-template-columns:11rem 1fr 24rem;grid-template-areas:"familias catalogo ticket";height:100dvh;display:grid;overflow:hidden}.familias{background:var(--panel);border-right:1px solid var(--linea);flex-direction:column;grid-area:familias;gap:2px;padding:.5rem;display:flex;overflow-y:auto}.familia{color:var(--texto-2);text-align:left;background:0 0;border:0;border-left:3px solid #0000;border-radius:6px;min-height:3.5rem;padding:1rem .85rem;font-size:.98rem;font-weight:500}.familia:hover{background:var(--panel-alto)}.familia.activa{background:var(--panel-alto);border-left-color:var(--familia-color);color:var(--texto)}.familia:focus-visible,.articulo:focus-visible,button:focus-visible{outline:2px solid var(--acento-claro);outline-offset:2px}.catalogo{grid-area:catalogo;padding:1rem;overflow-y:auto}.rejilla{grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.75rem;display:grid}.articulo{background:var(--panel);border:1px solid var(--linea);border-top:3px solid var(--familia-color);border-radius:var(--radio);color:var(--texto);text-align:center;flex-direction:column;align-items:center;gap:.3rem;min-height:8.5rem;padding:.85rem .6rem;transition:transform 60ms,background .12s;display:flex}.articulo:hover{background:var(--panel-alto)}.articulo:active{transform:scale(.97)}.articulo .icono{font-size:2rem;line-height:1.1}.articulo .icono img{object-fit:cover;border-radius:6px;width:3rem;height:3rem}.articulo .nombre{flex:1;align-items:center;font-size:.9rem;font-weight:500;line-height:1.25;display:flex}.articulo .precio{font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:700}.articulo .iva{color:var(--texto-2);letter-spacing:.04em;font-size:.68rem}.ticket{background:var(--panel);border-left:1px solid var(--linea);flex-direction:column;grid-area:ticket;min-height:0;display:flex}.ticket-cabecera{border-bottom:1px solid var(--linea);justify-content:space-between;align-items:baseline;padding:1rem 1rem .6rem;display:flex}.ticket-cabecera h1{margin:0;font-size:1.05rem;font-weight:600}.enlace{color:var(--texto-2);background:0 0;border:0;padding:0;font-size:.84rem;text-decoration:underline}.enlace:hover{color:var(--peligro)}.agente{letter-spacing:.02em;border:1px solid var(--linea);color:var(--texto-2);white-space:nowrap;border-radius:999px;padding:.15rem .5rem;font-size:.72rem}.agente.conectado{color:var(--acento-claro);border-color:var(--acento)}.agente.ausente{color:var(--peligro);border-color:var(--peligro)}.aviso{color:var(--texto);background:color-mix(in srgb, var(--peligro) 18%, var(--panel));border-bottom:1px solid var(--linea);justify-content:space-between;align-items:center;gap:.75rem;margin:0;padding:.6rem 1rem;font-size:.84rem;line-height:1.35;display:flex}.lineas{flex:1;min-height:0;padding:.5rem;overflow-y:auto}.vacio{color:var(--texto-2);text-align:center;margin:0;padding:2.5rem 1rem;font-size:.9rem}.linea{border-bottom:1px solid var(--linea);grid-template-columns:1fr auto 4rem;align-items:center;gap:.5rem;padding:.55rem .5rem;display:grid}.linea-datos{flex-direction:column;gap:.1rem;min-width:0;display:flex}.linea-nombre{font-size:.92rem;font-weight:500}.linea-detalle{color:var(--texto-2);font-variant-numeric:tabular-nums;font-size:.74rem}.linea-controles{gap:.25rem;display:flex}.linea-controles button{background:var(--panel-alto);border:1px solid var(--linea);width:2rem;height:2rem;color:var(--texto);border-radius:6px;font-size:1.1rem;line-height:1}.linea-controles button:hover{background:var(--linea)}.linea-importe{text-align:right;font-variant-numeric:tabular-nums;font-size:.95rem;font-weight:600}.desglose{border-top:1px solid var(--linea);color:var(--texto-2);padding:.5rem 1rem;font-size:.76rem}.desglose-fila{font-variant-numeric:tabular-nums;grid-template-columns:auto 1fr auto 1fr;gap:.4rem;padding:.12rem 0;display:grid}.desglose-fila span:nth-child(2n){text-align:right}.totales{border-top:1px solid var(--linea);background:var(--panel-alto);padding:.75rem 1rem 1rem}.total-fila{color:var(--texto-2);font-variant-numeric:tabular-nums;justify-content:space-between;padding:.15rem 0;font-size:.86rem;display:flex}.total-fila.total{color:var(--texto);border-top:1px solid var(--linea);margin-top:.35rem;padding-top:.5rem;font-size:1.5rem;font-weight:700}.cobrar{background:var(--acento);color:#fff;border-radius:var(--radio);font-variant-numeric:tabular-nums;border:0;width:100%;margin-top:.85rem;padding:1.15rem;font-size:1.05rem;font-weight:600}.cobrar:hover:not(:disabled){background:#0c8a72}.cobrar:disabled{background:var(--linea);color:var(--texto-2);cursor:not-allowed}.modal-fondo{z-index:10;background:#060a0dc7;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--linea);border-radius:14px;flex-direction:column;gap:1rem;width:min(28rem,100%);padding:1.5rem;display:flex}.modal h2{font-variant-numeric:tabular-nums;margin:0;font-size:1.3rem}.medio{background:var(--panel-alto);border:1px solid var(--linea);border-radius:var(--radio);width:100%;color:var(--texto);padding:1rem;font-size:1rem}.medio:hover{border-color:var(--acento-claro)}.efectivo{flex-direction:column;gap:.5rem;display:flex}.efectivo label{color:var(--texto-2);font-size:.82rem}.sugerencias{flex-wrap:wrap;gap:.4rem;display:flex}.sugerencias button{background:var(--panel-alto);border:1px solid var(--linea);color:var(--texto);font-variant-numeric:tabular-nums;border-radius:6px;flex:4rem;padding:.6rem}.sugerencias button:hover{border-color:var(--acento-claro)}.efectivo input{text-align:right;background:var(--fondo);border:1px solid var(--linea);border-radius:var(--radio);color:var(--texto);font-variant-numeric:tabular-nums;padding:.8rem;font-size:1.25rem}.cambio{color:var(--acento-claro);font-variant-numeric:tabular-nums;margin:0;font-size:1.1rem;font-weight:600}.cambio.insuficiente{color:var(--peligro)}.modal-acciones{gap:.6rem;display:flex}.modal-acciones button{border-radius:var(--radio);border:1px solid var(--linea);flex:1;padding:.9rem;font-weight:600}.secundario{color:var(--texto-2);background:0 0}.primario{background:var(--acento);color:#fff;border-color:var(--acento)}.primario:disabled{background:var(--linea);color:var(--texto-2);cursor:not-allowed}.nota{color:var(--texto-2);text-align:center;margin:0;font-size:.76rem}@media (width<=60rem){.tpv{grid-template:"familias""catalogo"1fr"ticket"/1fr}.familias{border-right:0;border-bottom:1px solid var(--linea);flex-direction:row;overflow-x:auto}.familia{text-align:center;border-bottom:3px solid #0000;border-left:0;min-width:7rem}.familia.activa{border-left:0;border-bottom-color:var(--familia-color)}.ticket{border-left:0;border-top:1px solid var(--linea);max-height:55dvh}}.config-abrir{border-top:1px solid var(--linea);color:var(--texto-2);border-left:3px solid #0000;margin-top:auto}.config{grid-template-columns:15rem 1fr;height:100dvh;display:grid;overflow:hidden}.config-nav{background:var(--panel);border-right:1px solid var(--linea);flex-direction:column;gap:2px;padding:.5rem;display:flex;overflow-y:auto}.config-volver{border-bottom:1px solid var(--linea);color:var(--texto);border-radius:0;margin-bottom:.5rem;padding:1rem .85rem;font-weight:600;text-decoration:none}.config-seccion{color:var(--texto-2);text-align:left;background:0 0;border:0;border-left:3px solid #0000;border-radius:6px;flex-direction:column;gap:.2rem;padding:.9rem .85rem;font-size:.95rem;display:flex}.config-seccion:hover:not(:disabled){background:var(--panel-alto)}.config-seccion.activa{background:var(--panel-alto);border-left-color:var(--acento-claro);color:var(--texto)}.config-seccion:disabled{cursor:not-allowed;opacity:.55}.proximamente{letter-spacing:.04em;text-transform:uppercase;color:var(--texto-2);font-size:.68rem}.config-panel{padding:clamp(1.25rem,3vw,2.5rem);overflow-y:auto}.ajustes{flex-direction:column;gap:1.1rem;max-width:32rem;display:flex}.ajustes h2{margin:0;font-size:1.4rem}.ajustes-sub{color:var(--texto-2);margin:-.6rem 0 0;font-size:.9rem}.campo{flex-direction:column;gap:.4rem;display:flex}.campo label{color:var(--texto);font-size:.85rem;font-weight:600}.campo input,.campo select{background:var(--panel);border:1px solid var(--linea);border-radius:var(--radio);color:var(--texto);padding:.8rem .9rem;font-size:1rem}.campo select:disabled{opacity:.6}.ayuda{color:var(--texto-2);margin:0;font-size:.78rem}.ayuda code{background:var(--panel-alto);border-radius:4px;padding:.1rem .3rem;font-size:.9em}.prueba-conexion{border-radius:var(--radio);border:1px solid var(--linea);background:var(--panel);color:var(--texto-2);padding:.8rem 1rem;font-size:.88rem}.prueba-conexion.ok{color:var(--acento-claro);border-color:var(--acento)}.prueba-conexion.error{color:var(--peligro);border-color:var(--peligro)}.ajustes-acciones{flex-wrap:wrap;gap:.6rem;display:flex}.ajustes-acciones button{border-radius:var(--radio);border:1px solid var(--linea);padding:.8rem 1.1rem;font-weight:600}.ajustes-acciones .primario{flex:8rem}@media (width<=50rem){.config{grid-template-rows:auto 1fr;grid-template-columns:1fr}.config-nav{border-right:0;border-bottom:1px solid var(--linea);flex-direction:row;overflow-x:auto}.config-volver{border-bottom:0;margin-bottom:0}}.ajustes-ancho{max-width:46rem}.ajustes-seccion{background:var(--panel);border:1px solid var(--linea);border-radius:12px;flex-direction:column;gap:1rem;margin-top:1.5rem;padding:1.25rem;display:flex}.ajustes-seccion h3{margin:0;font-size:1.05rem}.campo-fila{flex-wrap:wrap;gap:.8rem;display:flex}.campo-fila .campo{flex:9rem}.campo-color,.campo-orden{flex:0 0 5rem!important}.campo textarea{background:var(--panel);border:1px solid var(--linea);border-radius:var(--radio);color:var(--texto);resize:vertical;padding:.8rem .9rem;font-family:inherit;font-size:.95rem}.campo input[type=color]{height:2.7rem;padding:.3rem}.campo-check{color:var(--texto);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.campo-check input{width:1.1rem;height:1.1rem}.separador{border:0;border-top:1px solid var(--linea);margin:.2rem 0}.estado-token{font-weight:600}.estado-token.si{color:var(--acento-claro)}.estado-token.no{color:var(--peligro)}.etiqueta{letter-spacing:.04em;text-transform:uppercase;color:var(--texto-2);background:var(--panel-alto);border-radius:999px;padding:.1rem .5rem;font-size:.68rem}.lista-impresoras,.lista-familias,.lista-articulos{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.lista-impresoras li,.lista-familias li,.lista-articulos li{background:var(--panel-alto);border-radius:8px;justify-content:space-between;align-items:center;gap:.8rem;padding:.7rem .9rem;display:flex}.impresora-datos,.articulo-datos{flex-direction:column;gap:.15rem;min-width:0;display:flex}.impresora-acciones{flex-shrink:0;gap:.8rem;display:flex}.impresora-acciones .peligro{color:var(--peligro)}.impresora-form{background:var(--fondo);border:1px solid var(--linea);border-radius:var(--radio);flex-direction:column;gap:.9rem;padding:1rem;display:flex}.familia-color{border-radius:50%;flex-shrink:0;width:1rem;height:1rem}.familia-nombre{flex:1;font-weight:500}.tpv-cargando{background:var(--fondo);height:100dvh;color:var(--texto-2);place-items:center;display:grid}.aviso-catalogo{border-radius:var(--radio);justify-content:center;margin-bottom:1rem}