/* Existing contact widget base styles, scoped by its original classes. */

#ip22ServiceDock{position:fixed;right:16px;top:50%;transform:translateY(-50%);z-index:18000;font-family:inherit}
.ip22-dock-stack{display:flex;flex-direction:column;gap:5px}
.ip22-dock-btn{width:48px;height:48px;border:1px solid #30323a;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 5px 16px rgba(0,0,0,.18);font-size:21px;transition:.15s}
.ip22-dock-btn:hover{transform:translateX(-2px)}
.ip22-dock-btn.wechat{background:#20c96b;color:white}
.ip22-dock-btn.qq{background:#ff7418;color:white}
.ip22-dock-btn.admin{background:#347cf7;color:white}
.ip22-dock-btn.favorite{color:#ff5964}
.ip22-dock-btn.fold{color:#747985}
#ip22ServiceExpand{display:none}
#ip22ServiceDock.folded .ip22-dock-stack{display:none}
#ip22ServiceDock.folded #ip22ServiceExpand{display:flex}
.ip22-service-pop{display:none;position:absolute;right:60px;top:50%;transform:translateY(-50%);width:285px;background:#15151b;border:1px solid #353640;border-radius:14px;padding:15px;color:#fff;box-shadow:0 18px 55px rgba(0,0,0,.5)}
.ip22-service-pop.open{display:block}
.ip22-pop-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-weight:900;font-size:16px}
.ip22-pop-x{border:0;background:#292a31;color:#fff;border-radius:7px;width:28px;height:28px;cursor:pointer}
.ip22-pop-desc{color:#aeb1ba;font-size:12px;line-height:1.7}
.ip22-service-pop img{display:block;width:205px;max-width:100%;margin:10px auto;background:white;padding:5px;border-radius:9px}
.ip22-contact-id{text-align:center;margin:8px 0 10px;color:#e6e7eb}
.ip22-copy{display:block;width:100%;border:1px solid #425a82;background:#192238;color:#79aaff;border-radius:8px;padding:9px;cursor:pointer;font-weight:800}
.ip22-admin-lines{background:#101015;border:1px solid #2a2b32;border-radius:9px;padding:10px 12px;line-height:1.9;font-size:13px;margin-top:10px}
@media(max-width:700px){
 #ip22ServiceDock{right:9px;top:auto;bottom:78px;transform:none}
 .ip22-dock-btn{width:44px;height:44px}
 .ip22-service-pop{position:fixed;left:12px;right:12px;top:auto;bottom:80px;transform:none;width:auto;max-height:calc(100vh - 110px);overflow:auto}
}

.ip22-dock-realicon{width:100%;height:100%;object-fit:cover;display:block;border-radius:9px}
.ip22-dock-btn.qq .ip22-dock-realicon{object-fit:cover;object-position:center}
.ip22-dock-btn.wechat,.ip22-dock-btn.qq{padding:0;overflow:hidden}

.r2-contact-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:0 0 17px;padding:0 2px}
.ip22-dock-btn{transition:transform .15s,box-shadow .15s}
.r2-contact-actions>span{font-size:12px;color:var(--muted);margin-right:4px}
.r2-contact-actions button{min-height:39px;padding:8px 14px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);font-size:12px;cursor:pointer}
.r2-contact-actions button:hover{border-color:var(--red);color:var(--red)}
#ip22ServiceDock .ip22-contact-id b{user-select:all;-webkit-user-select:all}
@media(max-width:720px){.r2-contact-actions{gap:7px;margin-bottom:15px}.r2-contact-actions>span{font-size:11px}.r2-contact-actions button{min-height:42px;padding:8px 11px;font-size:11px}}
