.screen[data-page="contacts"] .body{padding:0;background:#fff}
.contacts-module{min-height:100%;display:flex;flex-direction:column;background:#fff;color:#191919}
.contacts-list-wrap{position:relative;flex:1;min-height:0}
.contacts-module .contact-list{padding-right:22px}
.contacts-module .contact-shortcut{display:flex;align-items:center;gap:16px;width:100%;min-height:55px;padding:7px 16px;border:0;border-bottom:.5px solid #e5e5e5;background:#fff;color:#191919;text-align:left;font:inherit;font-size:calc(16px * var(--font-scale,1))}
.contact-shortcut-icon{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:4px;color:#fff}
.contact-shortcut-icon svg{width:24px;height:24px}
.contacts-module .contact-person,.contacts-module .contact-group{position:relative;width:100%;color:#191919}
.contacts-module .contact-person:after,.contacts-module .contact-group:after{content:"";position:absolute;left:72px;right:0;bottom:0;height:.5px;background:#e5e5e5}
.contacts-module .contact-group:after{left:75px}
.contacts-module .contact-group .group-fallback{background:#25b879;color:#fff}
.contacts-module .contact-list .avatar img{width:40px;height:40px;display:block;object-fit:cover;border-radius:4px}
.dialog .contact-profile .avatar{width:56px;height:56px;border-radius:4px}
.dialog .contact-profile .avatar img{width:56px;height:56px;display:block;object-fit:cover;border-radius:4px}
.dialog .contact-profile h2{font-size:calc(18px * var(--font-scale,1))}
.contacts-module .contact-group .avatar{background:#25b879;color:#fff}
.contacts-module .contact-group .grow small{display:block;margin-top:2px;color:#777;font-size:calc(12px * var(--font-scale,1));font-weight:400}
.contacts-module .contact-section{min-height:31px;scroll-margin-top:48px}
.contacts-module .contact-index{top:4px;bottom:4px;right:2px;max-height:none;justify-content:center;z-index:2}
.contacts-module .contact-index button{min-height:20px;width:18px;color:#576b95;font-size:calc(10px * var(--font-scale,1));line-height:1}
.contacts-module .contact-index button:disabled{opacity:.42}
.contacts-menu-anchor{position:relative;display:flex;align-items:center}
.contacts-plus-menu{position:absolute;right:4px;top:44px;z-index:20;width:196px;padding:4px 0;border-radius:4px;background:#fff;box-shadow:0 4px 16px #0003}
.contacts-plus-menu[hidden]{display:none}
.contacts-plus-menu button{display:flex;align-items:center;gap:14px;width:100%;min-height:52px;padding:8px 16px;border:0;background:#fff;color:#191919;text-align:left;font:inherit;font-size:calc(15px * var(--font-scale,1))}
.contacts-plus-menu button:hover,.contacts-plus-menu button:focus-visible{background:#f7f7f7}
.contacts-plus-menu svg{width:22px;height:22px;flex:none}
.contact-remark-row{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:10px 12px;border:0;border-radius:8px;background:#f5f7fb;color:#191919;text-align:left}
.contact-remark-row>span:first-child svg{display:block;width:18px;height:18px;color:#647cff}
.contact-remark-row strong{font-size:calc(14px * var(--font-scale,1));font-weight:400}
.contact-remark-row .contact-remark-value{flex:1;min-width:0;color:#777;text-align:right;font-size:calc(13px * var(--font-scale,1));overflow-wrap:anywhere}
.contact-remark-row b{color:#8d929c;font-size:20px;font-weight:400}
.contact-profile-note,.contact-info-copy{color:#697483;font-size:calc(12px * var(--font-scale,1));line-height:1.5}
.contact-remark-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.contact-remark-actions .btn{min-height:44px}
.contacts-group-picker{max-height:55dvh;overflow:auto}
.contacts-group-picker button{display:flex;align-items:center;gap:10px;width:100%;min-height:56px;padding:8px 2px;border:0;border-bottom:1px solid #ededed;background:#fff;color:#191919;text-align:left;font:inherit}
.contacts-group-picker .avatar{width:40px;height:40px;flex:none;border-radius:4px;background:#25b879;color:#fff}
.contacts-group-picker button>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}
.contacts-group-picker button>b{color:#b2b2b2;font-size:20px;font-weight:400}
@media(max-width:340px){.contacts-module .contact-index{right:0}.contacts-module .contact-list{padding-right:18px}.contacts-module .contact-shortcut{gap:12px;padding-inline:12px}}