/* Milo v0.4.13 — contacts */
.brandRow{gap:6px}.brandRow .brand{margin-right:auto}.contactsBtn{font-size:20px}
.contactsModal{position:fixed;inset:0;z-index:80;background:rgba(28,27,25,.28);display:flex;align-items:center;justify-content:center;padding:20px}.contactsModal.hidden{display:none}
.contactsCard{width:min(460px,100%);max-height:min(680px,82dvh);display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:0 24px 70px rgba(0,0,0,.18);padding:18px}
.contactsHead{display:flex;align-items:center;justify-content:space-between;gap:12px}.contactsHead>div{display:flex;align-items:baseline;gap:8px}.contactsHead strong{font-size:21px}.contactsHead span{font-size:12px;color:var(--muted)}
.contactsSearch{display:flex;align-items:center;gap:8px;background:#f0eee9;border-radius:13px;padding:0 11px;height:42px;margin:14px 0 8px;color:var(--muted)}.contactsSearch input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font:inherit}
.contactsList{min-height:120px;overflow:auto}.contactsEmpty{padding:28px 12px;text-align:center;color:var(--muted);font-size:13px;line-height:1.45}
.contactRow{display:flex;align-items:center;gap:10px;padding:9px 7px;border-radius:14px}.contactRow:hover{background:#f5f3ef}.contactRow .avatar{width:44px;height:44px;flex:0 0 44px;border-radius:15px}.contactIdentity{flex:1;min-width:0;border:0;background:transparent;text-align:left;padding:0;cursor:pointer;color:var(--text)}.contactIdentity strong,.contactIdentity span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contactIdentity strong{font-size:14px}.contactIdentity span{font-size:11px;color:var(--muted);margin-top:3px}.contactRemove{width:32px;height:32px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-size:19px;cursor:pointer}.contactRemove:hover{background:#ece9e3;color:#d85d58}
.contactToggle{margin-left:auto;width:32px;height:32px;flex:0 0 32px;border:0;border-radius:10px;background:#eeeae5;color:#6d5dfb;font-size:18px;cursor:pointer}.contactToggle.isContact{background:#e8e4ff}.userRow,.memberPick{position:relative}
@media(max-width:900px) and (min-width:761px){.contactsCard{width:min(430px,calc(100vw - 40px))}}
@media(max-width:760px){.contactsModal{align-items:flex-end;padding:0}.contactsCard{width:100%;max-height:86dvh;border-radius:24px 24px 0 0;border-left:0;border-right:0;border-bottom:0;padding:18px 14px calc(16px + env(safe-area-inset-bottom))}.contactsHead strong{font-size:22px}.contactsSearch{height:44px}.contactRow{padding:10px 5px}.contactRow .avatar{width:46px;height:46px;flex-basis:46px}.contactIdentity strong{font-size:15px}.contactIdentity span{font-size:12px}.contactRemove,.contactToggle{width:36px;height:36px;flex-basis:36px}.contactsBtn{width:36px!important;height:36px!important;flex:0 0 36px!important}}
@media(max-width:420px){.brandRow{gap:4px}.contactsBtn{width:34px!important;height:34px!important;flex-basis:34px!important}.contactsCard{padding-left:12px;padding-right:12px}}