.call-modal{position:fixed;inset:0;z-index:1600;background:rgba(4,7,12,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:none;align-items:center;justify-content:center;padding:18px}.call-modal.show{display:flex}.call-card{width:min(100%,520px);background:#151b25;border:1px solid rgba(255,255,255,.08);border-radius:26px;box-shadow:0 28px 70px rgba(0,0,0,.5);padding:20px;position:relative}.call-top{display:flex;align-items:center;gap:14px}.call-avatar{width:62px;height:62px;border-radius:20px;object-fit:cover;background:#202836}.call-meta h3{margin:0;font-size:1.04rem}.call-meta p{margin:4px 0 0;opacity:.78}.call-controls{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:18px;flex-wrap:wrap}.call-btn{width:42px;height:42px;border:0;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);color:#fff;box-shadow:0 6px 18px rgba(0,0,0,.18)}.call-btn.end{background:rgba(220,38,38,.9)}.call-status-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.06);font-size:13px;margin-top:14px}.call-close-top{margin-left:auto;background:transparent;border:0;color:#fff;width:42px;height:42px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center}.call-close-top:hover,.call-btn:hover{background:rgba(255,255,255,.14)}@media (max-width:767.98px){.call-modal{align-items:flex-end;padding:0}.call-card{width:100%;max-width:none;border-radius:24px 24px 0 0;padding:16px 14px calc(16px + env(safe-area-inset-bottom));max-height:100dvh;overflow:auto}.call-controls{position:sticky;bottom:0;background:linear-gradient(to top, rgba(21,27,37,.98), rgba(21,27,37,.90));padding-top:12px;padding-bottom:max(4px, env(safe-area-inset-bottom))}.call-btn,.call-close-top{width:50px;height:50px;border-radius:16px;font-size:1.05rem}}
#mobileChats{z-index:2000!important;}
.offcanvas-backdrop{z-index:1995!important;}
.chat-actions{z-index:2001;}
.chat-kind-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:700;margin-left:6px;vertical-align:middle;letter-spacing:.02em}.chat-kind-badge.group{background:rgba(255,140,0,.18);color:#ffb066;border:1px solid rgba(255,140,0,.28)}.chat-kind-badge.direct{background:rgba(110,231,183,.14);color:#8ff0c8;border:1px solid rgba(110,231,183,.24)}.chat-preview i{margin-right:6px;opacity:.85}
#chatMenu{z-index:2002!important;}
.global-call-modal{z-index:2600}.global-call-modal .call-card{width:min(100%,420px);padding:18px}.global-call-modal .call-controls{margin-top:20px}.global-call-modal .call-btn{width:54px;height:54px}

.chat-filter-tabs{display:flex;gap:8px;flex-wrap:wrap;padding-top:12px}
.chat-filter-chip{border:1px solid rgba(255,255,255,.08);background:#111923;color:#d9e2f1;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:6px;transition:.2s ease}
.chat-filter-chip.active,.chat-filter-chip:hover{background:rgba(255,140,0,.16);border-color:rgba(255,140,0,.32);color:#ffb066}
.filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;border-radius:999px;background:rgba(255,255,255,.08);font-size:11px;color:#fff}
.chat-item.is-hidden-by-filter{display:none!important}
.mobile-chat-filter-tabs{padding:12px 2px 2px}
@media (max-width:991.98px){
  #mobileChats{width:100vw!important;max-width:100vw!important;}
  .chat-header{position:relative;z-index:20;}
}