/* Shared modal overlay/content/header/row chrome used by all modal dialogs. */

.modal-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.75); display: none; justify-content: center; align-items: center; z-index: 999; backdrop-filter: blur(4px); }
.modal-content { background: var(--bg-card); border: 1px solid var(--border); border-radius: 12px; padding: 24px; width: 450px; max-width: 90%; max-height: 85vh; overflow-y: auto; box-sizing: border-box; }
.modal-header { font-size: 18px; font-weight: 700; margin-bottom: 16px; border-bottom: 1px solid var(--border); padding-bottom: 12px; color: var(--text-primary); }
.modal-row { display: flex; justify-content: space-between; margin-bottom: 12px; font-size: 14px; }
.modal-label { color: var(--text-muted); }
.modal-val { font-weight: 600; color: var(--text-primary); }
.close-modal { background: var(--border); padding: 8px 16px; border-radius: 6px; color: var(--text-primary); cursor: pointer; border: none; margin-top: 16px; width: 100%; font-weight: 600; }
.close-modal:hover { background: var(--border-strong); }