/* Panel /admin/ — solo tokens del design system. */
.admin { background: var(--color-surface-sunken); }
.admin__main { padding-block: var(--space-2xl) var(--space-section); }
.admin__titulo {
  margin-bottom: var(--space-xl);
  font: var(--weight-display) var(--text-heading-lg) / var(--leading-heading) var(--font-display);
  font-variation-settings: "SOFT" var(--soft-display);
}
.admin__marca { margin-inline-end: auto; margin-inline-start: var(--space-sm); }
.admin__acceso { max-width: 28rem; }
.admin__acceso form { display: grid; gap: var(--space-md); }
.admin__acceso code { font-family: var(--font-mono); font-size: 0.9em; }
.admin__panel { display: grid; gap: var(--space-lg); }
.admin__barra { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-md); }
.admin__subtitulo { font: var(--weight-display) var(--text-heading-md) / var(--leading-heading) var(--font-display); }
.admin__controles { display: flex; flex-wrap: wrap; gap: var(--space-sm); }
.admin__rango { width: auto; }
.admin__nota { font-size: var(--text-body-sm); color: var(--color-text-secondary); }
.admin__kpis { display: grid; gap: var(--space-component-gap); }
@media (min-width: 40em) { .admin__kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 64em) { .admin__kpis { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.admin__kpi {
  display: grid;
  gap: var(--space-2xs);
  padding: var(--space-lg);
  border-radius: var(--radius-lg);
  background: var(--color-surface-inverse);
  color: var(--color-text-inverse);
}
.admin__kpi-valor { font: var(--weight-display) var(--text-heading-lg) / 1 var(--font-display); color: var(--color-text-inverse-accent); }
.admin__kpi-nombre { font-size: var(--text-body-sm); color: var(--color-text-inverse-secondary); }
.admin__grafico { margin: 0; }
.admin__grafico-titulo { font: var(--weight-strong) var(--text-body-md) / 1.3 var(--font-body); }
.admin__svg { width: 100%; height: auto; }
.admin__barra-dia { fill: var(--color-brand-primary); }
.admin__barra-dia:hover { fill: var(--color-brand-vivid); }
.admin__eje { fill: var(--color-text-secondary); font: 12px var(--font-mono); }
.admin__tablas { display: grid; gap: var(--space-component-gap); }
@media (min-width: 56em) { .admin__tablas { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.admin__tablas .card:hover, .admin__accesos:hover, .admin__grafico:hover, .admin__acceso:hover { transform: none; }
.admin__tabla { width: 100%; border-collapse: collapse; font-size: var(--text-body-sm); }
.admin__tabla th, .admin__tabla td { padding: var(--space-xs) 0; text-align: left; border-top: var(--border-width) solid var(--color-border-subtle); }
.admin__tabla th { font-weight: var(--weight-strong); padding-inline-end: var(--space-sm); }
.admin__tabla td:nth-child(2) { width: 45%; }
.admin__cifra { text-align: right; font-family: var(--font-mono); padding-inline-start: var(--space-sm); }
.admin__medidor { width: 100%; height: 0.6rem; accent-color: var(--color-brand-primary); }
.admin__vacio { color: var(--color-text-secondary); }
.admin__accesos ul { display: grid; gap: var(--space-xs); }