/* V210 · UNIFIED SUBSECTIONS
   Same visual grammar below every page header:
   navigation → controls → KPI strip → analysis sections → data table. */

/* 1. Every KPI collection uses the same responsive strip. */
#app-shell .kpi-grid,#app-shell .salud-kpis-grid,#app-shell .fr-kpis,#app-shell .load-player-summary,
#app-shell .somato-kpis,#app-shell .tlr-kpis,#app-shell .pm-pro-mini-grid{
  display:grid!important;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;
  gap:1px!important;margin:0 0 14px!important;padding:0!important;
  background:var(--ui-line)!important;border:1px solid var(--ui-line)!important;border-radius:3px!important;overflow:hidden!important;
}
#app-shell #tab-cargas #cargas-kpis,#app-shell #tab-wellness #wellness-kpis,
#app-shell #tab-salud #salud-kpis-equipo,#app-shell #tab-partidos #partidos-kpis,
#app-shell #tab-temporada #kpi-grid{
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;
}
#app-shell .kpi,#app-shell .kpi-card,#app-shell .salud-kpi,#app-shell .fr-kpi,
#app-shell .load-player-summary>article,#app-shell .somato-kpis>*,#app-shell .tlr-kpi,#app-shell .pm-pro-mini-grid>*{
  position:relative!important;min-height:104px!important;margin:0!important;padding:16px 17px!important;
  color:var(--ui-ink)!important;background:var(--ui-sheet)!important;border:0!important;border-radius:0!important;box-shadow:none!important;
}
#app-shell .kpi:before,#app-shell .kpi-card:before,#app-shell .salud-kpi:before,#app-shell .fr-kpi:before,
#app-shell .load-player-summary>article:before,#app-shell .tlr-kpi:before{
  content:""!important;position:absolute!important;left:0!important;top:0!important;width:36px!important;height:3px!important;background:var(--ui-orange)!important;
}
#app-shell .salud-kpi[data-tone],#app-shell .load-player-summary>article.ratio{border-left:0!important}
#app-shell .salud-kpi-label,#app-shell .fr-kpi-label,#app-shell .load-player-summary article>span,#app-shell .tlr-kpi>span{
  font-size:9px!important;font-weight:850!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:var(--ui-muted)!important;
}
#app-shell .salud-kpi-value,#app-shell .fr-kpi-value,#app-shell .load-player-summary article>strong,#app-shell .tlr-kpi>strong{
  display:block!important;margin:8px 0 4px!important;font-size:25px!important;line-height:1!important;color:var(--ui-ink)!important;font-weight:850!important;
}

/* 2. Filters and selectors always appear as one white control bar. */
#app-shell .salud-toolbar,#app-shell .load-player-toolbar,#app-shell .isak-filters,
#app-shell .ce44-toolbar,#app-shell .pm-pro-toolbar,#app-shell .somato-toolbar,
#app-shell .row.load-primary-actions{
  min-height:62px!important;margin:0 0 14px!important;padding:12px 14px!important;
  background:var(--ui-sheet)!important;border:1px solid var(--ui-line)!important;border-radius:3px!important;box-shadow:none!important;
}
#app-shell .salud-toolbar{display:flex!important;align-items:center!important;gap:10px!important}
#app-shell .load-player-toolbar{display:flex!important;align-items:end!important;justify-content:space-between!important}
#app-shell .salud-toolbar label,#app-shell .salud-toolbar>span,#app-shell .load-player-toolbar span,
#app-shell .isak-filters label,#app-shell .somato-toolbar label{
  color:var(--ui-muted)!important;font-size:9px!important;font-weight:850!important;letter-spacing:.08em!important;text-transform:uppercase!important;
}

/* 3. Every analytical subsection is the same white sheet. */
#app-shell .card,#app-shell .fr-card,#app-shell .isak-card,#app-shell .section-card,
#app-shell .load-context,#app-shell .load-player-chart,#app-shell .load-recent,
#app-shell .injury-history-card,#app-shell .tlr-section,#app-shell .pm-pro-side-card,
#app-shell .report-chart-panel,#app-shell .ce44-ex,#app-shell .salud-tabla-wrap{
  margin-top:14px!important;padding:18px!important;color:var(--ui-ink)!important;
  background:var(--ui-sheet)!important;border:1px solid var(--ui-line)!important;border-radius:3px!important;box-shadow:none!important;
}
#app-shell .load-context>header,#app-shell .load-player-chart>header,#app-shell .load-recent>h3,
#app-shell .fr-card>.fr-card-title,#app-shell .isak-card-head,#app-shell .tlr-section-title,
#app-shell .injury-section-heading,#app-shell .report-chart-head,#app-shell .pm-pro-side-title{
  display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;
  margin:0 0 14px!important;padding:0 0 11px!important;color:var(--ui-ink)!important;
  background:transparent!important;border:0!important;border-bottom:2px solid var(--ui-navy)!important;
}
#app-shell .load-context h3,#app-shell .load-player-chart h3,#app-shell .load-recent>h3,
#app-shell .fr-card-title,#app-shell .isak-card-head h3,#app-shell .tlr-section-title h3,
#app-shell .injury-section-heading h3,#app-shell .report-chart-head h3{
  margin:0!important;color:var(--ui-ink)!important;font-size:16px!important;line-height:1.2!important;font-weight:850!important;
}
#app-shell .load-context header p,#app-shell .load-player-chart header p,#app-shell .fr-card-sub,
#app-shell .isak-card-head p,#app-shell .tlr-section-title p,#app-shell .injury-section-heading p{
  margin:4px 0 0!important;color:var(--ui-muted)!important;font-size:11px!important;line-height:1.45!important;
}

