/* «Revisar» de Fichajes y Estadísticas → el caso concreto en la página donde ya se decide (módulo 82, r17). Colores del tema; reserva si falta. */
.dfs-barra { position: fixed; left: 12px; right: 12px; bottom: calc(16px + env(safe-area-inset-bottom, 0px)); z-index: 2147483001; max-width: 720px; margin: 0 auto; display: grid; gap: 8px; padding: 10px 12px; box-sizing: border-box; border-radius: 14px; border: 2px solid var(--gold, #facc15); background: var(--surface, var(--sup-1, #14142b)); color: var(--text-main, #e8eef4); box-shadow: 0 6px 24px rgba(0, 0, 0, .55); max-height: 46vh; overflow: auto; }
.dfs-fila { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
.dfs-boton { min-height: 44px; padding: 8px 14px; border-radius: 10px; border: 1px solid var(--border-color, #2a2a4a); background: transparent; color: inherit; font: inherit; font-weight: 700; cursor: pointer; touch-action: manipulation; }
.dfs-boton:focus-visible { outline: 3px solid var(--gold, #facc15); outline-offset: 2px; }
.dfs-boton:disabled { opacity: .5; cursor: default; }
.dfs-volver { background: var(--primary, #00ff87); border-color: var(--primary, #00ff87); color: #06120c; }
.dfs-cuerpo { display: grid; gap: 2px; min-width: 0; }
.dfs-cuerpo p, .dfs-aviso, .dfs-estado { margin: 0; overflow-wrap: anywhere; }
.dfs-etiqueta { font-weight: 800; color: var(--gold, #facc15); text-transform: uppercase; font-size: .78rem; letter-spacing: .4px; }
.dfs-donde { color: var(--text-muted, #aab); font-size: .9rem; }
.dfs-linea { font-weight: 800; font-size: 1.05rem; }
.dfs-nota { font-size: .9rem; }
.dfs-pista { color: var(--text-muted, #aab); font-size: .85rem; }
.dfs-nav { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.dfs-pos { font-weight: 700; text-align: center; flex: 1 1 auto; }
.dfs-aviso { color: var(--text-muted, #aab); font-size: .8rem; }
.dfs-estado { font-weight: 700; color: var(--accent, #ff8aa0); }
.dfs-estado[hidden] { display: none; }
/* el caso marcado en la página de la liga */
.dfs-resaltado { outline: 3px solid var(--gold, #facc15) !important; outline-offset: 3px; box-shadow: 0 0 0 6px rgba(250, 204, 21, .22), 0 0 22px rgba(250, 204, 21, .45) !important; border-radius: 12px; scroll-margin: 130px 0 300px; }   /* el partido queda debajo de la barra de arriba y sobre el aviso de abajo */
tr.dfs-resaltado { outline-offset: -3px; border-radius: 0; background: rgba(250, 204, 21, .14) !important; }
@media (max-width: 900px) { .dfs-barra { bottom: calc(84px + env(safe-area-inset-bottom, 0px)); } }
@media (max-width: 480px) {
  .dfs-barra { left: 8px; right: 8px; gap: 4px; padding: 8px 10px; max-height: 38vh; }
  .dfs-boton { min-height: 44px; padding: 6px 12px; }
  .dfs-volver { flex: 1 1 auto; }
  .dfs-etiqueta { font-size: .72rem; }
  .dfs-donde, .dfs-nota, .dfs-pista, .dfs-aviso { font-size: .8rem; }
  .dfs-linea { font-size: .98rem; }
}
@media (prefers-reduced-motion: no-preference) { .dfs-resaltado { transition: box-shadow .3s ease; } }