/* =============================================================================
   Tema Turismo Gonsan para el panel (sobre el template ProZigzagBus v2.1)
   Paleta: navy #0b2a5b · azul #1e4fa3 · rojo #d7212b · fondo #f4f6fb
   ============================================================================= */
:root {
  --gz-navy: #0b2a5b;
  --gz-blue: #1e4fa3;
  --gz-red: #d7212b;
  --gz-red-dark: #b3151e;
  --gz-bg: #f4f6fb;
}

/* Botones principales en rojo Gonsan (acción), secundarios en navy */
.btn-primary, .btn-login, .btn-theme {
  background: var(--gz-red) !important;
  border-color: var(--gz-red) !important;
  color: #fff !important;
  box-shadow: 0 6px 16px rgba(215, 33, 43, 0.25) !important;
}
.btn-primary:hover, .btn-login:hover, .btn-theme:hover {
  background: var(--gz-red-dark) !important;
  border-color: var(--gz-red-dark) !important;
}
.btn-outline-primary { color: var(--gz-navy) !important; border-color: var(--gz-navy) !important; }
.btn-outline-primary:hover { background: var(--gz-navy) !important; color: #fff !important; }

/* Login: panel izquierdo con fondo Gonsan */
.login-left-panel {
  background: linear-gradient(135deg, #061a33 0%, #0b2a5b 55%, #123c7d 100%) !important;
}
.login-left-panel .login-bg-image { opacity: 0.28 !important; mix-blend-mode: normal !important; }
.hero-title span {
  background: linear-gradient(to right, #ff6b72, #ffd166) !important;
  -webkit-background-clip: text !important;
}
.feature-pill svg path { stroke: #ffd166 !important; }
.login-footer a { pointer-events: none; }

/* Barra lateral: indicador rojo en el elemento activo */
.sidebar-wrapper .sidebar-links > li > ul > li.sidebar-list > a.active,
.sidebar-wrapper .sidebar-links li.sidebar-list a.sidebar-link.active {
  box-shadow: inset 4px 0 0 var(--gz-red) !important;
}
.sidebar-submenu li a.active { color: var(--gz-red) !important; font-weight: 600; }

/* Tarjetas del dashboard */
.db-v-icon.purple, .db-v-icon.indigo { background: linear-gradient(135deg, #0b2a5b, #1e4fa3) !important; }
.db-v-icon.rose { background: linear-gradient(135deg, #d7212b, #ff6b72) !important; }

/* Tablas y badges */
.badge-success, .badge.badge-success { background: #1f8f4e !important; }
.badge-danger, .badge.badge-danger { background: var(--gz-red) !important; }
table.dataTable thead th { background: #eef3fb; color: var(--gz-navy); }
.dataTables_wrapper .dataTables_paginate .paginate_button.current { background: var(--gz-navy) !important; color: #fff !important; border-color: var(--gz-navy) !important; }

/* Avisos (bootstrap-notify) */
.alert[data-notify] { border-radius: 12px; font-weight: 600; box-shadow: 0 10px 30px rgba(6, 26, 51, 0.18); }
.alert-success[data-notify] { background: #1f8f4e; color: #fff; border: 0; }
.alert-danger[data-notify] { background: var(--gz-red); color: #fff; border: 0; }

/* Formularios: foco navy */
.form-control:focus, .index-form-control:focus { border-color: var(--gz-blue) !important; box-shadow: 0 0 0 3px rgba(30, 79, 163, 0.15) !important; }
.select2-container--default .select2-selection--single { border-radius: 10px; min-height: 42px; }

/* Repetidores del módulo de viajes especiales */
.gz-repeater .gz-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)) 44px; gap: 10px; align-items: end; padding: 12px; border: 1px dashed #c9d4e8; border-radius: 12px; margin-bottom: 10px; background: #fbfcff; }
.gz-repeater .gz-row .btn-remove { height: 40px; }
.gz-tier-pill { display: inline-block; padding: 4px 10px; border-radius: 999px; background: #eef3fb; color: var(--gz-navy); font-size: 12px; margin: 2px; font-weight: 600; }
.gz-kind-tabs a { display: inline-block; padding: 8px 14px; border-radius: 999px; background: #eef3fb; color: var(--gz-navy); margin: 0 6px 10px 0; font-weight: 600; text-decoration: none; }
.gz-kind-tabs a.active { background: var(--gz-navy); color: #fff; }
.gz-status-select { min-width: 140px; }
.gz-muted { color: #6b7280; font-size: 12px; }
.gz-wa { color: #128c7e; font-weight: 600; text-decoration: none; }

/* Botones de acción añadidos (estado / eliminar) */
.action-btn.action-btn-delete svg path { stroke: var(--gz-red); }
.action-btn.drop { margin-left: 4px; }
.list_bus-btn-modern-danger { background: #fde8e9 !important; color: var(--gz-red) !important; }
.list_bus-btn-modern.drop { margin-left: 4px; }