{{-- Header del Modal --}}
⚙

Personalización del Sistema & Paletas de Color

Configura los estilos globales de DataTables, apariencia general del sistema y controles de Caja POS en tiempo real.

{{-- Switcher de Segmentos Superior (Global vs Caja & Salón) --}}
{{-- Body con scroll suave --}}
{{-- ========================================================================= TAB 1: GLOBAL (DataTables & Sistema) ========================================================================= --}}
{{-- Banner Informativo de Estilos Globales --}}
✓
Estilos Globales de DataTables: La paleta definida aquí se aplica automáticamente a todas las tablas del restaurante: Facturación Electrónica en Caja, Insumos, Platillos de Cocina, Bebidas & Barra, Kardex, Recetas y Reportes Analíticos.
{{-- Demostración en Tiempo Real - DataTables Global --}}
Demostración en tiempo real · DataTables Global
Cabecera fija, líneas divisorias, filas hover y flechas de ordenamiento sort
TIPO DOCUMENTO / INSUMO CATEGORÍA ÁREA / MESA FECHA ACCIÓN
🖩 DAT
Comprobante / Registro de Prueba registro_tabla_global.sys Ventas & Facturación Módulo Principal Hoy, 17:10 Activo
📋 REC
Lomo Saltado / Insumo Prime existencias_kardex.inv Inventario & Stock Cocina Central Ayer, 18:30 Activo
{{-- 1. Paletas Predeterminadas de DataTables (7 Presets) --}}

1. Paletas Predeterminadas de DataTables

Selecciona combinaciones diseñadas ergonómicamente para restaurantes, auditoría y cajas de alta rotación.

{{-- Grid de 7 Presets de DataTables --}}
✓
Azul Ejecutivo (Predeterminado)

Sobrio, corporativo y de máxima legibilidad en turnos continuos.

✓
Esmeralda Auditoría

Tono fresco y financiero para control minucioso de stock y arqueos.

✓
Grafito Carbón (Dark Header)

Cabecera oscura de alto impacto con acento cyan técnico.

✓
Terracota & Brasas

Calidez gastronómica para asadores, parrillas y cocina tradicional.

✓
Vino & Gourmet

Distinción borgoña para alta gastronomía y cartas selectas.

✓
Índigo / Deep Slate

Diseño contemporáneo sobrio con acento añil elegante.

✓
Blanco Puro Minimalista

Cabecera blanca limpia con texto oscuro de alto contraste y bordes definidos.

{{-- Pickers de Color a Medida para Cabecera de Tablas --}}
✨ Se aplica en tiempo real
{{-- 2. Paleta de Colores del Layout & POS --}}

Paleta de Colores del Layout & POS

Selecciona o personaliza el tono principal de la interfaz, botones, estados activos e identidad de marca.

Tema Activo: Esmeralda POS
{{-- Grid de 7 Presets Gastronómicos de Restaurante --}}
Color Oficial de Sucursal PREDETERMINADO BD
Color corporativo oficial configurado por el dueño de la sucursal en el sistema.
✓
Esmeralda Clásico Equilibrado y fresco. Ideal para comida gourmet, vegetariana y turnos continuos.
✓
Terracota & Brasas Cálido y apetecible. Ideal para parrillas, cortes, bistrós y hornos de leña.
✓
Azul Marino & Cevichería Fresco y nítido. Diseñado para cevicherías, marisquerías y cocina de costa.
✓
Vino & Cocina de Autor Elegante y refinado para pastas, carnes selectas, cocina criolla y cenas.
✓
Cacao & Café Espresso Tonos tostados para cafeterías, pastelerías, brunch y panadería artesanal.
✓
Zafiro & Coctelería Moderno y distinguido para gastrobares, rooftops, coctelería y veladas.
✓
{{-- Personalizador de Color Primario a Medida --}}
🎨
Personalizar Color Primario a Medida Elige cualquier tono exacto con el selector de color hexadecimal.
{{-- Vista previa de componentes afectados --}}
Vista Previa de Componentes Afectados:
Tab Seleccionado
Badge Destacado
S/ 2,480.90
{{-- 2. Sidebar Principal & Fondo del Sistema --}}
🗂️

