/* Ajuste leve — não trava scroll, setas nem teclado do celular */
html,
body {
    overflow-x: hidden;
}

@media (min-width: 900px) {

    html,
    body {
        width: 100%;
        max-width: none;
    }

    body.monitor-pc {
        height: 100%;
        min-height: 100%;
        overflow: hidden;
        padding-bottom: 0 !important;
    }

    body.monitor-pc header {
        padding: 8px 22px !important;
    }

    /*body.monitor-pc header img {
        width: 72px !important;
    }*/

    body.monitor-pc .container {
        position: fixed !important;
        top: 132px !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        margin: 0 !important;
        width: 100% !important;
        max-width: none !important;
        display: grid !important;
        grid-template-columns: repeat(auto-fit, minmax(0, 1fr)) !important;
        gap: 14px !important;
        padding: 12px 16px 16px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    body.monitor-pc .coluna-pedidos {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        min-height: 0 !important;
        max-height: none !important;
        height: 100% !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
    }

    body.monitor-pc .card-pedido {
        min-height: 0 !important;
    }

    /* Ajuste leve — não trava scroll, setas nem teclado do celular */
    html,
    body {
        overflow-x: hidden;
    }

    @media (min-width: 900px) {

        html,
        body {
            width: 100%;
            max-width: none;
        }

        body.monitor-pc {
            height: 100%;
            min-height: 100%;
            overflow: hidden;
            padding-bottom: 0 !important;
        }

        body.monitor-pc header {
            padding: 8px 22px !important;
        }

        /* 🔹 REGRAS COMUNS — servem para AMBAS as telas */
        body.monitor-pc .container,
        /* Pedidos (4 colunas) */
        body.monitor-pc .container-3colunas {
            /* Cozinha (3 colunas) */
            position: fixed !important;
            top: 132px !important;
            left: 0 !important;
            right: 0 !important;
            bottom: 0 !important;
            margin: 0 !important;
            width: 100% !important;
            max-width: none !important;
            display: grid !important;
            grid-template-columns: repeat(auto-fit, minmax(0, 1fr)) !important;
            gap: 14px !important;
            overflow: hidden !important;
            box-sizing: border-box !important;
        }

        /* 🔹 Página de Pedidos — padding lateral original */
        body.monitor-pc .container {
            padding: 12px 16px 16px !important;
        }

        /* 🔹 Página da Cozinha — com 180px nas laterais ✅ */
        body.monitor-pc .container-3colunas {
            padding: 12px 180px 16px !important;
        }

        body.monitor-pc .coluna-pedidos {
            width: auto !important;
            min-width: 0 !important;
            max-width: none !important;
            min-height: 0 !important;
            max-height: none !important;
            height: 100% !important;
            overflow-x: hidden !important;
            overflow-y: auto !important;
        }

        body.monitor-pc .card-pedido {
            min-height: 0 !important;
        }
    }
}