/* Ajustes específicos de la aplicación. La paleta y el tema oscuro viven en theme.css (UI-001) y
   la estructura del shell en layout.css (UI-002); ambos se cargan antes que este archivo. */

html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

/* El "html position:relative + body margin-bottom:60px" del scaffold se quitó en UI-002: existía
   para sostener un footer en position:absolute, que ahora queda al pie por el flex del shell. */

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}

/* Gráfico de distribución (DASH-003).
   Alto fijo en el contenedor y maintainAspectRatio:false en el chart: sin una altura de referencia,
   un canvas responsive dentro de una card crece en cada resize hasta desbordar la página. */
.zw-distribucion-canvas {
  position: relative;
  height: 280px;
}

@media (min-width: 768px) {
  .zw-distribucion-canvas {
    height: 320px;
  }
}

/* Los estilos de Select2 se mudaron a theme.css: eran mayormente color, y separarlos del tema
   dejaba dos lugares donde tocar lo mismo. */