/* ==========================================================================
   70-informes-premium.css  —  Club Málaga CF  ·  Dashboard Informes
   Dirección Deportiva  ·  Diseño compacto y premium.
   Paleta: Azul marino #003580 · Dorado #C9A227 · Glacial #F0F4F8
   Aplica a: html.Div con style=global_style (raíz del layout de informes)
   ========================================================================== */

/* ── Variables de diseño ────────────────────────────────────────────────── */
:root {
  --inf-azul:       #003580;
  --inf-azul-mid:   #00276A;
  --inf-azul-deep:  #001840;
  --inf-dorado:     #C9A227;
  --inf-dorado-lt:  #E8C45A;
  --inf-dorado-bd:  rgba(201,162,39,0.25);
  --inf-dorado-bg:  rgba(201,162,39,0.07);
  --inf-glacial:    #F0F4F8;
  --inf-blanco:     #ffffff;
  --inf-gris:       #dce4ef;
  --inf-texto:      #0F1E3C;
  --inf-sub:        #5a6a85;
  --inf-sombra:     0 1px 4px rgba(0,21,64,0.10), 0 0 0 1px rgba(0,21,64,0.04);
  --inf-sombra-lg:  0 4px 16px rgba(0,21,64,0.12), 0 0 0 1px rgba(201,162,39,0.08);
}

/* ── Fuente base para todo el dashboard ─────────────────────────────────── */
.page-informes,
.page-informes * {
  font-family: 'Inter', 'Segoe UI', system-ui, sans-serif !important;
  box-sizing: border-box;
}

/* ══════════════════════════════════════════════════════════════════════════
   TABS PRINCIPALES
══════════════════════════════════════════════════════════════════════════ */

/* Barra de tabs */
.page-informes .nav-tabs,
.page-informes .tab-container > .mb-2 {
  border-bottom: 2px solid var(--inf-dorado-bd) !important;
}

/* Tab inactiva */
.page-informes .tab:not(.tab--selected) {
  background:    var(--inf-glacial)  !important;
  color:         var(--inf-sub)      !important;
  border:        1px solid var(--inf-gris) !important;
  border-bottom: none !important;
  border-radius: 4px 4px 0 0 !important;
  font-size:     10.5px !important;
  padding:       5px 14px !important;
}

/* Tab activa */
.page-informes .tab--selected {
  background:    var(--inf-azul)   !important;
  color:         #fff !important;
  font-weight:   600  !important;
  border-top:    2px solid var(--inf-dorado) !important;
  border-bottom: none !important;
  border-radius: 4px 4px 0 0 !important;
}

/* Sub-tabs */
.page-informes .tab-container .tab-container .tab:not(.tab--selected) {
  background:    var(--inf-blanco) !important;
  color:         var(--inf-sub)    !important;
  border:        1px solid var(--inf-gris) !important;
  border-radius: 4px !important;
  font-size:     10px !important;
  padding:       5px 14px !important;
  margin:        0 3px !important;
}

.page-informes .tab-container .tab-container .tab--selected {
  background:    var(--inf-azul)  !important;
  color:         #fff !important;
  font-weight:   600 !important;
  border-top:    2px solid var(--inf-dorado) !important;
  border-radius: 4px !important;
}

