/* Layout Overlap Fix - Ensures main content and DataTables never sit beneath the sidebar */

/* Desktop RTL/LTR: honor sidebar width using margin (overrides zero-margins in v3-tabs) */
.bitrix-portal-wrapper .bitrix-main-content {
  margin-right: var(--bitrix-sidebar-width) !important;
}

/* Ensure all content sections and layout containers respect sidebar width */
.bitrix-portal-wrapper .content-section,
.bitrix-portal-wrapper .files-layout,
.bitrix-portal-wrapper .stats-bar {
  margin-right: 0 !important; /* Content sections use parent's margin, not their own */
  padding-right: 0 !important;
}

/* Files layout should take full available width within bitrix-main-content */
.bitrix-main-content .files-layout {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

/* Stats bar and table container should fit within files-layout */
.files-layout .stats-bar {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  overflow-x: auto;
}

/* Support sibling layout used by tp-bitrix-sidebar + team-portal-main */
.tp-bitrix-sidebar + .team-portal-main,
.tp-bitrix-sidebar ~ .team-portal-main {
  margin-right: var(--bitrix-sidebar-width) !important;
}

/* When sidebar collapsed use smaller margin */
.bitrix-sidebar.collapsed ~ .bitrix-main-content,
[dir="rtl"] .bitrix-sidebar.collapsed ~ .bitrix-main-content {
  margin-right: var(--bitrix-sidebar-collapsed) !important;
}

.tp-bitrix-sidebar.is-collapsed + .team-portal-main,
.tp-bitrix-sidebar[data-collapsed="true"] + .team-portal-main,
.tp-bitrix-sidebar.is-collapsed ~ .team-portal-main,
.tp-bitrix-sidebar[data-collapsed="true"] ~ .team-portal-main {
  margin-right: var(--bitrix-sidebar-collapsed) !important;
}

/* Prevent tables from stretching under sidebar */
.bitrix-main-content table.dataTable {
  width: 100%;
  table-layout: auto;
}

/* Mobile: sidebar becomes overlay, allow full width */
@media (max-width: 900px) {
  .bitrix-portal-wrapper .bitrix-main-content,
  .bitrix-sidebar.collapsed ~ .bitrix-main-content {
    margin-right: 0 !important;
  }
  .tp-bitrix-sidebar + .team-portal-main,
  .tp-bitrix-sidebar ~ .team-portal-main {
    margin-right: 0 !important;
  }
}

/* Extra safeguard: if any gradient row background remains, neutralize */
.bitrix-main-content .dataTables_wrapper tr, 
.bitrix-main-content .dataTables_wrapper td,
.bitrix-main-content .dataTables_wrapper th {
  background: #ffffff !important;
}
