/* estilos/gestion-solicitudes.css */
.ges-filtros { display: flex; gap: 14px; flex-wrap: wrap; }
.ges-filtros > div { flex: 1; min-width: 200px; }
.ges-filtros label { margin-top: 0; }

/* Pestañas Detalle/Historial dentro del modal de detalle de una solicitud — mismo patrón
   visual que .jc-tabs/.sup-tabs (Frontend/estilos/jc-bandeja.css, supervisor-bandeja.css). */
.ges-tabs {
  display: inline-flex;
  gap: 0;
  background: var(--navy-2);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 3px;
  margin-bottom: 14px;
}
.ges-tab {
  background: transparent;
  border: none;
  color: var(--text-2);
  padding: 9px 18px;
  font-size: 13.5px;
  font-weight: 500;
  font-family: var(--font);
  cursor: pointer;
  border-radius: 6px;
  /* Lista medida (hover, foco, activo y paso a «-activo»), antes `all`. Ver CHANGELOG. */
  transition: color .12s, background-color .12s, font-weight .12s, outline-color .12s, outline-width .12s;
}
.ges-tab:hover { color: var(--text); }
.ges-tab-activo, .ges-tab-activo:hover { background: var(--blue); color: #fff; font-weight: 600; }

/* Movimiento reducido, por regla y en su propia hoja (guía preventiva SonarQube, caso 13): acorta la
   transición en vez de anularla. El bloque global de styles-extra.css ya hace lo mismo; este lo declara
   junto a la regla que mueve algo. */
@media (prefers-reduced-motion: reduce) {
  .ges-tab { transition-duration: .01ms; transition-delay: 0s; }
}