/* Área de contenido de tabs */
.page-informes .tab-content {
  background:    var(--inf-glacial) !important;
  border:        1px solid var(--inf-dorado-bd) !important;
  border-top:    none !important;
  border-radius: 0 0 6px 6px !important;
  padding:       10px 12px !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   FORMULARIO
══════════════════════════════════════════════════════════════════════════ */

/* Labels */
.page-informes label.form-label {
  font-size:      9.5px !important;
  font-weight:    600 !important;
  color:          var(--inf-azul) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.4px !important;
  margin-bottom:  3px !important;
}

/* Inputs */
.page-informes input.form-control {
  height:        26px !important;
  font-size:     10.5px !important;
  padding:       3px 8px !important;
  border:        1px solid var(--inf-dorado-bd) !important;
  border-radius: 4px !important;
  color:         var(--inf-texto) !important;
  background:    var(--inf-blanco) !important;
}

.page-informes input.form-control:focus {
  border-color: var(--inf-dorado) !important;
  box-shadow:   0 0 0 2px rgba(201,162,39,0.15) !important;
  outline:      none !important;
}

/* Textareas */
.page-informes textarea.form-control {
  font-size:     10.5px !important;
  padding:       5px 8px !important;
  border:        1px solid var(--inf-dorado-bd) !important;
  border-radius: 4px !important;
  color:         var(--inf-texto) !important;
  background:    var(--inf-blanco) !important;
  resize:        vertical !important;
  min-height:    58px !important;
}

.page-informes textarea.form-control:focus {
  border-color: var(--inf-dorado) !important;
  box-shadow:   0 0 0 2px rgba(201,162,39,0.15) !important;
  outline:      none !important;
}

/* Dropdowns Dash */
.page-informes .Select-control {
  height:     26px !important;
  min-height: 26px !important;
  border:     1px solid var(--inf-dorado-bd) !important;
  font-size:  10.5px !important;
  background: var(--inf-blanco) !important;
}

.page-informes .Select-control:hover { border-color: var(--inf-dorado) !important; }

.page-informes .Select-placeholder,
.page-informes .Select-value { line-height: 26px !important; font-size: 10.5px !important; }

.page-informes .Select,
.page-informes .dd-28,
.page-informes .dd-28 > div {
  position: relative !important;
  overflow: visible !important;
}

.page-informes .Select-menu-outer {
  position: absolute !important;
  border:     1px solid var(--inf-dorado-bd) !important;
  box-shadow: var(--inf-sombra-lg) !important;
  font-size:  10.5px !important;
  z-index:    2147483647 !important;
}

.page-informes .Select-option { padding: 5px 10px !important; font-size: 10.5px !important; }
.page-informes .Select-option.is-selected { background: var(--inf-dorado-bg) !important; font-weight: 600 !important; }
.page-informes .Select-option.is-focused  { background: rgba(0,53,128,0.06) !important; }

/* Busqueda de expediente: dropdown flotante sin ensanchar la tarjeta */
.page-informes #ic-panel-buscar > div:first-child,
.page-informes .ic-buscar-dd-wrap,
.page-informes .ic-buscar-dd,
.page-informes .ic-buscar-dd .Select {
  overflow: visible !important;
  position: relative !important;
}

.page-informes .ic-buscar-dd .Select-control {
  min-height: 36px !important;
  height: 36px !important;
  border-radius: 9px !important;
  border: 1.5px solid rgba(201,162,39,0.85) !important;
  box-shadow: none !important;
}

.page-informes .ic-buscar-dd .Select-placeholder,
.page-informes .ic-buscar-dd .Select-value {
  line-height: 34px !important;
  font-size: 11px !important;
}

.page-informes .ic-buscar-dd .Select-menu-outer {
  position: absolute !important;
  top: calc(100% + 6px) !important;
  left: 0 !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  max-height: 320px !important;
  z-index: 2147483647 !important;
  border-radius: 10px !important;
  border: 1px solid rgba(201,162,39,0.65) !important;
  box-shadow: 0 12px 30px rgba(0,21,64,0.18), 0 4px 10px rgba(0,21,64,0.08) !important;
}

/* Selector principal de jugador: mantener ancho estable al elegir valor */
.page-informes .inf-jugador-block {
  position: relative !important;
}

.page-informes .inf-jugador-dd,
.page-informes .inf-jugador-dd .Select,
.page-informes .inf-jugador-dd > div {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  position: relative !important;
  overflow: visible !important;
}

.page-informes .inf-jugador-dd .Select-control {
  width: 100% !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  height: 38px !important;
  min-height: 38px !important;
}

.page-informes .inf-jugador-dd.is-open,
.page-informes .inf-jugador-dd .is-open {
  position: relative !important;
}

.page-informes .inf-jugador-dd .Select-value,
.page-informes .inf-jugador-dd .Select-placeholder {
  max-width: 100% !important;
  overflow: hidden !important;
}

.page-informes .inf-jugador-dd .Select-value-label,
.page-informes .inf-jugador-dd .Select-placeholder {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
/* Wrapper: contenedor flex para centrar placeholder Y value */
.page-informes .inf-jugador-dd .Select-multi-value-wrapper {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
  flex: 1 !important;
  min-width: 0 !important;
}
/* Placeholder: sacarlo de position:absolute y darle height=100% para centrado */
.page-informes .inf-jugador-dd .Select-placeholder {
  position: relative !important;
  top: auto !important;
  bottom: auto !important;
  padding-top: 0 !important;
  line-height: normal !important;
  height: auto !important;
  display: flex !important;
  align-items: center !important;
}
/* Value (texto seleccionado): mismo centrado */
.page-informes .inf-jugador-dd .Select-value {
  display: flex !important;
  align-items: center !important;
  height: auto !important;
  padding-top: 0 !important;
}
.page-informes .inf-jugador-dd .Select-value-label {
  padding-top: 0 !important;
  line-height: normal !important;
  height: auto !important;
  display: flex !important;
  align-items: center !important;
}

.page-informes .inf-jugador-dd .Select-menu-outer {
  position: absolute !important;
  top: calc(100% + 2px) !important;
  left: 0 !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  z-index: 2601 !important;
}

.page-informes .inf-rival-row {
  position: relative !important;
  z-index: 1 !important;
}

.page-informes .inf-rival-block {
  position: relative !important;
}

.page-informes .inf-rival-dd,
.page-informes .inf-rival-dd .Select,
.page-informes .inf-rival-dd > div {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  position: relative !important;
  overflow: visible !important;
}

.page-informes .inf-rival-dd .Select-control {
  width: 100% !important;
  min-width: 0 !important;
  z-index: 1 !important;
  display: flex !important;
  align-items: center !important;
  height: 38px !important;
  min-height: 38px !important;
}
/* Wrapper: contenedor flex para centrar placeholder Y value */
.page-informes .inf-rival-dd .Select-multi-value-wrapper {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
  flex: 1 !important;
  min-width: 0 !important;
}
/* Placeholder: sacarlo de position:absolute */
.page-informes .inf-rival-dd .Select-placeholder {
  position: relative !important;
  top: auto !important;
  bottom: auto !important;
  padding-top: 0 !important;
  line-height: normal !important;
  height: auto !important;
  display: flex !important;
  align-items: center !important;
}
/* Value (texto seleccionado): mismo centrado */
.page-informes .inf-rival-dd .Select-value {
  display: flex !important;
  align-items: center !important;
  height: auto !important;
  padding-top: 0 !important;
}
.page-informes .inf-rival-dd .Select-value-label {
  padding-top: 0 !important;
  line-height: normal !important;
  height: auto !important;
  display: flex !important;
  align-items: center !important;
}

.page-informes .inf-rival-dd.is-open,
.page-informes .inf-rival-dd .is-open {
  position: relative !important;
}

.page-informes .inf-rival-dd .Select-menu-outer {
  position: absolute !important;
  top: calc(100% + 2px) !important;
  left: 0 !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  z-index: 2601 !important;
}

.page-informes .inf-jornada-block {
  position: relative !important;
  z-index: 1 !important;
}

/* Dropdowns de crear informe de partido: menu flotante (sin expandir tarjeta) */
.page-informes .pp-dd-float,
.page-informes .pp-dd-float .Select,
.page-informes .pp-dd-float > div {
  position: relative !important;
  overflow: visible !important;
}

.page-informes .pp-dd-float.is-open,
.page-informes .pp-dd-float .is-open {
  position: relative !important;
}

.page-informes .pp-dd-float .Select-menu-outer {
  position: absolute !important;
  top: calc(100% + 2px) !important;
  left: 0 !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  max-height: 300px !important;
  z-index: 3201 !important;
}

.page-informes #pp-form-local .Select-control,
.page-informes #pp-form-visit .Select-control {
  min-height: 38px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
}

.page-informes #pp-form-local .Select-multi-value-wrapper,
.page-informes #pp-form-visit .Select-multi-value-wrapper {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
  min-width: 0 !important;
  flex: 1 !important;
}

