/* Bidef web — estilos propios (encima de MudBlazor) */

html, body {
    margin: 0;
    font-family: 'Roboto', 'Segoe UI', sans-serif;
}

/* iPhone: la raya del gesto de inicio.
   Instalada en la pantalla de inicio, la app va a pantalla completa y esa raya se pinta ENCIMA de
   lo último de la página — el último renglón de una lista, o un botón, quedan medio tapados y no
   hay forma de bajar más. Este relleno le deja su hueco. En un teléfono sin raya, o en la PC,
   env() vale 0 y no cambia absolutamente nada. */
@supports (padding-bottom: env(safe-area-inset-bottom)) {
    .mud-main-content {
        padding-bottom: env(safe-area-inset-bottom);
    }

    .login-bg {
        padding-bottom: calc(16px + env(safe-area-inset-bottom));
    }
}

/* Pantalla de login: fondo con degradado verde, tarjeta centrada, responsiva */
.login-bg {
    min-height: 100vh;
    min-height: 100dvh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    background: linear-gradient(135deg, #0a7d5a 0%, #075e44 60%, #064a36 100%);
    box-sizing: border-box;
}

.login-card {
    width: 100%;
    max-width: 400px;
    border-radius: 16px !important;
}

.blazor-error-boundary {
    background: #b32121;
    padding: 1rem 1rem 1rem 1rem;
    color: white;
}

.blazor-error-boundary::after {
    content: "Ocurrió un error.";
}

#blazor-error-ui {
    background: #ffefc1;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, .2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1050;
}

#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

/* Al imprimir la factura: mostrar solo el ticket, sin barras ni botones */
@media print {
    .mud-appbar, .mud-drawer, .mud-drawer-content, .no-print {
        display: none !important;
    }
    .mud-main-content {
        padding: 0 !important;
        margin: 0 !important;
    }
    .receipt {
        box-shadow: none !important;
        max-width: 100% !important;
    }
}