/* ======================================================= MpRefine Universal DataTables & UI Components Styles ======================================================= */ .dataTables_wrapper { width: 100%; position: relative; } .dataTables_scrollBody { width: 100%; overflow-x: auto; } table.dataTable { width: 100% !important; margin-top: 0 !important; } /* === ИСПРАВЛЕНИЕ: СЛОИ И Z-INDEX ШАПОК И СКРОЛЛА === */ /* Все элементы липкой шапки находятся на уровне 5, гарантированно уступая меню навигации (1000+) */ .dataTables_scrollHead { background-color: #f8f9fa; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05); z-index: 5 !important; } table.dataTable thead th, .table-responsive table thead th { z-index: 5 !important; } /* === ВЕРХНИЙ ГОРИЗОНТАЛЬНЫЙ СКРОЛЛ === */ .dt-top-scroll-wrapper { width: 100%; overflow-x: auto; overflow-y: hidden; height: 16px; margin-bottom: 2px; background-color: #f8f9fa; border-bottom: 1px solid #d9dee3; box-shadow: 0 2px 4px rgba(0,0,0,0.02); z-index: 5 !important; /* ИСПРАВЛЕНИЕ: Слой перенесен из JS сюда */ } .dt-top-scroll-inner { height: 1px; } /* === ГОРИЗОНТАЛЬНЫЙ СКРОЛЛ KPI-ЛЕНТЫ (было продублировано в AdvCampaigns/Experiments/Sorter/TaskReport) === */ .kpi-scroll-container { scrollbar-width: thin; padding-bottom: 0.5rem; } .kpi-scroll-container::-webkit-scrollbar { height: 6px; } .kpi-scroll-container::-webkit-scrollbar-thumb { background-color: #d9dee3; border-radius: 4px; } /* === КОМПАКТНЫЙ ЛЕЙБЛ ФОРМЫ (было продублировано в PriceRadar/Fact/Catalog/SupplyPrice/StatusAdvisor) === */ .form-label-compact { font-size: 0.7rem; font-weight: 700; margin-bottom: 2px; text-transform: uppercase; color: #566a7f; } /* === ПОДСВЕТКА ЯЧЕЕК РАДАРА ЦЕН (переиспользуемо на других страницах сравнения цен, было только в PriceRadar) === */ .cell-cheaper { background-color: rgba(113, 221, 55, 0.1) !important; color: #28a745; font-weight: 600; } .cell-expensive { background-color: rgba(255, 62, 29, 0.1) !important; color: #dc3545; font-weight: 600; } /* === ИНТЕРАКТИВНАЯ KPI-ПЛАШКА-ФИЛЬТР (было продублировано в Plan/Fact) === */ .kpi-filter { transition: all 0.2s ease-in-out; border: 1px solid transparent; cursor: pointer; } .kpi-filter:hover { transform: translateY(-3px); box-shadow: 0 .25rem 1rem rgba(161, 172, 184, .45) !important; } /* === ЦВЕТОВОЙ БЛОК ГРУППЫ КОЛОНОК "Воронка цен/себестоимость" (было продублировано в Plan/Fact) === */ .bg-block-1 { background-color: #e3f2fd !important; } /* Прогресс-бар поверх таблицы */ div.dataTables_wrapper div.dataTables_processing { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.7); z-index: 100; display: flex; justify-content: center; align-items: center; margin: 0 !important; padding: 0 !important; } #table-progress-bar { height: 3px; z-index: 105; display: none; border-radius: 0; } .dt-filter { font-weight: normal !important; font-size: 0.78rem; padding: 4px 6px; width: 100%; box-sizing: border-box; cursor: text; text-transform: none; } /* === ЧЕКБОКС-МУЛЬТИСЕЛЕКТ ФИЛЬТРОВ (замена одиночному