/*
 * AÇÕES NO TOPO DA ABA
 * Barra de ação (um ou mais botões, ou um form revelado) acima de uma
 * lista/grade dentro de uma aba. A barra de abas dá o espaço acima; esta
 * classe dá o mesmo espaço abaixo e alinha os botões na horizontal.
 * Um container escondido (hidden) não ocupa espaço.
 */
.tab-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin-bottom: var(--space-5);
}

/* Form revelado (novo documento/sócio/foto, gerar parcelas) ocupa a linha. */
.tab-actions > form {
  flex: 1 1 100%;
}