/* «Права доступу на об'єкти» (ClientApp): сторінка на весь екран поверх оболонки, як окрема вкладка Creatio */
.cap.ao-full { position: fixed; inset: 0; z-index: 100000; overflow: auto; background: #ebeeef; scrollbar-width: none; } /* у Creatio прокручується html з накладною смугою (ширина не зменшується) */
.cap.ao-full::-webkit-scrollbar { width: 0 !important; height: 0 !important; }
.cap.ao-full creatio-root, .cap.ao-full creatio-center-panel { display: block; }
.cap .ao-select-panel { position: fixed; z-index: 1000; }
.cap .ao-select-panel .mat-mdc-select-panel { background: #fff; padding: 1px 0; box-shadow: 0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12); min-width: 105px; }
.cap .ao-select-panel mat-option { display: flex; align-items: center; min-height: 33px; padding: 0 18px; font: 14px/33px 'Bpmonline Open Sans', sans-serif; color: rgba(0,0,0,.87); cursor: pointer; white-space: nowrap; }
.cap .ao-select-panel mat-option:hover { background: rgba(0,0,0,.04); }
.cap .ao-select-panel mat-option.mdc-list-item--selected { color: #004fd6; }
.cap .ao-select-panel .select-menu-option-content { display: flex; align-items: center; gap: 8px; }
.cap .ao-select-panel mat-icon { width: 16px; height: 16px; display: inline-flex; }
.cap .ao-select-panel .filter-type-icon { width: 16px; height: 16px; background-repeat: no-repeat; margin-right: 6px; display: inline-block; vertical-align: middle; }
.cap .ao-select-panel .filter-type-icon-0 { background-image: url("/img/cap/filter_objects.svg"); }
.cap .ao-select-panel .filter-type-icon-1 { background-image: url("/img/cap/filter_sections.svg"); }
.cap .ao-select-panel .filter-type-icon-2 { background-image: url("/img/cap/filter_lookups.svg"); }
.cap .cdk-overlay-container { position: fixed; inset: 0; z-index: 1000; pointer-events: none; }
.cap .cdk-overlay-container .cdk-overlay-backdrop { position: absolute; inset: 0; pointer-events: auto; }
.cap .cdk-overlay-container .cdk-overlay-connected-position-bounding-box { position: absolute; pointer-events: auto; }
.cap .mat-mdc-menu-panel { background: #fff; border-radius: 0; box-shadow: 0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12); }
.cap .mat-mdc-menu-item { display: flex; align-items: center; width: 100%; height: 33px; padding: 0 22px; border: 0; background: transparent; font: 13px/33px 'Open Sans', sans-serif; color: #444; cursor: pointer; text-align: left; }
.cap .mat-mdc-menu-item:hover:not([disabled]) { background: rgba(0,0,0,.04); }
.cap .mat-mdc-menu-item[disabled] { color: rgba(0,0,0,.38); cursor: default; }
.cap .ao-ext { padding: 16px 12px; }
.cap .ao-ext-title { display: flex; align-items: center; gap: 6px; font: 18px 'Bpmonline Open Sans Light', sans-serif; color: #4e7bd8; }
.cap .ao-ext-empty { text-align: center; color: #999; font: 12px 'Open Sans', sans-serif; padding: 50px 0 12px; }
/* глобальні правила UDC CRM (app.css), що перетинаються з класами ClientApp: .filters, box-sizing (у Creatio div — border-box, решта — content-box) */
.cap.ao-full .filters { padding: 0; gap: 0; flex-wrap: nowrap; }
.cap.ao-full :where(*:not(div):not(button)) { box-sizing: content-box; }
.cap.ao-full :where(div) { box-sizing: border-box; }
/* затемнення під діалогами ClientApp (у Creatio — rgba(0,0,0,.32); правило з теми Material не потрапило до знімка) */
.cap .cdk-overlay-dark-backdrop { background: rgba(0, 0, 0, .32); }
/* вибраний користувач у вкладці «Користувачі» діалогу вибору — як вибраний вузол дерева */
.cap .h-c2617461362 .users-wrapper .mat-tree-node.selected { background-color: rgb(242, 245, 255); }
/* ts-confirmation-dialog (стилі компонента ClientApp): повідомлення з переносами, кнопки праворуч */
.cap .ts-confirmation-dialog [mat-dialog-content] .message { white-space: pre-line; word-break: break-word; }
.cap .ts-confirmation-dialog [mat-dialog-actions] { margin: 27px 0 0 !important; justify-content: flex-end; }