table[data-oa-resizable="true"] {
  table-layout: fixed !important;
}

table[data-oa-resizable="true"] th.oa-column-relative {
  position: relative !important;
}

table[data-oa-resizable="true"] th .oa-column-header-content {
  display: block;
  min-width: 0;
  overflow: hidden;
  padding-right: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

table[data-oa-resizable="true"] td {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

table[data-oa-resizable="true"] td > button:not(.icon),
table[data-oa-resizable="true"] td > a,
table[data-oa-resizable="true"] td > span:not(.status) {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

table[data-oa-resizable="true"] .file-name-text {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.oa-column-resizer {
  position: absolute;
  top: 0;
  right: -4px;
  z-index: 12;
  width: 9px;
  height: 100%;
  cursor: col-resize;
  touch-action: none;
}

.oa-column-resizer::after {
  position: absolute;
  top: 20%;
  right: 4px;
  width: 1px;
  height: 60%;
  background: var(--ui-primary, #b8202b);
  content: "";
  opacity: 0;
  transition: opacity .12s ease;
}

.oa-column-resizer:hover::after,
table[data-oa-resizable="true"] th:hover > .oa-column-resizer::after,
body.oa-column-resizing .oa-column-resizer::after {
  opacity: 1;
}

body.oa-column-resizing,
body.oa-column-resizing * {
  cursor: col-resize !important;
  user-select: none !important;
}

.oa-column-resize-proxy {
  position: fixed;
  z-index: 200;
  width: 1px;
  background: var(--ui-primary, #b8202b);
  pointer-events: none;
}

@media (max-width: 820px) {
  table[data-oa-resizable="true"].seal-table,
  table[data-oa-resizable="true"].seal-table th,
  table[data-oa-resizable="true"].seal-table td {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  table[data-oa-resizable="true"].seal-table .oa-column-resizer {
    display: none;
  }
}