/* Financeiro mobile — segunda passada: ações sem sobreposição. CSS puro. */
@media (max-width: 640px) {
  .page-container:has(.module-tabs[aria-label="Navegação financeira"])
    div[style*="display: flex"][style*="align-items: center"][style*="gap: 8px"][style*="margin-bottom: 16px"]:has(> :nth-child(9)) {
    display: grid !important;
    grid-template-columns: 48px 48px minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto 48px 48px auto !important;
    gap: 8px !important;
    width: 100% !important;
    align-items: stretch !important;
  }

  /* Busca */
  .page-container:has(.module-tabs[aria-label="Navegação financeira"])
    div[style*="display: flex"][style*="align-items: center"][style*="gap: 8px"][style*="margin-bottom: 16px"]:has(> :nth-child(9))
    > :nth-child(1) {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  /* Períodos */
  .page-container:has(.module-tabs[aria-label="Navegação financeira"])
    div[style*="display: flex"][style*="align-items: center"][style*="gap: 8px"][style*="margin-bottom: 16px"]:has(> :nth-child(9))
    > :nth-child(2) {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    width: 100% !important;
  }
  .page-container:has(.module-tabs[aria-label="Navegação financeira"])
    div[style*="display: flex"][style*="align-items: center"][style*="gap: 8px"][style*="margin-bottom: 16px"]:has(> :nth-child(9))
    > :nth-child(3) {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
    width: 100% !important;
  }
  .page-container:has(.module-tabs[aria-label="Navegação financeira"])
    div[style*="display: flex"][style*="align-items: center"][style*="gap: 8px"][style*="margin-bottom: 16px"]:has(> :nth-child(9))
    > :nth-child(2) > div:first-child,
  .page-container:has(.module-tabs[aria-label="Navegação financeira"])
    div[style*="display: flex"][style*="align-items: center"][style*="gap: 8px"][style*="margin-bottom: 16px"]:has(> :nth-child(9))
    > :nth-child(3) > div:first-child {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;
    box-sizing: border-box !important;
  }

  /* Atualizar + filtro + ação principal na mesma faixa */
  .page-container:has(.module-tabs[aria-label="Navegação financeira"])
    div[style*="display: flex"][style*="align-items: center"][style*="gap: 8px"][style*="margin-bottom: 16px"]:has(> :nth-child(9))
    > :nth-child(4) {
    grid-column: 1 !important;
    grid-row: 4 !important;
    width: 48px !important;
    min-width: 48px !important;
    height: 48px !important;
  }
  .page-container:has(.module-tabs[aria-label="Navegação financeira"])
    div[style*="display: flex"][style*="align-items: center"][style*="gap: 8px"][style*="margin-bottom: 16px"]:has(> :nth-child(9))
    > :nth-child(5) {
    grid-column: 2 !important;
    grid-row: 4 !important;
    width: 48px !important;
    min-width: 48px !important;
    height: 48px !important;
  }
  .page-container:has(.module-tabs[aria-label="Navegação financeira"])
    div[style*="display: flex"][style*="align-items: center"][style*="gap: 8px"][style*="margin-bottom: 16px"]:has(> :nth-child(9))
    > :nth-child(5) > button {
    width: 48px !important;
    min-width: 48px !important;
    height: 48px !important;
    padding: 0 !important;
    justify-content: center !important;
  }
  .page-container:has(.module-tabs[aria-label="Navegação financeira"])
    div[style*="display: flex"][style*="align-items: center"][style*="gap: 8px"][style*="margin-bottom: 16px"]:has(> :nth-child(9))
    > :nth-child(8) {
    grid-column: 3 / 5 !important;
    grid-row: 4 !important;
    width: 100% !important;
    height: 48px !important;
    min-width: 0 !important;
    margin: 0 !important;
    justify-content: center !important;
    white-space: nowrap !important;
    font-size: 14px !important;
  }

  /* Importar / Exportar: metade da largura cada, sem quebrar texto. */
  .page-container:has(.module-tabs[aria-label="Navegação financeira"])
    div[style*="display: flex"][style*="align-items: center"][style*="gap: 8px"][style*="margin-bottom: 16px"]:has(> :nth-child(9))
    > :nth-child(6) {
    grid-column: 1 / 3 !important;
    grid-row: 5 !important;
  }
  .page-container:has(.module-tabs[aria-label="Navegação financeira"])
    div[style*="display: flex"][style*="align-items: center"][style*="gap: 8px"][style*="margin-bottom: 16px"]:has(> :nth-child(9))
    > :nth-child(7) {
    grid-column: 3 / 5 !important;
    grid-row: 5 !important;
  }
  .page-container:has(.module-tabs[aria-label="Navegação financeira"])
    div[style*="display: flex"][style*="align-items: center"][style*="gap: 8px"][style*="margin-bottom: 16px"]:has(> :nth-child(9))
    > :nth-child(6),
  .page-container:has(.module-tabs[aria-label="Navegação financeira"])
    div[style*="display: flex"][style*="align-items: center"][style*="gap: 8px"][style*="margin-bottom: 16px"]:has(> :nth-child(9))
    > :nth-child(7) {
    width: 100% !important;
    min-width: 0 !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    justify-content: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 14px !important;
  }

  /* Excluir é contextual: só aparece se alguma linha estiver selecionada. */
  .page-container:has(.module-tabs[aria-label="Navegação financeira"])
    div[style*="display: flex"][style*="align-items: center"][style*="gap: 8px"][style*="margin-bottom: 16px"]:has(> :nth-child(9))
    > :nth-child(9) {
    display: none !important;
  }
  .page-container:has(.module-tabs[aria-label="Navegação financeira"]):has(.table-wrapper tbody input[type="checkbox"]:checked)
    div[style*="display: flex"][style*="align-items: center"][style*="gap: 8px"][style*="margin-bottom: 16px"]:has(> :nth-child(9))
    > :nth-child(9) {
    display: inline-flex !important;
    grid-column: 1 / -1 !important;
    grid-row: 6 !important;
    width: 100% !important;
    min-height: 44px !important;
    justify-content: center !important;
    align-items: center !important;
  }

  /* A faixa de atalhos continua rolável, mas com chips um pouco menores. */
  .page-container:has(.module-tabs[aria-label="Navegação financeira"])
    div[style*="flex-wrap: wrap"][style*="margin-bottom: 10px"][style*="gap: 6px"] button {
    min-height: 34px !important;
    padding: 5px 11px !important;
    font-size: 12px !important;
  }

  /* Tabela mais compacta no celular sem perder a rolagem horizontal. */
  .page-container:has(.module-tabs[aria-label="Navegação financeira"]) .table-wrapper table {
    min-width: 700px !important;
  }
  .page-container:has(.module-tabs[aria-label="Navegação financeira"]) .table-wrapper th,
  .page-container:has(.module-tabs[aria-label="Navegação financeira"]) .table-wrapper td {
    padding: 9px 10px !important;
  }
}