/* ========================================================================== 
   ICYLAB OS - ancho fluido de páginas en escritorio

   La aplicación principal ya descuenta el ancho real del menú lateral. Esta
   capa permite que el contenido use todo el espacio restante y conserva un
   gutter proporcional para evitar que tarjetas y tablas toquen los bordes en
   monitores grandes.
   ========================================================================== */

@media (min-width: 981px) {
    :root {
        --container-max: 100%;
        --desktop-content-gutter: clamp(24px, 2vw, 48px);
    }

    body .app-main > .topbar {
        padding-inline: var(--desktop-content-gutter);
    }

    body .app-main > .content,
    body .app-main.crm-ui-main > .crm-ui-page-content.crm-ui-page {
        width: 100%;
        max-width: 100% !important;
        margin-inline: 0;
        padding-inline: var(--desktop-content-gutter) !important;
    }
}
