/* Barra de rolagem lateral flutuante das tabelas (ver public/js/painel-tabelas.js). */
.sbm-scroll-h {
    position: fixed;
    bottom: 0;
    z-index: 20;
    display: none;
    height: 15px;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
    background-color: rgb(255 255 255 / 0.92);
    border-top: 1px solid rgb(0 0 0 / 0.06);
}

.dark .sbm-scroll-h {
    background-color: rgb(17 24 39 / 0.92);
    border-top-color: rgb(255 255 255 / 0.08);
}

.sbm-scroll-h > div {
    height: 1px;
}

/* A tabela focada pelas setas não precisa do anel de foco do navegador. */
.fi-ta-content-ctn:focus {
    outline: none;
}

/* Telas estreitas: cabeçalho e ações da listagem quebram em vez de espremer. */
@media (max-width: 640px) {
    .fi-header {
        flex-direction: column;
        align-items: stretch;
        gap: 0.75rem;
    }

    .fi-header .fi-ac {
        flex-wrap: wrap;
    }

    .fi-ta-header-toolbar {
        flex-wrap: wrap;
        gap: 0.5rem;
    }
}