.contact-browser-field{display:grid;gap:.35rem;color:#92a4b6;font-size:.76rem;font-weight:700}
.contact-browser-open,.contact-browser-selected,.contact-browser-selection{width:100%;min-height:48px;border:1px solid #34495f;border-radius:6px;background:#101b28;color:#eef5fc}
.contact-browser-open{display:flex;align-items:center;gap:.65rem;padding:.65rem;text-align:left}
.contact-browser-open i:first-child{color:#47c6ee}.contact-browser-open span{flex:1}
.contact-browser-selected,.contact-browser-selection{display:grid;grid-template-columns:38px minmax(0,1fr) auto auto;align-items:center;gap:.45rem;padding:.45rem .55rem}
.contact-browser-selected[hidden],.contact-browser-selection[hidden]{display:none}.contact-browser-selected small,.contact-browser-selection small{display:block;color:#8297aa;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.contact-browser-avatar,.contact-browser-result-avatar{display:grid;place-items:center;border-radius:50%;background:#214663;color:#78d6f5;font-weight:900;overflow:hidden}
.contact-browser-avatar{width:38px;height:38px}
.contact-browser-change{min-height:30px!important;padding:.3rem .5rem!important}
.contact-browser-body{display:grid;gap:.75rem;min-height:360px}
.contact-browser-search{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.6rem;border:1px solid #3b536a;border-radius:7px;background:#0c1925;padding:0 .75rem;color:#54c9ef}
.contact-browser-search input{width:100%;border:0!important;background:transparent!important;color:#fff;padding:.75rem 0!important;outline:none}
.contact-browser-search span{color:#8196a9;font-size:.72rem;white-space:nowrap}
.contact-browser-results{display:grid;gap:.45rem;align-content:start;max-height:58vh;overflow:auto}
.contact-browser-result{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:.75rem;border:1px solid #2b4053;border-radius:8px;background:#111e2b;color:#eaf3fb;padding:.65rem;text-align:left}
.contact-browser-result:hover:not(:disabled),.contact-browser-result:focus-visible{border-color:#36b9e6;background:#152b3c}
.contact-browser-result:disabled{opacity:.58;cursor:not-allowed}
.contact-browser-result-avatar{position:relative;width:48px;height:48px;font-size:1.1rem}
.contact-browser-result-avatar img{position:absolute;width:100%;height:100%;object-fit:cover}
.contact-browser-result-body{display:grid;gap:.1rem;min-width:0}.contact-browser-result-body strong,.contact-browser-result-body small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-browser-result-body small{color:#91a4b6;font-size:.72rem}
.contact-browser-badges{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.25rem}.contact-browser-badge{padding:.12rem .35rem;border-radius:999px;background:#263a4c;color:#abc0d2;font-size:.62rem}.contact-browser-badge.vip{background:#54441d;color:#ffe094}.contact-browser-badge.warning,.contact-browser-badge.danger{background:#522c2c;color:#ffaaa8}
.contact-browser-result-action{display:flex;align-items:center;gap:.4rem;color:#54c9ef;font-size:.72rem;font-weight:800}
.contact-browser-empty{margin:auto;color:#8498aa}.contact-browser-hint{margin-right:auto;color:#8498aa;font-size:.72rem}
@media(max-width:600px){.contact-browser-result{grid-template-columns:40px minmax(0,1fr)}.contact-browser-result-avatar{width:40px;height:40px}.contact-browser-result-action{display:none}}