/* Tabelas sortáveis de Transparência */
table.transp-sortavel thead th[data-ordenavel] {
    cursor: pointer;
    user-select: none;
    position: relative;
    padding-right: 22px !important;
    transition: background-color .15s;
}

table.transp-sortavel thead th[data-ordenavel]:hover {
    background-color: #e9f4ff !important;
}

table.transp-sortavel thead th[data-ordenavel]:focus-visible {
    outline: 2px solid #0d6efd;
    outline-offset: -2px;
}

table.transp-sortavel thead th[data-ordenavel]::after {
    content: "↕";
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0.35;
    font-size: 0.85em;
    transition: opacity .15s;
}

table.transp-sortavel thead th[data-ordenavel]:hover::after {
    opacity: 0.7;
}

table.transp-sortavel thead th[data-ordenavel][data-estado="asc"]::after {
    content: "↑";
    opacity: 1;
    color: #0d6efd;
    font-weight: bold;
}

table.transp-sortavel thead th[data-ordenavel][data-estado="desc"]::after {
    content: "↓";
    opacity: 1;
    color: #0d6efd;
    font-weight: bold;
}

table.transp-sortavel thead th[data-ordenavel][data-estado="asc"],
table.transp-sortavel thead th[data-ordenavel][data-estado="desc"] {
    background-color: #e7f1ff !important;
    color: #0a58ca;
}