/* The group owns external spacing; children never add competing margins. */
.action-feedback {
  --action-content-gap:20px;
  display:grid;
  gap:12px;
  min-width:0;
  margin-block:var(--action-content-gap) 0;
}
.action-feedback > .action-feedback__message {
  margin:0;
  min-width:0;
  line-height:1.7;
  overflow-wrap:anywhere;
}
.action-feedback > .action-feedback__buttons {
  margin:0;
  min-width:0;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
}
.action-feedback__buttons > .button {min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.action-feedback--split > .action-feedback__buttons > :first-child {margin-inline-end:auto}
.action-feedback--stack > .action-feedback__buttons {display:grid;grid-template-columns:minmax(0,1fr)}
.action-feedback--stack .account-submit {margin:0}
.action-feedback--inline {gap:8px;margin:0}
.action-feedback--inline > .action-feedback__buttons {justify-content:flex-start}
.action-feedback--inline .action-feedback__buttons > form {flex:1;min-width:0}
.action-feedback--sticky {
  position:sticky;
  bottom:0;
  z-index:5;
  padding-block:12px max(12px,env(safe-area-inset-bottom));
  background:#fffffffa;
  border-top:1px solid var(--line,#d5dfd2);
  box-shadow:0 -7px 14px #fff;
}
/* A long error must not cover the editor or trap controls in a short viewport. */
.action-feedback--sticky:has(.action-feedback__message) {position:static}
.action-feedback__message:focus-visible {outline:3px solid var(--green,#426b50);outline-offset:3px}
@media(max-width:720px) {
  .action-feedback {--action-content-gap:16px}
  .action-feedback > .action-feedback__buttons {gap:10px}
}