.page-informes #pp-form-local .Select-placeholder,
.page-informes #pp-form-visit .Select-placeholder,
.page-informes #pp-form-local .Select-value,
.page-informes #pp-form-visit .Select-value {
  position: relative !important;
  top: auto !important;
  bottom: auto !important;
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
  line-height: normal !important;
  padding-top: 0 !important;
}

.page-informes #pp-form-local .Select-value-label,
.page-informes #pp-form-visit .Select-value-label {
  line-height: normal !important;
}

.page-informes #pp-form-local .Select-arrow-zone,
.page-informes #pp-form-visit .Select-arrow-zone {
  height: 100% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.page-informes #pp-panel-player-dd .Select-control {
  min-height: 38px !important;
  height: auto !important;
  display: flex !important;
  align-items: stretch !important;
}

.page-informes #pp-panel-player-dd .Select-multi-value-wrapper {
  display: flex !important;
  align-items: flex-start !important;
  height: auto !important;
  padding: 7px 34px 7px 10px !important;
  min-width: 0 !important;
  flex: 1 !important;
}

.page-informes #pp-panel-player-dd .Select-placeholder,
.page-informes #pp-panel-player-dd .Select-value {
  position: relative !important;
  top: auto !important;
  bottom: auto !important;
  display: flex !important;
  align-items: flex-start !important;
  height: auto !important;
  line-height: normal !important;
  padding-top: 0 !important;
}

.page-informes #pp-panel-player-dd .Select-value-label {
  display: block !important;
  max-width: 100% !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  line-height: 1.22 !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

.page-informes #pp-panel-player-dd .Select-clear-zone,
.page-informes #pp-panel-player-dd .Select-arrow-zone {
  height: 100% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.page-informes #pp-panel-player-dd .Select-clear {
  display: block !important;
  font-size: 16px !important;
  line-height: 1 !important;
  transform: translateY(-1px) !important;
}

/* Dropdown premium: selector jugador en panel de alineaciones */
.page-informes #pp-panel-player-dd .Select-control {
  min-height: 40px !important;
  height: auto !important;
  border: 1.2px solid rgba(201,162,39,0.42) !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.7) !important;
}

.page-informes #pp-panel-player-dd .Select-control:hover {
  border-color: rgba(201,162,39,0.62) !important;
}

.page-informes #pp-panel-player-dd .Select-value-label,
.page-informes #pp-panel-player-dd .Select-placeholder {
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #14294a !important;
}

.page-informes #pp-panel-player-dd .Select-arrow {
  border-top-color: #6b7a90 !important;
}

.page-informes #pp-panel-player-dd .Select-menu-outer {
  border: 1px solid rgba(201,162,39,0.45) !important;
  border-radius: 10px !important;
  margin-top: 4px !important;
  box-shadow: 0 14px 30px rgba(0, 24, 64, 0.18), 0 4px 10px rgba(0, 24, 64, 0.1) !important;
  overflow: hidden !important;
  max-height: 320px !important;
  z-index: 4000 !important;
}

