/* The alert SwiftUI's .alert() shows on the Mac (macOS 26), measured from the YachtForms
   Catalyst app's "Change Password Link Sent" alert (2026-10-16). Written in iPad points
   (Mac points / 0.77) and drawn at --scale like everything else.
   Mac: 260 wide, centred in the window, radius 26, text 23 in, title bold 13, message 13,
   OK a grey capsule 28 high, 16 in from the sides and the bottom; the window dims by 20%. */
.AlertView {
  position: absolute; inset: 0; z-index: 100;
  display: grid; place-items: center;
  background: rgba(0, 0, 0, 0.2);
}
.AlertView-box {
  width: 337.7px;
  border-radius: 33.8px;
  padding: 24.2px 20.8px 21.4px;
  background: rgba(233, 233, 233, 0.96);
  -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px);
  box-shadow:
    inset 0 0.65px 0 rgba(255, 255, 255, 0.9),
    0 0 0 0.65px rgba(0, 0, 0, 0.22),
    0 16px 48px rgba(0, 0, 0, 0.22);
  text-align: left;
  color: rgb(36, 36, 36);
}
.AlertView-text { padding: 0 9.1px; }
.AlertView-title { font-size: 17px; font-weight: 700; line-height: 22px; }
.AlertView-message { font-size: 17px; font-weight: 400; line-height: 22.7px; margin-top: 11.7px; white-space: pre-line; }
.AlertView-ok {
  display: block; width: 100%; height: 35.7px; margin-top: 19px;
  border-radius: 17.9px;
  background: rgba(0, 0, 0, 0.078);
  font-size: 17px; font-weight: 400; color: rgb(36, 36, 36);
  outline: none;
}
.AlertView-ok:active { background: rgba(0, 0, 0, 0.14); }
.AlertView-ok + .AlertView-ok { margin-top: 10.4px; }
.AlertView-ok.primary { color: rgb(255, 59, 48); }   /* confirmationDialog's destructive style, as Apple's Save To File */

/* An alert with a box to type in, and two buttons side by side (Add Additional Item) */
.AlertView-field {
  display: block; width: 100%; height: 40px; margin-top: 14px; padding: 0 12px;
  border: 0.65px solid rgba(0, 0, 0, 0.2); border-radius: 10px; outline: none; background: #fff;
  font-family: "ArchitectsDaughter", var(--ui); font-size: 17px; letter-spacing: 1.2px; color: var(--pen);
}
.AlertView-pair { display: flex; gap: 10px; }
.AlertView-pair .AlertView-ok { flex: 1; }
.AlertView-field.plain { font-family: var(--ui); font-size: 17px; letter-spacing: 0; color: var(--label); }