/* ==========================================================================
   mástersport · app.css — Ajustes de app y compat con MudBlazor
   Cargada justo después de las hojas ms-*; las reglas de componente del
   nuevo sistema viven en styles/, esto solo cubre huecos temporales.
   ========================================================================== */

html, body {
  font-family: var(--ms-font-body);
}

/* ---- Barra de error de Blazor ---- */
#blazor-error-ui {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.6rem 1.25rem;
  background: var(--ms-danger);
  color: #fff;
  box-shadow: var(--ms-shadow-lg);
  z-index: 9999;
}

#blazor-error-ui .reload {
  color: #fff;
  text-decoration: underline;
  margin-left: 1rem;
}

/* ---- MudBlazor: alinear con tokens ms-* (migración en curso) ---- */

/* Cuerpo del botón primario: quitar el glow verde legacy, usar brand */
.mud-button-filled.mud-button-filled-primary,
.mud-button.filled.mud-button-color-primary.mud-button-filled {
  background: var(--ms-brand);
  box-shadow: 0 2px 6px rgba(var(--ms-c-brand), .24);
}

.mud-button-filled.mud-button-filled-primary:hover {
  background: var(--ms-brand-hover);
  box-shadow: 0 4px 12px rgba(var(--ms-c-brand), .30);
}

/* Tablas blancas con el radio del sistema */
.mud-table-container {
  border-radius: var(--ms-radius-lg);
}

.mud-table {
  background: var(--ms-surface);
}

/* Cabecera/áreas de tabla en surface-2 */
.mud-table-head, .mud-table-head th {
  background: var(--ms-surface-2);
}

/* Snackbar: fondo de superficie, radio del sistema */
.mud-snackbar-location-bottom-right {
  gap: 10px;
}

.mud-snackbar {
  border-radius: var(--ms-radius-md);
  background: var(--ms-surface);
  color: var(--ms-text-1);
  border: 1px solid var(--ms-border);
  border-left: 3px solid var(--ms-success);
  box-shadow: var(--ms-shadow-lg);
}

/* Diálogos Mud: alinear con ms-modal */
.mud-dialog {
  border-radius: var(--ms-radius-xl);
  background: var(--ms-surface);
  color: var(--ms-text-1);
  box-shadow: var(--ms-shadow-xl);
}

.mud-dialog-actions {
  background: var(--ms-surface-2);
  border-top: 1px solid var(--ms-border);
}

/* Inputs Mud: fondo surface-2, radio del sistema */
.mud-input-outlined .mud-input-outlined-border {
  border-radius: var(--ms-radius-md);
}

.mud-input-control {
  font-size: var(--ms-fs-md);
}

/* Texto de la app en todos los widgets Mud */
.mud-typography { color: var(--ms-text-1); }
.mud-text-secondary { color: var(--ms-text-2) !important; }

@media print {
  .mud-appbar, .mud-drawer {
    display: none !important;
  }
}