/* WCAG 1.4.11 Non-text Contrast: replace external PNG sort icons with inline SVGs.
   Active arrow: #595959 (7.5:1 on white); inactive: #767676 (4.54:1 on white). */
table.dataTable thead .sorting {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' viewBox='0 0 8 12'%3E%3Cpath fill='%23595959' d='M4 0L0 4h8zm0 12L8 8H0z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center right;
}

table.dataTable thead .sorting_asc {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' viewBox='0 0 8 12'%3E%3Cpath fill='%23595959' d='M4 0L0 4h8z'/%3E%3Cpath fill='%23767676' d='M4 12L8 8H0z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center right;
}

table.dataTable thead .sorting_desc {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' viewBox='0 0 8 12'%3E%3Cpath fill='%23767676' d='M4 0L0 4h8z'/%3E%3Cpath fill='%23595959' d='M4 12L8 8H0z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center right;
}

/* Show a focus indicator on sortable column headers */
table.dataTable thead .sorting:focus,
table.dataTable thead .sorting_asc:focus,
table.dataTable thead .sorting_desc:focus {
    outline: 3px solid #0d6efd;
    outline-offset: -3px;
}