.visitor-gate{width:min(900px,92vw);margin:0 auto 80px;padding:26px 28px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;background:var(--card);border:1px solid #d7e5df;border-radius:var(--radius);box-shadow:0 18px 50px rgba(29,48,42,.06)}
.visitor-gate-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:#e5f2ec;color:var(--green);font-size:21px}
.visitor-gate h2{margin:0 0 6px;font-size:18px}.visitor-gate p{margin:0;color:var(--muted);font-size:11px;line-height:1.8}.visitor-gate small{display:block;margin-top:6px;color:#8a6530}
.visitor-gate-actions{display:flex;gap:8px}.visitor-gate-actions .primary{width:auto;padding:12px 18px}.visitor-gate-actions>button:not(.primary){border:1px solid var(--line);background:white;color:var(--green);border-radius:10px;padding:11px 16px;font:inherit;font-size:11px;cursor:pointer}
@media(max-width:560px){.visitor-gate{grid-template-columns:1fr;text-align:center}.visitor-gate-icon{margin:auto}.visitor-gate-actions{flex-direction:column}.visitor-gate-actions .primary{width:100%}}