.list-column-table th { padding: 0 12px; }
.list-column-table .column-heading { display: flex; align-items: center; gap: 8px; width: 100%; min-height: 56px; padding: 8px 4px; border: 0; background: transparent; color: var(--muted); font: inherit; text-align: left; cursor: pointer; }
.list-column-table .numeric .column-heading { justify-content: flex-end; }
.column-heading > span:first-child { min-width: 0; }
.column-heading > .icon { flex: 0 0 16px; width: 16px; height: 16px; }
.column-heading:hover, .column-heading[data-active="true"] { color: var(--green); }
.column-heading:hover { background: var(--green-soft); }
.column-heading:focus-visible { outline: 2px solid var(--green); outline-offset: -2px; border-radius: 4px; }
.list-sort-mobile { display: none; align-items: center; gap: 8px; min-width: 0; max-width: 100%; }
.list-sort-mobile .select { min-width: 0; width: 200px; }
.list-sort-mobile .btn { flex: 0 0 48px; width: 48px; min-height: 48px; padding: 0; }
@media (max-width: 1199px) {
  .role-operator .list-sort-mobile { display: flex; }
  .role-operator .list-column-table thead { display: none; }
  .logist-board-list .operator-trip-table td[data-column="status"] { grid-column: 1 / -1; }
  .logist-board-list .status { overflow-wrap: normal; word-break: normal; }
}
@media (max-width: 1023px) {
  .role-client .list-sort-mobile { display: flex; }
}
@media (max-width: 767px) {
  .list-panel > .panel-header:has(.list-sort-mobile) { flex-wrap: wrap; gap: 12px; }
  .list-sort-mobile { width: 100%; }
  .list-sort-mobile .select { width: 100%; }
  .logist-board-list > .tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; padding: 0 12px; overflow: visible; }
  .logist-board-list > .tabs .tab { min-width: 0; padding: 12px 6px; white-space: normal; line-height: 24px; }
}