.page-informes #pp-panel-player-dd .VirtualizedSelectOption,
.page-informes #pp-panel-player-dd .Select-option {
  font-size: 11px !important;
  line-height: 1.3 !important;
  padding: 7px 11px !important;
  border-bottom: 1px solid rgba(220,228,239,0.6) !important;
  color: #1a2f4f !important;
  background: #ffffff !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.page-informes #pp-panel-player-dd .VirtualizedSelectFocusedOption,
.page-informes #pp-panel-player-dd .Select-option.is-focused {
  background: linear-gradient(90deg, rgba(0,53,128,0.06) 0%, rgba(0,53,128,0.02) 100%) !important;
  color: #0f2f63 !important;
}

.page-informes #pp-panel-player-dd .Select-option.is-selected {
  background: linear-gradient(90deg, rgba(201,162,39,0.16) 0%, rgba(201,162,39,0.08) 100%) !important;
  color: #0f2f63 !important;
  font-weight: 700 !important;
}

.page-informes #pp-panel-player-dd .VirtualSelectGrid::-webkit-scrollbar {
  width: 6px !important;
}

.page-informes #pp-panel-player-dd .VirtualSelectGrid::-webkit-scrollbar-track {
  background: rgba(220,228,239,0.6) !important;
}

.page-informes #pp-panel-player-dd .VirtualSelectGrid::-webkit-scrollbar-thumb {
  background: rgba(107,122,144,0.55) !important;
  border-radius: 8px !important;
}

.page-informes #pp-panel-player-dd.is-disabled .Select-control {
  background-color: #eef2f8 !important;
  opacity: 0.7 !important;
  cursor: not-allowed !important;
}

.page-informes #pp-panel-player-manual:disabled {
  background-color: #eef2f8 !important;
  color: #8b97aa !important;
  cursor: not-allowed !important;
}

/* Equipo local/visitante (partido): menu flotante estable sin romper render */
.page-informes #equipo_local_dropdown,
.page-informes #equipo_local_dropdown .Select,
.page-informes #equipo_local_dropdown > div,
.page-informes #equipo_visitante_dropdown,
.page-informes #equipo_visitante_dropdown .Select,
.page-informes #equipo_visitante_dropdown > div {
  position: relative !important;
  overflow: visible !important;
}

.page-informes #equipo_local_dropdown .Select-control,
.page-informes #equipo_visitante_dropdown .Select-control {
  min-height: 38px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
}

.page-informes #equipo_local_dropdown .Select-multi-value-wrapper,
.page-informes #equipo_visitante_dropdown .Select-multi-value-wrapper {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
  min-width: 0 !important;
  flex: 1 !important;
}

.page-informes #equipo_local_dropdown .Select-placeholder,
.page-informes #equipo_visitante_dropdown .Select-placeholder,
.page-informes #equipo_local_dropdown .Select-value,
.page-informes #equipo_visitante_dropdown .Select-value {
  position: relative !important;
  top: auto !important;
  bottom: auto !important;
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
  line-height: normal !important;
  padding-top: 0 !important;
}

.page-informes #equipo_local_dropdown .Select-value-label,
.page-informes #equipo_visitante_dropdown .Select-value-label {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  line-height: normal !important;
}

.page-informes #equipo_local_dropdown .Select-clear-zone,
.page-informes #equipo_visitante_dropdown .Select-clear-zone,
.page-informes #equipo_local_dropdown .Select-arrow-zone,
.page-informes #equipo_visitante_dropdown .Select-arrow-zone {
  height: 100% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align: middle !important;
}

.page-informes #equipo_local_dropdown .Select-clear,
.page-informes #equipo_visitante_dropdown .Select-clear {
  display: block !important;
  font-size: 16px !important;
  line-height: 1 !important;
  transform: translateY(-1px) !important;
}

.page-informes #equipo_local_dropdown .Select-menu-outer,
.page-informes #equipo_visitante_dropdown .Select-menu-outer {
  position: absolute !important;
  top: calc(100% + 2px) !important;
  left: 0 !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  max-height: 300px !important;
  z-index: 3201 !important;
}

