:root {
        --dealer-page-gutter: clamp(1rem, 1.6vw, 2.25rem);
        --dealer-page-max: 120rem;
        --dealer-form-max: 100rem;
    }
    /* from 1440p on the lists show three more columns (dl-wide); the page grows with them so the names keep their room */
    @media (min-width: 137.5rem) { :root { --dealer-page-max: 128rem; } }

    /* the page: beside the sidebar, the same margins everywhere. On very wide screens (1440p and more) it stops growing
       at 120rem and stands in the middle, so the columns of a list stay near each other (10.11.2026). */
    .fi-main.fi-width-full {
        max-width: var(--dealer-page-max);
        margin-inline: auto;
        padding-inline: var(--dealer-page-gutter);
    }

    /* forms of create / edit pages: wide enough for two or three columns, never stretched lines */
    .fi-resource-create-record-page:not(.fi-resource-vehicles) .fi-page-content .fi-sc-form,
    .fi-resource-edit-record-page:not(.fi-resource-vehicles) .fi-page-content .fi-sc-form {
        max-width: var(--dealer-form-max);
    }

    /* tables: no page-wide horizontal scrolling from long cell texts; wide tables scroll inside their card */
    .fi-ta-content-ctn { overflow-x: auto; }
    .fi-ta-text-item { overflow-wrap: break-word; }