/* «Доступ зовнішніх програм»: доповнення до знятих стилів Creatio (crt-page / crt-mini / crt-tabs) — розміщення в оболонці UDC CRM,
   меню, підказки, нативний вибір дати, редагована область HtmlEdit, множинний вибір у реєстрі */
.cl-sec.multi .cl-row { position: relative; }
.cl-sec.multi .cl-row > .cl-cell:nth-child(2) { padding-left: 32px; }
.cl-mcb { position: absolute; left: 20px; top: 7px; width: 16px; height: 16px; background: url("/img/crt/checkboxedit-images-Checkbox_empty.svg") no-repeat 0 0 / 16px 16px; cursor: pointer; }
.cl-mcb.on { background-image: url("/img/crt/checkboxedit-images-Checkbox_checked.svg"); }
.cl-sec .cl-btn.green { background: #22ac14; color: #fff; }

.crt { line-height: normal; font-size: 10px; } /* html Creatio 16px × 62.5% */
/* app.css задає * { box-sizing: border-box }; у Creatio так лише для div (і класу ts-box-sizing) — повертаємо типове для решти */
.crt :where(*:not(div)) { box-sizing: content-box; }
.crt.ea-mini { position: fixed; inset: 0; z-index: 1500; }
.crt.ea-mini .ea-mini-box { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.crt .ea-native-date { position: absolute; right: 0; bottom: 0; width: 1px; height: 1px; opacity: 0; pointer-events: none; border: 0; padding: 0; }
.crt .ea-cbolist { top: 28px; left: -1px; width: calc(100% + 2px); max-height: 300px; }
.crt .ea-sel { border: 0; outline: 0; background: transparent; width: 100%; font: 14px "Bpmonline Open Sans", sans-serif; color: #444; }
.crt .ea-tip { position: fixed; z-index: 2100; max-width: 280px; background: #fff; border: 1px solid #b4c1d2; box-shadow: rgba(0, 0, 0, .2) 0 2px 6px; padding: 10px 12px; font: 13px/1.4 "Bpmonline Open Sans", sans-serif; color: #444; }
.crt .ea-tip-anchor { position: absolute; left: 6px; top: -8px; width: 0; height: 0; border: 8px solid transparent; border-top: 0; border-bottom-color: #b4c1d2; }
.crt .ea-tip-anchor::after { content: ""; position: absolute; left: -7px; top: 1px; border: 7px solid transparent; border-top: 0; border-bottom-color: #fff; }

.ea-mwrap { position: relative; }
.ea-menu.ea-fixed { position: fixed; z-index: 2000; text-transform: none; width: max-content; min-width: 0; }
.ea-menu .cl-mi { position: relative; white-space: nowrap; }
.ea-menu .ea-sub { position: absolute; left: 100%; top: -6px; z-index: 201; }
.ea-menu .ea-subarr { position: absolute; right: 8px; top: 50%; margin-top: -4px; border: 4px solid transparent; border-left-color: #666; border-right: 0; }

.crt.ea-page { height: 100%; }
.crt.ea-page .ea-title { height: 56px; box-sizing: border-box; background: #fff; font: 500 20px/26px "Bpmonline Open Sans Light", "Bpmonline Open Sans", sans-serif; color: #444; padding: 16px 0 0 25px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* сторінка займає вікно під заголовком (як center-panel Creatio: 112px…низ), вкладки розтягуються до низу */
.crt.ea-page .center-panel, .crt.ea-page .default-center-panel-content { height: calc(100vh - 112px); }
.crt.ea-page .center-main-container { display: flex; flex-direction: column; }
.crt.ea-page .ea-tabs { flex: 1; }
/* глобальні класи UDC CRM (app.css), що збігаються з класами Creatio */
.crt .ts-controlgroup.detail { margin: 0; }
.crt .ea-ractions { width: 100%; padding: 8px 0 4px; }
.crt .ea-dfilter { padding: 0 0 8px; }
.crt .ea-dfilter input { width: 300px; height: 28px; border: 0; border-bottom: 1px solid #c8c8c8; outline: 0; font: 14px "Bpmonline Open Sans", sans-serif; }
.crt .dropzone.ea-drag { background: #e8f4fd; }
.crt .ea-he-tbrow { position: relative; }
.crt .ea-he-list { position: absolute; top: 34px; z-index: 50; max-height: 300px; }
.crt .ea-he-list.font { left: 90px; width: 165px; } .crt .ea-he-list.size { left: 255px; width: 68px; }
.crt .ea-he-link { position: absolute; top: 34px; left: 40%; z-index: 50; background: #fff; padding: 12px; box-shadow: rgba(0,0,0,.24) 0 2px 4px; display: grid; grid-template-columns: auto 260px; gap: 8px; align-items: center; font: 13px "Bpmonline Open Sans", sans-serif; }
.crt .ea-he-link input { height: 26px; border: 0; border-bottom: 1px solid #c8c8c8; outline: 0; font: 14px "Bpmonline Open Sans", sans-serif; }
.crt .ea-he-body { height: 100%; min-height: 100%; box-sizing: border-box; overflow: auto; outline: 0; padding: 8px 10px; font: 14px/1.5 "Bpmonline Open Sans", sans-serif; color: #444; background: #fff; }
.crt .ea-he-plain { width: 100%; height: 100%; box-sizing: border-box; border: 0; outline: 0; resize: none; padding: 8px 10px; font: 14px/1.5 "Bpmonline Open Sans", sans-serif; }
.crt .ea-he-max { position: fixed !important; inset: 0; z-index: 1600; height: 100% !important; background: #fff; }
.crt .ea-feed-input { width: 100%; height: 100%; box-sizing: border-box; border: 0; outline: 0; resize: none; padding: 10px 12px; font: 13px/1.4 "Bpmonline Open Sans", sans-serif; color: #444; background: transparent; }
.crt .ea-feed-input::placeholder { color: #999; }
.crt .ea-publish { margin-top: 8px; }
.crt .ea-post { padding: 12px 0; border-bottom: 1px solid #eee; font: 13px/1.5 "Bpmonline Open Sans", sans-serif; color: #444; }
.crt .ea-post-hdr a { color: #0e84cf; text-decoration: none; margin-right: 10px; }
.crt .ea-post-date { color: #999; }
/* реєстр «Доступ зовнішніх програм»: геометрія звірена з udc.creatio.com (рядок 30px, значки виглядів 38.5px з відступом 34px від заголовка) */
.cl-ea .cl-cap { margin-right: 34px; }
.cl-ea .cl-hdr .cl-hico { width: 38.5px; height: 38.5px; margin: 10px 9px 0 0; background-position: 0 0; }
.cl-ea .cl-hdr .cl-hico.on { background-position: 0 -41px; }
.cl-ea .cl-row { min-height: 30px; }
.cl-ea .cl-cell { padding-bottom: 5.4px; }
.cl-ea .cl-filter .cl-mk.g { margin-left: -1.5px; }
.cl-ea .cl-tagb { margin-left: -13.7px; align-self: flex-start; margin-top: 9px; }

/* ширини колонок реєстру Creatio (grid-cols-N = N/24); знято лише grid-cols-6 — решта за тим самим правилом */
.crt .grid-cols-1 { width: 4.166667%; } .crt .grid-cols-2 { width: 8.333333%; } .crt .grid-cols-3 { width: 12.5%; } .crt .grid-cols-4 { width: 16.666667%; } .crt .grid-cols-5 { width: 20.833333%; } .crt .grid-cols-7 { width: 29.166667%; } .crt .grid-cols-8 { width: 33.333333%; } .crt .grid-cols-9 { width: 37.5%; } .crt .grid-cols-10 { width: 41.666667%; } .crt .grid-cols-11 { width: 45.833333%; } .crt .grid-cols-12 { width: 50.0%; } .crt .grid-cols-13 { width: 54.166667%; } .crt .grid-cols-14 { width: 58.333333%; } .crt .grid-cols-15 { width: 62.5%; } .crt .grid-cols-16 { width: 66.666667%; } .crt .grid-cols-17 { width: 70.833333%; } .crt .grid-cols-18 { width: 75.0%; } .crt .grid-cols-19 { width: 79.166667%; } .crt .grid-cols-20 { width: 83.333333%; } .crt .grid-cols-21 { width: 87.5%; } .crt .grid-cols-22 { width: 91.666667%; } .crt .grid-cols-23 { width: 95.833333%; } .crt .grid-cols-24 { width: 100.0%; }