.page-informes .ic-buscar-dd .VirtualizedSelectOption,
.page-informes .ic-buscar-dd .Select-option {
  padding: 10px 12px !important;
  font-size: 11px !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   CARDS
══════════════════════════════════════════════════════════════════════════ */

/* Línea dorada en la parte superior de cada card */
.page-informes .card {
  border:        1px solid var(--inf-gris) !important;
  border-radius: 6px !important;
  box-shadow:    var(--inf-sombra) !important;
  overflow:      visible !important;
  transition:    box-shadow 0.15s, border-color 0.15s !important;
}

.page-informes .card:hover {
  box-shadow:   var(--inf-sombra-lg) !important;
  border-color: var(--inf-dorado-bd) !important;
}

.page-informes .card::before {
  content:    "";
  display:    block;
  height:     2px;
  background: linear-gradient(90deg,
    #7A5E0A 0%, #C9A227 35%, #E8C45A 55%, #C9A227 80%, #7A5E0A 100%);
  flex-shrink: 0;
}

.page-informes .card-header {
  padding:       4px 10px !important;
  font-size:     9.5px !important;
  font-weight:   600 !important;
  color:         white !important;
  background:    linear-gradient(135deg, var(--inf-azul) 0%, var(--inf-azul-mid) 100%) !important;
  border-bottom: 1px solid var(--inf-dorado-bd) !important;
  letter-spacing: 0.25px !important;
}

.page-informes .card-header h5,
.page-informes .card-header h6 {
  font-size:   9.5px !important;
  font-weight: 600 !important;
  color:       white !important;
  margin:      0 !important;
}

.page-informes .card-body {
  background: var(--inf-blanco) !important;
  padding:    7px 9px !important;
  font-size:  9.5px !important;
}

/* Cards anidadas: sin doble franja dorada */
.page-informes .card .card::before { display: none !important; }
.page-informes .card .card-body    { background: var(--inf-glacial) !important; padding: 5px 7px !important; }

/* ══════════════════════════════════════════════════════════════════════════
   DATATABLE PREMIUM
══════════════════════════════════════════════════════════════════════════ */

.page-informes .dash-table-container {
  border:        1px solid rgba(201,162,39,0.45) !important;
  border-radius: 0 !important;
  overflow:      hidden !important;
  box-shadow:    none !important;
}

/* Header de tabla */
.page-informes .dash-header,
.page-informes .column-header,
.page-informes .column-header--sort {
  background:     var(--inf-azul) !important;
  color:          white !important;
  font-size:      0.66rem !important;
  font-weight:    600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
  padding:        4px 6px !important;
  border-right:   1px solid rgba(201,162,39,0.45) !important;
  border-bottom:  2px solid var(--inf-dorado) !important;
  line-height:    1.1 !important;
}

/* Celdas */
.page-informes .dash-cell,
.page-informes .dash-spreadsheet td {
  font-size:    0.66rem !important;
  padding:      3px 6px !important;
  color:        #1f2937 !important;
  border-right: 1px solid rgba(201,162,39,0.45) !important;
  border-bottom:1px solid rgba(201,162,39,0.45) !important;
  line-height:  1.15 !important;
}

/* Filas alternas */
.page-informes .dash-spreadsheet tr:nth-child(odd) td {
  background: #ffffff !important;
}

.page-informes .dash-spreadsheet tr:nth-child(even) td {
  background: #c7e4f6 !important;
}

/* Hover */
.page-informes .dash-spreadsheet tr:hover td {
  background: #8FBFDF !important;
  cursor: pointer !important;
}

.page-informes .dash-spreadsheet td[data-dash-column="Veredicto_Display"],
.page-informes .dash-spreadsheet tr:nth-child(odd) td[data-dash-column="Veredicto_Display"],
.page-informes .dash-spreadsheet tr:nth-child(even) td[data-dash-column="Veredicto_Display"],
.page-informes .dash-spreadsheet tr:hover td[data-dash-column="Veredicto_Display"] {
  background: #ffffff !important;
}

/* Celda seleccionada */
.page-informes .dash-spreadsheet td.focused,
.page-informes .dash-spreadsheet td.cell--selected {
  background: #8FBFDF !important;
  border: 1px solid var(--inf-azul) !important;
  outline: none !important;
  box-shadow: none !important;
}

.page-informes .dash-spreadsheet td.focused[data-dash-column="Veredicto_Display"],
.page-informes .dash-spreadsheet td.cell--selected[data-dash-column="Veredicto_Display"] {
  background: #ffffff !important;
}

/* Filtro de columna */
.page-informes .dash-filter input {
  font-size:     9px !important;
  height:        21px !important;
  padding:       2px 5px !important;
  border:        1px solid var(--inf-dorado-bd) !important;
  border-radius: 3px !important;
  background:    var(--inf-glacial) !important;
}

/* Paginación */
.page-informes .previous-page,
.page-informes .next-page,
.page-informes .last-page,
.page-informes .first-page {
  color:      var(--inf-azul) !important;
  font-size:  9.5px !important;
  font-weight: 600 !important;
}

.page-informes .current-page input {
  font-size:     9.5px !important;
  width:         34px !important;
  border:        1px solid var(--inf-dorado-bd) !important;
  border-radius: 3px !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   BOTONES
══════════════════════════════════════════════════════════════════════════ */

.page-informes .btn:not(#eliminar_informe):not(#eliminar_informe_partido) {
  font-size:      10px !important;
  font-weight:    600 !important;
  padding:        5px 14px !important;
  border-radius:  4px !important;
  letter-spacing: 0.3px !important;
  background:     linear-gradient(135deg, var(--inf-azul) 0%, var(--inf-azul-mid) 100%) !important;
  color:          #fff !important;
  border:         1px solid var(--inf-dorado-bd) !important;
  box-shadow:     0 1px 4px rgba(0,21,64,0.18) !important;
  transition:     transform 0.12s, box-shadow 0.12s !important;
}

.page-informes .btn:not(#eliminar_informe):not(#eliminar_informe_partido):hover {
  transform:  translateY(-1px) !important;
  box-shadow: 0 3px 10px rgba(0,21,64,0.25) !important;
}

/* Botón eliminar */
#eliminar_informe {
  font-size:     9.5px !important;
  padding:       4px 10px !important;
  border-radius: 4px !important;
  background:    transparent !important;
  color:         #dc2626 !important;
  border:        1px solid rgba(220,38,38,0.35) !important;
  font-weight:   600 !important;
}

#eliminar_informe:hover {
  background:   rgba(220,38,38,0.08) !important;
  border-color: rgba(220,38,38,0.60) !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   ALERTAS
══════════════════════════════════════════════════════════════════════════ */

.page-informes .alert {
  font-size:     9.5px !important;
  padding:       5px 10px !important;
  border-radius: 4px !important;
  border-width:  1px !important;
  margin-top:    6px !important;
}

.page-informes .alert-success {
  background:   rgba(16,185,129,0.08) !important;
  border-color: rgba(16,185,129,0.30) !important;
  color:        #065f46 !important;
}

.page-informes .alert-danger {
  background:   rgba(220,38,38,0.07) !important;
  border-color: rgba(220,38,38,0.28) !important;
  color:        #991b1b !important;
}

.page-informes .alert-warning {
  background:   var(--inf-dorado-bg) !important;
  border-color: var(--inf-dorado-bd) !important;
  color:        #78530a !important;
}

/* Spinner RM-Scouting para carga de alineaciones (partido) */
.page-informes .pp-loading-overlay{
  position:absolute;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  z-index:22;
  background:rgba(9,22,45,0.34);
  backdrop-filter:blur(1px);
  pointer-events:all;
}

.page-informes .pp-loading-overlay .pp-loading-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:12px 14px;
  border-radius:12px;
  background:rgba(255,255,255,0.94);
  border:1px solid rgba(201,162,39,0.85);
  box-shadow:0 10px 28px rgba(0,0,0,0.22);
}

.page-informes .pp-loading-overlay .malaga-spinner{
  position:relative;
  width:80px !important;
  height:80px !important;
}

.page-informes .pp-loading-overlay .spinner-ring{
  position:absolute;
  width:80px !important;
  height:80px !important;
  inset:0;
  border-radius:50%;
  border:4px solid #f3f3f3;
  border-top-color:#004080;
  border-right-color:#d4af37;
  animation: pp-spin 1s linear infinite;
}

.page-informes .pp-loading-overlay .spinner-logo{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:62px !important;
  height:62px !important;
  background:url('/assets/images/malaga.png') center/88% no-repeat;
  animation: pp-pulse 1.8s ease-in-out infinite;
}

.page-informes .pp-loading-overlay .loading-text{
  color:#004080;
  font-family:'Inter','Segoe UI',sans-serif;
  font-size:12px;
  font-weight:500;
}

@keyframes pp-spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(360deg); }
}
@keyframes pp-pulse{
  0%,100% { transform:translate(-50%,-50%) scale(1); opacity:.8; }
  50% { transform:translate(-50%,-50%) scale(1.1); opacity:1; }
}

