/* Wrapper ensures scrollbar is inside page and aligned with table */
.tbe-table-scroll-wrapper{
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: visible;
  border-radius: 6px;
}

/* Top bar with arrow buttons */
.tbe-table-scrollbar{
  display: flex;
  align-items: center;
  gap: 6px;
  width: 100%;
  max-width: 100%;
  margin: 0 0 8px 0;
  padding: 6px 6px;
  border: 1px solid #ccd0d4;
  border-radius: 8px;
  background: #fff;
  box-sizing: border-box;
}

.tbe-scroll-btn{
  width: 34px;
  height: 28px;
  border: 1px solid #ccd0d4;
  background: #f7f7f7;
  border-radius: 6px;
  cursor: pointer;
  line-height: 1;
  font-size: 14px;
}
.tbe-scroll-btn:disabled{
  opacity: 0.4;
  cursor: not-allowed;
}

.tbe-table-scroll-top{
  flex: 1;
  overflow-x: auto;
  overflow-y: hidden;
  height: 14px;
}
.tbe-table-scroll-inner{
  height: 1px;
  width: 0px;
}

/* Make the native scrollbar thumb visible (browser-controlled) */
.tbe-table-scroll-top::-webkit-scrollbar,
.tbe-table-scroll-wrapper::-webkit-scrollbar{
  height: 10px;
}

/* Resizable column handle */
.tbe-resizable-th{
  overflow: hidden;
  white-space: nowrap;
}
.tbe-col-resizer{
  position: absolute;
  right: 0;
  top: 0;
  width: 14px;
  height: 100%;
  cursor: col-resize;
  user-select: none;
  touch-action: none;
  z-index: 9999;
  background: transparent;
}
.tbe-col-resizer:after{
  content: '';
  position: absolute;
  left: 6px;
  top: 0;
  width: 2px;
  height: 100%;
  background: rgba(0,0,0,0.12);
}


/* ===== Glass Pricing style responsive wrapper (reused across CRM lists) ===== */
.responsive-table-wrapper{
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.responsive-table-wrapper table{
  min-width: 1200px;
}
.responsive-table-wrapper th,
.responsive-table-wrapper td{
  white-space: nowrap !important;
}


/* Prevent grid/flex parents from expanding infinitely */
#glass-nav-toggler-class, .glass-crm-main-content, .responsive-table-wrapper, .tbe-table-scroll-wrapper, .tbe-table-scrollbar { min-width: 0; }
#glass-nav-toggler-class .glass-crm-main-content > div { min-width: 0; max-width: 100%; }

.tbe-resizable-th:hover .tbe-col-resizer{ background: rgba(0,0,0,0.04); }
.tbe-resizable-th:hover .tbe-col-resizer:after{ background: rgba(0,0,0,0.25); }


/* Ensure CRM list tables actually overflow so the top scrollbar appears when needed */
.tbe-table-scroll-wrapper table,
.tbe-table-scroll-wrapper table.wp-list-table,
.tbe-table-scroll-wrapper table.table{
  width: max-content;
  min-width: 1200px;
}
.tbe-table-scroll-wrapper th,
.tbe-table-scroll-wrapper td{
  white-space: nowrap !important;
}