/* SAM's "Feedback Required" pop-up (assets/confirm.js). Self-contained, so it looks the same on SAM's staff pages and in the WordPress admin. */
dialog.sam-confirm { width: min(460px, calc(100vw - 32px)); padding: 0; border: 0; border-radius: var(--sam-radius, 14px); background: #FFFFFF; color: var(--sam-ink, #0F1B2D); box-shadow: 0 20px 50px rgba(15, 27, 45, .28); overflow: hidden; font-family: var(--sam-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif); }
dialog.sam-confirm::backdrop { background: rgba(15, 27, 45, .55); }
.sam-confirm-head { padding: 14px 20px; background: var(--sam-accent, #0B6E6E); color: #FFFFFF; font-size: 17px; font-weight: 700; line-height: 1.3; }
.sam-confirm-text { margin: 0; padding: 18px 20px 6px; font-size: 15px; line-height: 1.5; }
.sam-confirm-actions { display: flex; justify-content: flex-end; gap: 10px; padding: 14px 20px 18px; }
dialog.sam-confirm button.sam-btn { display: inline-flex; align-items: center; min-height: 42px; padding: 0 18px; border: 0; border-radius: 10px; background: var(--sam-accent, #0B6E6E); color: #FFFFFF !important; font: inherit; font-size: 15px; font-weight: 600; cursor: pointer; box-shadow: none; }
dialog.sam-confirm button.sam-btn:hover { background: var(--sam-accent-dark, #085454); }
dialog.sam-confirm button.sam-btn.sam-btn-ghost { background: #FFFFFF; color: var(--sam-ink, #0F1B2D) !important; border: 1px solid #D5DAE1; }
dialog.sam-confirm button.sam-btn.sam-btn-ghost:hover { background: #F5F6F8; }
@media (max-width: 480px) { .sam-confirm-actions { flex-direction: column-reverse; } .sam-confirm-actions .sam-btn { width: 100%; justify-content: center; } }