:root{--naranja:#f97316;--naranja-oscuro:#d94e08;--crema:#fff8ee;--cafe:#35180b;--texto:#2e241f;--gris:#756b64;--borde:#eadfd6;--verde:#16805b;--amarillo:#f3a712;--blanco:#fff;--sombra:0 12px 32px rgba(87,45,19,.08)}
*{box-sizing:border-box}body{margin:0;background:#faf8f5;color:var(--texto);font-family:'DM Sans',sans-serif}.barra-lateral{position:fixed;inset:0 auto 0 0;width:250px;background:#fff;border-right:1px solid var(--borde);padding:24px 18px;display:flex;flex-direction:column;z-index:5}.marca{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--cafe);padding:0 6px 30px}.marca img{width:54px;height:54px;border-radius:50%;object-fit:cover;border:2px solid #ffedd5}.marca strong{display:block;font-family:'DM Sans',sans-serif;font-size:22px}.marca small{color:var(--gris)}nav{display:grid;gap:7px}nav a{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:12px;color:#61554e;text-decoration:none;font-weight:600}nav a span{font-size:21px;width:23px;text-align:center}nav a:hover,nav a.activo{background:var(--tema-suave);color:var(--naranja-oscuro)}.datos-negocio{margin-top:auto;background:var(--crema);padding:15px;border-radius:13px;display:grid;gap:4px;color:var(--cafe)}.contenido{margin-left:250px;padding:34px 42px;min-height:100vh;max-width:1600px}.cabecera{display:flex;align-items:end;justify-content:space-between;margin-bottom:26px}.cabecera h1{font:700 34px 'DM Sans',sans-serif;margin:4px 0}.sobrelinea{color:var(--naranja-oscuro);font-size:11px;font-weight:800;letter-spacing:.13em;margin:0;text-transform:uppercase}.fecha{color:var(--gris);text-transform:capitalize}.bienvenida{background:linear-gradient(115deg,var(--tema-hero),var(--naranja));border-radius:22px;padding:38px 44px;color:#fff;display:flex;justify-content:space-between;overflow:hidden;min-height:245px;box-shadow:var(--sombra)}.bienvenida h2{font:700 37px/1.1 'DM Sans',sans-serif;margin:13px 0}.bienvenida p{color:#fff2e8;margin:0 0 26px}.bienvenida img{width:230px;height:230px;object-fit:cover;border-radius:50%;margin:-28px 20px -28px 40px;border:8px solid rgba(255,255,255,.2);box-shadow:0 15px 30px rgba(73,24,0,.2)}.etiqueta-clara{font-size:10px;font-weight:800;letter-spacing:.14em;background:rgba(255,255,255,.16);padding:7px 10px;border-radius:20px}.boton{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:11px;padding:12px 18px;font:700 14px 'DM Sans',sans-serif;text-decoration:none;cursor:pointer}.boton-claro{background:#fff;color:var(--naranja-oscuro)}.boton-primario{background:var(--naranja);color:#fff;box-shadow:0 5px 12px rgba(249,115,22,.2)}.boton-secundario{background:#f3eee9;color:var(--cafe)}.boton-verde{background:var(--verde);color:white}.boton-ancho{width:100%}.tarjetas-resumen{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0}.tarjetas-resumen article{display:flex;align-items:center;gap:14px;padding:20px;background:#fff;border:1px solid var(--borde);border-radius:16px}.tarjetas-resumen strong{font-size:28px;display:block}.tarjetas-resumen small{color:var(--gris)}.icono-resumen{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:22px}.icono-resumen.naranja{background:var(--tema-suave);color:var(--naranja)}.icono-resumen.amarillo{background:#fff5d9;color:#d38900}.icono-resumen.verde{background:#e4f5ee;color:var(--verde)}.icono-resumen.cafe{background:#eee8e4;color:var(--cafe)}.panel{background:#fff;border:1px solid var(--borde);border-radius:18px;padding:24px;box-shadow:0 3px 14px rgba(60,30,10,.025)}.titulo-panel{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.titulo-panel h2{font:700 23px 'DM Sans',sans-serif;margin:4px 0}.titulo-panel a{color:var(--naranja-oscuro);font-weight:700;text-decoration:none}.tabla-contenedor{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--gris);padding:13px;border-bottom:1px solid var(--borde)}td{padding:15px 13px;border-bottom:1px solid #f0eae6}tbody tr:last-child td{border-bottom:0}.texto-secundario{display:block;color:var(--gris);margin-top:4px}.estado{display:inline-block;border-radius:30px;padding:6px 10px;font-size:11px;font-weight:800}.estado-pendiente{background:#fff0d5;color:#a66500}.estado-preparando{background:#fff0e7;color:var(--naranja-oscuro)}.estado-listo{background:#def5e9;color:#126b4d}.estado-entregado{background:#e9eef3;color:#51606c}.estado-cancelado{background:#fee2e2;color:#a52222}.vacio{text-align:center;color:var(--gris);padding:35px}.acciones-superiores{display:flex;justify-content:space-between;align-items:center;margin:-10px 0 20px}.acciones-superiores p{color:var(--gris)}.alerta-exito,.alerta-error{padding:14px 17px;border-radius:12px;margin-bottom:18px}.alerta-exito{background:#e2f6eb;color:#116849}.alerta-error{background:#fee9e7;color:#9b261d}.alerta-error ul{margin:8px 0 0}.distribucion-pedido{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:20px;align-items:start}.bloque-servicio{margin-bottom:20px}.opciones-servicio{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.opciones-servicio input{display:none}.opciones-servicio span{border:1px solid var(--borde);padding:16px;border-radius:12px;display:flex;align-items:center;gap:10px;font-weight:700;cursor:pointer}.opciones-servicio b{font-size:20px}.opciones-servicio input:checked+span{border:2px solid var(--naranja);background:var(--tema-suave);color:var(--naranja-oscuro);padding:15px}.datos-servicio{margin-top:17px}.oculto{display:none!important}label{display:grid;gap:7px;color:#544940;font-size:13px;font-weight:700}input,select,textarea{width:100%;border:1px solid #ded4cc;background:#fff;border-radius:10px;padding:11px 12px;font:inherit;color:var(--texto)}textarea{resize:vertical;min-height:72px}.rejilla-campos{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.filtros-menu{display:flex;gap:8px;overflow:auto;margin-bottom:18px}.filtro{border:1px solid var(--borde);background:#fff;border-radius:30px;padding:9px 13px;white-space:nowrap;cursor:pointer;font-weight:700;color:#645851}.filtro.activo{background:var(--cafe);color:#fff;border-color:var(--cafe)}.rejilla-productos{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.producto{position:relative;display:flex;gap:12px;text-align:left;border:1px solid var(--borde);background:#fff;padding:14px;border-radius:13px;cursor:pointer;color:var(--texto)}.producto:hover{border-color:var(--naranja);box-shadow:0 5px 14px rgba(249,115,22,.1);transform:translateY(-1px)}.producto-icono{display:grid;place-items:center;min-width:43px;height:43px;background:var(--crema);border-radius:10px;font-size:22px}.producto span:nth-child(2){display:grid;gap:4px}.producto strong{font-size:14px}.producto small{color:var(--gris);font-size:11px;line-height:1.3}.producto b{color:var(--naranja-oscuro);font-size:13px}.producto i{font-style:normal;position:absolute;right:10px;bottom:10px;background:var(--tema-suave);color:var(--naranja);width:25px;height:25px;border-radius:50%;display:grid;place-items:center}.resumen-orden{position:sticky;top:25px}.resumen-orden>.titulo-panel span{font-size:12px;color:var(--gris)}.orden-vacia{display:grid;place-items:center;text-align:center;gap:6px;padding:35px 0;color:var(--gris)}.orden-vacia span{font-size:32px}.linea-pedido{display:grid;grid-template-columns:1fr auto;gap:7px;padding:13px 0;border-bottom:1px solid var(--borde)}.linea-pedido strong{font-size:14px}.linea-pedido small{color:var(--gris)}.controles-cantidad{display:flex;align-items:center;gap:7px}.controles-cantidad button{border:0;background:#f4eee9;width:25px;height:25px;border-radius:7px;cursor:pointer}.indicacion-linea{grid-column:1/-1;font-size:11px;padding:8px}.total{display:flex;justify-content:space-between;align-items:center;border-top:2px solid var(--cafe);margin:20px 0;padding-top:16px;font-weight:700}.total strong{font:700 25px 'DM Sans',sans-serif;color:var(--naranja-oscuro)}.tablero-cocina{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.comanda{background:#fff;border:1px solid var(--borde);border-top:5px solid var(--amarillo);border-radius:15px;padding:19px;box-shadow:var(--sombra)}.comanda-preparando{border-top-color:var(--naranja)}.comanda-listo{border-top-color:var(--verde)}.comanda header{display:flex;justify-content:space-between}.comanda h2{font:700 20px 'DM Sans',sans-serif;margin:9px 0}.tiempo{color:var(--gris);font-size:13px}.datos-comanda{background:var(--tema-suave);border-radius:9px;padding:9px 11px;display:flex;justify-content:space-between}.comanda ul{list-style:none;padding:0;margin:15px 0}.comanda li{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid #eee5de}.comanda li>b{color:var(--naranja);min-width:25px}.comanda li span{display:grid}.comanda li small{color:var(--naranja-oscuro);margin-top:4px}.nota-comanda{background:#fff4dc;padding:10px;border-radius:9px;font-size:12px}.vacio-cocina{grid-column:1/-1;text-align:center;padding:70px}.vacio-cocina span{font-size:45px;color:var(--verde)}.paginacion nav{display:flex;margin-top:16px}.paginacion nav>div:first-child{display:none}.paginacion nav>div:last-child{display:flex;justify-content:space-between;width:100%}.paginacion svg{width:18px}
@media(max-width:1100px){.tarjetas-resumen{grid-template-columns:repeat(2,1fr)}.distribucion-pedido{grid-template-columns:1fr}.resumen-orden{position:static}.tablero-cocina{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.barra-lateral{position:static;width:auto;padding:12px}.marca{padding-bottom:10px}.barra-lateral nav{grid-template-columns:repeat(4,1fr)}.barra-lateral nav a{font-size:0;justify-content:center}.barra-lateral nav a span{font-size:24px}.datos-negocio{display:none}.contenido{margin-left:0;padding:22px 14px}.cabecera{align-items:start}.fecha{display:none}.bienvenida{padding:27px}.bienvenida img{display:none}.bienvenida h2{font-size:30px}.tarjetas-resumen{grid-template-columns:1fr 1fr}.tarjetas-resumen article{padding:14px}.rejilla-productos{grid-template-columns:1fr}.tablero-cocina{grid-template-columns:1fr}.opciones-servicio{grid-template-columns:1fr}.acciones-superiores{align-items:flex-start;gap:10px}.acciones-superiores p{margin:0}.rejilla-campos{grid-template-columns:1fr}}

/* Clientes */
.rejilla-clientes{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:20px;align-items:start}.filtro-clientes{display:flex;align-items:end;gap:12px;margin-bottom:18px}.filtro-clientes label{flex:1}.resumen-clientes{grid-template-columns:repeat(3,1fr)}.cliente-seleccionado{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;background:var(--tema-suave);border-radius:12px;margin:8px 0 14px}.cliente-seleccionado strong,.cliente-seleccionado small{display:block}.cliente-seleccionado small{color:var(--gris);margin-top:3px}.busqueda-cliente-pedido{position:relative;margin-bottom:10px}.resultados-clientes{display:grid;position:relative;z-index:2;margin-top:5px;border-radius:10px;overflow:hidden}.resultados-clientes:not(:empty){border:1px solid var(--borde);padding:5px;background:#fff}.resultado-cliente{display:block;width:100%;padding:10px;border:0;border-radius:7px;background:#fff;text-align:left;cursor:pointer;color:var(--texto)}.resultado-cliente:hover,.resultado-cliente:focus{background:var(--tema-suave)}.modal-cliente{border:0;border-radius:18px;padding:0;max-width:460px;width:calc(100% - 24px);box-shadow:0 20px 70px #0003}.modal-cliente::backdrop{background:#24170db3}.modal-cliente .contenido-modal{display:grid;gap:14px}.modal-cliente .acciones-modal{padding:16px 24px 24px}
@media(max-width:900px){.rejilla-clientes{grid-template-columns:1fr}.resumen-clientes{grid-template-columns:1fr 1fr}}@media(max-width:600px){.resumen-clientes{grid-template-columns:1fr}.filtro-clientes{align-items:stretch;flex-direction:column}.cliente-seleccionado{align-items:start;flex-direction:column}}
.panel-formulario-cliente{max-width:720px;margin-bottom:20px}.campos-cliente{display:grid;gap:18px}.acciones-formulario-cliente{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.detalle-cliente{display:grid;gap:4px;margin:0 0 20px}.detalle-cliente dt{font-size:12px;font-weight:700;color:var(--gris);margin-top:10px}.detalle-cliente dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.zona-eliminar-cliente{display:flex;align-items:center;justify-content:space-between;gap:18px;border-color:#f0d8d3}.zona-eliminar-cliente h2{margin:0 0 5px;font:700 19px 'DM Sans',sans-serif}.zona-eliminar-cliente p{margin:0;color:var(--gris);font-size:13px}
@media(max-width:600px){.zona-eliminar-cliente{align-items:stretch;flex-direction:column}.acciones-formulario-cliente{flex-wrap:wrap}}
.campo-busqueda-cliente{position:relative}.campo-busqueda-cliente input{padding-right:110px}.campo-busqueda-cliente button{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;border-radius:8px;background:var(--tema-suave);color:var(--naranja-oscuro);font:700 12px 'DM Sans',sans-serif;padding:9px 12px;cursor:pointer}.campo-busqueda-cliente button:hover{background:var(--naranja);color:#fff}