.modal-scrim { position: fixed; z-index: 2600; inset: 0; display: grid; place-items: center; padding: 22px; background: rgba(0,0,0,.52); backdrop-filter: blur(4px); }
.app-modal { width: min(640px, calc(100vw - 44px)); max-height: calc(100vh - 44px); overflow: auto; background: rgba(6,13,12,.97); border-color: rgba(123,213,111,.24); box-shadow: 0 32px 100px rgba(0,0,0,.68); }
.app-modal-wide { width: min(1040px, calc(100vw - 44px)); }
.modal-guidance-callout { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: center; margin: 0 0 14px; padding: 12px; border-radius: 8px; border: 1px solid rgba(112,229,255,.22); background: rgba(112,229,255,.075); }
.modal-guidance-callout strong { display: block; color: #dff8ff; font-size: 15px; }
.modal-guidance-callout p { margin: 4px 0 0; color: #b8c7bf; font-size: 12px; line-height: 1.4; }
.modal-guidance-callout .secondary-action { white-space: nowrap; }
.modal-form-actions { justify-content: flex-end; padding-top: 4px; }