/* Aspecto de Leba para todas las empresas (Abel, 11-11-2026): lo que se mejoró en las
   pantallas de excursiones (cabecera, Dashboard, Reservas, Excursiones) pasa a las demás
   empresas. Solo colores, formas y responsive: no cambia ni quita ningún campo.
   Va después de excursions.css a propósito, para ganarle a los estilos viejos. */

/* 1) Cabecera: "Resumen de hoy" solo en el Dashboard. En las demás secciones ese espacio
      es para los contadores de Chats y Comentarios, que así quedan en fila como en Leba. */
body[data-tab]:not([data-tab="dashboard"]) header .header-left > div { display: none; }
body[data-tab="chats"] .channel-counters { margin-left: 0; row-gap: 10px; column-gap: 14px; }
/* Cada grupo (Chats / Comentarios) en su propia fila sin partirse por la mitad, y el
   buscador se achica en Conversaciones para dejarles sitio. */
.channel-counters .cc-group { flex-wrap: nowrap; gap: 6px; }
.channel-counters .cc-chip { padding: 7px 11px; }
body[data-tab="chats"] header .search { width: 260px; }
@media (max-width: 1300px) { body[data-tab="chats"] header .search { width: 190px; } }
.channel-counters .cc-chip { border-radius: 10px; }
.channel-counters .cc-chip.active { border-color: var(--primary); background: var(--primary-soft); color: var(--text); }

/* 2) Dashboard de tienda: casillas de arriba como las de Leba (icono en cuadrito naranja
      a la derecha, etiqueta gris y la cifra grande). */
body:not(.tpl-excursiones) .summary-kpi { position: relative; border-radius: 16px; padding: 14px 16px; gap: 6px; }
body:not(.tpl-excursiones) .summary-kpi-top { padding-right: 44px; }
body:not(.tpl-excursiones) .summary-kpi-icon {
  position: absolute; right: 14px; top: 14px; width: 34px; height: 34px; border-radius: 10px;
  background: var(--primary-soft); color: var(--primary); justify-content: center;
}
body:not(.tpl-excursiones) .summary-kpi-icon svg { width: 18px; height: 18px; }
body:not(.tpl-excursiones) .summary-kpi-label { font-size: .78rem; font-weight: 700; }
body:not(.tpl-excursiones) .summary-kpi-value { font-weight: 800; line-height: 1; margin-top: 8px; font-variant-numeric: tabular-nums; }
body:not(.tpl-excursiones) #tab-dashboard .panel { border-radius: 16px; }

/* 3) Pedidos (la pantalla de Reservas de las tiendas) */
body:not(.tpl-excursiones) #tab-reservations > .panel { border-radius: 16px; padding: 0; overflow: hidden; }
#tab-reservations .reservations-header-row {
  display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: 12px;
  padding: 12px 14px; border-bottom: 1px solid var(--border); margin: 0;
}
#tab-reservations .reservations-header-row h2 { margin: 0; font-size: 1.05rem; grid-column: 1; }
#tab-reservations .reservations-header-row .hint { margin: 2px 0 0; font-size: .78rem; grid-column: 1; }
#tab-reservations .reservations-header-row .insight-actions { grid-column: 2; grid-row: 1 / span 2; margin: 0 !important; }
#tab-reservations .reservations-filter-row { padding: 10px 14px; margin: 0; border-bottom: 1px solid var(--border); gap: 8px; }
#tab-reservations .reservations-bulk-actions:not(.hidden) { padding: 10px 14px 0; }
#tab-reservations .module-kpis { padding: 12px 14px; margin: 0; gap: 8px; border-bottom: 1px solid var(--border); }
#tab-reservations .metric-card { position: relative; border-radius: 12px; padding: 10px 12px; min-width: 0; }
#tab-reservations .metric-card p { font-size: .72rem; font-weight: 700; color: var(--muted); text-transform: uppercase; letter-spacing: .05em; margin: 0; }
#tab-reservations .metric-card strong { font-size: 1.25rem; font-weight: 800; font-variant-numeric: tabular-nums; }
#tab-reservations .table-wrap { margin: 0; border: 0; border-radius: 0; }
#tab-reservations .reservations-pagination { padding: 10px 14px; margin: 0; border-top: 1px solid var(--border); }

/* Tablas de tienda como las de Leba: encabezado en mayúsculas pequeñas y filas limpias */
body:not(.tpl-excursiones) #reservations-table th,
body:not(.tpl-excursiones) #commissions-table th {
  font-size: .66rem; text-transform: uppercase; letter-spacing: .07em; color: var(--muted); font-weight: 700;
  padding: 10px 12px; border-bottom: 1px solid var(--border); background: var(--panel); white-space: nowrap;
}
body:not(.tpl-excursiones) #reservations-table td { padding: 10px 12px; border-bottom: 1px solid var(--border); font-size: .9rem; }
body:not(.tpl-excursiones) #reservations-table tbody tr:hover td,
body:not(.tpl-excursiones) #reservations-table tr:hover td { background: var(--bg-soft); }
body:not(.tpl-excursiones) #reservations-table .cell-primary { font-size: .95rem; font-weight: 700; }
body:not(.tpl-excursiones) #reservations-table .cell-secondary,
body:not(.tpl-excursiones) #reservations-table small { font-size: .78rem; }

