.im-widget{position:fixed;bottom:20px;right:20px;z-index:1000}
.im-toggle{border-radius:999px;padding:10px 14px;background:#005eb8;color:#fff;border:none}
.im-panel{position:absolute;right:0;bottom:52px;width:340px;background:#fff;border:1px solid #d2dde9;border-radius:12px;padding:10px;box-shadow:0 10px 20px rgba(0,0,0,.12)}
.im-unread{background:#d5281b;border-radius:999px;padding:1px 6px;margin-left:6px}
.im-section{margin-top:10px}
.im-section-title{font-size:12px;font-weight:700;margin-bottom:6px}
.im-online-list{max-height:200px;overflow:auto;border:1px solid #d2dde9;border-radius:8px;padding:6px;background:#f8fbff}
.im-contact-btn{display:flex;align-items:center;gap:8px;width:100%;border:0;background:#fff;padding:7px;border-radius:6px;text-align:left;cursor:pointer;margin-bottom:4px}
.im-contact-btn:hover{background:#eef4fb}
.im-contact-btn.is-offline{color:#768a9e;background:repeating-linear-gradient(-45deg,#f8fafc,#f8fafc 6px,#f3f6fa 6px,#f3f6fa 12px)}
.im-status-dot{height:8px;width:8px;border-radius:999px;background:#9aa6b2;flex:0 0 auto}
.im-contact-btn.is-online .im-status-dot{background:#2eaf4a}
.im-contact-text{display:flex;flex-direction:column;min-width:0;flex:1}
.im-contact-text span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.im-status-label{font-size:11px;opacity:.9}
.im-search-wrap{position:relative}
#im-search{width:100%;padding:8px;border:1px solid #d2dde9;border-radius:8px}
.im-search-results{position:absolute;left:0;right:0;top:calc(100% + 4px);max-height:220px;overflow:auto;background:#fff;border:1px solid #d2dde9;border-radius:10px;box-shadow:0 8px 20px rgba(0,0,0,.12);z-index:2;padding:6px}
.im-empty-row{padding:10px;font-size:13px;color:#657786}
.im-inline-toggle{display:block;font-size:12px;color:#51677d;margin-bottom:6px}

.im-subtitle{font-size:12px;color:#5b7086;margin-top:2px;max-width:280px}
.im-tabs{display:flex;gap:6px;margin:8px 0}
.im-tab{border:1px solid #d3dfed;background:#f4f8fd;border-radius:999px;padding:4px 10px;font-size:12px;cursor:pointer}
.im-tab.active{background:#e5effb;border-color:#b9cdea;color:#1e4f87}
.im-inline-toggle{display:flex;align-items:center;gap:.45rem;padding:.35rem .45rem;border:1px solid #d2dde9;border-radius:8px;background:#f8fbff;cursor:pointer;line-height:1.35}
.im-inline-toggle input{width:16px;height:16px;flex:0 0 auto}
#im-mute{border:1px solid #d2dde9;background:#f5f9ff;border-radius:8px;padding:4px 8px;cursor:pointer}

.im-inline-helper{margin:6px 2px 0;font-size:12px;line-height:1.35;color:#5b7086;}
.im-mute-control{display:flex;align-items:center;gap:8px;}
.im-mute-label{font-size:12px;color:#51677d;}
#im-mute{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:34px;}