/* Налаштування колонок реєстру як у crt-data-table Creatio: ширина, перестановка, висота рядка, «Дії реєстру», вибір полів,
   «Налаштування колонки», повноекранний режим сторінки (crt-page-tools). Значення зняті з udc.creatio.com. */

/* шапка: підпис (flex 1) · «Дії колонок» 24 · роздільник 6 з ручкою «Змінити ширину» (12×40, лінія 2×16 #0d2e4e, активна #004fd6) */
.lp .dt th { padding: 0 2px 0 7px; }
.lp .dt th .hcell { height: 38px; }
.lp .dt th .colsp { position: relative; width: 6px; height: 100%; flex: none; }
.lp .dt th .rsz { position: absolute; left: 0; top: 0; width: 12px; height: 100%; display: flex; justify-content: center; align-items: center; cursor: ew-resize; outline: none; z-index: 1; }
.lp .dt th .rsz-i { display: none; width: 0; height: 16px; border-right: 2px solid #0d2e4e; }
.lp .dt th:hover .rsz-i, .lp .dt th:focus-within .rsz-i, .lp .dt th.rsz-on .rsz-i { display: block; }
.lp .dt th .rsz:focus-visible .rsz-i, .lp .dt th .rsz:active .rsz-i, .lp .dt th.rsz-on .rsz-i { border-color: #004fd6; }
.lp .dt th .hsort { cursor: pointer; touch-action: none; }
body.dt-resizing, body.dt-resizing * { cursor: ew-resize !important; }

/* перетягування колонки: місце — #eff4fb без вмісту (cdk-drag-placeholder), копія шапки — 0.7, рамка #dfdfdf, фон #f7f8fb */
.lp .dt th.drag-ph { background: #eff4fb; }
.lp .dt th.drag-ph .hcell > * { visibility: hidden; }
.lp .dt.dragging th .hsort .srt, .lp .dt.dragging th .rsz { visibility: hidden !important; }
.lp .dt.dragging th .hsort { cursor: inherit; }
.dt-drag-preview { position: fixed; z-index: 3000; height: 40px; box-sizing: border-box; border: 1px solid #dfdfdf; background: #f7f8fb; opacity: .7; padding: 0 6px;
  display: flex; align-items: center; pointer-events: none; font: 500 12px/16px var(--c-font); color: #606060; }
.dt-dp-c { padding: 0 1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.dt-dragging, body.dt-dragging * { cursor: move !important; user-select: none; }

/* висота рядка (designSettings.rows.height): середній 80 / 3 рядки, великий 160 / 7, дуже великий 240 / 11; вміст — від верху з відступом 9 */
.lp .dt.rh-medium { --rh: 80px; --rh-lines: 3; }
.lp .dt.rh-large { --rh: 160px; --rh-lines: 7; }
.lp .dt.rh-extraLarge { --rh: 240px; --rh-lines: 11; }
.lp .dt[class*="rh-"] tbody tr:not(.lp-newrow):not(.lp-nodata) td { height: var(--rh); vertical-align: top; padding-top: 9px; box-sizing: border-box; white-space: normal; }
.lp .dt[class*="rh-"] tbody tr:not(.lp-newrow):not(.lp-nodata) td.rn { padding-top: 7px; }
.lp .dt[class*="rh-"] tbody td > .tv, .lp .dt[class*="rh-"] tbody td > a.lnk, .lp .dt[class*="rh-"] tbody td .stg .nm {
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: var(--rh-lines); white-space: pre-line; overflow-wrap: break-word; overflow: hidden; }

/* «Дії реєстру»: мітки груп 500 12/16 #606060 (8 24 4), пункти 40px з піктограмою 16, підменю «Висота рядка» ліворуч */
.dropdown.menu.gl-menu { width: 400px; box-sizing: border-box; overflow: visible; max-height: none; padding: 9px 1px; }
.gl-menu > .opt { margin: 0 8px; }
.gl-menu .mlabel { padding: 8px 24px 4px; font: 500 12px/16px var(--c-font); color: #606060; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gl-menu .opt.sub { position: relative; }
.gl-menu .opt.sub.on { background: #f1f4f9; }
.gl-menu .sub-arr { margin-left: auto; display: inline-flex; color: #181818; }
.dropdown.menu.rh-sub { position: absolute; right: 100%; top: 0; left: auto; width: 250px; box-sizing: border-box; min-width: 0; padding: 8px 1px 9px; }
.rh-sub > .opt { margin: 0 17px; }
.gl-menu .opt { overflow: hidden; text-overflow: ellipsis; }

/* кнопки шапки таблиці: «Дії реєстру» відкрито */
.dt .dt-tb.on { background: rgba(13,46,78,.06); }

/* вибір полів (ts-structure-explorer): групи, підпункти функцій, пов'язані об'єкти, хлібні крихти */
.cap .h-c4207177478 .structure-explorer-ct .structure-explorer-content .structure-explorer-item-ct.group-item { padding-left: 10px; }
.cap .h-c4207177478 .structure-explorer-ct .structure-explorer-content .structure-explorer-item-ct.group-item .expanded-icon { transform: rotate(90deg); }
.cap .h-c4207177478 .structure-explorer-ct .structure-explorer-content .structure-explorer-item-ct.child-item { padding-left: 30px; }
.cap .h-c4207177478 .structure-explorer-ct .structure-explorer-content .structure-explorer-item-ct.child-item.checkbox-is-visible { padding-left: 29px; }
.cap .h-c4207177478 .structure-explorer-ct .structure-explorer-content .structure-explorer-item-ct.related-objects { padding-left: 10px; }
.cap .h-c4207177478 .structure-explorer-ct .structure-explorer-content .structure-explorer-item-ct .related-object-icon { display: block; height: 16px; min-width: 16px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48ZGVmcz48c3R5bGU+LmEsLmJ7ZmlsbDpub25lO30uYntzdHJva2U6IzgwOTViMzt9PC9zdHlsZT48L2RlZnM+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxNikgcm90YXRlKC05MCkiPjxyZWN0IGNsYXNzPSJhIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiLz48cGF0aCBjbGFzcz0iYiIgZD0iTTYsMCwwLDZjLjAwOC0uMDA4LDYsNiw2LDYiIHRyYW5zZm9ybT0ibWF0cml4KDAuMDM1LCAtMC45OTksIDAuOTk5LCAwLjAzNSwgMS4zOTgsIDExLjI4OCkiLz48L2c+PC9zdmc+"); }
.cap .h-c4207177478 .structure-explorer-ct .structure-explorer-breadcrumbs-ct .structure-explorer-breadcrumbs.active { color: var(--crt-palette-primary-500, #0d2e4e); cursor: pointer; }
.cap .h-c4207177478 .structure-explorer-ct .structure-explorer-breadcrumbs-ct .structure-explorer-breadcrumbs.delimiter { margin: 0 8px; }
.cap.gc-cap .cdk-overlay-container { z-index: 1000; }

/* «Налаштування колонки: <Назва>» (crt-data-grid-edit-column-dialog): 410×186, 24 32 32, заголовок 500 18/24 #0d2e4e */
.gce-bg { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; background: rgba(16,18,40,.2); }
.gce { width: 410px; box-sizing: border-box; background: #fff; border-radius: 8px; padding: 25px 32px 33px; box-shadow: 0 11px 15px -7px rgba(0,0,0,.2), 0 24px 38px 3px rgba(0,0,0,.14), 0 9px 46px 8px rgba(0,0,0,.12); }
.gce-title { font: 500 18px/24px var(--c-font); color: #0d2e4e; height: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gce-body { height: 56px; }
.gce-field { position: relative; }
.gce-lbl { display: block; font: 400 13px/16px var(--c-font); color: #999; }
.gce-req { color: #e53935; }
.gce-row { display: flex; align-items: center; height: 20px; }
.gce-in { flex: 1; min-width: 0; border: 0; outline: none; padding: 0; background: transparent; font: 500 13px/20px var(--c-font); color: #444; }
.gce-loc { width: 24px; height: 19px; display: inline-flex; align-items: center; justify-content: center; color: #444; }
.gce-line { height: 1px; background: #d3d3d3; margin-top: 1px; }
.gce-field:focus-within .gce-line { height: 2px; background: #0d2e4e; margin-top: 0; }
.gce-field.err .gce-line { background: #e53935; }
.gce-hint { font: 400 12px/16px var(--c-font); color: #e53935; margin-top: 2px; }
.gce-acts { display: flex; justify-content: flex-end; gap: 8px; height: 32px; }
.gce-acts .btn { height: 32px; border-radius: 4px; border: 0; padding: 0 16px; font: 500 14px/16px var(--c-font); color: #0d2e4e; background: transparent; cursor: pointer; }
.gce-acts .btn:hover { background: rgba(13,46,78,.06); }
.gce-acts .btn.primary { background: #004fd6; color: #fff; }
.gce-acts .btn.primary:hover { background: #0042b5; }

/* crt-page-tools: праворуч угорі сторінки — «Редагувати сторінку» (адміністратор) і «Розгорнути / Згорнути» */
.page-tools { justify-content: flex-end; }
.lp { position: relative; }
.lp > .page-tools { position: absolute; top: 0; right: 0; width: 48px; height: 24px; display: flex; z-index: 5; }
.lp > .page-tools .design-button { width: 24px; height: 24px; border: 0; border-radius: 50%; padding: 0 6px; background: transparent; color: #757575; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
.lp > .page-tools .design-button:hover { background: rgba(0, 0, 0, .04); color: #0d2e4e; }
.page-tools .design-button svg { display: block; width: 12px; height: 12px; }

/* повноекранний режим (mainshell.fullscreen-class): без верхньої панелі й панелі навігації, сторінка з відступом 8 */
.shell.fs .tb, .shell.fs .nv { display: none; }
.shell.fs .mn { top: 8px; left: 8px !important; right: 8px; }
.shell.fs .sp-left, .shell.fs .sp-right { top: 8px; }

/* таблиці-деталі на сторінках (crt.DataGrid, .fgrid) — та сама шапка, що й у реєстрі */
.mn .dt.fgrid.hdr2 th { padding: 0 2px 0 7px; cursor: default; }
.mn .dt.fgrid.hdr2 th.rn, .mn .dt.fgrid.hdr2 th.fill { padding: 0; }
.mn .dt.fgrid.hdr2 th.tools { padding: 0; }
.mn .dt.fgrid.hdr2 th.rn { padding: 0 4px 0 0; }
.mn .dt.fgrid.hdr2 th .hcell { display: flex; align-items: center; justify-content: space-between; min-width: 0; height: 38px; }
.mn .dt.fgrid.hdr2 th .hsort { display: inline-flex; align-items: center; gap: 4px; min-width: 0; border: 0; background: none; padding: 0 1px; height: 24px; font: inherit; color: inherit; cursor: pointer; touch-action: none; }
.mn .dt.fgrid.hdr2 th .hsort .hc { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: none; display: inline; }
.mn .dt.fgrid.hdr2 th .hsort .srt { display: inline-flex; flex: none; width: 16px; margin: 0; color: #606060; visibility: hidden; }
.mn .dt.fgrid.hdr2 th .hsort.on .srt { visibility: visible; color: var(--c-ink); }
.mn .dt.fgrid.hdr2 th:hover .hsort .srt { visibility: visible; }
.mn .dt.fgrid.hdr2 th .htool { flex: none; width: 24px; height: 24px; display: inline-flex; align-items: center; justify-content: center; border: 0; background: none; border-radius: 4px; color: var(--c-ink); cursor: pointer; visibility: hidden; padding: 0; }
.mn .dt.fgrid.hdr2 th:hover .htool, .mn .dt.fgrid.hdr2 th.mon .htool { visibility: visible; }
.mn .dt.fgrid.hdr2 th .htool:hover { background: rgba(0,0,0,.04); }
.mn .dt.fgrid.hdr2 th.num { padding: 0 2px 0 7px; text-align: left; }
.mn .dt.fgrid.hdr2 th.num .hsort { flex-direction: row-reverse; margin-left: auto; }
.mn .dt.fgrid.hdr2 th.num .hsort .srt { width: 0; overflow: hidden; }
.mn .dt.fgrid.hdr2 th.num .hsort.on .srt, .mn .dt.fgrid.hdr2 th.num:hover .hsort .srt { width: 16px; }
.mn .dt.fgrid.hdr2 th .colsp { position: relative; width: 6px; height: 100%; flex: none; }
.mn .dt.fgrid.hdr2 th .rsz { position: absolute; left: 0; top: 0; width: 12px; height: 100%; display: flex; justify-content: center; align-items: center; cursor: ew-resize; outline: none; z-index: 1; }
.mn .dt.fgrid.hdr2 th .rsz-i { display: none; width: 0; height: 16px; border-right: 2px solid #0d2e4e; }
.mn .dt.fgrid.hdr2 th:hover .rsz-i, .mn .dt.fgrid.hdr2 th:focus-within .rsz-i, .mn .dt.fgrid.hdr2 th.rsz-on .rsz-i { display: block; }
.mn .dt.fgrid.hdr2 th .rsz:focus-visible .rsz-i, .mn .dt.fgrid.hdr2 th .rsz:active .rsz-i, .mn .dt.fgrid.hdr2 th.rsz-on .rsz-i { border-color: #004fd6; }
.mn .dt.fgrid.hdr2 th.drag-ph { background: #eff4fb; }
.mn .dt.fgrid.hdr2 th.drag-ph .hcell > * { visibility: hidden; }
.mn .dt.fgrid.hdr2.dragging th .hsort .srt, .mn .dt.fgrid.hdr2.dragging th .rsz { visibility: hidden !important; }
.mn .dt.fgrid th.tools .ti { cursor: pointer; border-radius: 4px; }
.mn .dt.fgrid th.tools .ti:hover, .mn .dt.fgrid th.tools .ti.on { background: rgba(13,46,78,.06); }
.mn .dt.fgrid.rh-medium { --rh: 80px; --rh-lines: 3; }
.mn .dt.fgrid.rh-large { --rh: 160px; --rh-lines: 7; }
.mn .dt.fgrid.rh-extraLarge { --rh: 240px; --rh-lines: 11; }
.mn .dt.fgrid[class*="rh-"] tbody td { height: var(--rh); vertical-align: top; padding-top: 9px; box-sizing: border-box; white-space: normal; }
.mn .dt.fgrid[class*="rh-"] tbody td > a.lnk { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: var(--rh-lines); white-space: pre-line; overflow: hidden; }

/* ===== Єдине правило для всіх таблиць (реєстри .lp, таблиці сторінок і віджетів .fgrid, деталізація віджетів .wfs-dt) =====
   Звірено з crt-data-table udc.creatio.com (Продажі, «Ефективність команди», 26.10.2026):
   шапка — підпис із сортуванням зліва (з 7px), «⋮ Дії колонок» 24×24 завжди біля правого краю (перед роздільником 6px з ручкою
   «Змінити ширину»), не зсувається за підписом; числова колонка — підпис праворуч, «⋮» одразу за ним;
   комірка керування рядком 48px: при наведенні «⋮» дій рядка 24×24 від лівого краю (іконка 16 #0d2e4e), прапорець 16×16
   (рамка 2 #606060, радіус 4) на 28px — лише з множинним вибором, тоді номер рядка ховається; без нього номер лишається праворуч */
.dt th .hcell { display: flex; align-items: center; justify-content: flex-start; min-width: 0; }
.dt th .hcell > .hsort { min-width: 0; flex: 0 1 auto; }
.dt th .hcell > .htool { margin-left: auto; flex: none; }
.dt th.num .hcell > .hsort { margin-left: auto; }
.dt th.num .hcell > .htool { margin-left: 0; }
.dt td.rn { position: sticky; }
.dt td.rn .rn-hov { position: absolute; left: 0; top: 7px; height: 24px; display: none; align-items: center; gap: 0; }
.dt tr:hover td.rn .rn-hov, .dt tr.picked td.rn .rn-hov, .dt td.rn.rm-on .rn-hov { display: inline-flex; }
.dt td.rn .rn-hov .chk { margin-left: 4px; flex: none; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
.dt td.rn .rn-hov:not(:has(.rtb)) .chk { margin-left: 4px; }
.mn .dt.fgrid tr:hover td.rn:has(.rn-hov), .mn .dt.fgrid tr.picked td.rn, .mn .dt.fgrid td.rn.rm-on,
.lp .dt tr:hover td.rn:has(.rn-hov), .lp .dt tr.picked td.rn, .lp .dt td.rn.rm-on { text-align: right; padding: 0 4px 0 0; vertical-align: middle; }
.mn .dt.fgrid tr:hover td.rn:has(.rn-hov) .rn-num, .mn .dt.fgrid tr.picked td.rn .rn-num, .mn .dt.fgrid td.rn.rm-on .rn-num,
.lp .dt tr:hover td.rn:has(.rn-hov) .rn-num, .lp .dt tr.picked td.rn .rn-num, .lp .dt td.rn.rm-on .rn-num { display: inline; }
.dt tr:hover td.rn:has(.rn-hov .chk) .rn-num, .dt tr.picked td.rn:has(.rn-hov .chk) .rn-num, .dt td.rn.rm-on:has(.rn-hov .chk) .rn-num { display: none !important; }
/* прапорець «усі рядки» в шапці — 28px від лівого краю, по центру (як crt-data-table-all-rows-selection-indicator) */
.dt th.rn { text-align: left !important; padding: 0 !important; }
.dt th.rn .chk { margin: 0 0 0 28px !important; vertical-align: middle; }
/* Ручка ширини для таблиць на useColumnLayout (списки «Підсумків» .cd-lg-cap, класичні реєстри .cl-gcap): праворуч у комірці шапки,
   смужка 2×16 #0d2e4e при наведенні, #004fd6 під час зміни або з фокусом; комірка, що перетягується, — напівпрозора */
.cd-lg-cap > [data-col], .cl-gcap > [data-col] { position: relative; }
.col-rsz { position: absolute; right: 0; top: 0; width: 12px; height: 100%; cursor: ew-resize; outline: none; z-index: 1; display: flex; justify-content: center; align-items: center; }
.col-rsz::after { content: ""; display: none; width: 0; height: 16px; border-right: 2px solid #0d2e4e; }
[data-col]:hover > .col-rsz::after, [data-col].rsz > .col-rsz::after, .col-rsz:focus-visible::after { display: block; }
[data-col].rsz > .col-rsz::after, .col-rsz:focus-visible::after { border-color: #004fd6; }
.cl-gcap > [data-col] { cursor: pointer; user-select: none; }
.cd-lg-cap > [data-col].drag, .cl-gcap > [data-col].drag { opacity: .4; }
/* класичні реєстри: колонки не стискаються, ширший за реєстр рядок прокручується горизонтально разом із шапкою */
.cl-gcap > [data-col].px, .cl-row > .cl-cell.px { flex-shrink: 0; }
.cl-grid, .cl-dgrid { overflow-x: auto; }