body.clicka-sota section {
  background: linear-gradient(150deg, rgba(255, 255, 255, 0.92) 0%, rgba(247, 239, 226, 0.92) 100%);
  border-radius: var(--sota-radius-xl);
  border: 1px solid rgba(13, 27, 25, 0.11);
  box-shadow: var(--sota-shadow-sm);
  padding: 20px;
  margin-bottom: 22px;
}

body.clicka-sota section::before {
  content: "";
  display: block;
  height: 3px;
  width: 100%;
  border-radius: 999px;
  margin-bottom: 14px;
  background: linear-gradient(90deg, rgba(15, 76, 75, 0.56), rgba(220, 162, 79, 0.66));
}

body.clicka-sota .mesas-container {
  border-radius: var(--sota-radius-lg);
  border: 1px solid rgba(13, 27, 25, 0.11);
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.86), rgba(244, 236, 222, 0.82));
}

body.clicka-sota .mesa {
  border-radius: 14px;
  border: 1px solid rgba(13, 27, 25, 0.14);
  box-shadow: var(--sota-shadow-xs);
  background: linear-gradient(160deg, #ffffff, #f7efe2);
}

body.clicka-sota .mesa:hover {
  box-shadow: var(--sota-shadow-sm);
}

body.clicka-sota .mesa.ocupada {
  background: linear-gradient(150deg, #fff9f8, #f7e7e7);
  border-color: rgba(201, 68, 68, 0.22);
}

body.clicka-sota .mesa-total {
  font-size: clamp(1rem, 0.9rem + 0.3vw, 1.22rem);
}

body.clicka-sota .ventas-filtros,
body.clicka-sota .historial-cierres-container,
body.clicka-sota .facturas-list,
body.clicka-sota .borrados-container,
body.clicka-sota #inventario-container,
body.clicka-sota .destinos-list,
body.clicka-sota .secciones-list,
body.clicka-sota .articulos-list {
  border-radius: var(--sota-radius-lg);
  border: 1px solid rgba(13, 27, 25, 0.1);
  background: rgba(255, 255, 255, 0.78);
  box-shadow: var(--sota-shadow-xs);
}

body.clicka-sota .ventas-filtros,
body.clicka-sota .facturas-filters,
body.clicka-sota .destinos-controls,
body.clicka-sota .secciones-controls,
body.clicka-sota .articulos-controls,
body.clicka-sota .pantallas-toolbar {
  border-radius: var(--sota-radius-md);
  border: 1px solid rgba(13, 27, 25, 0.12);
  padding: 12px;
  background: rgba(255, 255, 255, 0.74);
  box-shadow: var(--sota-shadow-xs);
}

body.clicka-sota .ventas-list,
body.clicka-sota .facturas-list,
body.clicka-sota #historial-cierres-list,
body.clicka-sota #pantallas-content,
body.clicka-sota #destinos-list,
body.clicka-sota #secciones-list,
body.clicka-sota #articulos-list,
body.clicka-sota #inventario-list,
body.clicka-sota #facturas-list,
body.clicka-sota #borrados-container {
  padding: 10px;
}

body.clicka-sota .salones-grid {
  gap: 14px;
}

body.clicka-sota .salones-panel {
  padding: 14px;
}

body.clicka-sota .salones-panel-header,
body.clicka-sota .ventas-header,
body.clicka-sota .section-header {
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(13, 27, 25, 0.08);
}

body.clicka-sota .pantallas-toolbar,
body.clicka-sota .configuracion-sonido-pantallas,
body.clicka-sota .configuracion-impresion-pantallas {
  margin-bottom: 12px;
}

body.clicka-sota .configuracion-sonido-pantallas,
body.clicka-sota .configuracion-impresion-pantallas {
  border-radius: var(--sota-radius-md);
  border: 1px solid rgba(13, 27, 25, 0.12);
  background: rgba(255, 255, 255, 0.8);
  box-shadow: var(--sota-shadow-xs);
}

body.clicka-sota .tabs {
  border-radius: 12px;
  border: 1px solid rgba(13, 27, 25, 0.12);
  padding: 6px;
  background: rgba(255, 255, 255, 0.66);
}

body.clicka-sota .tab-button {
  border-radius: 10px;
}

body.clicka-sota .tab-button.active,
body.clicka-sota .tab-button[aria-selected="true"] {
  background: var(--sota-brand);
  color: #fff;
}

body.clicka-sota #mesa-modal .modal-content {
  max-width: min(1400px, 96vw);
}

body.clicka-sota #mesa-modal .modal-body-grid {
  gap: 12px;
}

body.clicka-sota #mesa-modal .modal-column-seleccion,
body.clicka-sota #mesa-modal .modal-column-pedido {
  border-radius: 14px;
  border: 1px solid rgba(13, 27, 25, 0.13);
  background: rgba(255, 255, 255, 0.82);
  box-shadow: var(--sota-shadow-xs);
}

body.clicka-sota #mesa-modal .top-controls {
  background: rgba(255, 255, 255, 0.7);
  border-radius: 12px;
  padding: 8px;
  border: 1px solid rgba(13, 27, 25, 0.09);
}

body.clicka-sota .category-button,
body.clicka-sota .articulo-btn,
body.clicka-sota .opcion-card {
  border-radius: 12px;
  border: 1px solid rgba(13, 27, 25, 0.12);
  box-shadow: var(--sota-shadow-xs);
}

body.clicka-sota .category-button.active,
body.clicka-sota .articulo-btn.active,
body.clicka-sota .opcion-card.selected {
  border-color: rgba(15, 76, 75, 0.45);
  box-shadow: 0 0 0 2px rgba(15, 76, 75, 0.15);
}