/*
  CSS personalizado legible para acompañar `storage/custom/js.clean.js`.

  Enfocado en:
  - tabs personalizadas inyectadas por JS
  - paneles laterales
  - pequeños ajustes visuales de navegación
*/

.recovered-custom-tab > a {
  border-radius: 10px 10px 0 0;
  color: #3f4b5a;
  font-weight: 600;
  padding: 10px 14px;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.recovered-custom-tab > a:hover,
.recovered-custom-tab > a:focus {
  background: #eef3f8;
  color: #1f2d3d;
  text-decoration: none;
}

.recovered-custom-tab.active > a,
.recovered-custom-tab.active > a:hover,
.recovered-custom-tab.active > a:focus {
  background: #ffffff;
  border-bottom-color: transparent;
  color: #0d6efd;
}

.nav-tabs .recovered-custom-tab {
  margin-bottom: -1px;
}

.sidebar-panel.open,
.right-panel.open,
.alerts-panel.open,
.sidebar.open {
  box-shadow: -8px 0 24px rgba(15, 23, 42, 0.12);
}

.panel.open {
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
}

.panel.open .panel-heading,
.sidebar.open .panel-heading,
.alerts-panel.open .panel-heading {
  border-bottom: 1px solid #e7edf5;
}

.recovered-custom-tab a[data-route-path="alerts"] {
  color: #b54708;
}

.recovered-custom-tab a[data-route-path="geofences"] {
  color: #087443;
}

.recovered-custom-tab a[data-route-path="reports"] {
  color: #175cd3;
}

.recovered-custom-tab a[data-route-path="commands"] {
  color: #6941c6;
}

.recovered-custom-tab a[data-route-path="sharing"] {
  color: #c11574;
}

.recovered-custom-tab.active a[data-route-path="alerts"],
.recovered-custom-tab.active a[data-route-path="geofences"],
.recovered-custom-tab.active a[data-route-path="reports"],
.recovered-custom-tab.active a[data-route-path="commands"],
.recovered-custom-tab.active a[data-route-path="sharing"] {
  filter: saturate(1.2);
}