/* 4. Nested values are a neutral data strip, never another dark card. */
#app-shell .load-context-grid,#app-shell .fr-legend,#app-shell .report-guide-grid,
#app-shell .match-summary-intel,#app-shell .tlr-player-kpis{
  display:grid!important;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;
  gap:1px!important;padding:0!important;background:var(--ui-line)!important;border:1px solid var(--ui-line)!important;border-radius:2px!important;overflow:hidden!important;
}
#app-shell .load-context-grid>div,#app-shell .fr-legend-item,#app-shell .report-guide-grid>div,
#app-shell .match-summary-intel>*,#app-shell .tlr-player-kpis>*{
  min-height:82px!important;padding:13px!important;color:var(--ui-ink)!important;background:#f8f7f3!important;border:0!important;border-radius:0!important;
}
#app-shell .load-context-grid span,#app-shell .load-context-grid small{color:var(--ui-muted)!important}
#app-shell .load-context-grid strong{color:var(--ui-ink)!important;font-size:20px!important}

/* 5. Tables and roster lists use the same outer sheet and row rhythm. */
#app-shell .table-wrap,#app-shell .fr-table-wrap,#app-shell .tlr-table-wrap,
#app-shell .salud-tabla-wrap,#app-shell .pm-minutes-table-wrap{
  padding:0!important;overflow:auto!important;background:var(--ui-sheet)!important;border:1px solid var(--ui-line)!important;border-radius:3px!important;box-shadow:none!important;
}
#app-shell .salud-tabla-wrap{border-left:1px solid var(--ui-line)!important}
#app-shell .salud-row td,#app-shell .fr-table td,#app-shell .tlr-table td{min-height:52px!important;padding:11px 12px!important}

/* 6. Callouts are identical and restrained. */
#app-shell .salud-leyenda,#app-shell .ce44-method-note,#app-shell .isak-principle,
#app-shell .fr-principle,#app-shell .load-source-note,#app-shell .tlr-quality{
  margin:12px 0!important;padding:11px 13px!important;color:#34434c!important;background:#eef2f3!important;
  border:0!important;border-left:4px solid var(--ui-blue)!important;border-radius:2px!important;box-shadow:none!important;
}

/* Remove remaining module-specific dark compositions and oversized rounding. */
#app-shell .load-context,#app-shell .load-player-chart,#app-shell .load-recent,
#app-shell #tab-salud .salud-tabla-wrap,#app-shell #tab-readiness .fr-grid>.fr-card:last-child{
  color:var(--ui-ink)!important;background:var(--ui-sheet)!important;border-color:var(--ui-line)!important;
}
#app-shell .load-spark i{border-radius:1px 1px 0 0!important;background:var(--ui-blue)!important}
#app-shell .load-player-summary article,#app-shell .load-player-toolbar,#app-shell .load-context,
#app-shell .load-player-chart,#app-shell .load-recent{border-radius:3px!important}

@media(max-width:900px){
  #app-shell .kpi-grid,#app-shell .salud-kpis-grid,#app-shell .fr-kpis,#app-shell .load-player-summary,#app-shell .tlr-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #app-shell .salud-toolbar,#app-shell .load-player-toolbar{align-items:stretch!important;flex-direction:column!important}
}
@media(max-width:520px){
  #app-shell .kpi-grid,#app-shell .salud-kpis-grid,#app-shell .fr-kpis,#app-shell .load-player-summary,#app-shell .tlr-kpis{grid-template-columns:1fr 1fr!important}
  #app-shell .card,#app-shell .fr-card,#app-shell .isak-card,#app-shell .section-card,#app-shell .load-context,#app-shell .load-player-chart,#app-shell .load-recent,#app-shell .tlr-section{padding:13px!important}
}