/* layout-fix.css — Quita max-width del .container para que todos los módulos
   ocupen el ancho completo de la pantalla (igual que Tesorería, Dashboard, etc.)
   Se carga DESPUÉS de app.css para sobrescribir con !important. */

.container {
  max-width: 100% !important;
  width: 100% !important;
  padding: 16px !important;
  box-sizing: border-box !important;
}

@media (min-width: 601px) and (max-width: 1024px) {
  .container { padding: 14px !important; }
}

@media (min-width: 1025px) {
  .container { max-width: 100% !important; padding: 20px !important; }
}