/* Popups: hidden by default to avoid flicker; revealed via JS when needed */
.modal-root { position: fixed; inset: 0; display: none; align-items: center; justify-content: center; z-index: 100; }
.modal-root[aria-hidden="false"] { display: flex; }
.modal-overlay { position: absolute; inset: 0; background: rgba(0,0,0,0.55); backdrop-filter: blur(4px); }
.modal {
	position: relative; width: min(640px, calc(100% - 28px));
	background: linear-gradient(180deg, rgba(17,18,26,0.95), rgba(17,18,26,0.85));
	border: 1px solid rgba(255,255,255,0.08);
	border-radius: 16px; padding: 18px;
	box-shadow: 0 18px 48px rgba(0,0,0,0.5);
}
.modal h2 { margin: 0 0 8px; font-size: 22px; }
.modal p { margin: 0 0 12px; color: var(--muted); }
.modal .actions { display: flex; gap: 10px; justify-content: flex-end; margin-top: 14px; }
.modal .btn-ghost { background: transparent; border: 1px solid rgba(255,255,255,0.16); color: var(--text); border-radius: 10px; padding: 10px 14px; }