.mobile-contacts{background:#fff;min-height:100%;padding:0 18px 24px}.is-mobile .mobile-scroll:has(.mobile-contacts){background:#fff}.is-mobile .page-content:has(.mobile-contacts){padding:0;max-width:none}.mobile-contact-search{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#f4f6fa;border:1px solid #edf0f5;border-radius:10px;color:#9ca8ba;margin:10px 0 16px}.mobile-contact-search:focus-within{background:#fff;border-color:#bac5f2}.mobile-contact-search input{min-width:0;width:100%;border:0;background:transparent;font-size:13px;color:#56647c;padding:0}.mobile-contact-search input:focus{box-shadow:none!important}.mobile-contact-search input::placeholder{color:#a1aabd}.mobile-contact-modes{display:flex;gap:24px;border-bottom:1px solid #edf0f6;margin-bottom:15px}.mobile-contact-modes button{font-size:13px;padding:0 0 13px;color:#929eb2;position:relative}.mobile-contact-modes button.active{font-weight:600;color:#5367e9}.mobile-contact-modes button.active:after{content:'';position:absolute;bottom:-1px;left:0;width:25px;height:2px;border-radius:3px;background:#5367e9}.mobile-contact-units{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:4px;background:#f6f8fc;border-radius:9px;margin-bottom:20px}.mobile-contact-units button{padding:9px 3px;font-size:11px;white-space:nowrap;min-width:0;border-radius:6px;color:#94a0b5}.mobile-contact-units button.active{background:white;box-shadow:0 2px 7px #34435f07;color:#5f73ce;font-weight:500}.mobile-contact-units small{font-size:10px;margin-left:5px;color:#9eabc1}.mobile-contact-list-heading{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#96a2b7;margin-bottom:10px}.mobile-contact-list-heading>b{font-weight:500;color:#71809a}.mobile-contact-group[hidden],.mobile-contact-row[hidden]{display:none!important}.mobile-contact-group>h3{display:flex;align-items:center;gap:8px;min-height:33px;font-size:11px;font-weight:500;color:#8d9ab1;background:#f8f9fc;margin:0 -18px;padding:8px 18px}.mobile-contact-group>h3 small{font-size:10px;font-weight:400;color:#adb6c5;margin-left:auto}.mobile-contact-row{display:flex;align-items:center;gap:12px;width:100%;min-height:78px;padding:14px 0;text-align:left;border-bottom:1px solid #f0f2f7}.mobile-contact-row .avatar{width:43px;height:43px;border-radius:13px;font-size:13px;flex-shrink:0}.mobile-contact-row>span:nth-child(2){min-width:0;flex:1}.mobile-contact-row strong{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:500;color:#43516b;line-height:1.5}.mobile-contact-row strong em{font-style:normal;color:#98a7c4;font-size:10px;padding:0 4px;background:#f1f4fb;border-radius:3px}.mobile-contact-row small{display:block;color:#9aa5b9;font-size:11px;line-height:1.7;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-contact-row>.icon{color:#b3bed1;width:14px}.mobile-contact-row:active{background:#f7f9fe}.mobile-contact-empty .empty-state{padding:45px 15px}.mobile-contact-empty .empty-state h3{font-size:14px}.mobile-contact-empty .empty-state p{font-size:11px}.mobile-contact-directory-note{text-align:center;color:#b0b9c9;font-size:10px;line-height:1.8;padding-top:23px}.mobile-contact-directory-note .icon{margin-right:4px;vertical-align:middle}