/* ══════════════════════════════════════════════════════════════════════════
   MODAL
══════════════════════════════════════════════════════════════════════════ */

/* Header del modal — ya se aplica inline desde Python, esto refuerza */
#modal-informe .modal-content,
#modal-informe-partido .modal-content {
  border:        1px solid var(--inf-dorado-bd) !important;
  border-radius: 8px !important;
  overflow:      hidden !important;
}

#modal-informe .modal-header,
#modal-informe-partido .modal-header {
  padding:       7px 14px !important;
  border-bottom: none !important;
}

/* Botón de cierre del modal */
#modal-informe .btn-close,
#modal-informe-partido .btn-close {
  filter:  invert(1) !important;
  opacity: 0.80 !important;
}

/* Body del modal */
#modal-body-informe,
#modal-body-informe-partido {
  font-size:   9.5px !important;
  padding:     10px 12px !important;
  background:  var(--inf-glacial) !important;
}

/* Scrollbar del modal */
.modal-body {
  scrollbar-width: thin !important;
  scrollbar-color: var(--inf-dorado) rgba(0,21,64,0.06) !important;
}

.modal-body::-webkit-scrollbar       { width: 4px !important; }
.modal-body::-webkit-scrollbar-track { background: rgba(0,21,64,0.04) !important; }
.modal-body::-webkit-scrollbar-thumb {
  background:    var(--inf-dorado) !important;
  border-radius: 99px !important;
}

/* Títulos dentro del modal */
#modal-body-informe h3,
#modal-body-informe-partido h3 {
  font-size:      10.5px !important;
  font-weight:    700 !important;
  color:          var(--inf-azul) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.6px !important;
  border-bottom:  1px solid var(--inf-dorado-bd) !important;
  padding-bottom: 4px !important;
  margin-bottom:  8px !important;
}

#modal-body-informe h4,
#modal-body-informe-partido h4 {
  font-size:   10px !important;
  font-weight: 700 !important;
  color:       var(--inf-azul) !important;
  margin-bottom: 6px !important;
}

