/* Carregado por ultimo: desfaz a cadeia de viewport/overflow apenas no admin mobile. */
.relatorios-documento-acoes { white-space: nowrap; }
.relatorios-termo-row small { display: block; color: #64748b; }
.relatorios-documentos-aviso { color: #475569; font-size: .875rem; }

@media (max-width: 768px) {
  html:has(body.admin-mode:not(.admin-login-active)),
  body.admin-mode:not(.admin-login-active) {
    position: static !important;
    height: auto !important;
    min-height: 100dvh !important;
    max-height: none !important;
    overflow-x: clip !important;
    overflow-y: auto !important;
    overscroll-behavior: auto !important;
    touch-action: auto !important;
  }

  html body.admin-mode:not(.admin-login-active) .main.admin-wrapper,
  html body.admin-mode:not(.admin-login-active) #appView:not(.d-none),
  html body.admin-mode:not(.admin-login-active) #devAdminHome:not(.d-none),
  html body.admin-mode:not(.admin-login-active) #relatorioView:not(.d-none),
  html body.admin-mode:not(.admin-login-active) #devAdminHome .qas-shell,
  html body.admin-mode:not(.admin-login-active) #devAdminHome .qas-main,
  html body.admin-mode:not(.admin-login-active) #qasMonitorConteudo,
  html body.admin-mode:not(.admin-login-active) .admin-dashboard-shell,
  html body.admin-mode:not(.admin-login-active) .admin-dashboard-content {
    position: static !important;
    inset: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    overscroll-behavior: auto !important;
    touch-action: auto !important;
    transform: none !important;
  }

  html body.admin-mode:not(.admin-login-active) .main.admin-wrapper,
  html body.admin-mode:not(.admin-login-active) .admin-dashboard-shell {
    display: block !important;
  }

  html body.admin-mode:not(.admin-login-active) #devAdminHome .qas-tabs,
  html body.admin-mode:not(.admin-login-active) #qasMonitorConteudo .qas-tabs,
  html body.admin-mode:not(.admin-login-active) .relatorios-downloads-tabs {
    display: flex !important;
    flex-wrap: nowrap !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    touch-action: auto !important;
    -webkit-overflow-scrolling: touch;
  }
  html body.admin-mode:not(.admin-login-active) .qas-tabs > *,
  .relatorios-downloads-tabs > * { flex-shrink: 0; }
  .relatorios-downloads-table-wrap { overflow-x: auto; }
  .relatorios-documento-acoes { display: flex; flex-wrap: wrap; gap: 8px; }
}