:root{--color-fondo: #f2f4f7;--color-texto: #141a22;--color-barra: #141a22;--color-acento: #e4572e;--color-cocina: #c98a1a;--color-bar: #1f5fbf;--color-borde: #d7dce3;--color-blanco: #ffffff;--color-error: #c0392b;--color-exito: #2f7d4f;--radio: 12px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Manrope,system-ui,sans-serif;font-size:16px;color:var(--color-texto);background:var(--color-fondo)}body.modo-evento{overscroll-behavior-y:contain;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}body.modo-evento input,body.modo-evento textarea{-webkit-user-select:text;user-select:text}h1,h2,h3{margin:0 0 8px}button,input,select{font-family:inherit;font-size:16px}button{cursor:pointer;min-height:48px;border-radius:var(--radio);border:1px solid var(--color-borde);background:var(--color-blanco);color:var(--color-texto);padding:10px 18px;transition:background .15s ease,border-color .15s ease}button:hover{border-color:var(--color-acento)}button:disabled{opacity:.5;cursor:not-allowed}.boton-primario{background:var(--color-acento);border-color:var(--color-acento);color:var(--color-blanco);font-weight:700}.boton-primario:hover{background:#c94a24}.boton-peligro{background:var(--color-error);border-color:var(--color-error);color:var(--color-blanco)}input,select{min-height:48px;padding:8px 14px;border-radius:var(--radio);border:1px solid var(--color-borde);background:var(--color-blanco);color:var(--color-texto);width:100%}input:focus,select:focus,button:focus{outline:3px solid #9fb8e8;outline-offset:1px}.barra-superior{background:var(--color-barra);color:var(--color-blanco);padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.barra-superior h1{font-size:20px;margin:0}.barra-superior a,.barra-superior button{color:var(--color-blanco)}.pestanas{display:flex;gap:10px;padding:14px 20px 0;flex-wrap:wrap}.pestanas button{font-weight:700;min-width:140px}.pestanas button.activa{background:var(--color-acento);border-color:var(--color-acento);color:var(--color-blanco)}.leyenda{display:flex;gap:18px;flex-wrap:wrap;padding:12px 20px;font-size:14px;align-items:center}.leyenda .muestra{display:inline-block;width:18px;height:18px;border-radius:5px;margin-right:6px;vertical-align:middle}.grid-mesas{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;padding:10px 20px 24px}.tarjeta-mesa{min-height:110px;border-radius:var(--radio);border:2px solid var(--color-borde);background:var(--color-blanco);padding:12px;text-align:left;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;font-weight:600}.tarjeta-mesa .numero{font-size:22px;font-weight:800}.tarjeta-mesa.inactiva{opacity:.35;cursor:not-allowed}.tarjeta-mesa.atendiendo{background:var(--color-acento);border-color:var(--color-acento);color:var(--color-blanco)}.tarjeta-mesa.cuenta_pedida{background:var(--color-bar);border-color:var(--color-bar);color:var(--color-blanco)}.banner-sin-conexion{position:fixed;top:0;left:0;right:0;background:var(--color-error);color:var(--color-blanco);text-align:center;padding:10px;font-weight:700;z-index:50}.comanda-layout{display:flex;height:100%;min-height:100%}.comanda-principal{flex:1;padding:16px 20px;overflow-y:auto}.comanda-resumen{width:420px;flex-shrink:0;background:var(--color-blanco);border-left:1px solid var(--color-borde);padding:16px;display:flex;flex-direction:column;overflow-y:auto}.pildoras{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.pildora{border-radius:999px;padding:10px 18px;min-height:44px;font-weight:700}.pildora.activa{background:var(--color-acento);border-color:var(--color-acento);color:var(--color-blanco)}.grid-productos{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.producto-boton{position:relative;text-align:left;min-height:84px;display:flex;flex-direction:column;justify-content:space-between}.producto-boton .etiqueta-area{font-size:12px;font-weight:700;color:#5b6672}.producto-boton .precio{font-weight:700}.producto-boton .globito{position:absolute;top:-8px;right:-8px;background:var(--color-acento);color:var(--color-blanco);border-radius:999px;min-width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800}.fila-resumen-item{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid var(--color-borde)}.fila-resumen-item .nombre{flex:1}.fila-resumen-item button{width:44px;height:44px;padding:0}.chips-nota{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0}.chip{border-radius:999px;padding:6px 12px;min-height:auto;font-size:14px}.chip.activo{background:var(--color-bar);border-color:var(--color-bar);color:var(--color-blanco)}.confirmacion-enviado{position:fixed;top:0;right:0;bottom:0;left:0;background:#2f7d4ff2;color:var(--color-blanco);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:800;z-index:100}.activo-atajo{background:var(--color-acento);border-color:var(--color-acento);color:var(--color-blanco)}@media print{body *{visibility:hidden}#ticket-imprimible,#ticket-imprimible *{visibility:visible}#ticket-imprimible{position:absolute;left:0;top:0;width:80mm}}.pantalla-centrada{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.pantalla-centrada a{text-decoration:none;color:inherit}.admin-layout{display:flex;min-height:100%}.admin-sidebar{width:240px;flex-shrink:0;background:var(--color-barra);color:var(--color-blanco);padding:20px 14px;display:flex;flex-direction:column;gap:6px}.admin-sidebar h2{color:var(--color-blanco);font-size:18px;padding:0 10px 12px}.admin-sidebar a{display:block;color:#d7dce3;text-decoration:none;padding:14px;border-radius:var(--radio);font-weight:600;min-height:48px;line-height:20px}.admin-sidebar a.activo,.admin-sidebar a:hover{background:var(--color-acento);color:var(--color-blanco)}.admin-sidebar .usuario-actual{margin-top:auto;padding:14px 10px;font-size:14px;color:#aab4c0;border-top:1px solid #2a323c}.admin-contenido{flex:1;padding:28px 32px;overflow-y:auto}.admin-contenido h1{margin-bottom:20px}.fila-acciones{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.tarjeta{background:var(--color-blanco);border-radius:var(--radio);border:1px solid var(--color-borde);padding:20px}.mensaje-error{background:#fdecea;color:var(--color-error);border:1px solid #f3c6c0;border-radius:var(--radio);padding:12px 16px;font-weight:600}.mensaje-exito{background:#e9f6ee;color:var(--color-exito);border:1px solid #bfe3cc;border-radius:var(--radio);padding:12px 16px;font-weight:600}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--color-borde)}th{font-size:14px;text-transform:uppercase;letter-spacing:.04em;color:#5b6672}