#modal-body-informe h5,
#modal-body-informe h6,
#modal-body-informe-partido h5,
#modal-body-informe-partido h6 {
  font-size:   9.5px !important;
  font-weight: 600 !important;
  color:       var(--inf-azul) !important;
  margin:      0 !important;
}

#modal-body-informe p,
#modal-body-informe-partido p {
  font-size:   9px !important;
  margin:      2px 0 !important;
  line-height: 1.45 !important;
}

#modal-body-informe strong,
#modal-body-informe-partido strong {
  color:      var(--inf-azul) !important;
  font-weight: 600 !important;
}

/* Cards dentro del modal: borde izquierdo dorado */
#modal-body-informe .card,
#modal-body-informe-partido .card {
  border-left: 3px solid var(--inf-dorado) !important;
}

/* Modo compacto del modal de informe de jugador (look ~80%) */
#modal-informe .modal-dialog {
  max-width: min(1040px, 82vw) !important;
  width: 82vw !important;
  margin: 2vh auto !important;
}

#modal-informe-partido .modal-dialog {
  max-width: min(1240px, 90vw) !important;
  width: 90vw !important;
  margin: 5vh auto !important;
}

#modal-informe-partido .modal-dialog.modal-dialog-centered {
  min-height: calc(100vh - 10vh) !important;
}

#modal-informe.modal .modal-content {
  height: 94vh !important;
}

#modal-informe-partido.modal .modal-content {
  height: 90vh !important;
  max-height: 90vh !important;
}

#modal-informe.modal .modal-body {
  max-height: calc(94vh - 64px) !important;
}

#modal-informe-partido.modal .modal-body {
  max-height: calc(90vh - 64px) !important;
}

#modal-body-informe {
  zoom: 0.84;
}

@supports not (zoom: 1) {
  #modal-body-informe {
    transform: scale(0.84);
    transform-origin: top left;
    width: 119.1%;
  }
}

/* ══════════════════════════════════════════════════════════════════════════
   EVALUACIONES CIRCULARES (informe de partido)
══════════════════════════════════════════════════════════════════════════ */

/* Botones circulares de evaluación — reducir tamaño */
#detalles-jugadores-partido-container .form-check-inline > div {
  width:     48px !important;
  height:    48px !important;
  font-size: 7.5px !important;
}

/* Checklist jugadores */
.page-informes .form-check {
  font-size:     10px !important;
  padding:       2px 0 2px 18px !important;
  margin-bottom: 2px !important;
}

.page-informes .form-check-input {
  width:       11px !important;
  height:      11px !important;
  margin-top:  2px !important;
  cursor:      pointer !important;
}

.page-informes .form-check-input:checked {
  background-color: var(--inf-azul) !important;
  border-color:     var(--inf-dorado) !important;
}

.page-informes .form-check-label {
  font-size: 10px !important;
  color:     var(--inf-texto) !important;
  cursor:    pointer !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   SEPARADORES Y MISC
══════════════════════════════════════════════════════════════════════════ */

.page-informes hr {
  border:     none !important;
  border-top: 1px solid var(--inf-dorado-bd) !important;
  margin:     5px 0 !important;
}

/* Badge de veredicto */
.page-informes .badge {
  font-size:     8px !important;
  padding:       2px 6px !important;
  border-radius: 3px !important;
  font-weight:   700 !important;
  letter-spacing: 0.3px !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════════════════════════════════════ */

@media (max-width: 992px) {
  .page-informes .card-body { padding: 5px 7px !important; }
}


/* Veredicto premium hover */
.veredicto-btn:hover {
  filter: brightness(0.68) saturate(1.2) contrast(1.08);
  border-color: #003580 !important;
  transform: translateY(-1px) scale(1.03);
  box-shadow: 0 6px 18px rgba(0,0,0,0.28) !important;
}

.veredicto-btn:active {
  filter: brightness(0.58) saturate(1.25) contrast(1.10);
  transform: translateY(0);
  box-shadow: 0 2px 9px rgba(0,0,0,0.30) !important;
}

.veredicto-btn:focus-visible {
  outline: 2px solid var(--inf-dorado) !important;
  outline-offset: 1px;
}


.pp-veredicto-btn:hover{filter:brightness(0.90);}

.pp-readonly-card > summary {
  list-style: none;
}

.pp-readonly-card > summary::-webkit-details-marker {
  display: none;
}

.pp-readonly-card > summary:hover {
  filter: brightness(0.94);
}

.pp-readonly-card[open] .pp-readonly-toggle-icon {
  transform: rotate(180deg);
}

.page-informes .pp-header-action,
#modal-informe-partido .pp-header-action,
#modal-informe .pp-header-action {
  appearance: none !important;
  -webkit-appearance: none !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
  padding: 6px 14px !important;
  font-size: 10px !important;
  line-height: 1.1 !important;
  cursor: pointer !important;
  transition: background-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
  box-shadow: 0 4px 14px rgba(0,0,0,0.14) !important;
}

#modal-informe-partido .pp-header-action-edit,
#modal-informe-partido button#editar_informe_partido.pp-header-action-edit,
#modal-informe .pp-header-action-edit,
#modal-informe button#editar_informe_jugador.pp-header-action-edit,
.page-informes #modal-informe-partido .pp-header-action-edit,
.page-informes #modal-informe-partido button#editar_informe_partido.pp-header-action-edit,
.page-informes #modal-informe .pp-header-action-edit,
.page-informes #modal-informe button#editar_informe_jugador.pp-header-action-edit {
  background: #C39400 !important;
  background-color: #C39400 !important;
  color: #003270 !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
}

