/* Discard confirmation shown when a guarded form dialog is closed while dirty. */
/* The confirm stacks on top of a dialog that is already dimmed by its own
   backdrop. Keep this one light so the edits being discarded stay readable. */
.discard-changes-dialog::backdrop {
  background: rgba(14, 30, 24, .26);
}

.discard-changes-dialog {
  width: min(400px, calc(100% - 24px));
  padding: 24px;
  background: var(--card);
  color: var(--ink);
}

.discard-changes-dialog h2 {
  margin: 0 0 8px;
  font: 800 20px Manrope, system-ui, sans-serif;
}

.discard-changes-dialog p {
  margin: 0 0 18px;
  color: var(--muted);
  line-height: 1.5;
}

.discard-changes-dialog .dialog-actions button {
  flex: 1 1 50%;
  width: auto;
  min-height: 44px;
  border-radius: 9px;
  font-weight: 800;
  cursor: pointer;
}

/* A 45% green mix reads 2.0:1 against the button fills, under the 3:1 WCAG
   1.4.11 floor. Solid --green is ~5:1 in both themes. */
.discard-changes-dialog .primary:focus-visible,
.discard-changes-dialog .danger-solid:focus-visible {
  outline: 3px solid var(--green);
  outline-offset: 2px;
}