/* Desktop amplo — largura total das ferramentas
   Mantém o comportamento mobile original e, no desktop, elimina os antigos
   limites de 480–1800 px e as faixas laterais criadas por max-width/margin:auto. */

@media (min-width: 1024px) {
    html,
    body {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        overflow-x: hidden;
    }

    /* Shell principal usado pela quase totalidade das ferramentas. */
    body > .app-container,
    body > .engineering-shell,
    body > .container,
    body > .app-container.engineering-shell {
        width: 100% !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box;
    }

    /* Aplicativos montados dentro de #root (ex.: Pontes Rolantes). */
    body > #root {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        box-sizing: border-box;
    }

    body > #root > .app-container,
    body > #root > .container,
    body > #root .app-shell,
    body > #root .app-conteudo {
        width: 100% !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box;
    }

    /* O conteúdo interno acompanha 100% do shell. */
    body > .app-container > .app-main,
    body > .app-container > .main-content,
    body > .app-container > main,
    body > .app-container > .main-container,
    body > .app-container > .engineering-controls,
    body > .app-container > .engineering-main,
    body > .engineering-shell > .app-main,
    body > .engineering-shell > .main-content,
    body > .engineering-shell > .engineering-controls,
    body > .engineering-shell > .engineering-main,
    body > .container > main,
    body > .container > .main-content {
        width: 100% !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box;
    }

    /* Neutraliza wrappers comuns que ainda carregam max-width legado. */
    body > .app-container > :is(.content-wrapper, .content-container, .page-content),
    body > .engineering-shell > :is(.content-wrapper, .content-container, .page-content) {
        width: 100% !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box;
    }
}