/* In-page confirmations and persistent results, shared across FlowStack products. */
dialog.fs-action-dialog {
  box-sizing: border-box;
  width: min(34rem, calc(100vw - 2rem));
  max-height: calc(100dvh - 2rem);
  overflow: auto;
  margin: auto;
  padding: 1.5rem;
  border: 1px solid #aabdc1;
  border-radius: 12px;
  background: #fff;
  color: #142a30;
  font: 1rem/1.5 system-ui, sans-serif;
}
dialog.fs-action-dialog::backdrop { background: rgb(10 30 35 / 55%); }
dialog.fs-action-dialog form { display: block; margin: 0; padding: 0; max-width: none; border: 0; border-radius: 0; background: transparent; box-shadow: none; color: #142a30; }
dialog.fs-action-dialog h2, dialog.fs-action-dialog p, dialog.fs-action-dialog label { color: #142a30; }
.fs-action-dialog h2 { margin: 0 0 .75rem; font-size: 1.25rem; }
.fs-action-dialog p, .fs-feedback-item p { white-space: pre-wrap; overflow-wrap: anywhere; margin: 0 0 1rem; }
.fs-action-dialog label { display: block; margin: 1rem 0 .4rem; }
.fs-action-dialog input { box-sizing: border-box; width: 100%; min-height: 44px; padding: .65rem; font: inherit; }
.fs-action-buttons { display: flex; justify-content: flex-end; gap: .75rem; flex-wrap: wrap; margin-top: 1.25rem; }
.fs-action-buttons button, .fs-feedback-item button { width: auto; min-height: 44px; padding: .55rem 1rem; font: inherit; cursor: pointer; border: 1px solid #587078; border-radius: 6px; background: #fff; color: #142a30; }
.fs-action-buttons button[type="submit"] { background: #123b42; color: #fff; }
.fs-action-dialog :focus-visible, .fs-feedback :focus-visible { outline: 3px solid #187e83; outline-offset: 3px; }
.fs-feedback { position: fixed; z-index: 10000; right: 1rem; bottom: 1rem; width: min(30rem, calc(100vw - 2rem)); max-height: 45vh; overflow: auto; }
.fs-feedback-item { box-sizing: border-box; background: #fff; color: #142a30; border: 1px solid #aabdc1; border-left: 4px solid #187e83; border-radius: 8px; padding: 1rem; margin-top: .6rem; box-shadow: 0 3px 14px rgb(10 30 35 / 15%); font: 1rem/1.5 system-ui, sans-serif; }
.fs-feedback-item[data-state="error"] { border-left-color: #ac2424; }
