/* Wrapper to allow horizontal scroll when expanded */
    .table-wrapper {
      overflow-x: auto;
      width: 100%;
    }
  
    table  {
      table-layout: auto; /* allow dynamic width growth */
      width: auto; /* table can expand */
      min-width: 100%; /* at least fill container */
      border-collapse: collapse;
    }
  
    table thead th {
      position: relative;
      white-space: nowrap;
    }
  
    /* Handle for dragging */
    table .resize-handle {
      position: absolute;
      right: 0;
      top: 0;
      width: 6px;
      height: 100%;
      cursor: col-resize;
      user-select: none;
      z-index: 10;
    }
  
    table .resize-handle:hover {
      background: rgba(0, 0, 0, 0.1);
    }

    /* Detail-page tables show one header plus three body-row slots. */
    .detail-four-row-scroll {
      height: 176px !important;
      max-height: 176px !important;
      overflow: auto !important;
      scrollbar-width: none;
      -ms-overflow-style: none;
    }

    .detail-four-row-scroll::-webkit-scrollbar {
      display: none;
      width: 0;
      height: 0;
    }

    .detail-four-row-scroll thead > tr,
    .detail-four-row-scroll tbody > tr:not([data-empty-row]) {
      height: 44px;
    }

    .detail-four-row-scroll tbody > tr[data-empty-row] {
      height: 132px;
    }