Sidebar Principal & Fondo del Sistema

Personaliza el fondo de la barra de navegación lateral y el color general de la pantalla.

Sidebar: Blanco Limpio
{{-- Columna Izquierda: Presets y Controles --}}
{{-- Presets de Estilo para Sidebar --}}
Paleta Predeterminada de Sidebar & Pantalla:
{{-- Filas de Configuración Individual --}}
Fondo del Sidebar Color de fondo de la barra lateral izquierda
Texto e Íconos del Sidebar Color de los ítems de navegación no seleccionados
Fondo General de Pantalla Fondo del layout y zona de trabajo
{{-- Botones de Acción --}}
{{-- Columna Derecha: Vista Previa en Vivo de Mini-Sidebar y Fondo --}}
Vista Previa de Sidebar & Pantalla
Terminal POS · Demostración en Vivo
♜
La Buena Mesa Restaurante
⌂ Inicio
▣ Caja
▥ Pedidos
Sistema en línea
Mesa 01
S/ 84.00 Cobrar

✨ Aplicación en tiempo real: Los cambios en el sidebar y fondo se reflejan instantáneamente en toda la aplicación y se guardan de forma automática.

{{-- Fin #pos-tab-global --}} {{-- ========================================================================= TAB 2: SECCIÓN CAJA & SALÓN (Mesas y Botones POS) ========================================================================= --}}
{{-- 3. Tarjetas & Botones de Mesas (Caja POS) --}}
🪑

Tarjetas & Botones de Mesas (Caja POS)

Personaliza el diseño de las tarjetas de mesa (fondo, bordes, tipografía) y la paleta de colores de sus botones de acción.

Diseño POS Activo
{{-- Columna Izquierda: Presets y Controles Individuales --}}
{{-- Sub-sección A: Estructura & Tipografía de la Tarjeta --}}
Estructura & Tipografía de la Tarjeta
{{-- Presets de Tarjeta de Mesa --}}
Paleta Predeterminada de Estructura:
{{-- Controles de Tarjeta Individuales --}}
Borde de Tarjeta Color de contorno perimetral
Fondo Zona de Consumo Fondo del bloque de monto / total
Título de Mesa Color del texto "Mesa XX"
Texto de Monto Color numérico del importe total
{{-- Sub-sección B: Fondos de Tarjeta según Estado & Despacho --}}
Color de Fondo por Estado & Despacho
{{-- Presets de Fondos por Estado & Despacho --}}
Paleta Predeterminada de Estados & Despacho:
Mesa Disponible (Libre) Fondo de tarjetas listas para abrir
Mesa Ocupada Fondo de tarjetas con comanda activa
Mesa En Pago Fondo de tarjetas en proceso de cobro
Tarjeta de Despacho Fondo para órdenes Para Llevar / Mostrador
{{-- Sub-sección C: Botones de Acción en Mesas --}}
Botones de Acción en Mesas
{{-- Presets Rápidos Recomendados para Botones --}}
Paleta Predeterminada de Botones de Acción:
{{-- Controles por Botón --}}
+ Abrir Mesa & Ordenar Acción en mesas libres (Disponible)
+ Pedido Acción comanda en mesa Ocupada
Cobrar Acción cobro en mesa Ocupada
Finalizar Pago Cierre definitivo en mesa En Pago
Ver (Despacho) Acción en tarjeta de Despacho
{{-- Botones de Acción --}}
{{-- Columna Derecha: Vista Previa en Vivo de Mesa --}}
Vista Previa de Mesa
{{-- Card Mockup --}}
Mesa 12 Ocupada
Consumo Total S/ 112.00
{{-- Renderizado dinámico vía JS --}}

✨ Aplicación en tiempo real: Tanto la estructura de la tarjeta como sus botones adoptan en vivo los colores que elijas aquí y se guardan de forma automática.

{{-- Fin #pos-tab-pos --}}
{{-- Fin .pos-settings-modal-body --}} {{-- Footer del Modal --}}