/* =========================================================
	 MODAL
	 ========================================================= */
.modal{
	position:fixed;
	inset:0;
	background: rgba(0,0,0,.85);
	display:none;
	align-items:center;
	justify-content:center;
	padding:16px;
	z-index:80;
}

.modal.show{
	display:flex;
}

.modal-card{
	width:min(720px, 100%);
	border-radius: 22px;
	border:1px solid var(--border);
	background: rgba(16,31,56,.9);
	backdrop-filter: blur(14px);
	box-shadow: 0 40px 120px rgba(0,0,0,.55);
	overflow:hidden;
}

.modal-head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:14px 14px;
	border-bottom:1px solid var(--border);
}

.modal-body{
	padding:16px;
	color: var(--muted);
	line-height:1.5;
}

.modal-actions{
	display:flex;
	justify-content:flex-end;
	gap:10px;
	padding:14px;
	border-top:1px solid var(--border);
}

.two-col{
	display:grid;
	grid-template-columns: 1fr 1fr;
	gap:12px;
}

@media (max-width: 900px){
	.grid, .grid-3{ grid-template-columns: 1fr; }
	.two-col{ grid-template-columns: 1fr; }
}