/* Final actions share a centered footer; filter/tool buttons keep their context. */
.form-commit-actions.form-commit-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 100%;
  box-sizing: border-box;
  grid-column: 1 / -1;
  margin: 18px 0 0;
  padding-top: 16px;
  border-top: 1px solid var(--line, #e4e9f2);
}
body .form-commit-actions.form-commit-actions > button {
  flex: 0 1 auto;
  width: auto;
  min-width: 112px;
  max-width: 100%;
  margin: 0;
}
.form-commit-actions > :is(p, small, span),
.form-commit-actions > div:not(:has(button)) {
  order: -1;
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
  margin: 0;
  text-align: center;
}
.form-commit-actions > :is(p, small, span):empty { display: none; }
.form-commit-footer.form-commit-footer {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-end;
  gap: 8px;
}
.form-commit-footer > :not(.form-commit-actions) { text-align: center; }
.form-commit-footer > .form-commit-actions { margin: 0; padding: 0; border: 0; }
@media (max-width: 600px) {
  .form-commit-actions.form-commit-actions { gap: 8px; padding-top: 12px; }
  body dialog .form-commit-actions.form-commit-actions > button,
  body #manage-dialog .form-commit-actions.form-commit-actions > button {
    flex: 0 1 auto;
    width: auto;
    min-width: 104px;
    max-width: 100%;
  }
  .form-commit-footer > .form-commit-actions { padding: 0; }
}