/**
 * Residio Pro — visitors (gate desk, passes, blacklist).
 */

.rsp-gatecard { padding: 1.1rem; margin-block-end: 1rem; }

.rsp-gatecard__row {
	display: flex;
	gap: 0.5rem;
	flex-wrap: wrap;
}

.rsp-gatecard__row .rsp-input { flex: 1; min-inline-size: 8rem; }

.rsp-gate-actions {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.6rem;
	margin-block-end: 1rem;
}

@media (min-width: 480px) {
	.rsp-gate-actions { grid-template-columns: 1fr 1fr; }
}

.rsp-passes {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.75rem;
}

@media (min-width: 560px) {
	.rsp-passes { grid-template-columns: repeat(2, 1fr); }
}

.rsp-passcard {
	display: flex;
	gap: 0.75rem;
	padding: 0.75rem;
	background: var(--rsp-bg);
	border: 1px solid var(--rsp-border);
	border-radius: 10px;
}

.rsp-passcard__qr {
	inline-size: 5rem;
	block-size: 5rem;
	background: #fff;
	border-radius: 6px;
	padding: 0.2rem;
	flex: none;
}

.rsp-passcard__info code {
	background: var(--rsp-card);
	padding: 0.1rem 0.4rem;
	border-radius: 4px;
}