.contact-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:14px 0 10px;padding:5px;border:1px solid var(--line);border-radius:15px;background:#edf2ea}.contact-tabs button{position:relative;min-height:42px;padding:6px 8px;border:0;border-radius:11px;background:transparent;color:var(--muted);font-size:12px;font-weight:750}.contact-tabs button.active{background:#fff;color:#18291e;box-shadow:0 6px 18px #17291d16}.contact-tabs b{display:inline-grid;place-items:center;min-width:19px;height:19px;margin-left:3px;padding:0 5px;border-radius:99px;background:#cfff57;color:#152219;font-size:10px}.contact-lookup-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.contact-lookup-form label{display:grid;gap:5px;color:var(--muted);font-size:11px}.contact-lookup-form input{width:100%;height:44px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font-size:16px;outline:0}.contact-lookup-form button{min-height:43px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font-weight:750}.contact-lookup-form .primary{border:0;background:linear-gradient(145deg,#17291d,#304b37);color:#cfff57}.contact-lookup-form small{grid-column:1/-1;color:var(--muted);line-height:1.4}.contact-result-actions,.contact-request-actions{display:flex;align-items:center;gap:7px}.contact-result-actions button,.contact-request-actions button{min-height:35px;padding:0 11px;border:1px solid var(--line);border-radius:10px;background:#eef4e9;color:#24352a;font-size:12px;font-weight:750}.contact-request-actions .accept-contact{border-color:#a8cf58;background:#dcff94}.contact-request-actions .decline-contact{color:#b83d48}.contact-direction{color:var(--muted);font-size:11px}.contact-scanner{position:absolute;inset:0;z-index:20;display:grid;place-items:center;align-content:center;gap:18px;padding:24px;background:#07100deb;color:#fff;text-align:center}.contact-scanner video{width:min(420px,90vw);max-height:64dvh;border-radius:24px;object-fit:cover}.contact-scanner-frame{position:absolute;width:min(260px,62vw);aspect-ratio:1;border:3px solid #cfff57;border-radius:28px;box-shadow:0 0 0 999px #0004}.contact-scanner p,.contact-scanner button{position:relative;z-index:2}.contact-scanner button{min-width:150px;min-height:44px;border:0;border-radius:13px;background:#fff;color:#17291d;font-weight:800}.contact-qr-card>code{position:relative;z-index:1;padding:5px 9px;border-radius:9px;background:#17291d;color:#dfff8b;font-size:14px;letter-spacing:.12em}html[data-theme=dark] .contact-tabs{border-color:#34473b;background:#0c1711}html[data-theme=dark] .contact-tabs button.active{background:#203126;color:#e8ffc2}html[data-theme=dark] .contact-lookup-form input,html[data-theme=dark] .contact-lookup-form button{border-color:#405348;background:#15231b;color:#eef8e9}html[data-theme=dark] .contact-result-actions button,html[data-theme=dark] .contact-request-actions button{border-color:#405348;background:#203126;color:#e8ffc2}@media(max-width:700px){.contact-tabs{position:sticky;top:0;z-index:3}.contact-tabs button{font-size:11px}.contact-lookup-form{grid-template-columns:1fr}.contact-lookup-form small{grid-column:auto}.contact-center .user-search-header{padding-top:max(24px,env(safe-area-inset-top))}.contact-scanner{position:fixed}}
.contact-nav-badge{position:absolute;top:-5px;right:-5px;display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border:2px solid #13221c;border-radius:99px;background:#cfff57;color:#13221c;font:800 10px Arial,sans-serif}.rail .icon-button,#new-chat-button{position:relative}