#modal-informe-partido .pp-header-action-delete,
#modal-informe-partido button#eliminar_informe_partido.pp-header-action-delete,
#modal-informe .pp-header-action-delete,
#modal-informe button#eliminar_informe_jugador.pp-header-action-delete,
.page-informes #modal-informe-partido .pp-header-action-delete,
.page-informes #modal-informe-partido button#eliminar_informe_partido.pp-header-action-delete,
.page-informes #modal-informe .pp-header-action-delete,
.page-informes #modal-informe button#eliminar_informe_jugador.pp-header-action-delete {
  background: #B91C1C !important;
  background-color: #B91C1C !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.16) !important;
}

.page-informes .pp-header-action:hover,
#modal-informe-partido .pp-header-action:hover,
#modal-informe-partido button#editar_informe_partido:hover,
#modal-informe-partido button#eliminar_informe_partido:hover,
#modal-informe .pp-header-action:hover,
#modal-informe button#editar_informe_jugador:hover,
#modal-informe button#eliminar_informe_jugador:hover {
  transform: translateY(-2px) scale(1.03) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,0.28) !important;
  filter: saturate(1.08) brightness(0.94) !important;
}

#modal-informe-partido .pp-header-action-edit:hover,
#modal-informe-partido button#editar_informe_partido.pp-header-action-edit:hover,
.page-informes #modal-informe-partido .pp-header-action-edit:hover,
.page-informes #modal-informe-partido button#editar_informe_partido.pp-header-action-edit:hover,
#modal-informe .pp-header-action-edit:hover,
#modal-informe button#editar_informe_jugador.pp-header-action-edit:hover,
.page-informes #modal-informe .pp-header-action-edit:hover,
.page-informes #modal-informe button#editar_informe_jugador.pp-header-action-edit:hover {
  background-color: #9f7700 !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.28) !important;
}

#modal-informe-partido .pp-header-action-delete:hover,
#modal-informe-partido button#eliminar_informe_partido.pp-header-action-delete:hover,
.page-informes #modal-informe-partido .pp-header-action-delete:hover,
.page-informes #modal-informe-partido button#eliminar_informe_partido.pp-header-action-delete:hover,
#modal-informe .pp-header-action-delete:hover,
#modal-informe button#eliminar_informe_jugador.pp-header-action-delete:hover,
.page-informes #modal-informe .pp-header-action-delete:hover,
.page-informes #modal-informe button#eliminar_informe_jugador.pp-header-action-delete:hover {
  background-color: #8f1616 !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.24) !important;
}

#modal-informe-partido .pp-header-action:focus-visible,
#modal-informe-partido button#editar_informe_partido:focus-visible,
#modal-informe-partido button#eliminar_informe_partido:focus-visible,
#modal-informe .pp-header-action:focus-visible,
#modal-informe button#editar_informe_jugador:focus-visible,
#modal-informe button#eliminar_informe_jugador:focus-visible {
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(255,255,255,0.18), 0 10px 24px rgba(0,0,0,0.28) !important;
}

/* Compactación específica en modal de informe de partido para ganar ancho útil en cabecera */
#modal-informe-partido .pp-header-action,
#modal-informe-partido button#editar_informe_partido,
#modal-informe-partido button#eliminar_informe_partido {
  padding: 5px 10px !important;
  font-size: 9.5px !important;
}

/* Visionado: acciones Editar/Borrar con hover premium */
.page-informes .visionado-action {
  transition: transform 0.16s ease, box-shadow 0.16s ease, background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease !important;
}

.page-informes .visionado-action.visionado-action-edit {
  background: rgba(0, 72, 154, 0.06) !important;
  border-color: rgba(0, 72, 154, 0.34) !important;
  color: #003f8c !important;
}

.page-informes .visionado-action.visionado-action-delete {
  background: rgba(220, 53, 69, 0.07) !important;
  border-color: rgba(220, 53, 69, 0.34) !important;
  color: #cc3946 !important;
}

.page-informes .visionado-action:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 14px rgba(0, 21, 64, 0.14) !important;
}

.page-informes .visionado-action.visionado-action-edit:hover {
  background: rgba(0, 72, 154, 0.08) !important;
  border-color: rgba(0, 72, 154, 0.42) !important;
  color: #003d86 !important;
}

.page-informes .visionado-action.visionado-action-delete:hover {
  background: rgba(220, 53, 69, 0.10) !important;
  border-color: rgba(220, 53, 69, 0.46) !important;
  color: #b91c1c !important;
}