/* ===========================================================================
   MAGUS — portada del admin
   ---------------------------------------------------------------------------
   Solo el ancho y el ritmo vertical de templates/admin/index.html.

   Deliberadamente NO reviste el admin: la barra lateral, el changelist, el
   panel de filtros, los formularios y el login ya están revestidos en el
   proyecto. Este archivo no redefine ninguna variable del admin (--primary,
   --body-bg, --link-fg) ni ninguno de sus selectores, así que se puede agregar
   sin revisar qué más va a mover.

   Se carga al final, después de magus-app.css.
   =========================================================================== */

/*
  El admin envuelve el contenido en #content con su propio padding y reserva
  #content-related para "Acciones recientes". La portada usa el ancho completo:
  las cifras del día no se leen en una columna de 600px.
*/
.magus-portada #content { padding: var(--space-6) var(--space-8) var(--space-8); }
.magus-portada #content-main { width: 100%; float: none; }
.magus-portada .colMS { margin-right: 0; }
.magus-portada #content-related { display: none; }

/*
  Piso de ancho, igual que el shell de las pantallas propias (.app lleva
  min-width: 1440px). Sin esto la tarjeta del mix de cobros baja de ~600px y la
  leyenda recorta "Transferencia / QR" a "Transferen…": el importe no cede
  porque es el dato, así que lo que cede es el ancho de la página.
*/
.portada {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  min-width: 1180px;
  max-width: 1560px;
}

/*
  El admin repite el título de la página arriba del contenido. En la portada
  estorba: el tablero ya trae su encabezado.
*/
.magus-portada #content > h1:first-child { display: none; }