/* Botones de las pantallas de tienda con la forma de los de Leba */
body:not(.tpl-excursiones) #tab-reservations .btn,
body:not(.tpl-excursiones) #tab-catalog .btn { border-radius: 10px; font-weight: 700; }
body:not(.tpl-excursiones) #tab-reservations .btn-accent,
body:not(.tpl-excursiones) #tab-catalog .btn-accent { min-height: 38px; padding: 0 14px; }
body:not(.tpl-excursiones) #tab-reservations .search-input,
body:not(.tpl-excursiones) #tab-catalog .search-input,
body:not(.tpl-excursiones) #tab-catalog .catalog-toolbar select {
  background: var(--bg-soft); border: 1px solid var(--border); border-radius: 10px; min-height: 38px;
}

/* Filtros en fila como los botones segmentados de Leba */
body:not(.tpl-excursiones) .catalog-quick-filters,
body:not(.tpl-excursiones) .catalog-tabs {
  display: flex; width: fit-content; max-width: 100%; gap: 3px; padding: 3px; border-radius: 10px;
  background: var(--bg-soft); overflow-x: auto; scrollbar-width: none; flex-wrap: nowrap;
}
body:not(.tpl-excursiones) .catalog-quick-filters .chip,
body:not(.tpl-excursiones) .catalog-tabs .chip {
  border: 0; background: transparent; border-radius: 8px; min-height: 30px; padding: 0 12px;
  font-size: .8rem; font-weight: 700; white-space: nowrap; color: var(--muted);
}
body:not(.tpl-excursiones) .catalog-quick-filters .chip.active,
body:not(.tpl-excursiones) .catalog-tabs .chip.active { background: var(--primary); color: var(--on-primary); }

/* 4) Catálogo (la pantalla de Excursiones de las tiendas) */
body:not(.tpl-excursiones) #tab-catalog > .panel { border-radius: 16px; }
body:not(.tpl-excursiones) .catalog-header-row h2 { font-size: 1.05rem; margin: 0; }
body:not(.tpl-excursiones) .catalog-header-row .hint { font-size: .78rem; margin: 2px 0 0; }
/* Las tarjetas ya no se salen por la derecha cuando el nombre o el texto es largo */
.catalog-grid-v2 > *, .catalog-card-v2 > *, .catalog-card-body > *, .catalog-card-head h3 { min-width: 0; }
body:not(.tpl-excursiones) .catalog-grid-v2 { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px; }
body:not(.tpl-excursiones) .catalog-card-v2 {
  background: var(--bg); border: 1px solid var(--border); border-radius: 14px; overflow: hidden;
  transition: transform 160ms cubic-bezier(.22,.61,.36,1), box-shadow 160ms ease, border-color 160ms ease;
}
body:not(.tpl-excursiones) .catalog-card-v2:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(0,0,0,.3); border-color: var(--primary); }
body:not(.tpl-excursiones) .catalog-card-image { border-radius: 0; aspect-ratio: 16 / 8; background: linear-gradient(135deg, #0E6E8C, #1B9AAA 45%, #F7B267); }
body:not(.tpl-excursiones) .catalog-card-body { padding: 12px 14px; gap: 6px; }
body:not(.tpl-excursiones) .catalog-card-head h3 { font-size: 1rem; }
body:not(.tpl-excursiones) .catalog-card-v2 .status-badge { font-size: .68rem; font-weight: 700; padding: 3px 8px; letter-spacing: .02em; }

/* Etiquetas de estado de tienda con los colores suaves de Leba */
body:not(.tpl-excursiones) .status-badge.status-cat-active { background: rgba(52, 211, 153, .13); color: var(--ok); border-color: transparent; }
body:not(.tpl-excursiones) .status-badge.status-cat-inactive { background: rgba(255, 178, 77, .14); color: var(--warn); border-color: transparent; }

/* 5) Responsive */
@media (max-width: 760px) {
  #tab-reservations .reservations-header-row { grid-template-columns: minmax(0, 1fr); row-gap: 8px; }
  #tab-reservations .reservations-header-row .insight-actions { grid-column: 1; grid-row: auto; }
  #tab-reservations .reservations-header-row .insight-actions .btn { width: 100%; }
  #tab-reservations .module-kpis { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #tab-reservations .table-wrap { overflow-x: auto; }
  body:not(.tpl-excursiones) .summary-kpi-icon { display: none; }
  body:not(.tpl-excursiones) .summary-kpi-top { padding-right: 0; }
  body:not(.tpl-excursiones) .summary-kpi { padding: 10px; border-radius: 13px; }
  body:not(.tpl-excursiones) .catalog-grid-v2 { grid-template-columns: minmax(0, 1fr); }
}