/**
 * Modos de scroll do frame principal (article.content).
 *
 * Carregado após SIAM_Gestao.styles.css para prevalecer sobre o CSS scoped
 * do MainLayout. Use a classe siam-content-frame--scroll-x na raiz da página
 * quando a listagem precisar de scroll horizontal no frame (tabela larga).
 */

/* --- Scroll horizontal no frame (Solicitações, Consultar Protocolos, etc.) --- */
.content:has(.siam-content-frame--scroll-x),
.content:has(.group-demand-page),
.content:has(.registros-page) {
    overflow-x: auto;
    overflow-y: auto;
    min-width: 0;
    -webkit-overflow-scrolling: touch;
}

.siam-content-frame--scroll-x,
.group-demand-page,
.registros-page {
    overflow: visible;
}

.siam-content-frame--scroll-x .usuario-list-card,
.group-demand-page .usuario-list-card,
.registros-page .usuario-list-card {
    overflow: visible;
}

.siam-content-frame--scroll-x .group-demand-table-wrap,
.siam-content-frame--scroll-x .usuario-list-table-wrap,
.group-demand-page .group-demand-table-wrap,
.registros-page .usuario-list-table-wrap {
    overflow: visible;
}

/* --- Home: frame fixo, brasão em background, sem scroll --- */
.content:has(.home-page) {
    padding: 0 !important;
    overflow: hidden !important;
    height: 100%;
    min-height: 0;
    display: flex !important;
    flex-direction: column;
}

.content:has(.home-page) .home-page {
    flex: 1 1 auto;
    width: 100%;
    min-height: 100%;
    height: 100%;
    max-height: none;
    box-sizing: border-box;
}