/* Base modal — shared styles for all modal-overlay instances.
   Foundation classes (.modal-overlay, .modal-content, .modal-close) live in
   admin.css. This file adds the interactive layer: actions row, body text,
   transitions, backdrop-click-to-close, and aria-hidden driven visibility. */

/* aria-hidden driven visibility (newer modals use this instead of .visible) */
.modal-overlay[aria-hidden="false"] { display: flex; }

/* Modal title */
.modal-overlay .modal-title { margin: 0 0 1rem; font-size: 1rem; color: var(--accent-light); }

/* Modal body text */
.modal-overlay .modal-body { font-size: 0.875rem; color: var(--text-muted); line-height: 1.6; }

/* Actions row — flex end, consistent gap */
.modal-overlay .modal-actions { display: flex; gap: 8px; justify-content: flex-end; margin-top: 1rem; }

/* Secondary & destructive buttons inside modals */
.modal-overlay .secondary-btn { background: var(--surface-hover); border: 1px solid var(--border); border-radius: 6px; padding: 8px 16px; color: var(--text); cursor: pointer; font-size: 0.75rem; font-weight: 600; }
.modal-overlay .destructive-btn { background: transparent; border: 1px solid var(--error); border-radius: 6px; padding: 8px 16px; color: var(--error); cursor: pointer; font-size: 0.75rem; font-weight: 600; }
.modal-overlay .destructive-btn:hover { background: rgba(239,68,68,0.1); }