.view.im-view{padding:20px 24px;height:calc(100dvh - 94px);min-height:360px;overflow:hidden}.im-workspace{display:grid;grid-template-columns:240px minmax(0,1fr);height:100%;min-height:0;gap:16px}.im-merchants,.im-chat-section{background:#fff;border:1px solid #e3eaf2;border-radius:14px;overflow:hidden;min-height:0}.im-merchants{display:flex;flex-direction:column}.im-merchants>header{padding:20px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf1f6}.im-merchants h2,.im-chat-heading h2{font-size:17px;margin:0 0 5px;color:#142c40}.im-merchants>header span,.im-chat-heading span{color:#8a98a6;font-size:12px}.im-add{border:1px solid #dbe7fa;background:#f2f7ff;color:#2378ef;border-radius:8px;width:32px;height:32px;font-size:23px;cursor:pointer}.im-merchant-list{padding:10px;overflow:auto;flex:1}.im-merchant{width:100%;display:flex;text-align:left;gap:10px;align-items:center;padding:14px 10px;border:1px solid transparent;background:white;border-radius:10px;cursor:pointer;color:#193248;margin-bottom:5px}.im-merchant:hover{background:#f6f9fd}.im-merchant.selected{background:#edf5ff;border-color:#cfe1ff}.im-merchant-avatar{width:42px;height:42px;display:grid;place-items:center;flex:none;border-radius:12px;background:#dfebfc;color:#2676e9;font-weight:700;font-size:20px;overflow:hidden}.im-merchant-avatar img{width:100%;height:100%;object-fit:cover}.im-merchant-info{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.im-merchant-info strong{font-size:14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.im-merchant-info small{font-size:11px;color:#8292a3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.im-connection{font-size:11px;color:#8797a7}.im-connection.online{color:#14a087}.im-selection-dot{height:6px;width:6px;flex:none;border-radius:50%;background:transparent}.selected .im-selection-dot{background:#2678ef}.im-merchants>footer{padding:15px 16px;line-height:1.7;font-size:11px;color:#94a0ac;border-top:1px solid #edf1f6}.im-chat-section{display:flex;flex-direction:column}.im-chat-heading{height:72px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid #edf1f6;gap:10px}.im-official-host{flex:1;min-height:0;position:relative;background:#fafcfe;overflow:hidden}.im-chat-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;color:#8798aa}.im-placeholder-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:#edf4ff;color:#4286ed;font-size:36px;margin-bottom:20px}.im-chat-placeholder h3{font-size:18px;color:#345069;margin:0 0 10px}.im-chat-placeholder p{font-size:13px;line-height:1.9;max-width:350px}.im-preview-label{font-size:11px;border:1px solid #dce6f3;padding:5px 10px;border-radius:20px;margin-top:12px}.im-no-accounts{padding:20px 10px;color:#8b9bae;font-size:13px;line-height:1.8}@media(max-width:1100px){.view.im-view{padding:14px}.im-workspace{grid-template-columns:205px minmax(0,1fr);gap:10px}.im-chat-heading{padding:12px}.im-chat-heading .button{padding:8px 10px}}
.app-shell:has(.im-view){height:100dvh;min-height:0}.app-shell:has(.im-view)>.sidebar{height:100dvh;overflow:auto}.app-shell:has(.im-view) main{height:100dvh;overflow:hidden;display:flex;flex-direction:column}.app-shell:has(.im-view) .topbar{height:84px;flex:none;padding:16px 24px}.view.im-view{height:auto;flex:1;max-width:none}
.im-chat-heading-start{display:flex;align-items:center;gap:14px;min-width:0}.im-chat-heading-start>div{min-width:0}.im-chat-heading-start h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.im-chat-heading-start .button{flex:none}
.im-unread-light{position:relative;display:block;width:9px;height:9px;flex:none;border-radius:50%;background:transparent;visibility:hidden}
.im-unread-light.has-unread{visibility:visible;background:#ef3949;box-shadow:0 0 0 2px #fff,0 0 9px #f05a67;animation:im-unread-breathe 2.4s ease-in-out infinite}
.im-unread-light.has-unread::after{content:"";position:absolute;inset:-5px;border:1px solid #ef3949;border-radius:50%;animation:im-unread-ripple 2.4s ease-out infinite}
@keyframes im-unread-breathe{0%,100%{opacity:.78;transform:scale(.9)}45%{opacity:1;transform:scale(1.14)}}
@keyframes im-unread-ripple{0%{opacity:.62;transform:scale(.45)}75%,100%{opacity:0;transform:scale(1.4)}}
@media(prefers-reduced-motion:reduce){.im-unread-light.has-unread,.im-unread-light.has-unread::after{animation:none}}