/* Consommation GED (administration) : barres de part de l'espace total. */

.storage-share-col {
    width: 9rem;
}

.storage-share-bar {
    height: 6px;
    min-width: 3rem;
}

.storage-share-value {
    width: 3.5rem;
    flex-shrink: 0;
}

/* La liste des organisations défile au-delà d'une dizaine de lignes, pour
   rester à la hauteur de la courbe voisine. */
.storage-org-scroll {
    max-height: 300px;
    overflow-y: auto;
}

/* Tableau des projets : défile dans la carte, en-tête figé. */
.storage-table-scroll {
    max-height: 70vh;
    overflow-y: auto;
}

.storage-table thead th {
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--bs-body-bg, #fff);
    box-shadow: inset 0 -1px 0 var(--bs-border-color);
    white-space: nowrap;
}

/* En-têtes triables (table_sort_controller) : le bouton prend le style du
   texte d'en-tête, la flèche reflète aria-sort. */
.table-sort-btn {
    padding: 0;
    border: 0;
    background: none;
    color: inherit;
    font: inherit;
    font-weight: inherit;
}

.table-sort-btn::after {
    display: inline-block;
    width: 1em;
    margin-left: 0.15rem;
    color: var(--bs-secondary-color);
    content: "↕";
    font-size: 0.75em;
}

th[aria-sort="ascending"] .table-sort-btn::after {
    color: inherit;
    content: "↑";
}

th[aria-sort="descending"] .table-sort-btn::after {
    color: inherit;
    content: "↓";
}

.table-sort-btn:focus-visible {
    border-radius: 2px;
    outline: 2px solid var(--primary-blue-light, #086572);
    outline-offset: 2px;
}