/** * Minha Casa CRM — largura padrão global (desktop) * * Uso em páginas novas: * 1. Incluir por último no : /lib/mc-layout.css * 2. No shell (index.html): conteúdo em #page-* — limite automático * 3. Standalone / embed: envolver conteúdo em .container ou .wrap * 4. Apps full-bleed (inbox, CCA): .layout com classe .mc-content-full */ :root { --mc-content-max: 1400px; --mc-shell-padding: 24px; } /* ── Shell CRM (index.html) — todas as abas, inclusive iframes embed ── */ #main-content > .page { width: 100%; max-width: var(--mc-content-max); margin-inline: auto; box-sizing: border-box; } /* ── Páginas standalone (abertas fora do iframe) ── */ body:not(.embedded):not(.in-iframe) .container, body:not(.embedded):not(.in-iframe) .wrap, body:not(.embedded):not(.in-iframe) > main { width: 100%; max-width: var(--mc-content-max); margin-inline: auto; box-sizing: border-box; } /* ── Embed filho: limite no .page do shell; conteúdo usa 100% do iframe ── */ html.embedded .container, html.embedded .wrap, body.embedded .container, body.embedded .wrap, body.embedded > main, body.embedded main { max-width: none; margin-inline: 0; padding-inline: 0; width: 100%; box-sizing: border-box; } /* ── Apps full-bleed dentro do iframe (atendimento, CCA) ── */ body.in-iframe.embedded-page .layout, body.embedded .layout, body.embedded .layout.mc-content-full, .mc-content-full { max-width: none; width: 100%; } @media (max-width: 767px) { :root { --mc-shell-padding: 12px; } #main-content > .page { max-width: none; } }