/* Повноекранний віджет Freedom UI з деталізацією (crt-widget-full-screen / crt-analytics-widget.full-screen), розміри звірено
   з udc.creatio.com 26.10.2026 (1440×900): віджет fixed 8px від країв, радіус 8; шапка 40 (назва 18/24 500 #0D2E4E з відступом 24);
   вміст з відступом 8: метрика 110px + 16, заголовок таблиці (15px, відступи 16) і пошук 204px, таблиця з рядками 40px */
.widget.drill { cursor: pointer; }
.widget.drill:hover .v { text-decoration: underline; text-decoration-thickness: from-font; }

.mn.wfs-host { position: fixed; inset: 0; top: 0; left: 0 !important; right: 0; bottom: 0; background: none; overflow: visible; z-index: 1498; }
.wfs-bg { position: fixed; inset: 0; background-color: rgba(255, 255, 255, .4); z-index: 1498; }
.wfs { position: fixed; top: 8px; left: 8px; width: calc(100vw - 16px); height: calc(100vh - 8px); z-index: 1499; box-sizing: border-box; background: #fff; border-radius: 8px;
  display: flex; flex-direction: column; font-family: Montserrat, "Open Sans", Roboto, "Helvetica Neue", sans-serif; font-weight: 500; color: #444; -webkit-font-smoothing: antialiased; }
.wfs-hd { display: flex; align-items: flex-start; height: 40px; flex-shrink: 0; padding: 0 16px; box-sizing: border-box; border-radius: 8px 8px 0 0; }
.wfs-title { padding-top: 8px; margin: 0 0 8px; font: 500 18px/24px Montserrat, "Open Sans", Roboto, "Helvetica Neue", sans-serif; color: #0d2e4e; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.wfs-tools { margin-left: auto; display: flex; padding-top: 8px; height: 40px; box-sizing: border-box; }
.wfs-tb { width: 24px; height: 24px; margin-top: 8px; padding: 0; border: 0; border-radius: 4px; background: transparent; color: #000; display: inline-grid; place-items: center; cursor: pointer; }
.wfs-tb:hover { background: rgba(13, 46, 78, .06); }
.wfs-content { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; margin-top: -8px; padding: 8px; box-sizing: border-box; border: 1px solid transparent; border-radius: 4px; }
.wfs-content.mode-data .wfs-diagram { align-self: stretch; margin-bottom: 16px; flex-shrink: 0; height: 110px; min-height: 110px; }
.wfs-content.mode-split .wfs-diagram, .wfs-content.mode-split .wfs-data { flex: 1 1 0; min-height: 0; min-width: 0; }
.wfs-content.mode-diagram .wfs-diagram, .wfs-content.mode-table .wfs-data { flex: 1 1 auto; min-height: 0; }
.wfs-diagram { position: relative; }
.wfs-data { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; border-radius: 4px; overflow: hidden; background: #fff; }
.wfs-ghd { display: flex; align-items: flex-end; padding: 0 16px; flex-shrink: 0; }
.wfs-gtitle { font-size: 15px; line-height: 18px; margin: 16px 0; color: #444; white-space: nowrap; }
/* crt-search-filter (згорнутий: лупа 16 + «Пошук», підкреслення 1px) */
.wfs-search { display: flex; align-items: center; gap: 8px; margin: 0 0 9.6px 12px; padding: 0 3px; min-width: 204px; height: 32px; box-sizing: border-box; border-bottom: 1px solid transparent; cursor: text; color: #757575; }
.wfs-search:hover, .wfs-search.open { border-bottom-color: #c8c8c8; }
.wfs-search .wfs-sic { display: inline-flex; color: #0d2e4e; }
.wfs-search input { border: 0; outline: 0; background: transparent; width: 160px; font: 500 13px/20px Montserrat, "Open Sans", sans-serif; color: #181818; padding: 0; }
.wfs-search input::placeholder { color: #757575; }
.wfs-search .wfs-sx { display: inline-flex; cursor: pointer; color: #757575; }
.mn .wfs-grid.fgrid-wrap { margin: 0; flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; }
.mn .wfs-grid > .fgrid-scroll { flex: 1 1 auto; min-height: 0; overflow: auto; }
.mn .wfs-grid .dt.fgrid th { cursor: pointer; }
/* метрика в повноекранному режимі: 80% ширини (мін. 250), значення 54/70 600, іконка 40 з відступом 12, по центру */
.wfs-ind { height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; }
.wfs-ind-in { width: 80%; min-width: 250px; height: 100%; display: flex; align-items: center; justify-content: center; padding: 5px 11px; box-sizing: border-box; font: 600 54px/70px Montserrat, "Open Sans", sans-serif; }
.wfs-ind-ic { display: inline-flex; width: 40px; height: 40px; margin-inline-end: 12px; flex-shrink: 0; }
.wfs-ind-ic svg { width: 40px; height: 40px; }
.wfs-ind-v { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.modal-bg.cdlg-bg.wfs-dlg { z-index: 1600; }
body > .cap.gc-cap .cdk-overlay-container { z-index: 1600; }
.wfs-host .col-bd { z-index: 1600; }
.wfs-host .dropdown.colmenu { z-index: 1601; }
.mn .wfs-grid .dt.fgrid .rn { width: 32px; }
/* меню віджета (277px) і підменю «Розташування графіка» (186px, ліворуч від пункту) */
.dropdown.menu.wfs-menu { width: max-content; min-width: 226px; box-sizing: border-box; }
.wfs-host .dropdown.menu.wfs-menu { min-width: 277px; }
.dropdown.menu.rh-sub.wfs-sub { width: max-content; min-width: 186px; }
.dropdown.menu.wfs-menu .opt.sel { background: #f1f4f9; }
.wfs-tb.on { background: rgba(13, 46, 78, .06); }
/* «Ліворуч» / «Правий»: віджет 30% по центру по вертикалі, таблиця 70% */
.wfs-content.dir-row { flex-direction: row; }
.wfs-content.dir-row-reverse { flex-direction: row-reverse; }
.wfs-content.mode-data.dir-row .wfs-diagram, .wfs-content.mode-data.dir-row-reverse .wfs-diagram { align-self: center; min-width: 30%; width: 30%; margin-bottom: 16px; }
.wfs-content.mode-data.dir-row .wfs-data, .wfs-content.mode-data.dir-row-reverse .wfs-data { min-width: 70%; width: 70%; height: 100%; }
.wfs-content.mode-split.dir-row .wfs-diagram, .wfs-content.mode-split.dir-row-reverse .wfs-diagram, .wfs-content.mode-split.dir-row .wfs-data, .wfs-content.mode-split.dir-row-reverse .wfs-data { width: 50%; min-width: 50%; height: 100%; align-self: stretch; margin: 0; }
/* діаграма в плитці й на весь екран: полотно Chart.js заповнює контейнер */
.wfs-cv { position: relative; width: 100%; height: 100%; min-height: 0; }
.wfs-cv canvas { display: block; }
.wfs-content.mode-split .wfs-diagram, .wfs-content.mode-diagram .wfs-diagram { padding: 0 5px 5px; box-sizing: border-box; }
/* інструменти шапки діаграми (crt-widget-header .tools.not-full-screen): 24×24 праворуч, видимі при наведенні або з відкритим меню */
.chart-widget.cw-tools-host { position: relative; }
.cw-tools { position: absolute; top: 7px; right: 16px; display: flex; opacity: 0; z-index: 2; }
.cw-tools-host:hover .cw-tools, .cw-tools-host.menu-on .cw-tools, .cw-tools:focus-within { opacity: 1; }
.cw-tb { width: 24px; height: 24px; padding: 0; border: 0; border-radius: 4px; background: transparent; color: #000; display: inline-grid; place-items: center; cursor: pointer; }
.cw-tb:hover { background: rgba(13, 46, 78, .06); }
.chart-widget.full .cw-tb, .chart-widget.glass .cw-tb { color: #fff; }
.mn.wfs-pop { position: fixed; inset: 0; top: 0; left: 0 !important; right: 0; bottom: 0; background: none; overflow: visible; z-index: 1700; pointer-events: none; }
.mn.wfs-pop > * { pointer-events: auto; }
.wfs-pop .col-bd { z-index: 1700; } .wfs-pop .dropdown.colmenu { z-index: 1701; }
.dropdown.menu.rh-sub.wfs-sub.right { left: 100%; right: auto; }
.wfs-table .dt.fgrid th, .wfs-table .dt.fgrid td { cursor: default; }
/* хлібні крихти «Заглибитися в елемент» у шапці діаграми (crt-breadcrumbs.widget-header-breadcrumbs) */
.chart-widget .cw-title.has-bc { display: flex; align-items: center; padding-right: 72px; }
.cw-bc { display: flex; align-items: center; min-width: 0; flex: 0 1 auto; max-width: 50%; }
.cw-bc-back { width: 24px; height: 24px; flex: none; padding: 0; border: 0; border-radius: 4px; background: transparent; color: #0d2e4e; display: inline-grid; place-items: center; cursor: pointer; }
.cw-bc-back:hover { background: rgba(13, 46, 78, .06); }
.cw-bc-items { display: flex; align-items: center; min-width: 0; margin-left: 6px; font: 500 14px/16px Montserrat, sans-serif; color: #0d2e4e; }
.cw-bc-it { max-width: 60%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; }
.cw-bc-it.last { cursor: default; }
.cw-bc-sep { padding: 0 4px; flex: none; }
.cw-bc-title { min-width: 0; flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cw-bc-bar { display: inline-block; width: 18px; text-align: center; }
.dropdown.menu.wfs-menu .opt.sub { overflow: visible; }
/* легенда повної воронки продажів (crt-full-pipeline-widget-legend): 30px від правого й нижнього краю, рамка 1 #006CE0, радіус 4, тінь, відступ 8;
   пункти 14px: кружок 8×8 і підпис 10px Open Sans #757575 з відступами 8 */
.chart-widget.funnel-w { position: relative; }
.fp-legend { position: absolute; right: 30px; bottom: 30px; background: #fff; border: 1px solid #006ce0; border-radius: 4px; box-shadow: 0 3px 6px rgba(0, 0, 0, .16); padding: 8px; z-index: 2; }
.fp-li { display: flex; align-items: center; height: 14px; }
.fp-dot { width: 8px; height: 8px; border-radius: 4px; flex: none; }
.fp-lt { padding: 0 8px; font: 10px/14px "Open Sans", "Bpmonline Open Sans", sans-serif; color: #757575; }