/* Cabeçalhos locais e remotos compartilham foco, direção e indicação de alcance. */
.table-sort-button { font: inherit; font-weight: inherit; color: inherit; text-align: inherit;
  background: transparent; border: 0; padding: 0; cursor: pointer; min-height: 32px; }
.workspace-ui button.table-sort-button:not(.secondary):not(.theme-toggle) { background: transparent; color: inherit; border: 0; }
.table-sort-button:hover { color: var(--text); text-decoration: underline; }
.table-sort-button:focus-visible, th a.sort:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.table-sort-arrow { font-size: 10px; }
th[aria-sort="ascending"], th[aria-sort="descending"] { color: var(--text); }
.table-sort-hint { color: var(--muted); font-size: 11px; padding: 8px 10px; margin: 0; }
.card:has(> table) { min-width: 0; overflow-x: auto; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
@media (max-width: 720px) { .table-sort-button { min-height: 44px; } }