/* 3.8: quiet chrome, readable conversations, full-screen calling. */
.side-top .logo,.inbox-heading .eyebrow,.inbox-heading h1,.side-top #themeBtn,.side-top #settingsBtn,.search-row #newGroupBtn,.side-bottom {display:none}
.side-top {padding:20px 18px 12px}.brand b{font-size:24px;letter-spacing:-.6px}.brand small{font-size:11px}.inbox-heading{padding:0;min-height:0;height:0;position:relative;z-index:5}.inbox-heading #newChatBtn{position:absolute;right:22px;top:calc(100dvh - 230px);width:54px;height:54px;border-radius:19px;background:var(--brand);color:#fff;box-shadow:0 5px 20px #0002}
.search-row {padding:8px 16px}.search-row input{border:0;border-radius:28px;min-height:46px;background:var(--panel2)}.filters{padding:10px 16px;gap:8px}.filters button{padding:7px 13px;border:1px solid var(--border);border-radius:20px;font-size:13px}.chat-list{padding:0 8px}.chat-item{border-radius:14px;padding:14px 10px}.chat-item .avatar{border-radius:50%}.chat-item:not(.active){background:transparent}.chat-item .chat-name{font-size:15px}
.mobile-nav{display:flex;position:absolute;bottom:12px;left:12px;width:calc(var(--sidebar-w) - 1px);padding:8px;border:1px solid var(--border);border-radius:0 0 0 22px;background:var(--panel)}.sidebar{padding-bottom:76px}.mobile-nav button{flex:1;background:none;border:0;color:var(--muted);display:grid;justify-items:center;gap:3px;font-size:12px;padding:6px;border-radius:18px}.mobile-nav button.active{color:var(--brand);background:var(--brand-soft)}.mobile-nav .ui-icon{width:24px;height:24px}
.messages{background-color:var(--panel2);background-image:radial-gradient(var(--border) .8px,transparent .8px);background-size:18px 18px}.bubble{border-radius:17px 17px 17px 4px;padding:10px 12px;box-shadow:0 1px 2px #0001}.mine .bubble{border-radius:17px 17px 4px 17px}.bubble .meta{font-size:10px;margin-top:5px}.bubble .text{line-height:1.5}.composer{gap:4px;border-radius:28px;padding:7px 9px}.composer textarea{font-size:16px}.composer .icon-btn{width:34px;min-width:34px}.chat-tools #chatSearchBtn,.chat-tools #sharedMediaBtn,.chat-tools #chatInfoBtn{display:none}
.voice-card{width:260px;max-width:100%;display:flex;align-items:center;gap:10px;padding:3px 0;background:none;border:0}.voice-card audio{display:none}.voice-play{flex:0 0 36px;width:36px;height:36px;border-radius:50%;border:0;color:var(--brand);background:var(--panel);font-size:20px;padding:0}.voice-track{flex:1;position:relative;min-width:0;padding-top:4px}.voice-wave{height:30px;display:flex;align-items:center;gap:2px;overflow:hidden;color:var(--muted);background:linear-gradient(90deg,var(--brand) var(--played,0%),var(--muted) var(--played,0%));mask-image:none}.voice-wave i{flex:1;min-width:2px;background:currentColor;border-radius:3px;opacity:.65}.voice-track input{position:absolute;top:0;left:0;width:100%;height:34px;margin:0;opacity:.025;cursor:pointer;padding:0;min-height:0}.voice-track input:focus-visible{opacity:.9}.voice-time{display:block;font-size:10px;margin-top:4px;opacity:.8}.voice-speed{border:0;border-radius:12px;background:var(--panel);color:var(--text);padding:5px 6px;font-size:11px;min-width:33px}.recording-bar{border-radius:24px;padding:12px;background:var(--panel);box-shadow:0 -3px 20px #0001}
.call-overlay{padding:0;overflow:hidden;isolation:isolate}.call-heading{position:absolute;z-index:3;top:0;left:0;right:0;padding:calc(30px + env(safe-area-inset-top)) 22px 32px;background:linear-gradient(#081c2bd9,transparent);pointer-events:none}.call-heading h2{font-size:24px;line-height:1.3;margin:12px auto 8px;max-width:550px}.call-video-stage{position:absolute;inset:0;width:100%;height:100%;min-height:0;max-height:none;border-radius:0;margin:0;background:transparent}.call-overlay #remoteVideo{width:100%;height:100%;max-height:none;object-fit:cover}.call-overlay #localVideo{right:18px;bottom:calc(145px + env(safe-area-inset-bottom));width:26%;height:24%;max-height:210px;max-width:155px;border:1px solid #ffffff40;border-radius:17px}.call-overlay.audio-call video{display:none!important}.call-overlay #callAvatar .avatar{width:120px;height:120px;border-radius:50%;box-shadow:0 0 0 22px #ffffff06,0 0 0 44px #ffffff04}.call-controls{position:absolute;z-index:4;bottom:0;left:0;right:0;flex-wrap:nowrap;gap:12px;padding:32px 14px calc(24px + env(safe-area-inset-bottom));background:linear-gradient(transparent,#081c2bef)}.call-controls button{min-width:56px;max-width:110px;padding:12px 10px;font-size:12px;background:#ffffff25;color:#fff;border:1px solid #ffffff20;backdrop-filter:blur(12px)}.call-controls .danger-btn{background:#e84454}.call-controls .primary{background:#16886d}.call-controls button[aria-pressed=true]{background:#fff;color:#153646}.call-overlay .call-note{display:none}
@media(max-width:820px){.sidebar{padding-bottom:0}.mobile-nav{position:fixed;left:0;bottom:0;width:100%;border-radius:0;border-width:1px 0 0;padding:7px 8px calc(7px + env(safe-area-inset-bottom));height:calc(66px + env(safe-area-inset-bottom))}.side-top{padding:17px 18px 8px}.brand b{font-size:23px}.brand small{display:none}.inbox-heading #newChatBtn{position:fixed;right:21px;top:auto;bottom:calc(90px + env(safe-area-inset-bottom))}.chat-open .inbox-heading #newChatBtn{display:none}.chat-header{padding:10px;gap:8px}.chat-header .avatar{display:flex;width:34px;height:34px;flex:0 0 34px}.chat-header .chat-head-copy{min-width:0}.chat-tools{gap:4px}.chat-tools .icon-btn{width:30px;flex-basis:30px}.messages{padding:12px}.bubble{max-width:88%}.voice-card{width:240px}.composer{margin:6px}.mobile-nav button{font-weight:600}.modal-card{border-radius:22px 22px 0 0}.professional-settings-modal{border-radius:0}}

.voice-wave{background:none}.voice-wave i{background:var(--muted)}.voice-wave i.played{background:var(--brand);opacity:1}.chat-list .avatar{border-radius:50%}

.voice-card{flex-wrap:nowrap}.voice-play{display:grid;place-items:center}.voice-time{font-size:11px}.mine .voice-wave i{background:#ffffff80}.mine .voice-wave i.played{background:#fff}