/**
 * CRM SERVICE: уменьшенные отступы и шрифты в .modal-box.crm-modal-compact.
 * Скоуп: :is(body.crm-service-page, body.sys-crm-page). Подключать после crm-shared-base.css.
 */

:is(body.crm-service-page, body.sys-crm-page) .modal-box.crm-modal-compact {
    padding: 14px 16px;
}

:is(body.crm-service-page, body.sys-crm-page) .modal-box.crm-modal-compact h3 {
    font-size: 1rem;
    margin: 0 0 10px;
}

:is(body.crm-service-page, body.sys-crm-page) .modal-box.crm-modal-compact label {
    font-size: 10px;
    margin-top: 6px;
}

:is(body.crm-service-page, body.sys-crm-page) .modal-box.crm-modal-compact label.crm-checkbox-label {
    margin-top: 8px;
    gap: 8px;
}

:is(body.crm-service-page, body.sys-crm-page) .modal-box.crm-modal-compact .crm-checkbox-text {
    font-size: 10px;
    color: #555;
}

:is(body.crm-service-page, body.sys-crm-page) .modal-box.crm-modal-compact .crm-checkbox-input {
    width: 16px !important;
    min-width: 16px;
    height: 16px;
    margin-top: 1px !important;
}

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

:is(body.crm-service-page, body.sys-crm-page) .modal-box.crm-modal-compact .crm-usercb-search {
    padding: 6px 8px;
    font-size: 12px;
    margin-top: 3px;
}

:is(body.crm-service-page, body.sys-crm-page) .modal-box.crm-modal-compact .crm-logo-hint,
:is(body.crm-service-page, body.sys-crm-page) .modal-box.crm-modal-compact .crm-usercb-hint {
    font-size: 9px;
    margin-top: 4px;
}

:is(body.crm-service-page, body.sys-crm-page) .modal-box.crm-modal-compact .crm-logo-upload {
    gap: 8px;
    margin-top: 2px;
}

:is(body.crm-service-page, body.sys-crm-page) .modal-box.crm-modal-compact .crm-logo-preview-box {
    width: 56px;
    height: 56px;
}

:is(body.crm-service-page, body.sys-crm-page) .modal-box.crm-modal-compact .crm-logo-pick-btn,
:is(body.crm-service-page, body.sys-crm-page) .modal-box.crm-modal-compact .crm-photo-pick-btn {
    padding: 4px 8px;
    font-size: 10px;
}