/**
 * SYSTEM CRM: ширины модалок связей N:M и похожих экранов (после crm-shared-base.css).
 * По умолчанию — узкая пара 480 / 440.
 * Шире (520 / 480): на body добавьте класс sys-crm-join-modal--520 рядом с sys-crm-page.
 */

:is(body.sys-crm-page) .modal-box {
    width: 480px;
    max-width: 96vw;
    max-height: 90vh;
    overflow: auto;
}

:is(body.sys-crm-page) .modal-box.crm-pop-compact {
    padding: 16px 18px;
    width: 440px;
}

:is(body.sys-crm-page.sys-crm-join-modal--520) .modal-box {
    width: 520px;
}

:is(body.sys-crm-page.sys-crm-join-modal--520) .modal-box.crm-pop-compact {
    width: 480px;
}

:is(body.sys-crm-page) .modal-box.crm-pop-compact label {
    font-size: 11px;
    margin-top: 8px;
}

:is(body.sys-crm-page) .modal-box.crm-pop-compact input,
:is(body.sys-crm-page) .modal-box.crm-pop-compact select,
:is(body.sys-crm-page) .modal-box.crm-pop-compact textarea {
    padding: 6px 8px;
    font-size: 12px;
    margin-top: 3px;
}