/* Класичний розділ «Підсумки» (DashboardsModule Creatio 7.x). Розміри й кольори — з обчислених стилів Creatio (знято 25.10.2026):
   вкладки 32px (14px, uppercase, #4e7bd8; активна — #444 з підкресленням 3px #ff4013), сітка 24 колонки × рядки 69px,
   клітинка з відступом 10px, віджет — рамка #e2e2e2 без верхньої, тінь 0 0 3px rgba(0,0,0,.1), заголовок 35px з кольоровою смугою 3px. */
.cdash { font-family: 'Bpmonline Open Sans', Arial, sans-serif; color: #444; background: #fff; min-height: 100%; box-sizing: border-box; position: relative; }
.cdash *, .cdash *::before, .cdash *::after { box-sizing: border-box; }
.cdash .cl-hdr { padding-left: 20px; justify-content: space-between; }
.cdash-body { padding: 0 20px 20px; }
/* вкладки панелей */
.cd-tabs { position: relative; height: 32px; border-bottom: 1px solid #dbdbdb; padding-right: 70px; }
.cd-tabs-wrap { position: relative; height: 32px; overflow: hidden; }
.cd-tscroll { position: absolute; top: 0; width: 30px; height: 30px; background-repeat: no-repeat; cursor: pointer; }
.cd-tscroll.l { left: 0; background-image: url(/img/sd/left-arrow-icon-sprite.png); background-position: 14px 6px; }
.cd-tscroll.r { right: 0; background-image: url(/img/sd/right-arrow-icon-sprite.png); background-position: 0 6px; }
.cd-tabs ul { margin: 0 30px; padding: 0; height: 32px; white-space: nowrap; overflow: hidden; list-style: none; font-size: 0; }
.cd-tabs li { display: inline-block; position: relative; height: 32.2px; max-width: 944px; margin-left: 24px; padding: 3px 0 0 6px; font: 14px/26px 'Bpmonline Open Sans', sans-serif; text-transform: uppercase; color: #4e7bd8; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; vertical-align: top; }
.cd-tabs li:first-child { margin-left: 8px; }
.cd-tabs li:last-child { padding-right: 6px; }
.cd-tabs li.on { color: #444; background: #fff; border-bottom: 3px solid #ff4013; }
.cd-tabs li.fav { padding-left: 23px; background-image: url(/img/dash/DashboardBuilder-Favorite.svg); background-repeat: no-repeat; background-position: 0 5px; }
.cd-tools { position: absolute; right: 0; top: 0; height: 26.6px; padding-left: 8px; display: flex; }
.cd-tbtn { position: relative; display: inline-block; height: 26.6px; cursor: pointer; vertical-align: top; }
.cd-tbtn.search { width: 17px; padding: 5.32px 0; }
.cd-tbtn.search i { display: block; width: 16px; height: 16px; background: url(/img/dash/DashboardBuilder-SearchDashboard.svg) no-repeat; }
.cd-tbtn.gear { width: 51.2px; padding: 5.32px 23.24px 5.32px 12.04px; }
.cd-tbtn.gear i { display: block; width: 16px; height: 16px; background: url(/img/dash/DashboardBuilder-Settings.png) no-repeat; }
.cd-mk { position: absolute; right: 0; top: 0; width: 22.4px; height: 100%; background: #fff; }
.cd-mk b { position: absolute; left: 4px; top: 11.3px; border-top: 4px solid #4d6a98; border-left: 4px solid transparent; border-right: 4px solid transparent; }
.cd-tools .cl-menu { top: 30px; right: -26px; left: auto; min-width: 250px; }
.cd-empty { color: #999; text-align: center; width: 100%; height: 21px; display: block; margin-top: 10px; font-size: 14px; }
/* пошук вкладок (FilterableList у підказці) */
.cd-search-tip { position: absolute; right: 30px; top: 34px; z-index: 70; width: 300px; background: #fff; box-shadow: rgba(0,0,0,.2) 0 1px 5px; border: 1px solid #d2d2d2; padding: 12px 0 8px; }
.cd-search-tip input { display: block; width: calc(100% - 24px); margin: 0 12px 8px; height: 30px; border: 1px solid #d2d2d2; padding: 0 8px; font: 14px 'Bpmonline Open Sans', sans-serif; color: #444; outline: none; }
.cd-search-tip input:focus { border-color: #64b8df; }
.cd-search-list { max-height: 320px; overflow: auto; }
.cd-search-it { display: flex; align-items: center; height: 32px; padding: 0 12px; font: 14px 'Bpmonline Open Sans', sans-serif; color: #444; cursor: pointer; }
.cd-search-it:hover { background: #f2f6fc; }
.cd-search-it span { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cd-search-it i { width: 16px; height: 16px; margin-left: 8px; background: url(/img/dash/DashboardBuilder-Favorite.svg) no-repeat center; opacity: .25; }
.cd-search-it i.on { opacity: 1; }
.cd-search-it.on span { color: #444; font-weight: 600; }
/* сітка віджетів */
.cd-grid { position: relative; margin-top: 10px; margin-right: 1px; }
.cd-cell { position: absolute; padding: 10px; overflow: hidden; min-height: 32px; }
.cd-mc { position: relative; width: 100%; height: 100%; }
/* загальна рамка віджета */
.cd-w { position: relative; width: 100%; height: 100%; background: #fff; border: 1px solid #e2e2e2; border-top: 0; box-shadow: rgba(0,0,0,.1) 0 0 3px 0; }
/* Indicator */
.cd-ind { display: table; text-align: center; font-size: 20px; line-height: normal; overflow-wrap: break-word; }
.cd-ind-wrap { display: table-cell; vertical-align: middle; border-top: 3px solid; }
.cd-ind-cap { display: inline-block; width: 100%; height: 23px; font-size: 17px; line-height: 23px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.cd-ind-val { display: inline-block; width: 100%; padding-top: 10px; font-size: 24px; line-height: 32.5px; overflow: hidden; }
.cd-ind-val.big-indicator-font-size { font-size: 40px; line-height: 54px; }
/* заголовок віджета */
.cd-hdr { position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 35px; padding: 6px 0 0 14px; display: flex; border-top: 3px solid; background: #fff; text-align: left; }
.cd-hdr-l { flex: 1 1 auto; height: 26px; font-size: 17px; line-height: 23px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: default; }
.cd-fs { flex: none; position: relative; width: 34px; height: 26px; padding: 4px 6px 5.32px 12.04px; cursor: pointer; }
.cd-fs i { display: block; width: 16px; height: 16px; background: url(/img/dash/ChartModule-FullScreenImg.svg); } /* спрайт 16×144 (смуга кольору — зсув по y) */
.cd-grid-w .cd-fs { width: 40px; padding: 5.32px 12.04px; }
.cd-grid-w .cd-htools { padding-right: 0; margin-top: 0; } /* у реєстрі підсумків .highchart-tools без відступів (правило лише для .default-chart-wrapper) */
.cd-qdl { flex: none; width: 28px; height: 26px; padding: 5.32px 12.04px 5.32px 0; cursor: pointer; }
.cd-qdl i { display: block; width: 16px; height: 16px; background: url(/img/dash/ChartModule-QueryDataLimitImage.svg); }
.cd-htools { flex: none; display: flex; padding-right: 4px; margin-top: -1px; height: 27px; }
.cd-hbtn { position: relative; display: block; width: 51.3px; height: 27px; padding: 5.32px 23.24px 5.32px 12.04px; cursor: pointer; }
.cd-hbtn i { display: block; width: 16px; height: 16px; background: url(/img/dash/ChartModule-Settings.svg); }
.cd-hbtn .cd-mk b { top: 11.5px; }
.cd-drillup { display: block; width: 28px; height: 27px; padding: 6px 6px 0; cursor: pointer; }
.cd-drillup i { display: block; width: 16px; height: 16px; background: url(/img/dash/ChartModule-DrillUp.svg); }
.cd-htools .cl-menu { top: 28px; left: 0; right: auto; min-width: 239px; }
/* колір віджета (widget-<колір>): смуга, підпис, маркер меню, спрайти кнопок */
.cd-c-green { color: #20c964; } .cd-c-mustard { color: #ffc107; } .cd-c-orange { color: #ff9800; } .cd-c-coral { color: #ff7043; } .cd-c-violet { color: #9575cd; }
.cd-c-navy { color: #0091ea; } .cd-c-blue { color: #03a9f4; } .cd-c-turquoise { color: #00bfa5; } .cd-c-dark-turquoise { color: #009688; }
.cd-hdr .cd-mk b, .cd-htools .cd-mk b { border-top-color: currentColor; }
.cd-c-green .cd-fs i, .cd-c-green .cd-hbtn i, .cd-c-green .cd-qdl i, .cd-c-green .cd-drillup i { background-position-y: 144px; }
.cd-c-mustard .cd-fs i, .cd-c-mustard .cd-hbtn i, .cd-c-mustard .cd-qdl i, .cd-c-mustard .cd-drillup i { background-position-y: 128px; }
.cd-c-orange .cd-fs i, .cd-c-orange .cd-hbtn i, .cd-c-orange .cd-qdl i, .cd-c-orange .cd-drillup i { background-position-y: 112px; }
.cd-c-coral .cd-fs i, .cd-c-coral .cd-hbtn i, .cd-c-coral .cd-qdl i, .cd-c-coral .cd-drillup i { background-position-y: 96px; }
.cd-c-violet .cd-fs i, .cd-c-violet .cd-hbtn i, .cd-c-violet .cd-qdl i, .cd-c-violet .cd-drillup i { background-position-y: 80px; }
.cd-c-navy .cd-fs i, .cd-c-navy .cd-hbtn i, .cd-c-navy .cd-qdl i, .cd-c-navy .cd-drillup i { background-position-y: 64px; }
.cd-c-blue .cd-fs i, .cd-c-blue .cd-hbtn i, .cd-c-blue .cd-qdl i, .cd-c-blue .cd-drillup i { background-position-y: 48px; }
.cd-c-dark-turquoise .cd-fs i, .cd-c-dark-turquoise .cd-hbtn i, .cd-c-dark-turquoise .cd-qdl i, .cd-c-dark-turquoise .cd-drillup i { background-position-y: 32px; }
.cd-c-turquoise .cd-fs i, .cd-c-turquoise .cd-hbtn i, .cd-c-turquoise .cd-qdl i, .cd-c-turquoise .cd-drillup i { background-position-y: 16px; }
.cd-fullscreen .cd-fs i { background-position-x: 16px; }
/* Chart */
.cd-chart-body { position: relative; width: 100%; height: 100%; padding-top: 35px; color: #444; }
.cd-canvas { position: relative; width: 100%; height: 100%; }
.cd-canvas canvas { display: block; }
.cd-bc { position: relative; margin-top: 40px; padding-left: 9px; height: 22px; overflow: hidden; font-size: 14px; color: #444; background: #fff; }
.cd-bc span { display: inline-block; margin-left: 5px; }
.cd-bc span:nth-child(2n+1) { color: #999; }
.cd-chart { display: flow-root; } /* як float у .default-chart-wrapper: відступ ланцюжка заглиблення не виходить за межі віджета */
.cd-w.bc .cd-chart-body { padding-top: 0; height: calc(100% - 62px); }
.cd-tip { position: fixed; z-index: 2000; pointer-events: none; background: rgba(255,255,255,.8); border: 1px solid #e2e2e2; border-radius: 6px; padding: 6px; font: 13px/1.3 'Bpmonline Open Sans', sans-serif; color: #000; white-space: nowrap; }
.cd-tip b { font-weight: 700; }
/* сітка («Показати дані») діаграми та DashboardGrid */
.cd-lg { position: relative; width: 100%; height: 100%; padding-top: 35px; background: #fff; overflow: hidden; }
.cd-chart-body .cd-lg { padding-top: 0; }
.cd-lg-in { position: relative; height: 100%; padding-top: 37px; font-size: 14px; color: #444; container-type: inline-size; }
.cd-lg-capwrap { position: absolute; left: 0; top: 0; width: 100%; height: 37px; overflow: hidden; z-index: 1; background: #fff; }
.cd-lg-cap { min-width: 100%; width: max-content; height: 37px; display: flex; padding: 9px 6px 5px 14px; margin-bottom: 6px; border-bottom: 1px solid #e0e0e0; box-shadow: rgba(0,0,0,.28) 0 1px 1.9px .1px; background: #fff; }
.cd-lg-cap > div { position: relative; flex: none; min-height: 20px; height: 22px; padding-right: 20px; font-size: 13px; line-height: 18.2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cd-lg-cap label { margin-right: 5px; font-size: 13px; line-height: 22.1px; color: #999; cursor: default; }
.cd-lg-cap > div.num { text-align: right; }
.cd-lg-cap > div.sort label { color: #444; }
.cd-lg-scroll { height: 100%; overflow: auto; }
.cd-rows { min-width: 100%; width: max-content; }
.cd-row { position: relative; display: flex; min-width: 100%; min-height: 30px; height: 33px; padding: 6px 6px 6px 14px; border-bottom: 1px solid #e5e5e5; }
.cd-row:nth-child(odd) { background: #f7f7f7; }
.cd-row:hover { background: #f2f6fc; }
.cd-row > div { position: relative; flex: none; min-height: 20px; height: 20px; padding-right: 20px; font-size: 14px; line-height: 19.6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cd-row > div.num { text-align: right; }
.cd-row a { display: block; float: left; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #4e7bd8; cursor: pointer; text-decoration: none; }
.cd-row a:hover { text-decoration: underline; }
.cd-row > div.num span { display: inline; }
.cd-lg.ml .cd-row { height: auto; }
.cd-lg.ml .cd-row > div { height: auto; white-space: normal; overflow-wrap: anywhere; }
.cd-lm-wrap { margin-top: 0; height: 33px; text-align: center; background: #fff; }
.cd-lm { display: inline-block; height: 27px; min-height: 16px; margin-top: 6px; padding-left: 16px; font-size: 14px; line-height: 19px; color: #444; cursor: pointer; background: url(/img/dash/loadmore.png) no-repeat 0 2px; }
.cd-lm-btn { display: inline-block; margin: 6px 0 0 40%; padding: 4.62px 9.8px 5.46px 34px; position: relative; font-size: 14px; color: #444; cursor: pointer; }
.cd-lm-btn img { position: absolute; left: 12px; top: 5px; width: 16px; height: 16px; }
.cd-nodata { margin-top: 10px; padding: 0 14px; font-size: 14px; color: #999; }
/* повноекранний режим віджета (Terrasoft.toggleFullScreenMode) */
.cd-fs-overlay { position: fixed; inset: 0; z-index: 1498; background: #fff; opacity: .4; }
.cd-w.cd-fullscreen { position: fixed; top: 10px; left: 10px; z-index: 1499; width: calc(100% - 20px) !important; height: calc(100% - 10px) !important; background: #fff; }
.cd-w.cd-fullscreen .cd-lm-wrap { display: none; }
/* WebPage */
.cd-web iframe { display: block; width: 100%; height: 100%; border: 0; }
/* Воронка (OpportunityFunnel) і FullPipeline */
.cd-funnel .cd-hdr { position: static; }
.cd-funnel .cd-chart-body { padding-top: 0; height: auto; }
.cd-flt { display: table; width: 100%; height: 41.5px; }
.cd-flt-c { display: table-cell; padding-top: 10.71px; text-align: center; font-size: 14px; line-height: 28.86px; color: #444; }
.cd-pbtn { position: relative; display: inline-block; width: 55.3px; height: 30.8px; padding: 5.32px 23.24px 5.32px 12.04px; vertical-align: top; cursor: pointer; }
.cd-pbtn i { display: block; width: 20px; height: 20px; background: url(/img/dash/FullPipelineModule-MonthPeriodButtonImage.png) no-repeat center; }
.cd-pbtn .cd-mk { width: 22.4px; }
.cd-pbtn .cd-mk b { top: 13.4px; }
.cd-flt label { position: relative; top: .2em; display: inline; margin-right: 2px; vertical-align: top; font-size: 14px; line-height: 28.86px; color: #444; }
.cd-flt label.val { cursor: pointer; }
.cd-flt input[type=date] { font: 14px 'Bpmonline Open Sans', sans-serif; color: #444; border: 1px solid #d2d2d2; height: 26px; vertical-align: top; margin-top: 2px; }
.cd-rm { position: relative; top: 4px; display: inline-block; width: 25.75px; height: 25.75px; padding: 4.9px; margin-right: 19px; vertical-align: top; cursor: pointer; }
.cd-rm i { display: block; width: 16px; height: 16px; background: url(/img/dash/FullPipelineModule-RemoveButtonImage.png) no-repeat center; }
.cd-pbtn .cl-menu { top: 31px; left: 0; min-width: 200px; text-align: left; }
.cd-slices { height: 44px; text-align: center; background: #fff; }
.cd-slice { display: inline-block; height: 30px; margin: 13.92px 0 0 .92px; padding: 3.9px 9.1px; border: 1px solid transparent; border-radius: 2px; font: 13px/15.6px 'Bpmonline Open Sans', sans-serif; color: #006ce0; text-transform: uppercase; cursor: pointer; vertical-align: top; }
.cd-slice:hover { background: #f2f5ff; }
.cd-slice.on, .cd-slice.on:hover { background: #8095b3; color: #fff; }
.cd-legend { position: absolute; right: 0; bottom: 0; display: flex; min-width: 120px; margin: 0 10px 20px 0; padding: 18px; border: 1px solid #909090; border-radius: 6px; background: #fff; font-size: 7pt; white-space: nowrap; }
.cd-legend-it { display: flex; margin-top: 5px; height: 18px; }
.cd-legend-it i { margin: 3px 5px 0 0; width: 10.64px; height: 12px; border-radius: 3px; }
.cd-legend-it label { font-size: 13.07px; line-height: 18px; color: #444; }
/* меню з заголовками-розділювачами (Terrasoft.MenuSeparator з підписом) */
.cl-msh { margin: 5px 0 0; padding: 7px 12px 3px; border-top: 1px solid #ebebeb; font: 11px/14px 'Bpmonline Open Sans', sans-serif; color: #999; text-transform: uppercase; white-space: nowrap; cursor: default; }
.cl-menu > div:first-child > .cl-msh { margin-top: 0; border-top: 0; }
.cl-mi.sub::after { content: ''; position: absolute; right: 12px; top: 13px; border-left: 4px solid #4d6a98; border-top: 4px solid transparent; border-bottom: 4px solid transparent; }
.cl-menu .cl-menu.subm { top: 0; left: 100%; right: auto; }

.cl-menu .cl-mimg { background-size: 16px 16px; }
/* Єдине правило таблиць — ручка .col-rsz і стани описані в gridcols.css */
.cd-lg-cap > div label { cursor: pointer; user-select: none; }