.data-panel thead th:has(.directory-column-sort){white-space:nowrap}
.directory-column-sort{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:3px 0;border:0;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;text-align:left;white-space:nowrap;cursor:pointer;transition:color .15s ease}
.directory-column-sort:hover,.directory-column-sort.active{color:#a8d1f8}
.directory-column-sort:focus-visible{outline:2px solid #69b5fa;outline-offset:4px;border-radius:2px}
.directory-column-sort:disabled{opacity:.65;cursor:wait}
.directory-sort-arrows{display:inline-flex;flex:none;flex-direction:column;align-items:center;gap:3px;width:8px}
.directory-sort-arrows i{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent}
.directory-sort-arrows .up{border-bottom:5px solid #566576}
.directory-sort-arrows .down{border-top:5px solid #566576}
.directory-sort-arrows.asc .up{border-bottom-color:#8ec7ff}
.directory-sort-arrows.desc .down{border-top-color:#8ec7ff}
.directory-column-sort:hover .directory-sort-arrows i{filter:brightness(1.45)}