/* Overrides propias de la cabeza Web (escritorio/navegador ancho), cargadas después del app.css
   compartido de Frontend.Shared — mismo patrón que ya usa Frontend (MAUI) con su propio app.css
   local para el safe-area del notch. En MAUI el WebView ya ocupa toda la pantalla del dispositivo,
   así que este archivo no le llega y no lo afecta.

   .screen (Login/Diagnostico) y .home-shell (Home/Recargas/Servicios/Movimientos/IngresarDinero/
   tickets) son los dos únicos contenedores de pantalla de toda la app — ensancharlos acá cubre
   la app completa sin tocar un solo .razor. */

@media (min-width: 960px) {
    body {
        background-image:
            radial-gradient(circle at 18% -10%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 55%),
            radial-gradient(circle at 100% 100%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 50%);
    }

    .screen,
    .home-shell {
        max-width: 720px;
    }

    :root[data-theme="dark"] .screen,
    :root[data-theme="dark"] .home-shell {
        max-width: 760px;
    }
}

@media (min-width: 960px) and (prefers-color-scheme: dark) {
    :root:not([data-theme]) .screen,
    :root:not([data-theme]) .home-shell {
        max-width: 760px;
    }
}