/* One equal-action row. Layout only: colours, borders, shadows, fonts,
   radii and labels are untouched. Icon-only controls stay fixed because
   they are never direct action children of these rows. */

.action-row {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  gap: 0.5rem;
  align-items: stretch;
}

.action-row.action-row {
  grid-template-columns: none;
}

.action-row > :is(button, a.btn, .btn):not(.icon-only) {
  min-width: 0;
}

.action-row-fit {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  gap: 0.5rem;
  align-items: stretch;
  width: max-content;
  max-width: 100%;
}

.action-row-fit > :is(button, a.btn, .btn) {
  min-width: 0;
}

body.photo-proj .pp-utils.action-row-fit {
  display: grid;
}

.action-grid {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  gap: 0.5rem;
  align-items: stretch;
}

.action-grid.action-grid {
  grid-template-columns: none;
}

.action-grid > :is(button, a.btn, .btn) {
  min-width: 0;
}

.db-setup-buttons {
  width: 100%;
}

@media (max-width: 480px) {
  .db-leave-actions.action-row {
    grid-auto-flow: row;
    grid-auto-columns: auto;
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 560px) {
  .pd-dialog-actions.three.action-grid.action-grid {
    grid-auto-flow: row;
    grid-auto-columns: auto;
    grid-template-columns: minmax(0, 1fr);
  }
}