table thead th.sortable-column {
    cursor: pointer;
    user-select: none;
    position: relative;
    padding-right: 1.65rem;
}
table thead th.sortable-column::after {
    content: "↕";
    position: absolute;
    right: .55rem;
    top: 50%;
    transform: translateY(-50%);
    opacity: .35;
    font-size: .82em;
}
table thead th.sortable-column.sort-asc::after {
    content: "▲";
    opacity: .9;
}
table thead th.sortable-column.sort-desc::after {
    content: "▼";
    opacity: .9;
}
table thead th.sortable-column:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: -3px;
}
table thead th.not-sortable {
    cursor: default;
}
.date-filter-bar {
    align-items: end;
    flex-wrap: wrap;
}
.date-filter-control {
    display: grid;
    gap: .35rem;
    min-width: 190px;
}
.date-filter-control label {
    font-size: .78rem;
    font-weight: 700;
    opacity: .75;
}
.date-navigation-actions {
    display: flex;
    align-items: center;
    gap: .45rem;
    flex-wrap: wrap;
}
.date-navigation-actions .button {
    white-space: nowrap;
}
.payment-method-select-wrap select {
    width: 100%;
    min-height: 46px;
}
.queue-label.delivered,
.queue-label.returned,
.queue-label.completed {
    display: inline-flex;
    margin-top: .35rem;
}