:root{
  --bg:#0f1013;--panel:#17191e;--panel2:#1d2026;--panel3:#252931;--panel4:#2d323b;
  --muted:#8e96a3;--muted2:#68707b;--text:#f5f7fa;--accent:#ff2b2b;--accent2:#ff5b5b;
  --green:#35d07f;--red:#f05b62;--border:#2b3038;--shadow:0 22px 70px rgba(0,0,0,.48);
  --title-h:30px;
}
*{box-sizing:border-box}
html,body{height:100%;margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text);overflow:hidden}
body{-webkit-font-smoothing:antialiased}
button,input{font:inherit}
button{cursor:pointer}
button:disabled{cursor:not-allowed;opacity:.38}
.hidden{display:none!important}

.window-titlebar{height:var(--title-h);background:#0b0c0f;border-bottom:1px solid rgba(255,255,255,.055);display:flex;align-items:center;padding:0 16px;app-region:drag;-webkit-app-region:drag;user-select:none}
.window-brand{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:800;letter-spacing:.2px;color:#d9dde4}
.window-brand img{width:22px;height:22px;border-radius:7px;object-fit:cover}

.auth-shell,.app{height:calc(100% - var(--title-h))}
.auth-shell{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;padding:5vw;background:radial-gradient(circle at 18% 38%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 31%),radial-gradient(circle at 68% 78%,rgba(255,120,20,.06),transparent 28%),linear-gradient(145deg,#0d0e11,#15171c)}
.auth-brand{max-width:720px;animation:fadeUp .55s ease both}
.hero-logo{width:min(600px,80%);max-height:330px;object-fit:contain;object-position:left center;filter:drop-shadow(0 24px 70px rgba(0,0,0,.42))}
.auth-brand h1{font-size:49px;margin:12px 0 6px;letter-spacing:-2.4px}
.auth-brand p{font-size:18px;color:#b9bec8;margin:0;max-width:570px;line-height:1.6}
.glass-card{backdrop-filter:blur(18px)}
.auth-card{width:100%;max-width:430px;background:rgba(25,27,32,.92);border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:28px;box-shadow:var(--shadow);animation:fadeUp .55s .06s ease both}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#101216;border-radius:12px;padding:5px;margin-bottom:24px}
.auth-tabs button,.friend-tabs button{border:0;background:transparent;color:#9199a6;padding:11px;border-radius:9px;font-weight:750;transition:.18s ease}
.auth-tabs .active,.friend-tabs .active{background:#2a2e35;color:white;box-shadow:0 3px 12px rgba(0,0,0,.2)}
.auth-form{display:flex;flex-direction:column;gap:9px}
.auth-form label,.modal label{font-size:11px;text-transform:uppercase;font-weight:850;color:#aeb5c0;margin-top:8px;letter-spacing:.55px}
.auth-form input,.modal input,.composer input{border:1px solid #343943;background:#111318;color:white;border-radius:11px;padding:13px;outline:none;transition:.18s ease}
.auth-form input:focus,.modal input:focus,.composer input:focus{border-color:var(--accent2);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent);background:#13161a}
.auth-form small{color:#7d8591;line-height:1.45}
.primary{border:0;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#15100b;font-weight:900;border-radius:10px;padding:10px 15px;box-shadow:0 8px 22px color-mix(in srgb,var(--accent) 12%,transparent);transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}
.primary:hover{filter:brightness(1.07);transform:translateY(-1px);box-shadow:0 10px 26px color-mix(in srgb,var(--accent) 18%,transparent)}
.primary:active{transform:translateY(0) scale(.985)}
.big{padding:14px;margin-top:14px}
.auth-error,.server-missing{margin-top:14px;padding:10px 12px;border-radius:10px;background:rgba(240,82,82,.12);border:1px solid rgba(240,82,82,.18);color:#ff9ba0;font-size:13px}

.app{display:grid;grid-template-columns:74px 264px minmax(0,1fr);background:#14161a;animation:appIn .3s ease both}
.rail{background:#0d0e11;padding:12px 10px;display:flex;flex-direction:column;align-items:center;gap:9px;overflow-y:auto;border-right:1px solid #08090b}
.rail-logo,.rail-add,.group-icon{width:50px;height:50px;border:0;border-radius:18px;background:#24272d;color:white;display:grid;place-items:center;font-weight:900;transition:.18s ease;overflow:hidden;position:relative;flex:none}
.rail-logo img{width:100%;height:100%;object-fit:cover}
.rail-logo:hover,.group-icon:hover{border-radius:14px;background:#30343d;transform:translateY(-1px)}
.group-icon.active{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#111;border-radius:14px;box-shadow:0 7px 18px color-mix(in srgb,var(--accent) 16%,transparent)}
.group-icon.pending{border:1px solid color-mix(in srgb,var(--accent2) 42%,transparent)}
.rail-add{color:var(--accent);font-size:28px}
.rail-add:hover:not(:disabled){background:var(--accent);color:#111;border-radius:14px}
.rail-sep{width:34px;border-top:2px solid #292d34}
.group-rail{display:flex;flex-direction:column;gap:9px}

.sidebar{background:#17191e;border-right:1px solid #0d0e11;display:flex;flex-direction:column;min-width:0}
.sidebar-top{padding:12px;border-bottom:1px solid #0d0e11}
.nav-btn{width:100%;border:0;background:#282c33;color:white;border-radius:9px;text-align:left;padding:11px 12px;font-weight:750;transition:.16s ease}
.nav-btn:hover{background:#30343c}
.sidebar-title{display:flex;align-items:center;justify-content:space-between;padding:20px 14px 8px;color:#858d99;text-transform:uppercase;font-size:10px;font-weight:900;letter-spacing:.7px}
.sidebar-title button{border:0;background:none;color:#aeb4bd;font-size:20px;border-radius:7px;transition:.15s ease}
.sidebar-title button:hover{background:#292d34;color:white}
.dm-list{flex:1;overflow:auto;padding:0 8px 90px}
.dm-item,.friend-row,.member-row{display:flex;align-items:center;gap:10px}
.dm-item{padding:9px;border-radius:9px;color:#aab0ba;cursor:pointer;transition:.15s ease}
.dm-item:hover,.dm-item.active{background:#24282f;color:white;transform:translateX(2px)}
.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#ff7c16,#b93f00);display:grid;place-items:center;color:#151515;font-weight:900;flex:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.userbar{height:68px;background:#111317;display:flex;align-items:center;padding:9px;gap:9px;border-top:1px solid #20242a}
.user-meta{min-width:0;display:flex;flex-direction:column;flex:1}
.user-meta strong,.user-meta span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.user-meta strong{font-size:13px}.user-meta span{font-size:11px;color:#858d99}
.icon-btn{border:0;background:transparent;color:#c5cad1;padding:8px;border-radius:8px;transition:.15s ease}
.icon-btn:hover{background:#292d34;color:#fff}

.main{min-width:0;display:flex;flex-direction:column;background:#1e2126}
.topbar{height:58px;border-bottom:1px solid #111317;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:rgba(30,33,38,.93);backdrop-filter:blur(12px);z-index:4}
.channel-heading{display:flex;align-items:baseline;gap:10px;min-width:0}.channel-heading strong{font-size:15px}.channel-heading span{font-size:12px;color:#858d99;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top-actions{display:flex;align-items:center;gap:8px}
.call-btn,.soft-btn{border:1px solid #3a4049;background:#262a31;color:#f0f2f5;border-radius:9px;padding:9px 13px;font-weight:760;transition:.16s ease}
.call-btn:hover,.soft-btn:hover{background:#30353e;border-color:#4b515c;transform:translateY(-1px)}
.call-btn{border-color:rgba(53,208,127,.35);color:#a4f0c7}

.content{flex:1;min-height:0}
.view-enter{animation:fadeIn .22s ease both}
.friends-view{padding:22px;overflow:auto}
.friends-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.friend-tabs{display:flex;gap:6px;background:#17191e;border-radius:10px;padding:4px}
.friends-list{display:flex;flex-direction:column}
.friend-row{padding:12px 8px;border-top:1px solid #2a2e35;transition:.15s ease;border-radius:8px}
.friend-row:hover{background:#252930;padding-left:12px}
.friend-row .meta{display:flex;flex-direction:column;flex:1;min-width:0}.friend-row .meta span{font-size:12px;color:#858d99;margin-top:2px}
.row-actions{display:flex;gap:7px}.circle-btn{width:34px;height:34px;border:0;border-radius:50%;background:#30343c;color:white;transition:.15s ease}.circle-btn:hover{transform:scale(1.06);background:#3a3f49}.circle-btn.ok{color:#7ee8ab}.circle-btn.no{color:#ff9ba0}
.empty{color:#858d99;text-align:center;padding:44px 20px;line-height:1.55}

.chat-view{display:flex;flex-direction:column;min-height:0;animation:fadeIn .2s ease both}
.messages{flex:1;overflow:auto;padding:18px 22px 12px;scroll-behavior:smooth}
.msg{display:flex;gap:11px;padding:8px 7px;border-radius:8px;animation:messageIn .18s ease both}.msg:hover{background:rgba(255,255,255,.025)}
.msg .body{min-width:0}.msg .body>div{display:flex;align-items:baseline;gap:8px}.msg strong{font-size:13px}.msg time{font-size:10px;color:#707783}.msg p{margin:4px 0 0;color:#d8dce3;line-height:1.45;white-space:pre-wrap;word-break:break-word}
.composer-wrap{padding:0 18px 12px}.composer{display:flex;background:#292d34;border:1px solid #333842;border-radius:12px;overflow:hidden;transition:.18s ease}.composer:focus-within{border-color:#4a4f58;box-shadow:0 0 0 2px rgba(255,255,255,.025)}.composer input{flex:1;border:0;background:transparent;border-radius:0;box-shadow:none!important}.composer button{width:48px;border:0;background:transparent;color:var(--accent);font-size:18px;transition:.15s ease}.composer button:hover{background:#333841}.retention-note{text-align:right;margin-top:6px;color:#656d78;font-size:10px}

.call-panel{margin:14px 18px 0;background:linear-gradient(145deg,#171b20,#14171b);border:1px solid rgba(53,208,127,.25);border-radius:14px;overflow:hidden;box-shadow:0 12px 34px rgba(0,0,0,.22);animation:callIn .25s ease both}
.call-heading{display:flex;justify-content:space-between;align-items:center;padding:11px 13px;border-bottom:1px solid #282d34}.call-heading>div:first-child{display:flex;align-items:center;gap:8px}.call-heading span{font-size:11px;color:#8f98a4}.live-dot{width:8px;height:8px;background:var(--green);border-radius:50%;box-shadow:0 0 0 5px rgba(53,208,127,.08);animation:pulse 1.8s infinite}.call-actions{display:flex;gap:7px}.call-actions button,.screen-stage-top button{border:1px solid #343a43;background:#252a31;color:white;border-radius:8px;padding:7px 10px}.call-actions button:hover,.screen-stage-top button:hover{background:#30363f}.call-actions .danger{background:rgba(240,91,98,.12);border-color:rgba(240,91,98,.35);color:#ff9ba0}
.voice-members{display:flex;gap:7px;flex-wrap:wrap;padding:10px 12px}.voice-chip{display:flex;align-items:center;gap:7px;background:#242930;border:1px solid #303640;border-radius:999px;padding:5px 10px 5px 6px;font-size:12px;animation:fadeIn .2s ease both}.voice-chip .avatar{width:24px;height:24px;font-size:10px}
.screen-stage{border-top:1px solid #2b3038;background:#0a0b0d}.screen-stage-top{display:flex;justify-content:space-between;align-items:center;padding:8px 10px}.screen-stage video{display:block;width:100%;max-height:55vh;background:#000;object-fit:contain}

.members{width:250px;background:#17191e;border-left:1px solid #0e1013;overflow:auto}.app:has(.members:not(.hidden)){grid-template-columns:74px 264px minmax(0,1fr) 250px}.members-title{display:flex;align-items:center;justify-content:space-between;padding:19px 15px 10px;text-transform:uppercase;color:#858d99;font-size:10px;font-weight:900;letter-spacing:.7px}.mini-action{border:0;background:#292d34;color:#fff;border-radius:7px;width:28px;height:28px}.member-row{padding:9px 12px}.member-row .mini{font-size:10px;color:#777f8b;margin-top:2px}

.modal-backdrop{position:fixed;inset:var(--title-h) 0 0;background:rgba(4,5,6,.68);backdrop-filter:blur(5px);display:grid;place-items:center;z-index:1000;animation:fadeIn .16s ease both}
.modal{width:min(520px,calc(100vw - 40px));max-height:80vh;overflow:auto;background:#1c1f24;border:1px solid #343943;border-radius:17px;padding:22px;box-shadow:var(--shadow);animation:modalIn .2s cubic-bezier(.2,.8,.2,1) both}.modal h2{margin:0 0 8px;font-size:20px}.modal p{color:#aab1bb;line-height:1.5;margin:0 0 15px}.modal input{width:100%}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.modal-actions button{border:1px solid #373d46;background:#292d34;color:white;border-radius:9px;padding:9px 13px}.modal-actions .primary{border:0;color:#15100b}.modal-actions .danger-btn{border-color:rgba(240,91,98,.45);background:rgba(240,91,98,.12);color:#ff9ba0}.confirm-word{font-weight:900;color:#fff}
.friend-picker{display:flex;flex-direction:column;gap:7px;max-height:320px;overflow:auto;margin-top:12px}.friend-pick{display:flex;align-items:center;gap:10px;padding:9px;background:#15181c;border:1px solid #2b3038;border-radius:10px}.friend-pick .user-meta{flex:1}.friend-pick button{border:0;background:#30353d;color:#fff;border-radius:8px;padding:8px 11px}.friend-pick button:hover{background:#3a4049}.friend-pick button.sent{color:#7ee8ab;pointer-events:none}
.source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:430px;overflow:auto}.source-card{border:1px solid #343942;background:#15171b;color:white;border-radius:11px;padding:7px;text-align:left;transition:.16s ease}.source-card:hover{border-color:#ff7c1a;transform:translateY(-2px)}.source-card img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#090a0b;border-radius:7px}.source-card span{display:block;padding:7px 3px 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}

.context-menu{position:fixed;z-index:1500;min-width:210px;background:#181b20;border:1px solid #353b44;border-radius:11px;padding:6px;box-shadow:0 16px 48px rgba(0,0,0,.5);animation:menuIn .12s ease both}.context-menu button{width:100%;border:0;background:transparent;color:#e7eaf0;text-align:left;padding:9px 10px;border-radius:7px;font-size:12px;display:flex;align-items:center;gap:8px}.context-menu button:hover{background:#2a2f36}.context-menu button.danger-menu{color:#ff8f95}.context-menu .menu-sep{border-top:1px solid #2c3138;margin:5px 3px}

#toastHost{position:fixed;right:20px;bottom:20px;z-index:2000;display:flex;flex-direction:column;gap:8px}.toast{background:#111317;border:1px solid #343a43;color:white;border-radius:11px;padding:11px 14px;box-shadow:0 12px 36px rgba(0,0,0,.38);animation:toastIn .22s ease both;max-width:360px}

::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#343941;border:2px solid transparent;background-clip:padding-box;border-radius:99px}::-webkit-scrollbar-track{background:transparent}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes appIn{from{opacity:.35;transform:scale(.995)}to{opacity:1;transform:none}}@keyframes modalIn{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}@keyframes menuIn{from{opacity:0;transform:translateY(-3px) scale(.985)}to{opacity:1;transform:none}}@keyframes toastIn{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}@keyframes messageIn{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}@keyframes callIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes pulse{0%,100%{box-shadow:0 0 0 4px rgba(53,208,127,.08)}50%{box-shadow:0 0 0 8px rgba(53,208,127,.02)}}
@media(max-width:1180px){.app{grid-template-columns:68px 236px minmax(0,1fr)}.app:has(.members:not(.hidden)){grid-template-columns:68px 236px minmax(0,1fr) 220px}.auth-shell{grid-template-columns:1fr 420px}.auth-brand h1{font-size:42px}}

/* ===== v0.4.0 • Call experience ===== */
.window-titlebar{background:linear-gradient(180deg,#0c0e11 0%,#0a0c0f 100%);border-bottom-color:rgba(255,255,255,.045);box-shadow:0 1px 0 rgba(0,0,0,.4)}
.window-brand{opacity:.9;letter-spacing:.35px}.window-brand img{box-shadow:0 0 0 1px rgba(255,255,255,.06),0 4px 14px rgba(0,0,0,.35)}
.topbar{height:60px;background:rgba(24,27,32,.96);border-bottom-color:#101216;box-shadow:0 8px 30px rgba(0,0,0,.08)}.channel-heading strong{font-size:16px;letter-spacing:-.15px}
.chat-view{background:radial-gradient(circle at 50% -25%,color-mix(in srgb,var(--accent) 3.5%,transparent),transparent 42%),#1e2126}
.voice-hub{margin:14px 18px 0;background:linear-gradient(145deg,rgba(23,27,32,.98),rgba(18,21,25,.98));border:1px solid #2c323a;border-radius:16px;overflow:hidden;box-shadow:0 14px 38px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.015);animation:callIn .24s cubic-bezier(.2,.8,.2,1) both;flex:none}
.voice-room-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 14px;border-bottom:1px solid #292e35}.voice-room-identity{display:flex;align-items:center;gap:11px;min-width:0}
.voice-room-icon{width:37px;height:37px;border-radius:11px;display:grid;place-items:center;background:rgba(53,208,127,.09);border:1px solid rgba(53,208,127,.18);color:#6ee5a3;font-size:19px;box-shadow:inset 0 0 18px rgba(53,208,127,.03)}
.voice-room-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:850;color:#f4f6f8}.voice-room-status{margin-top:3px;font-size:11px;color:#858e9b}
.live-badge{font-size:9px;font-weight:950;letter-spacing:.8px;padding:3px 6px;border-radius:999px;color:#78e7aa;background:rgba(53,208,127,.1);border:1px solid rgba(53,208,127,.22)}
.join-call-btn{border:0;border-radius:10px;padding:9px 17px;background:linear-gradient(180deg,#3bd486,#2abf73);color:#0e2518;font-weight:900;box-shadow:0 6px 20px rgba(53,208,127,.14);transition:.16s ease}.join-call-btn:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 9px 24px rgba(53,208,127,.2)}.join-call-btn:active{transform:translateY(0) scale(.985)}
.voice-room-body{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(250px,.9fr);gap:0;min-height:92px}.voice-column,.share-column{padding:10px 12px 12px;min-width:0}.share-column{border-left:1px solid #292e35;background:rgba(0,0,0,.07)}
.section-kicker{height:23px;display:flex;align-items:center;justify-content:space-between;color:#6f7885;font-size:9px;font-weight:950;letter-spacing:.85px;padding:0 3px}.section-kicker span:last-child{min-width:20px;text-align:center;padding:2px 5px;border-radius:999px;background:#292e35;color:#9ba3ae;letter-spacing:0}
.voice-members-list,.screen-sharers{display:flex;align-items:stretch;gap:7px;overflow-x:auto;padding:2px 0 3px;min-height:48px}.voice-empty{display:flex;align-items:center;color:#69727e;font-size:11px;padding:8px 4px;white-space:nowrap}
.voice-person,.screen-person{position:relative;display:flex;align-items:center;gap:8px;min-width:148px;max-width:220px;padding:7px 9px 7px 7px;border-radius:10px;background:#22262c;border:1px solid #2e343d;transition:.16s ease;animation:personIn .2s ease both;color:inherit;text-align:left}
.voice-person:hover,.screen-person:hover{background:#282d34;border-color:#39404a}.voice-person .avatar,.screen-person .avatar{width:30px;height:30px;font-size:10px;transition:.16s ease}.voice-person.speaking{border-color:rgba(53,208,127,.6);box-shadow:0 0 0 1px rgba(53,208,127,.13),0 0 20px rgba(53,208,127,.07)}.voice-person.speaking .avatar{box-shadow:0 0 0 2px #35d07f,inset 0 0 0 1px rgba(255,255,255,.1)}
.voice-person .voice-meta,.screen-person .screen-meta{display:flex;flex-direction:column;min-width:0;flex:1}.voice-person strong,.screen-person strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-person small,.screen-person small{font-size:9px;color:#727b87;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-user-status{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(53,208,127,.08);position:absolute;left:28px;bottom:8px}
.screen-person{cursor:pointer;min-width:164px}.screen-person.active{border-color:color-mix(in srgb,var(--accent) 70%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 9%,transparent),#25292f);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 9%,transparent)}.screen-person .watch-pill{font-size:9px;font-weight:850;color:var(--accent2);background:color-mix(in srgb,var(--accent) 9%,transparent);padding:3px 6px;border-radius:999px}.screen-person.unavailable{opacity:.68}.screen-person.unavailable .watch-pill{color:#929aa5;background:#2d3238}.screen-live-mark{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent);display:inline-block;flex:none}.screen-person small{display:flex;align-items:center;gap:5px}
.call-controls{border-top:1px solid #292e35;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 12px;background:rgba(9,11,14,.24);animation:fadeIn .18s ease both}.call-connection{display:flex;align-items:center;gap:10px;min-width:0}.call-connection>div{display:flex;flex-direction:column}.call-connection strong{font-size:11px;color:#8fe9b5}.call-connection span:not(.live-dot){font-size:9px;color:#717b87;margin-top:2px}.call-actions{display:flex;gap:7px;align-items:center}
.control-btn{border:1px solid #343b44;background:#272c33;color:#e8ebef;border-radius:9px;padding:7px 10px;font-size:11px;font-weight:760;display:flex;align-items:center;gap:6px;transition:.15s ease}.control-btn:hover{background:#30363e;border-color:#414852;transform:translateY(-1px)}.control-btn.active{border-color:color-mix(in srgb,var(--accent) 42%,transparent);color:var(--accent2);background:color-mix(in srgb,var(--accent) 9%,transparent)}.control-btn.muted{border-color:rgba(240,91,98,.38);color:#ff9da2;background:rgba(240,91,98,.09)}.control-btn.danger{border-color:rgba(240,91,98,.28);color:#ff9da2;background:rgba(240,91,98,.075)}.control-btn.danger:hover{background:rgba(240,91,98,.14)}
.screen-stage{margin:10px 18px 0;border:1px solid #303640;border-radius:16px;background:#080a0c;overflow:hidden;box-shadow:0 16px 46px rgba(0,0,0,.28);animation:stageIn .22s cubic-bezier(.2,.8,.2,1) both;flex:none}.screen-stage-top{height:42px;display:flex;justify-content:space-between;align-items:center;padding:0 11px 0 13px;background:linear-gradient(180deg,#171a1f,#13161a);border-bottom:1px solid #282d34}.screen-stage-top>div{display:flex;align-items:center;gap:8px;min-width:0}.screen-stage-top strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.screen-stage-top #screenHint{font-size:9px;color:#707985;white-space:nowrap}.screen-live-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 8%,transparent)}.screen-stage-top button{border:1px solid #353b44;background:#252a31;color:#dfe3e8;border-radius:8px;padding:6px 9px;font-size:10px}.screen-video-wrap{position:relative;display:grid;place-items:center;background:#050607;min-height:210px;max-height:52vh;overflow:hidden}.screen-stage video{display:block;width:100%;height:auto;max-height:52vh;background:#050607;object-fit:contain}.screen-waiting{position:absolute;inset:0;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(32,36,42,.85),rgba(5,6,7,.96));color:#a8b0ba;font-size:11px}.spinner-ring{width:25px;height:25px;border:3px solid #313740;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}
.messages{padding-top:15px}.msg{transition:background .12s ease,transform .12s ease}.msg:hover{transform:translateX(1px)}.composer{box-shadow:inset 0 1px rgba(255,255,255,.015)}.members{box-shadow:-12px 0 34px rgba(0,0,0,.09)}.context-menu{backdrop-filter:blur(18px);background:rgba(24,27,32,.97)}.toast{backdrop-filter:blur(18px);background:rgba(17,19,23,.96)}
@keyframes personIn{from{opacity:0;transform:scale(.97) translateY(2px)}to{opacity:1;transform:none}}@keyframes stageIn{from{opacity:0;transform:translateY(-5px) scale(.995)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1220px){.voice-room-body{grid-template-columns:1fr}.share-column{border-left:0;border-top:1px solid #292e35}.control-btn span{display:none}}

/* ===== v0.5.0 • Perfis, presença, convites e feedback de voz ===== */
.avatar{position:relative;overflow:visible;isolation:isolate}
.avatar.avatar-photo{background:#16191e;color:transparent}
.avatar.avatar-photo img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.avatar.status-online::after,.avatar.status-busy::after,.avatar.status-offline::after{content:"";position:absolute;width:9px;height:9px;right:-1px;bottom:-1px;border-radius:50%;border:2px solid #17191e;z-index:3;box-sizing:content-box}
.avatar.status-online::after{background:#35d07f}.avatar.status-busy::after{background:#ef5961}.avatar.status-offline::after{background:#050607;box-shadow:inset 0 0 0 1px #4b5159}
.dm-item .avatar::after,.friend-row .avatar::after{border-color:#191c20}.userbar .avatar::after{border-color:#111317}.member-row .avatar::after{border-color:#17191e}.voice-person .avatar::after{border-color:#22262c}.screen-person .avatar::after{border-color:#22262c}
.voice-person.speaking{border-color:#35d07f!important;box-shadow:0 0 0 2px rgba(53,208,127,.18),0 0 26px rgba(53,208,127,.16)!important}
.voice-person.speaking .avatar{box-shadow:0 0 0 3px #35d07f,0 0 18px rgba(53,208,127,.32)!important;transform:scale(1.04)}
.voice-person.speaking .avatar::after{border-color:#22262c}

.settings-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:14px}.settings-head h2{margin-bottom:4px}.settings-head p{margin-bottom:0}.settings-preview{width:58px!important;height:58px!important;font-size:17px!important;box-shadow:0 8px 24px rgba(0,0,0,.3)}
.status-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:7px;margin-bottom:14px}.status-choice{display:flex;align-items:center;gap:9px;text-align:left;border:1px solid #343a43;background:#171a1f;color:#e8ebef;border-radius:11px;padding:10px;transition:.15s ease}.status-choice:hover{background:#20242a;border-color:#434a55}.status-choice.selected{border-color:color-mix(in srgb,var(--accent) 70%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 10%,transparent);background:color-mix(in srgb,var(--accent) 5.5%,transparent)}.status-choice>div{display:flex;flex-direction:column;min-width:0}.status-choice strong{font-size:10px;letter-spacing:.35px}.status-choice small{font-size:8px;color:#7f8894;margin-top:2px;line-height:1.25}.status-swatch{width:11px;height:11px;border-radius:50%;flex:none;box-shadow:0 0 0 3px rgba(255,255,255,.025)}.status-swatch.online{background:#35d07f}.status-swatch.busy{background:#ef5961}.status-swatch.offline{background:#050607;border:1px solid #4b5159}
.avatar-picker{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:7px}.avatar-choice{aspect-ratio:1;border:2px solid transparent;background:#111317;border-radius:13px;padding:3px;overflow:hidden;transition:.15s ease}.avatar-choice:hover{transform:translateY(-1px);border-color:#444b55}.avatar-choice.selected{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 12%,transparent)}.avatar-choice img{width:100%;height:100%;object-fit:cover;border-radius:9px;display:block}

.invite-message .body{flex:1}.invite-card{margin-top:7px;display:flex;align-items:center;gap:11px;border:1px solid #363c45;background:linear-gradient(145deg,#20242a,#191c21);border-radius:13px;padding:12px;max-width:560px;box-shadow:0 9px 26px rgba(0,0,0,.16)}.invite-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent) 24%,transparent);font-size:19px;flex:none}.invite-copy{display:flex;flex-direction:column;min-width:0;flex:1}.invite-copy small{font-size:8px;color:var(--accent2);font-weight:950;letter-spacing:.9px}.invite-copy strong{font-size:14px;margin-top:2px}.invite-copy span{font-size:10px;color:#9099a5;margin-top:3px}.invite-actions{display:flex;gap:6px;align-items:center}.invite-actions button{border-radius:8px;padding:7px 9px;font-size:10px;font-weight:850}.invite-decline{border:1px solid #3a414a;background:#292e35;color:#cbd1d8}.invite-accept{border:0;background:#35d07f;color:#102119}.invite-state{font-size:8px;font-weight:950;letter-spacing:.7px;color:#9ca5b0;background:#2a2f36;border-radius:999px;padding:5px 7px}

@media(max-width:1120px){.status-picker{grid-template-columns:1fr}.avatar-picker{grid-template-columns:repeat(4,1fr)}}


/* ===== v0.6.0 • call persistente, volume individual e acabamento visual ===== */
:root{--panel:#15181d;--panel2:#1b1f25;--panel3:#232831;--border:#2b313a;--orange-glow:color-mix(in srgb,var(--accent) 16%,transparent)}
.app{grid-template-columns:72px 276px minmax(0,1fr);background:#111318}
.rail{background:linear-gradient(180deg,#090b0e,#0d0f13);box-shadow:inset -1px 0 rgba(255,255,255,.025)}
.sidebar{background:linear-gradient(180deg,#15181d,#121419);box-shadow:8px 0 28px rgba(0,0,0,.08)}
.sidebar-top{background:rgba(255,255,255,.012)}.nav-btn{background:#22272e;border:1px solid #2b3139}.nav-btn:hover{background:#292f37}
.dm-item{margin:1px 0;border:1px solid transparent}.dm-item:hover{border-color:#2a3038}.dm-item.active{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 13%,transparent),#242930);border-color:color-mix(in srgb,var(--accent) 17%,transparent);box-shadow:inset 3px 0 var(--accent)}
.topbar{height:62px;background:rgba(20,23,28,.94);border-bottom:1px solid #292f37;box-shadow:0 10px 30px rgba(0,0,0,.1)}
.channel-heading strong{font-size:16px}.chat-view{background:radial-gradient(circle at 70% -20%,color-mix(in srgb,var(--accent) 4.5%,transparent),transparent 34%),#1b1f24}
.voice-hub{border-radius:14px;border-color:#303741;background:linear-gradient(145deg,#181c22,#14181d);box-shadow:0 18px 44px rgba(0,0,0,.23)}
.voice-room-head{background:linear-gradient(180deg,rgba(255,255,255,.018),transparent)}
.voice-person{min-width:174px;background:#20252c;border-color:#2d343e}.voice-person:hover{background:#272d35}.voice-person .voice-volume{font-size:9px;color:#7e8896;padding:3px 5px;background:#171a1f;border-radius:6px;flex:none}.mute-badge{font-size:12px;opacity:.9;filter:saturate(.8);flex:none}
.voice-person.speaking .avatar{animation:speakerPulse 1.15s ease-in-out infinite}.voice-person.speaking::before{content:"";position:absolute;inset:-1px;border-radius:11px;border:1px solid rgba(53,208,127,.55);pointer-events:none}
@keyframes speakerPulse{50%{box-shadow:0 0 0 4px #35d07f,0 0 24px rgba(53,208,127,.4)!important}}
.global-call-dock{margin:8px;border:1px solid rgba(53,208,127,.28);background:linear-gradient(145deg,#17241e,#151a1a);border-radius:13px;padding:10px;box-shadow:0 12px 30px rgba(0,0,0,.22);animation:callIn .2s ease both}
.global-call-top{display:flex;align-items:center;gap:9px}.global-call-top>div{display:flex;flex-direction:column;min-width:0}.global-call-top strong{font-size:11px;color:#8cebb5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.global-call-top small{font-size:9px;color:#748079;margin-top:2px}
.global-call-buttons{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-top:9px}.global-call-buttons button{height:32px;border:1px solid #354039;background:#202a25;color:#dce7e1;border-radius:8px;transition:.14s ease}.global-call-buttons button:hover{background:#29362f;transform:translateY(-1px)}.global-call-buttons button.muted{color:#ff9da2;border-color:rgba(240,91,98,.3);background:rgba(240,91,98,.08)}.global-call-buttons button.active{color:var(--accent2);border-color:color-mix(in srgb,var(--accent) 35%,transparent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.global-call-buttons .danger{color:#ff9da2;background:rgba(240,91,98,.07);border-color:rgba(240,91,98,.24)}
.userbar{height:70px}.dm-list{padding-bottom:8px}
.context-menu{min-width:190px;border:1px solid #353b45;box-shadow:0 18px 55px rgba(0,0,0,.5);border-radius:12px;padding:6px}.volume-menu{padding:5px;width:260px}.volume-menu-head{display:flex;align-items:center;gap:9px;padding:5px}.volume-menu-head .avatar{width:32px;height:32px}.volume-menu-head>div{display:flex;flex-direction:column;min-width:0;flex:1}.volume-menu-head strong{font-size:11px}.volume-menu-head small{font-size:9px;color:#7f8995;margin-top:2px}.volume-menu-head b{font-size:11px;color:var(--accent2)}.volume-slider{width:100%;accent-color:var(--accent);margin:10px 0 7px}.volume-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.volume-presets button{border:1px solid #363d47;background:#20242a;color:#bec5ce;border-radius:7px;padding:6px 3px;font-size:9px}.volume-presets button:hover{background:#2a3038;color:white}
.screen-stage{border-color:#343b45;background:#06080a}.screen-stage-top{height:44px}.screen-video-wrap{min-height:240px}.screen-person{background:#20252c;border-color:#2e3540}.screen-person.active{box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent),0 8px 26px color-mix(in srgb,var(--accent) 7%,transparent)}
.messages{padding-left:24px;padding-right:24px}.msg{padding:9px 8px}.msg:hover{background:rgba(255,255,255,.022)}.composer-wrap{padding:0 20px 14px}.composer{background:#252a31;border-color:#343b45;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.friends-view{background:radial-gradient(circle at 70% 0,color-mix(in srgb,var(--accent) 3.5%,transparent),transparent 34%)}.friend-row{border-top-color:#272d35}.friend-row:hover{background:#20252c}
.members{background:#15181d;border-left:1px solid #292f37}
@media(max-width:1180px){.app{grid-template-columns:68px 244px minmax(0,1fr)}.voice-person{min-width:154px}.voice-volume{display:none}}


/* ===== v0.6.0 FINAL • acabamento de comunicação e estabilidade visual ===== */
:root{--surface-0:#0d0f12;--surface-1:#13161a;--surface-2:#191d22;--surface-3:#20252c;--stroke:#2a3038;--stroke-soft:rgba(255,255,255,.055);--accent-soft:color-mix(in srgb,var(--accent) 11%,transparent)}
.app{background:var(--surface-0)}
.rail{border-right:1px solid var(--stroke-soft)}
.sidebar{border-right:1px solid var(--stroke-soft)}
.main{min-width:0;background:var(--surface-1)}
.topbar{backdrop-filter:blur(18px);padding:0 20px}
.channel-heading{display:flex;align-items:baseline;gap:10px}.channel-heading strong{letter-spacing:-.18px}.channel-heading span{font-size:10px;color:#727b87}
.voice-hub{margin:14px 18px 8px;border-radius:16px;overflow:hidden;border:1px solid #303640;background:linear-gradient(150deg,#181c21 0%,#14171b 100%)}
.voice-room-head{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.045)}
.voice-room-icon{background:linear-gradient(145deg,rgba(53,208,127,.16),rgba(53,208,127,.05));color:#63dfa0;border:1px solid rgba(53,208,127,.22);box-shadow:inset 0 0 18px rgba(53,208,127,.05)}
.voice-room-title{font-size:13px;font-weight:850}.voice-room-status{font-size:10px;margin-top:3px}
.voice-room-body{gap:14px;padding:13px 14px 15px}.voice-column,.share-column{background:rgba(7,9,12,.18);border:1px solid rgba(255,255,255,.035);border-radius:12px;padding:10px;min-width:0}
.section-kicker{padding:0 3px 8px;color:#707986;font-size:8px;letter-spacing:1.15px}
.voice-members-list,.screen-sharers{gap:7px}.voice-person,.screen-person{position:relative;border-radius:10px;background:#1c2127;border:1px solid #292f37;box-shadow:0 5px 14px rgba(0,0,0,.08);transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease}
.voice-person:hover,.screen-person:hover{transform:translateY(-1px);border-color:#39414c;background:#222830;box-shadow:0 9px 20px rgba(0,0,0,.13)}
.voice-person.speaking{border-color:rgba(53,208,127,.72);box-shadow:0 0 0 2px rgba(53,208,127,.12),0 8px 22px rgba(0,0,0,.18)}
.voice-person.speaking::before{display:none}.voice-person.speaking .avatar{animation:none;box-shadow:0 0 0 3px #35d07f,0 0 0 6px rgba(53,208,127,.11)!important}
.mute-badge{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:rgba(240,91,98,.1);border:1px solid rgba(240,91,98,.18);color:#ff8990}
.voice-volume{min-width:36px;text-align:center}.voice-meta strong{max-width:135px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.call-controls{border-top:1px solid rgba(255,255,255,.055);padding:11px 14px;background:#121519}.call-connection{min-width:0;gap:9px}.call-connection>div{display:flex;flex-direction:column;min-width:0}.call-connection strong{font-size:10px}.call-connection span:not(.live-dot):not(.network-pill){font-size:9px;color:#747e8a;margin-top:2px}
.network-pill{margin-left:8px;white-space:nowrap;font-size:8px!important;font-weight:900;letter-spacing:.35px;border-radius:999px;padding:5px 8px;border:1px solid}.network-pill.good{color:#74e6a8;background:rgba(53,208,127,.08);border-color:rgba(53,208,127,.2)}.network-pill.warn{color:#ffc276;background:rgba(255,163,55,.08);border-color:rgba(255,163,55,.2)}.network-pill.bad{color:#ff8e94;background:rgba(240,91,98,.08);border-color:rgba(240,91,98,.2)}
.call-actions{gap:7px}.control-btn{height:35px;border-radius:9px;padding:0 11px;font-size:10px;border-color:#333a44;background:#20252c}.control-btn:hover{background:#292f37;border-color:#414956}.control-btn.danger{background:rgba(240,91,98,.08);border-color:rgba(240,91,98,.22)}
.global-call-dock{margin:7px 8px 9px;border-radius:12px;background:linear-gradient(145deg,#172019,#121817);border-color:rgba(53,208,127,.22)}.global-call-buttons button{font-size:13px}
.screen-stage{margin:8px 18px 4px;border-radius:15px;box-shadow:0 20px 50px rgba(0,0,0,.25);overflow:hidden}.screen-stage-top{background:#101318;border-bottom:1px solid #282e36}.screen-video-wrap{background:radial-gradient(circle at center,#101318,#050607)}
.screen-person.active{border-color:color-mix(in srgb,var(--accent) 54%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 9%,transparent),#20252c)}.screen-person.unavailable{opacity:.52;cursor:not-allowed}.watch-pill{border-radius:999px}
.messages{scrollbar-color:#343b44 transparent}.messages::-webkit-scrollbar,.dm-list::-webkit-scrollbar,.friends-list::-webkit-scrollbar{width:8px}.messages::-webkit-scrollbar-thumb,.dm-list::-webkit-scrollbar-thumb,.friends-list::-webkit-scrollbar-thumb{background:#343b44;border-radius:999px;border:2px solid transparent;background-clip:padding-box}
.msg{border-radius:10px}.msg .body{min-width:0}.msg .body>div:first-child{display:flex;align-items:baseline;gap:8px}.msg time{margin-left:0}.composer-wrap{background:linear-gradient(180deg,transparent,#171a1f 34%)}.composer{border-radius:12px}.composer:focus-within{border-color:color-mix(in srgb,var(--accent) 42%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 6%,transparent),0 10px 28px rgba(0,0,0,.1)}
.friend-row{border-radius:10px;margin:2px 10px;border:1px solid transparent}.friend-row:hover{border-color:#2b323b}.friends-header{padding-left:22px;padding-right:22px}.friends-list{padding-top:6px}
.members{box-shadow:-16px 0 40px rgba(0,0,0,.09)}
.context-menu{background:rgba(22,25,30,.98);backdrop-filter:blur(18px)}.volume-menu{width:275px}.volume-slider{height:20px}
.modal{border:1px solid #343a43;box-shadow:0 30px 90px rgba(0,0,0,.62)}
.toast{backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08)}
@media(max-width:1250px){.voice-room-body{grid-template-columns:1fr}.share-column{margin-top:0}.network-pill{display:none}}

/* ===== v0.7.0 • interface limpa, call fixa e controles de mídia ===== */
:root{
  --bg:#0b0d10;--panel:#12151a;--panel2:#171b21;--panel3:#1d2229;--panel4:#242a33;
  --border:#292f38;--muted:#8a93a0;--text:#f5f7fa;--accent:var(--accent);--green:#35d07f;--red:#ef5961;
}
.app{grid-template-columns:72px 270px minmax(0,1fr);background:#0b0d10}
.rail{background:linear-gradient(180deg,#0d0f12,#0a0c0f);padding-bottom:10px;overflow:hidden}
.group-rail{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;align-items:center;padding:2px 0 8px;scrollbar-width:none}.group-rail::-webkit-scrollbar{display:none}
.sidebar{min-height:0;overflow:hidden;background:linear-gradient(180deg,#14171c,#101318)}
.sidebar-top,.sidebar-title,.global-call-dock,.userbar{flex:none}
.dm-list{flex:1;min-height:0;overflow:auto;padding:0 8px 8px}
.userbar{height:66px;position:relative;z-index:2;box-shadow:0 -10px 30px rgba(0,0,0,.12)}
.global-call-dock{max-height:142px;overflow:hidden;margin:8px;border-radius:12px}
.main{background:#15191e}
.topbar{height:60px;padding:0 18px;background:rgba(17,20,25,.96);border-bottom:1px solid rgba(255,255,255,.06)}
.top-actions .icon-btn{width:36px;height:36px;display:grid;place-items:center;border:1px solid #303640;background:#1c2127}
.top-actions .icon-btn:hover{background:#262c34;border-color:#3c4450}
.chat-view{min-height:0;overflow:hidden;background:radial-gradient(circle at 65% -20%,color-mix(in srgb,var(--accent) 3.5%,transparent),transparent 36%),#171b20}
.group-chat-pane{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.group-chat-pane.hidden{display:none!important}
.messages{flex:1;min-height:0;overflow:auto;padding:18px 24px 8px}
.composer-wrap{flex:none;padding:8px 20px 16px;background:linear-gradient(180deg,transparent,#171b20 28%)}
.retention-note{display:none!important}
.voice-hub{margin:12px 18px 7px;border-radius:14px;background:linear-gradient(145deg,#171b20,#12161a);border:1px solid #2b323b;box-shadow:0 16px 38px rgba(0,0,0,.2)}
.voice-room-head{padding:12px 14px}.voice-room-title{font-size:13px}.voice-room-status{font-size:9px;color:#7d8793}
.voice-room-body{padding:11px 12px 12px;gap:12px}.voice-column,.share-column{padding:9px;background:#12161b;border-color:#242b33}
.voice-person,.screen-person{min-width:0;background:#1b2026;border-color:#293039}
.voice-person .avatar,.screen-person .avatar{width:34px;height:34px;flex:0 0 34px}
.voice-person .avatar img,.screen-person .avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.voice-meta,.screen-meta{min-width:0;flex:1}.voice-meta strong,.screen-meta strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.voice-volume{font-size:9px;min-width:34px;text-align:right;color:#7e8793;background:transparent!important;padding:0!important}
.mute-badge{width:24px;height:24px;border-radius:7px;font-size:11px}
.call-controls{padding:9px 12px}.call-connection #callInfo{display:none}.network-pill{font-size:8px!important}
.screen-stage{margin:7px 18px 5px;border-radius:14px}.screen-stage-top{height:43px;padding:0 10px 0 13px}.screen-stage-top #screenHint{display:none}
.screen-stage-actions{display:flex;gap:7px;align-items:center}.screen-stage-actions button{white-space:nowrap}
#stopWatchingBtn{border-color:rgba(240,91,98,.28);color:#ff9ba0;background:rgba(240,91,98,.08)}
.screen-video-wrap{min-height:220px;max-height:50vh}.screen-stage video{max-height:50vh}
.screen-person .watch-pill{font-size:8px;white-space:nowrap}
.screen-person.unavailable{opacity:.48}
.context-menu .volume-menu{width:280px}.volume-menu-head{min-width:0}.volume-menu-head>.avatar{width:38px!important;height:38px!important;flex:0 0 38px!important;aspect-ratio:1/1;overflow:hidden}.volume-menu-head>.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.volume-menu-head>div{min-width:0}.volume-menu-head strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.share-setup{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px;margin:12px 0 14px}.share-setting{background:#14181d;border:1px solid #2c333d;border-radius:11px;padding:9px}.share-setting label{display:block;font-size:9px;color:#7f8995;text-transform:uppercase;letter-spacing:.7px;margin:0 0 6px}.share-setting select{width:100%;border:1px solid #353d48;background:#20252c;color:white;border-radius:8px;padding:8px;outline:none}.share-setting select:focus{border-color:color-mix(in srgb,var(--accent) 55%,transparent)}
.source-grid{max-height:45vh;overflow:auto;padding-right:4px}.source-card{position:relative}.source-card.selected{border-color:var(--accent)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 12%,transparent)}
.share-start-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px}.share-start-row small{color:#7f8995;line-height:1.35}.share-start-row .primary{min-width:120px}
.audio-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:7px 0 14px}.audio-mode-choice{border:1px solid #343b45;background:#171b20;color:#eef1f4;border-radius:11px;padding:11px;text-align:left}.audio-mode-choice.selected{border-color:color-mix(in srgb,var(--accent) 65%,transparent);background:color-mix(in srgb,var(--accent) 6%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 8%,transparent)}.audio-mode-choice strong{display:block;font-size:10px}.audio-mode-choice small{display:block;font-size:8px;color:#7f8995;margin-top:3px;line-height:1.35}
.ptt-row{display:grid;grid-template-columns:1fr 150px;gap:8px;align-items:stretch}.ptt-key-btn{border:1px solid #343b45;background:#171b20;color:#eef1f4;border-radius:10px;padding:9px 10px;font-weight:800}.ptt-key-btn.listening{border-color:var(--accent);color:#ffad72;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 8%,transparent)}
.settings-section-title{font-size:9px;font-weight:900;letter-spacing:.8px;color:#7f8995;text-transform:uppercase;margin:16px 0 7px}.settings-divider{height:1px;background:#2a3038;margin:16px 0}
.call-actions .ptt-active{border-color:rgba(53,208,127,.35);color:#8cebb5;background:rgba(53,208,127,.07)}
.chat-toggle-active{color:#ffad72!important;border-color:color-mix(in srgb,var(--accent) 35%,transparent)!important;background:color-mix(in srgb,var(--accent) 8%,transparent)!important}
@media(max-width:1250px){.app{grid-template-columns:68px 245px minmax(0,1fr)}.share-setup{grid-template-columns:1fr 1fr}.voice-room-body{grid-template-columns:1fr}}
@media(max-width:1080px){.share-setup{grid-template-columns:1fr}.screen-stage-actions #fullscreenScreen{font-size:0}.screen-stage-actions #fullscreenScreen::after{content:'⛶';font-size:13px}}
.app{min-height:0;overflow:hidden}.sidebar>*{min-width:0}.members{min-height:0;overflow:auto}.global-call-dock+ .userbar{margin-top:0}
/* v0.7.0 - sidebar com rodape sempre acessivel */
.sidebar{display:grid!important;grid-template-rows:auto auto minmax(0,1fr) auto auto!important;min-height:0!important}
.sidebar-top{grid-row:1}.sidebar-title{grid-row:2}.dm-list{grid-row:3;min-height:0!important}.global-call-dock{grid-row:4}.userbar{grid-row:5}

/* ===== v0.9.1 • layout estilo Discord, aparencia e configuracoes ===== */
:root{--font-scale:1}
html[data-theme="dark"]{--bg:#0b0d10;--panel:#12151a;--panel2:#171b21;--panel3:#1d2229;--panel4:#242a33;--border:#292f38;--text:#f5f7fa;--muted:#8a93a0}
html[data-theme="midnight"]{--bg:#080a12;--panel:#0f1320;--panel2:#141928;--panel3:#1a2030;--panel4:#21283a;--border:#293148;--text:#f3f5fb;--muted:#8c96ac}
html[data-theme="graphite"]{--bg:#111214;--panel:#181a1d;--panel2:#1e2024;--panel3:#25282d;--panel4:#2b2f35;--border:#34383f;--text:#f2f3f5;--muted:#969da7}
html[data-theme="midnight"] body,html[data-theme="midnight"] .main{background:#0d1019}
html[data-theme="midnight"] .sidebar{background:linear-gradient(180deg,#101522,#0c101a)}
html[data-theme="midnight"] .topbar{background:rgba(11,15,24,.96)}
html[data-theme="graphite"] body,html[data-theme="graphite"] .main{background:#1b1d20}
html[data-theme="graphite"] .sidebar{background:linear-gradient(180deg,#1a1c20,#15171a)}
html[data-theme="graphite"] .topbar{background:rgba(24,26,29,.96)}

/* escala de fonte para os elementos mais usados */
.dm-item,.friend-row,.member-row,.msg,.voice-person,.screen-person,.composer,.topbar,.userbar,.global-call-dock,.settings-content{font-size:calc(1em * var(--font-scale))}
.msg strong,.dm-item strong,.voice-meta strong,.screen-meta strong{font-size:calc(13px * var(--font-scale))}
.msg p,.composer input{font-size:calc(13px * var(--font-scale))}

/* grupo que possui a call atual */
.group-icon.call-active{box-shadow:0 0 0 2px rgba(53,208,127,.42),0 8px 22px rgba(0,0,0,.28)}
.group-call-badge{position:absolute;right:-1px;bottom:-1px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#35d07f;color:#07130c;font-size:9px;border:3px solid #0d0f12;z-index:3}
.group-monogram{display:grid;place-items:center;width:100%;height:100%}

/* Workspace do grupo: chat na esquerda, call embaixo e transmissao na direita */
.chat-view.group-layout{display:grid!important;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;overflow:hidden;gap:0;background:var(--panel2)}
.chat-view.group-layout .group-chat-pane{grid-column:1;grid-row:1;min-height:0;border-right:0;background:linear-gradient(180deg,rgba(255,255,255,.008),transparent)}
.chat-view.group-layout .voice-hub{grid-column:1;grid-row:2;margin:0;border-radius:0;border-left:0;border-right:0;border-bottom:0;max-height:310px;box-shadow:0 -14px 34px rgba(0,0,0,.12)}
.chat-view.group-layout .screen-stage{grid-column:1;grid-row:1;margin:0;border-radius:0;border:0;min-height:0;display:none}
.chat-view.group-layout.watching-screen{grid-template-columns:minmax(310px,36%) minmax(0,64%);grid-template-rows:minmax(0,1fr) auto}
.chat-view.group-layout.watching-screen .group-chat-pane{grid-column:1;grid-row:1;border-right:1px solid var(--border)}
.chat-view.group-layout.watching-screen .voice-hub{grid-column:1;grid-row:2;border-right:1px solid var(--border)}
.chat-view.group-layout.watching-screen .screen-stage{display:flex!important;grid-column:2;grid-row:1 / span 2;flex-direction:column;background:#050607;min-width:0;min-height:0}
.chat-view.group-layout.watching-screen .screen-video-wrap{flex:1;max-height:none;min-height:0;height:100%}
.chat-view.group-layout.watching-screen .screen-stage video{width:100%;height:100%;max-height:none;object-fit:contain}
.chat-view.group-layout .voice-room-head{padding:9px 12px}
.chat-view.group-layout .voice-room-body{grid-template-columns:1fr;padding:7px 10px 8px;gap:7px;max-height:170px;overflow:auto}
.chat-view.group-layout .voice-column,.chat-view.group-layout .share-column{padding:7px;border-radius:9px}
.chat-view.group-layout .share-column{border-left:1px solid rgba(255,255,255,.035)}
.chat-view.group-layout .voice-members-list,.chat-view.group-layout .screen-sharers{display:flex;flex-wrap:wrap;overflow:visible;min-height:0}
.chat-view.group-layout .voice-person,.chat-view.group-layout .screen-person{flex:1 1 170px;max-width:270px;padding:7px 8px}
.chat-view.group-layout .call-controls{padding:8px 10px}
.chat-view.group-layout .call-connection{display:none}
.chat-view.group-layout .call-actions{justify-content:flex-start;width:100%}
.chat-view.group-layout .control-btn{flex:0 0 auto}
.chat-view.group-layout .section-kicker{margin-bottom:5px}
.chat-view.group-layout .voice-room-icon{width:28px;height:28px}
.chat-view.group-layout .voice-room-status{font-size:9px}
.chat-view.group-layout .screen-stage-top{flex:none;height:46px}
.chat-view.group-layout .messages{padding:14px 16px 8px}
.chat-view.group-layout .composer-wrap{padding:8px 12px 12px}

/* UI mais limpa */
#callNetworkStatus{width:20px;height:20px;padding:0!important;display:grid!important;place-items:center;font-size:10px!important;border-radius:50%;overflow:hidden}
#callInfo,#screenHint{display:none!important}
.screen-audio-mark{margin-left:4px;opacity:.85}

/* Configuracoes em secoes */
.modal:has(.settings-shell){width:min(820px,calc(100vw - 48px));padding:0;overflow:hidden;max-height:82vh}
.settings-shell{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:560px;max-height:82vh}
.settings-nav{background:#14171c;border-right:1px solid #2a3038;padding:20px 10px;display:flex;flex-direction:column;gap:4px}
.settings-nav-title{font-size:9px;font-weight:900;color:#69727e;letter-spacing:.9px;padding:0 10px 9px}
.settings-nav-btn{border:0;background:transparent;color:#aab1bb;border-radius:8px;padding:10px 11px;text-align:left;font-weight:760}
.settings-nav-btn:hover{background:#20252b;color:white}.settings-nav-btn.active{background:#292f37;color:white}
.settings-content{padding:22px 24px;overflow:auto;min-width:0}
.settings-panel h2{margin:0 0 6px}.settings-panel>p{margin-bottom:18px}
.settings-actions{position:sticky;bottom:-22px;background:linear-gradient(180deg,transparent 0,#1c1f24 28%);padding-top:22px;padding-bottom:2px;z-index:4}
.setting-toggle-row{margin-top:18px;border:1px solid #303741;background:#15191e;border-radius:12px;padding:12px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.setting-toggle-row>div{display:flex;flex-direction:column}.setting-toggle-row strong{font-size:12px}.setting-toggle-row small{font-size:10px;color:#808995;margin-top:3px;max-width:420px;line-height:1.35}
.switch-btn{width:44px;height:24px;border:0;border-radius:999px;background:#3a4048;padding:3px;flex:none;transition:.16s ease}.switch-btn span{display:block;width:18px;height:18px;background:#fff;border-radius:50%;transition:.16s ease}.switch-btn.on{background:var(--accent)}.switch-btn.on span{transform:translateX(20px)}
.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:7px 0 16px}.theme-choice{border:1px solid #333a44;background:#15191e;color:#eef1f4;border-radius:12px;padding:8px;text-align:left}.theme-choice.selected{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 18%,transparent)}.theme-preview{display:block;height:58px;border-radius:8px;margin-bottom:7px;border:1px solid rgba(255,255,255,.06)}.theme-preview.dark{background:linear-gradient(135deg,#0b0d10 50%,#1d2229 50%)}.theme-preview.midnight{background:linear-gradient(135deg,#080a12 50%,#1a2030 50%)}.theme-preview.graphite{background:linear-gradient(135deg,#111214 50%,#2b2f35 50%)}
.accent-picker{display:flex;gap:9px;margin:7px 0 17px}.accent-choice{width:38px;height:38px;padding:4px;border-radius:50%;border:2px solid transparent;background:#15191e}.accent-choice span{display:block;width:100%;height:100%;border-radius:50%}.accent-choice.selected{border-color:#fff;box-shadow:0 0 0 2px var(--accent)}
.settings-slider{width:100%;accent-color:var(--accent);margin:5px 0 15px}
.avatar-picker{grid-template-columns:repeat(7,1fr);max-height:260px;overflow:auto;padding-right:5px}

/* Configuracoes do grupo */
.group-settings-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.group-settings-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#111;font-weight:950}
.group-name-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.group-settings-members{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow:auto}.group-settings-member{display:flex;align-items:center;gap:9px;border:1px solid #2d343e;background:#15191e;padding:8px;border-radius:10px}.kick-member-btn,.member-more{border:1px solid rgba(239,89,97,.28);background:rgba(239,89,97,.08);color:#ff9ca2;border-radius:8px;padding:7px 9px}.member-copy{flex:1;min-width:0}.member-more{margin-left:auto;padding:5px 8px;color:#b6bdc7;border-color:#343b45;background:#20252b}

/* Volume individual nunca deforma avatar */
.volume-menu-head>.avatar,.volume-menu-head>.avatar img{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;max-width:40px!important;max-height:40px!important;aspect-ratio:1/1!important;border-radius:50%!important;object-fit:cover!important}

@media(max-width:1180px){.chat-view.group-layout.watching-screen{grid-template-columns:minmax(290px,42%) minmax(0,58%)}.settings-shell{grid-template-columns:160px minmax(0,1fr)}.avatar-picker{grid-template-columns:repeat(6,1fr)}}


/* ===== CONCORD v1.0.0 • dispositivos de áudio + sala responsiva ===== */
.device-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin:10px 0 8px}
.device-field{min-width:0;display:flex;flex-direction:column;gap:6px}
.device-field select,.share-setting select{width:100%;min-width:0;border:1px solid #343b45;background:#11151a;color:#f0f2f5;border-radius:10px;padding:11px 12px;outline:none}
.device-field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}
.device-refresh-btn{margin:0 0 14px;padding:7px 10px;font-size:10px}

/* Não deixa participantes/transmissões serem cortados em grupos pequenos ou com muitos usuários. */
.chat-view.group-layout .voice-hub{max-height:min(46vh,430px);min-height:176px;display:flex;flex-direction:column;overflow:hidden}
.chat-view.group-layout .voice-room-head{flex:none}
.chat-view.group-layout .voice-room-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);flex:1;min-height:0;max-height:none;overflow:hidden;padding:8px 10px;gap:8px}
.chat-view.group-layout .voice-column,.chat-view.group-layout .share-column{min-height:0;display:flex;flex-direction:column;overflow:hidden}
.chat-view.group-layout .voice-members-list,.chat-view.group-layout .screen-sharers{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));align-content:start;overflow:auto;overscroll-behavior:contain;min-height:52px;max-height:none;padding-right:3px}
.chat-view.group-layout .voice-person,.chat-view.group-layout .screen-person{min-width:0;max-width:none;width:100%;flex:none}
.chat-view.group-layout .call-controls{flex:none}
.chat-view.group-layout.watching-screen .voice-hub{max-height:min(48vh,440px)}
.chat-view.group-layout.watching-screen .voice-room-body{grid-template-columns:1fr;overflow:auto}
.chat-view.group-layout.watching-screen .voice-members-list,.chat-view.group-layout.watching-screen .screen-sharers{grid-template-columns:1fr;overflow:visible}
.chat-view.group-layout.watching-screen .voice-column,.chat-view.group-layout.watching-screen .share-column{overflow:visible}

@media(max-width:1250px){
  .chat-view.group-layout .voice-room-body{grid-template-columns:1fr;overflow:auto}
  .chat-view.group-layout .voice-members-list,.chat-view.group-layout .screen-sharers{grid-template-columns:repeat(auto-fit,minmax(155px,1fr));overflow:visible}
  .chat-view.group-layout .voice-column,.chat-view.group-layout .share-column{overflow:visible}
}
@media(max-width:900px){.device-grid{grid-template-columns:1fr}}

/* ==========================================================
   CONCORD 1.1 — FINAL POLISH / NOTIFICATIONS / HELLPASS
   ========================================================== */
:root{--danger:#f23f42;--success:#23a55a;--glass:rgba(255,255,255,.035)}
button{font-family:inherit}.hidden{display:none!important}
/* Trilho lateral e notificações */
.dm-rail{display:flex;flex-direction:column;gap:8px;align-items:center;width:100%}.dm-rail-item{width:50px;height:50px;padding:0;border:0;background:#20242a;border-radius:50%;position:relative;display:grid;place-items:center;transition:.16s ease}.dm-rail-item:hover,.dm-rail-item.active{border-radius:16px;transform:translateY(-1px);background:#2a3038}.dm-rail-item.active:before,.group-icon.active:before,.rail-logo:has(.rail-badge:not(.hidden)):before{content:"";position:absolute;left:-10px;width:4px;height:28px;border-radius:0 4px 4px 0;background:#fff}.dm-rail-item .avatar{width:100%;height:100%;border-radius:inherit}.dm-rail-item .avatar img{border-radius:inherit}
.rail-badge,.nav-badge,.tab-badge,.dm-unread{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:10px;background:#f23f42;color:#fff;font-size:10px;font-weight:900;line-height:1;border:2px solid #0d0f12;box-shadow:0 2px 8px #0007}.rail-badge{position:absolute;right:-3px;top:-3px;z-index:5}.nav-badge{margin-left:auto;border-color:#171a1f}.tab-badge{margin-left:5px;border-width:0}.dm-unread{margin-left:auto;border-width:0}.group-icon>img{width:100%;height:100%;object-fit:cover}.group-icon{overflow:visible}.group-icon>img,.group-monogram{border-radius:inherit}.group-call-badge{z-index:6}.dm-list-empty{padding:18px 14px;color:#6e7783;font-size:11px;text-align:center}.dm-item{position:relative;padding-right:8px}.dm-close{opacity:0;width:26px;height:26px;border:0;border-radius:7px;background:transparent;color:#8f98a5;font-size:19px;transition:.15s}.dm-item:hover .dm-close,.dm-item.active .dm-close{opacity:1}.dm-close:hover{background:#323841;color:#fff}
/* Modo grupo: somente bolhas à esquerda, conteúdo ganha a largura */
.app.group-focus{grid-template-columns:72px 0 minmax(0,1fr)!important}.app.group-focus:has(.members:not(.hidden)){grid-template-columns:72px 0 minmax(0,1fr) 250px!important}.app.group-focus .sidebar{width:0!important;min-width:0!important;border:0!important;overflow:visible!important}.app.group-focus .sidebar-top,.app.group-focus .sidebar-title,.app.group-focus .dm-list,.app.group-focus .userbar{display:none!important}.app.group-focus .global-call-dock{position:fixed;left:82px;bottom:14px;width:282px;z-index:90;margin:0;box-shadow:0 16px 45px #000b,0 0 0 1px rgba(255,255,255,.04)}
/* Dock da call */
.global-call-dock{padding:9px;background:linear-gradient(150deg,#16231d,#101514)!important;border:1px solid rgba(35,165,90,.30)!important}.global-call-top{width:100%;border:0;background:transparent;color:#fff;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;text-align:left;padding:4px 5px 8px;border-radius:9px}.global-call-top:hover{background:rgba(255,255,255,.045)}.global-call-top strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.global-call-top small{display:block;color:#68d391;font-size:9px;margin-top:2px}.dock-jump{font-size:21px;color:#7d8793}.global-call-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.global-call-buttons button{height:32px;border-radius:8px!important;background:#242a2f!important;border:1px solid rgba(255,255,255,.04)!important}.global-call-buttons button:hover{background:#303840!important}.global-call-buttons .danger:hover{background:#4d2024!important}
/* Call: sem corte, somente o círculo fala */
.chat-view.group-layout .voice-hub{max-height:min(48vh,440px)!important;min-height:188px!important;overflow:hidden!important}.chat-view.group-layout .voice-room-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;min-height:0!important;overflow:hidden!important}.chat-view.group-layout .voice-column,.chat-view.group-layout .share-column{min-width:0!important;min-height:0!important;overflow:hidden!important}.chat-view.group-layout .voice-members-list,.chat-view.group-layout .screen-sharers{overflow:auto!important;min-height:0!important;padding:2px 4px 3px 1px!important}.voice-person.speaking{border-color:rgba(255,255,255,.04)!important;box-shadow:none!important;background:inherit!important}.voice-person.speaking::before{display:none!important}.voice-person.speaking .avatar{transform:none!important;animation:none!important;box-shadow:0 0 0 3px #35d07f,0 0 13px rgba(53,208,127,.35)!important}.voice-person.speaking.speaking-neon-red .avatar{box-shadow:0 0 0 3px #ff334f,0 0 18px #ff334fcc,0 0 30px #ff334f66!important}.voice-person.speaking.speaking-neon-purple .avatar{box-shadow:0 0 0 3px #b56cff,0 0 18px #b56cffcc,0 0 30px #b56cff66!important}.voice-person.speaking.speaking-neon-blue .avatar{box-shadow:0 0 0 3px #37b8ff,0 0 18px #37b8ffcc,0 0 30px #37b8ff66!important}.voice-person.speaking.speaking-neon-rainbow .avatar{box-shadow:0 0 0 3px #ff4d67,0 0 16px #7c5cff,0 0 30px #35d8ff!important;animation:rainbowRing 1.7s linear infinite!important}@keyframes rainbowRing{0%{filter:hue-rotate(0)}100%{filter:hue-rotate(360deg)}}
.voice-person,.screen-person{border:1px solid rgba(255,255,255,.04)!important;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012))!important}.voice-volume{font-size:9px;color:#75808c}.section-kicker{color:#77818d}
/* Mensagens */
.msg{position:relative;border-radius:8px;transition:.12s}.msg:hover{background:rgba(255,255,255,.022)}.msg-head{display:flex;align-items:center;gap:8px}.msg-head time{margin-left:0!important}.msg-delete{opacity:0;margin-left:auto;border:0;background:#2a2f36;color:#aeb6c0;border-radius:7px;width:28px;height:25px;transition:.14s}.msg:hover .msg-delete{opacity:1}.msg-delete:hover{background:#51262a;color:#ff9299}.system-msg{display:flex;align-items:center;justify-content:center;gap:7px;color:#8f99a6;font-size:11px;padding:7px 12px;margin:3px 0}.system-msg strong{color:#b9c1cb}.system-msg time{font-size:9px;color:#5f6874}.system-msg-icon{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#22282f;color:#66d993;font-weight:900}
/* Store */
.store-view{overflow:auto!important;background:radial-gradient(circle at 68% 0,#301318 0,transparent 38%),linear-gradient(150deg,#111318,#0a0c0f)!important}.store-shell{max-width:1040px;margin:0 auto;padding:44px 36px}.hellpass-hero{display:flex;align-items:center;gap:22px;margin-bottom:30px}.hellpass-mark{width:82px;height:82px;display:grid;place-items:center;border-radius:26px;background:linear-gradient(145deg,#f0293f,#8c0d1c);font-size:39px;box-shadow:0 18px 45px #e31d3540}.hellpass-hero h1{margin:3px 0 7px;font-size:40px;letter-spacing:-1.5px}.hellpass-hero p{color:#a7b0bb;max-width:680px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:900;color:#ff6678}.hellpass-grid{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(330px,1.1fr);gap:20px}.hellpass-card,.hellpass-manifesto{border:1px solid rgba(255,255,255,.07);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));padding:27px;box-shadow:0 18px 55px rgba(0,0,0,.22)}.hellpass-card.featured{border-color:#8f2a35;box-shadow:0 20px 70px #8d12242a}.hellpass-card .price strong{font-size:34px;color:#fff}.hellpass-card .price span{color:#8993a0;margin-left:5px}.hellpass-card ul{padding-left:20px;line-height:2;color:#c2cad4}.hellpass-buy{width:100%;height:44px;background:linear-gradient(135deg,#ef2d43,#bd1428)!important}.hellpass-status{margin-top:12px;border-radius:10px;background:#171a1f;padding:10px 12px;display:flex;flex-direction:column;gap:2px;color:#88919d;font-size:10px}.hellpass-status strong{color:#aeb7c1}.hellpass-status.active{background:#13261d;color:#75d89a}.hellpass-status.active strong{color:#67e096}.hellpass-manifesto p{line-height:1.65;color:#a8b1bc}.hellpass-manifesto small{color:#747e8a;line-height:1.5;display:block;margin-top:18px}
/* Configs HELLPASS, GIFs, ícones de grupo */
.gif-picker,.group-icon-picker{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;max-height:265px;overflow:auto;padding:3px}.gif-choice,.group-icon-choice{aspect-ratio:1;border:2px solid transparent;border-radius:12px;overflow:hidden;padding:0;background:#1a1e24}.gif-choice img,.group-icon-choice img{width:100%;height:100%;object-fit:cover}.gif-choice:hover,.group-icon-choice:hover,.gif-choice.selected,.group-icon-choice.selected{border-color:var(--accent);transform:translateY(-1px)}.no-gif{font-size:9px;color:#8d96a2}.effect-grid,.speaking-effect-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.effect-choice,.speaking-effect-choice{min-height:42px;border:1px solid #303640;border-radius:10px;background:#1c2026;color:#bbc3cd}.effect-choice.selected,.speaking-effect-choice.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 11%,#1c2026)}.ring-preview{width:17px;height:17px;border-radius:50%;display:inline-block;vertical-align:middle;margin-right:5px;border:3px solid #35d07f}.ring-preview.red{border-color:#ff334f;box-shadow:0 0 9px #ff334f}.ring-preview.purple{border-color:#b56cff;box-shadow:0 0 9px #b56cff}.ring-preview.blue{border-color:#37b8ff;box-shadow:0 0 9px #37b8ff}.ring-preview.rainbow{border-color:#ff4d67;box-shadow:3px 0 8px #37b8ff,-3px 0 8px #b56cff}.pass-pill{padding:7px 10px;border-radius:9px;font-size:9px;font-weight:900}.pass-pill.active{background:#153724;color:#69e293}.pass-pill.locked{background:#382028;color:#ff7f8e}.hellpass-settings-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.hellpass-locked-card{text-align:center;padding:28px;border:1px dashed #4a2a31;border-radius:16px;background:#19171b}.hellpass-locked-card>div{font-size:38px}.group-settings-icon{width:62px;height:62px;border-radius:19px;overflow:hidden;background:#272c33;display:grid;place-items:center;font-weight:900}.group-settings-icon img{width:100%;height:100%;object-fit:cover}.settings-help{font-size:10px;color:#727c88;margin-top:-4px}
/* Perfis e chamadas privadas */
.friend-profile-modal{min-width:min(480px,80vw)}.friend-profile-banner{height:96px;margin:-20px -20px 0;border-radius:14px 14px 0 0;background:linear-gradient(135deg,var(--accent),#271219 72%)}.friend-profile-main{display:flex;align-items:flex-end;gap:14px;margin-top:-34px;padding:0 12px}.friend-profile-main .profile-large{width:82px;height:82px;border:6px solid #171a1f}.friend-profile-main h2{margin:0 0 3px}.friend-profile-main span{color:#89929e}.profile-about-card{margin:20px 12px 0;padding:14px;background:#111419;border:1px solid #2a3037;border-radius:12px}.profile-about-card small{font-size:9px;color:#737d89;font-weight:900}.profile-about-card p{margin:8px 0 0;line-height:1.55}.hellpass-mini-badge{margin:10px 12px 0;color:#ff5f72;font-size:10px;font-weight:900}.incoming-call-modal{text-align:center;padding:16px 10px 4px}.incoming-avatar{width:94px!important;height:94px!important;margin:0 auto 15px;font-size:28px!important}.incoming-call-modal small{color:#74808d;font-weight:900;letter-spacing:1px}.incoming-call-modal h2{margin:8px 0 2px}.incoming-call-modal>span{color:#8b95a1}.incoming-call-actions{display:flex;justify-content:center;gap:18px;margin-top:28px}.incoming-call-actions button{min-width:130px;height:43px;border-radius:12px;border:0;color:#fff;font-weight:800}.call-decline{background:#da373c}.call-answer{background:#23a55a}
/* Efeitos de perfil */
.profile-effect-halo{box-shadow:0 0 0 2px #ff3c54,0 0 15px #ff3c546e!important}.profile-effect-pulse{animation:profilePulse 1.5s ease-in-out infinite}.profile-effect-ember{box-shadow:0 0 0 2px #ff5b24,0 0 16px #ff2d1f91!important}@keyframes profilePulse{50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 80%,transparent),0 0 20px color-mix(in srgb,var(--accent) 45%,transparent)}}
/* refinamento geral */
.topbar{backdrop-filter:blur(12px);background:rgba(16,19,23,.91)!important}.composer{box-shadow:0 9px 26px rgba(0,0,0,.16);border:1px solid rgba(255,255,255,.055)!important}.modal{border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 28px 90px #000c!important}.friend-row,.dm-item,.member-row{border-radius:9px}.friends-header{background:linear-gradient(180deg,rgba(255,255,255,.018),transparent)}.soft-btn,.icon-btn,.primary,.control-btn,.join-call-btn{transition:transform .12s ease,background .15s ease,border-color .15s ease}.soft-btn:active,.icon-btn:active,.primary:active,.control-btn:active,.join-call-btn:active{transform:translateY(1px)}
@media(max-width:1180px){.hellpass-grid{grid-template-columns:1fr}.gif-picker,.group-icon-picker{grid-template-columns:repeat(5,1fr)}}


/* ===== CONCORD v1.1.1 • workspace de grupo estilo Discord ===== */
/* Dentro de grupos, a coluna de DMs vira a coluna da sala de voz/telas. */
.app.group-focus{grid-template-columns:74px 264px minmax(0,1fr)!important}
.app.group-focus:has(.members:not(.hidden)){grid-template-columns:74px 264px minmax(0,1fr) 250px!important}
.app.group-focus .sidebar{width:auto!important;min-width:0!important;border-right:1px solid #0d0e11!important;overflow:hidden!important;display:flex!important}
.app.group-focus .sidebar-top,.app.group-focus .sidebar-title,.app.group-focus .dm-list{display:none!important}
.app.group-focus .userbar{display:flex!important}
.group-voice-sidebar{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(180deg,#171a1f,#14171b)}
.group-voice-sidebar.hidden{display:none!important}
.voice-hub-home{display:none!important}
.group-voice-sidebar .voice-hub{margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;display:flex;flex-direction:column;flex:1;min-height:0;max-height:none!important;overflow:hidden}
.group-voice-sidebar .voice-room-head{padding:13px 12px 11px;border-bottom:1px solid #292f36;background:#15191e;align-items:center}
.group-voice-sidebar .voice-room-title{font-size:12px}.group-voice-sidebar .voice-room-status{font-size:9px;line-height:1.35}
.group-voice-sidebar .voice-room-icon{width:30px;height:30px;font-size:11px}.group-voice-sidebar .join-call-btn{padding:7px 10px;font-size:10px;white-space:nowrap}
.group-voice-sidebar .voice-room-body{display:flex!important;flex-direction:column;flex:1;min-height:0;max-height:none!important;overflow:hidden!important;padding:0!important;gap:0!important}
.group-voice-sidebar .voice-column,.group-voice-sidebar .share-column{display:flex!important;flex-direction:column;min-height:0;overflow:hidden!important;border:0!important;border-radius:0!important;background:transparent!important;padding:12px 10px!important}
.group-voice-sidebar .voice-column{flex:1 1 58%;border-bottom:1px solid #292f36!important}
.group-voice-sidebar .share-column{flex:1 1 42%}
.group-voice-sidebar .section-kicker{margin:0 2px 7px;font-size:9px}
.group-voice-sidebar .voice-members-list,.group-voice-sidebar .screen-sharers{display:flex!important;flex-direction:column;flex-wrap:nowrap!important;gap:5px!important;overflow-y:auto!important;overflow-x:hidden!important;min-height:0!important;max-height:none!important;padding:0 2px 5px!important;align-items:stretch!important}
.group-voice-sidebar .voice-person,.group-voice-sidebar .screen-person{width:100%!important;max-width:none!important;min-width:0!important;flex:0 0 auto!important;padding:7px 8px!important;border-radius:9px}
.group-voice-sidebar .voice-person .avatar,.group-voice-sidebar .screen-person .avatar{width:30px;height:30px}
.group-voice-sidebar .voice-meta strong,.group-voice-sidebar .screen-meta strong{font-size:11px}.group-voice-sidebar .voice-meta small,.group-voice-sidebar .screen-meta small{font-size:9px}
.group-voice-sidebar .voice-volume{font-size:8px}.group-voice-sidebar .watch-pill{font-size:8px;padding:4px 6px}
.group-voice-sidebar .call-controls{flex:none;padding:8px 9px 10px;border-top:1px solid #292f36;background:#111419}
.group-voice-sidebar .call-connection{display:none!important}.group-voice-sidebar .call-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;width:100%}
.group-voice-sidebar .control-btn{min-width:0!important;width:100%;padding:8px 4px!important}.group-voice-sidebar .control-btn span{display:none!important}
.app.group-focus .global-call-dock{position:static!important;left:auto!important;bottom:auto!important;width:auto!important;margin:8px!important;z-index:auto!important;box-shadow:none!important;flex:none}

/* O chat ocupa a área principal; a call não fica mais espremida embaixo dele. */
.chat-view.group-layout{display:grid!important;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);overflow:hidden;background:var(--panel2)}
.chat-view.group-layout .group-chat-pane{grid-column:1;grid-row:1;min-height:0;border-right:0}
.chat-view.group-layout .screen-stage{grid-column:1;grid-row:1;display:none}
.chat-view.group-layout.watching-screen{grid-template-columns:minmax(320px,38%) minmax(0,62%);grid-template-rows:minmax(0,1fr)}
.chat-view.group-layout.watching-screen .group-chat-pane{grid-column:1;grid-row:1;border-right:1px solid var(--border)}
.chat-view.group-layout.watching-screen .screen-stage{display:flex!important;grid-column:2;grid-row:1;flex-direction:column;min-width:0;min-height:0}

/* Presença online/ocupado/offline só aparece na lista de amigos e no perfil. */
.dm-item .avatar::after,.dm-rail-item .avatar::after,.msg .avatar::after,.invite-message .avatar::after,.member-row .avatar::after,.group-settings-member .avatar::after,.voice-person .avatar::after,.screen-person .avatar::after,.incoming-call-modal .avatar::after{display:none!important}
.friend-row .avatar::after,.userbar .avatar::after,.friend-profile-main .avatar::after{display:block}

@media(max-width:980px){
  .app.group-focus{grid-template-columns:64px 230px minmax(0,1fr)!important}
  .app.group-focus:has(.members:not(.hidden)){grid-template-columns:64px 230px minmax(0,1fr)!important}
  .app.group-focus:has(.members:not(.hidden)) .members{display:none!important}
  .chat-view.group-layout.watching-screen{grid-template-columns:minmax(280px,44%) minmax(0,56%)}
}

/* ===== CONCORD v1.2.0 • mensagens, R2, perfis, calls e acabamento ===== */
.userbar .avatar,.userbar .user-meta{cursor:pointer}.userbar .avatar:hover{filter:brightness(1.1)}
.mention{display:inline-block;padding:0 4px;border-radius:4px;background:rgba(88,101,242,.20);color:#c9d0ff;font-weight:750}.mention-me{background:rgba(255,55,76,.22);color:#ff9aa6}
.mention-badge{background:#ff334c!important;box-shadow:0 0 0 2px #15181d,0 0 10px #ff334c55!important}
.msg{position:relative}.msg-quick{margin-left:auto;display:flex;gap:2px;opacity:0;transform:translateY(-2px);transition:.12s}.msg:hover .msg-quick{opacity:1}.msg-quick button{width:28px;height:25px;border:1px solid #303641;border-radius:7px;background:#1b1f25;color:#aeb7c2;cursor:pointer}.msg-quick button:hover{background:#272d35;color:#fff}.msg-head{display:flex!important;align-items:center;gap:8px}.msg-head>strong[data-profile-user]{cursor:context-menu}.msg-head>strong[data-profile-user]:hover{text-decoration:underline}
.reply-preview{display:flex;align-items:center;gap:8px;width:100%;max-width:610px;border:0;border-left:2px solid #555f6d;background:transparent;color:#9ca6b2;padding:3px 8px;margin:0 0 4px;text-align:left;cursor:pointer}.reply-preview:hover{border-color:var(--accent);color:#cbd2da}.reply-preview div{display:flex;gap:7px;min-width:0;align-items:center}.reply-preview strong{font-size:10px;color:#d3d9e0;white-space:nowrap}.reply-preview small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.reply-composer-bar{margin:0 8px;padding:7px 11px;border:1px solid #333943;border-bottom:0;border-radius:10px 10px 0 0;background:#171b20;display:flex;align-items:center;justify-content:space-between;gap:10px}.reply-composer-bar.hidden{display:none}.reply-composer-bar>div{min-width:0;display:grid;grid-template-columns:auto 1fr;gap:1px 8px}.reply-composer-bar small{font-size:8px;color:#757f8b;font-weight:900}.reply-composer-bar strong{font-size:10px;color:var(--accent2)}.reply-composer-bar span{grid-column:1/3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#9ba5b1;font-size:10px}.reply-composer-bar button{border:0;background:transparent;color:#8d97a3;cursor:pointer}
.reaction-row{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.reaction-chip{border:1px solid #343b46;border-radius:8px;background:#1b2026;color:#aeb6c0;padding:4px 7px;font-size:11px;cursor:pointer}.reaction-chip b{font-size:9px;margin-left:2px}.reaction-chip:hover,.reaction-chip.mine{border-color:#5c6bc6;background:#222b45;color:#e6e9ff}
.message-flash{animation:messageFlash 1.3s ease}@keyframes messageFlash{0%,100%{background:transparent}25%,65%{background:rgba(255,60,76,.12)}}
.message-attachments{display:grid;gap:7px;margin-top:8px;max-width:650px}.media-card{border:1px solid #2e3540;border-radius:12px;background:#15191e;overflow:hidden}.media-card small{display:block;color:#7e8995;font-size:9px;padding:5px 8px}.media-image{max-width:430px}.media-image img{display:block;max-width:100%;max-height:360px;object-fit:contain;background:#0b0e12}.media-video{max-width:520px}.media-video video{display:block;width:100%;max-height:360px;background:#090b0e}.media-audio{display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:center;gap:8px;padding:9px;max-width:450px}.media-audio audio{width:100%;height:34px}.media-audio small{grid-column:1/3;padding:0}.audio-speed{border:1px solid #3a424e;background:#242a32;color:#d4dae1;border-radius:8px;height:31px;min-width:43px;cursor:pointer}.media-file{display:flex;align-items:center;gap:10px;padding:10px 12px;max-width:430px}.media-file>span{font-size:21px}.media-file>div{min-width:0;flex:1}.media-file strong,.media-file small{display:block;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-file a{color:#8ca3ff;text-decoration:none;font-size:10px}.media-expired-card{max-width:430px;padding:12px 14px;border:1px dashed #414751;border-radius:10px;background:#15181d;color:#69737e;font-size:10px;font-style:italic;filter:saturate(.6)}
.upload-queue{display:flex;gap:6px;overflow-x:auto;padding:7px 8px 3px}.upload-queue.hidden{display:none}.upload-chip{display:flex;align-items:center;gap:7px;min-width:170px;max-width:245px;padding:7px 8px;border:1px solid #323943;border-radius:9px;background:#171b20}.upload-chip>div{min-width:0;flex:1}.upload-chip strong,.upload-chip small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-chip strong{font-size:9px}.upload-chip small{font-size:8px;color:#747e8a}.upload-chip button{border:0;background:transparent;color:#818b97;cursor:pointer}.composer-tool{width:35px!important;min-width:35px!important;padding:0!important;border-radius:9px!important;font-size:17px!important}.composer-tool.recording{background:#8d2230!important;color:#fff!important;animation:recordPulse 1s infinite}@keyframes recordPulse{50%{box-shadow:0 0 0 5px rgba(255,46,67,.12)}}
.notification-center{min-width:min(680px,80vw)}.notification-center-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.notification-center-head h2{margin:0}.notification-center-head p{margin:3px 0;color:#818b96}.notification-list{display:grid;gap:5px;max-height:56vh;overflow-y:auto;margin-top:14px}.notification-row{display:flex;gap:11px;width:100%;border:1px solid transparent;border-radius:11px;background:#161a1f;color:#aeb6c1;text-align:left;padding:11px;cursor:pointer}.notification-row:hover{background:#1d2229;border-color:#303741}.notification-row.unread{background:#21191d;border-color:#4c2830}.notification-icon{width:32px;height:32px;border-radius:9px;background:#272d35;display:grid;place-items:center;color:#ff7886;font-weight:900}.notification-row>div{min-width:0}.notification-row strong,.notification-row p,.notification-row small{display:block;margin:0}.notification-row p{font-size:10px;color:#909aa6;margin:3px 0}.notification-row small{font-size:8px;color:#626c78}
.search-row{display:flex;gap:7px}.search-row input{flex:1}.message-search-results{display:grid;gap:5px;max-height:48vh;overflow:auto;margin-top:12px}.search-result{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;border:1px solid #2e3540;border-radius:9px;background:#171b20;color:#aeb7c2;text-align:left;padding:9px;cursor:pointer}.search-result strong{color:#e0e4e9}.search-result span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result small{font-size:8px;color:#6d7783}
.v120-profile{overflow:hidden}.profile-status-line,.profile-activity-line{margin:12px 12px 0;padding:9px 11px;border-radius:10px;background:#15191e;border:1px solid #2c333d;color:#aeb7c2}.profile-activity-line strong{color:#7de5a7}.custom-status-grid{display:grid;grid-template-columns:1fr 150px;gap:8px}.banner-settings-row{display:flex;align-items:center;gap:8px}.banner-settings-row input[type=color]{width:56px;height:38px;padding:2px}.banner-settings-row small{color:#7d8793}.chat-color-picker{display:flex;flex-wrap:wrap;gap:7px}.chat-color-choice{border:1px solid #303640;background:#1b1f25;color:#89939f;border-radius:8px;padding:7px 9px;cursor:pointer}.chat-color-choice span{display:inline-block;width:13px;height:13px;border-radius:50%;background:var(--nick);vertical-align:middle;margin-right:5px}.chat-color-choice.selected{border-color:var(--nick);color:#fff;box-shadow:0 0 0 1px color-mix(in srgb,var(--nick) 40%,transparent)}
.mic-test-box{display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center;padding:12px;border:1px solid #303741;border-radius:12px;background:#171b20;margin-top:12px}.mic-test-box small{display:block;color:#79838f;margin-top:3px}.mic-meter{grid-column:1/3;height:7px;border-radius:99px;background:#252b33;overflow:hidden}.mic-meter i{display:block;width:0;height:100%;background:linear-gradient(90deg,#35d07f,#ffd166,#ff5266);transition:width .06s}
.auto-quality-help{color:#7e8995;font-size:10px;margin:8px 0 12px}

/* Calls múltiplas por grupo */
.voice-rooms-list{flex:0 1 48%;min-height:110px;max-height:48%;overflow-y:auto;border-bottom:1px solid #292f36;background:#14181d;padding:7px 7px 9px}.voice-rooms-head{display:flex;align-items:center;justify-content:space-between;padding:4px 5px 7px;color:#737d89;font-size:9px;font-weight:900;letter-spacing:.7px}.voice-rooms-head button{border:0;background:transparent;color:#8d97a3;font-size:17px;cursor:pointer}.voice-room-entry{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid transparent;border-radius:8px;background:transparent;color:#9fa8b4;text-align:left;padding:7px 8px;cursor:pointer}.voice-room-entry:hover{background:#1d2228}.voice-room-entry.active{background:#252b33;color:#e2e6eb}.voice-room-entry.connected{box-shadow:inset 2px 0 #35d07f}.voice-room-entry strong,.voice-room-entry small{display:block}.voice-room-entry strong{font-size:10px}.voice-room-entry small{font-size:8px;color:#6f7985;margin-top:2px}.room-full{font-size:7px;color:#ff7382}.voice-room-user{display:flex;align-items:center;gap:7px;margin:2px 5px 3px 18px;padding:3px 5px;color:#87919d;font-size:9px}.voice-room-user .avatar{width:23px!important;height:23px!important}.voice-room-user>span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-room-user>small{font-size:7px;color:#58cf89;font-weight:900}
.group-voice-sidebar .voice-hub{flex:1 1 52%!important}.group-voice-sidebar .voice-column{display:none!important}.group-voice-sidebar .share-column{flex:1 1 auto!important;border-bottom:0!important}.group-voice-sidebar .voice-room-body{flex:1!important}.group-voice-sidebar .screen-sharers{min-height:62px!important}.camera-mini{grid-column:1/-1;width:100%;margin-top:6px;border-radius:8px;overflow:hidden;background:#0b0e12}.camera-mini video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.voice-person:has(.camera-mini){align-items:start;flex-wrap:wrap}

.admin-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.advanced-group-admin section{border:1px solid #303741;border-radius:12px;background:#15191e;padding:12px}.advanced-group-admin h3{margin:0 0 10px;font-size:11px;text-transform:uppercase;color:#808b97}.admin-member{display:flex;align-items:center;gap:8px;padding:6px}.admin-member .avatar{width:31px;height:31px}.admin-member>div{min-width:0;flex:1}.admin-member strong,.admin-member small{display:block}.admin-member small{font-size:8px;color:#737e8a}.role-pill{font-size:7px;font-weight:900;padding:4px 6px;border-radius:5px;background:#292f37;color:#9ba6b1}.role-owner{color:#ff7887}.role-admin{color:#a88cff}.role-toggle,.revoke-invite{border:1px solid #3a424c;background:#22272e;color:#aeb7c1;border-radius:7px;padding:5px 7px;font-size:8px;cursor:pointer}.invite-builder{display:flex;gap:5px}.invite-builder select{min-width:0}.advanced-invite-list,.audit-list{display:grid;gap:6px;max-height:250px;overflow:auto;margin-top:8px}.advanced-invite-list>div,.audit-list>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;padding:7px;border-radius:8px;background:#1b2026}.advanced-invite-list small,.audit-list small{font-size:8px;color:#717b86}.audit-list>div{grid-template-columns:auto 1fr auto}.audit-list span{font-size:9px;color:#9ba5b0}

@media(max-width:1100px){.admin-columns{grid-template-columns:1fr}.notification-center{min-width:70vw}.voice-rooms-list{max-height:43%}}

.voice-room-user.speaking .avatar{box-shadow:0 0 0 2px #35d07f,0 0 12px rgba(53,208,127,.26);border-radius:50%}.voice-room-wrap{border-radius:9px}.voice-room-wrap:has(.voice-room-entry.active){background:rgba(255,255,255,.012)}

/* ===== CONCORD • base visual e polimento ===== */
.startup-splash{position:fixed;inset:0;z-index:99999;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 34%),#0b0d10;display:grid;place-items:center;transition:opacity .3s ease,transform .3s ease}
.startup-splash.leaving{opacity:0;transform:scale(1.015);pointer-events:none}.startup-splash-inner{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.startup-icon{width:78px;height:78px;object-fit:contain;filter:drop-shadow(0 14px 34px color-mix(in srgb,var(--accent) 28%,transparent))}.startup-logo{width:min(340px,60vw);max-height:96px;object-fit:contain}.startup-spinner{width:34px;height:34px;border:3px solid #2c3139;border-top-color:var(--accent);border-radius:50%;animation:splashSpin .8s linear infinite;margin-top:8px}.startup-splash strong{font-size:13px;letter-spacing:.2px}.startup-splash small{font-size:10px;color:#7e8793}@keyframes splashSpin{to{transform:rotate(360deg)}}

/* temas adicionais */
html[data-theme="crimson"]{--bg:#10090b;--panel:#180d11;--panel2:#211117;--panel3:#2a161d;--panel4:#351b24;--border:#44222c;--text:#fff3f4;--muted:#b49398}
html[data-theme="crimson"] body,html[data-theme="crimson"] .main{background:#140b0e}html[data-theme="crimson"] .sidebar{background:linear-gradient(180deg,#1b0e13,#12090c)}html[data-theme="crimson"] .topbar{background:rgba(24,12,16,.95)!important}
html[data-theme="ocean"]{--bg:#071019;--panel:#0d1823;--panel2:#112131;--panel3:#172a3d;--panel4:#1d344b;--border:#27435c;--text:#eff8ff;--muted:#86a5bd}html[data-theme="ocean"] body,html[data-theme="ocean"] .main{background:#0a151f}html[data-theme="ocean"] .sidebar{background:linear-gradient(180deg,#0d1b28,#09131d)}html[data-theme="ocean"] .topbar{background:rgba(9,21,32,.95)!important}
html[data-theme="violet"]{--bg:#0d0914;--panel:#15101e;--panel2:#1c1529;--panel3:#261c35;--panel4:#302343;--border:#45345b;--text:#f8f2ff;--muted:#a896bc}html[data-theme="violet"] body,html[data-theme="violet"] .main{background:#120d1a}html[data-theme="violet"] .sidebar{background:linear-gradient(180deg,#181120,#100b17)}html[data-theme="violet"] .topbar{background:rgba(18,12,26,.95)!important}
html[data-theme="light"]{--bg:#eef1f5;--panel:#fff;--panel2:#f7f8fa;--panel3:#eceff3;--panel4:#e2e6eb;--border:#d6dbe2;--text:#20242a;--muted:#69727e;--shadow:0 22px 60px rgba(39,48,60,.16)}
html[data-theme="light"] body,html[data-theme="light"] .main,html[data-theme="light"] .content{background:#f5f7fa;color:#20242a}html[data-theme="light"] .rail{background:#e8ebef;border-color:#d8dde3}html[data-theme="light"] .sidebar{background:#fff;border-color:#dfe3e8}html[data-theme="light"] .topbar{background:rgba(255,255,255,.94)!important;border-color:#e1e5ea}html[data-theme="light"] .window-titlebar{background:#f6f7f9;border-color:#dde1e6}html[data-theme="light"] .window-brand{color:#252a31}html[data-theme="light"] .modal,html[data-theme="light"] .auth-card,html[data-theme="light"] .composer,html[data-theme="light"] .notification-row,html[data-theme="light"] .advanced-group-admin section,html[data-theme="light"] .group-settings-member,html[data-theme="light"] .voice-person,html[data-theme="light"] .screen-person{background:#fff!important;color:#262b31;border-color:#dce1e7!important}html[data-theme="light"] input,html[data-theme="light"] select,html[data-theme="light"] textarea{background:#f5f7fa!important;color:#20242a!important;border-color:#d3d9e0!important}html[data-theme="light"] .dm-item,html[data-theme="light"] .friend-row,html[data-theme="light"] .nav-btn{color:#4a535e}html[data-theme="light"] .dm-item:hover,html[data-theme="light"] .dm-item.active,html[data-theme="light"] .nav-btn:hover,html[data-theme="light"] .nav-btn.active{background:#edf0f4;color:#20242a}html[data-theme="light"] .msg p,html[data-theme="light"] .msg strong{color:#2d333a}html[data-theme="light"] .soft-btn,html[data-theme="light"] .icon-btn,html[data-theme="light"] .control-btn{color:#343a42}html[data-theme="light"] .userbar{background:#f0f2f5;border-color:#d8dde3}
.crimson-preview{background:linear-gradient(135deg,#10090b 50%,#351b24 50%)}.light-preview{background:linear-gradient(135deg,#f7f8fa 50%,#dfe4ea 50%)}.ocean-preview{background:linear-gradient(135deg,#071019 50%,#1d344b 50%)}.violet-preview{background:linear-gradient(135deg,#0d0914 50%,#302343 50%)}
.theme-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))!important}.theme-card{border:1px solid var(--border);background:var(--panel2);color:var(--text);border-radius:12px;padding:8px;text-align:left}.theme-card.selected{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 16%,transparent)}
.theme-card .theme-preview{display:block;height:54px;border-radius:8px;margin-bottom:6px}

/* central de notificações nunca estoura o modal */
.modal:has(.notification-center){width:min(760px,calc(100vw - 48px));overflow:hidden}.notification-center{min-width:0!important;width:100%;max-width:100%}.notification-center-head{flex-wrap:wrap;min-width:0}.notification-center-head>div{min-width:0;flex:1}.notification-center-head #markAllNotifications{flex:0 0 auto;max-width:100%;white-space:nowrap}.notification-list{max-width:100%}.notification-row{min-width:0}.notification-row>div{overflow:hidden}.notification-row p{overflow-wrap:anywhere}

/* administração/configuração do grupo: modal largo e responsivo */
.modal:has(.advanced-group-admin),.modal:has(.group-settings-head){width:min(1040px,calc(100vw - 54px));max-height:88vh;overflow:hidden;padding:24px}.advanced-group-admin{width:100%;max-width:100%;max-height:calc(88vh - 88px);overflow-y:auto;overflow-x:hidden;padding-right:5px}.advanced-group-admin>h2{position:sticky;top:-24px;z-index:2;background:var(--panel);padding:4px 0 12px}.admin-columns{grid-template-columns:minmax(310px,.9fr) minmax(380px,1.1fr);align-items:start}.advanced-group-admin section{min-width:0}.invite-builder{display:grid!important;grid-template-columns:minmax(130px,1fr) minmax(130px,1fr) auto;gap:7px}.invite-builder select,.invite-builder button{min-width:0;max-width:100%}.advanced-invite-list>div{grid-template-columns:minmax(110px,.7fr) minmax(160px,1.4fr) auto;min-width:0}.advanced-invite-list code,.advanced-invite-list small{min-width:0;overflow:hidden;text-overflow:ellipsis}.audit-list{max-height:220px}.audit-list>div{grid-template-columns:minmax(100px,.45fr) minmax(0,1.5fr) auto!important}.audit-list span{min-width:0;overflow-wrap:anywhere}.group-settings-head{position:sticky;top:-24px;z-index:3;background:var(--panel);padding:3px 0 12px}.group-settings-members{max-height:38vh}.group-icon-picker{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));max-height:230px}.custom-upload-row{display:flex;gap:8px;flex-wrap:wrap;margin:9px 0 4px}.custom-upload-row .soft-btn{flex:0 0 auto}.group-custom-upload{padding:10px;border:1px dashed #353c46;border-radius:11px;background:#15191e}

/* GIF/imagens jamais alteram o tamanho dos avatares em listas */
.admin-member .avatar,.group-settings-member .avatar,.voice-room-user .avatar,.dm-item .avatar,.friend-row .avatar,.voice-person .avatar,.screen-person .avatar{box-sizing:border-box!important;overflow:hidden!important;flex-shrink:0!important}.admin-member .avatar{width:32px!important;height:32px!important;min-width:32px!important;max-width:32px!important;min-height:32px!important;max-height:32px!important}.admin-member .avatar img,.group-settings-member .avatar img,.voice-room-user .avatar img,.dm-item .avatar img,.friend-row .avatar img,.voice-person .avatar img,.screen-person .avatar img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:cover!important;display:block}

/* webcam: área fixa tipo Discord */
.camera-gallery{border-bottom:1px solid var(--border);background:linear-gradient(180deg,rgba(0,0,0,.16),rgba(0,0,0,.04));padding:10px 12px 12px}.camera-gallery-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;color:#87919d;font-size:9px;font-weight:900;letter-spacing:.6px}.camera-gallery-head small{font-size:8px;font-weight:600;color:#68727e}.camera-gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:9px}.camera-tile{position:relative;overflow:hidden;border-radius:12px;background:#080a0d;border:1px solid #313842;aspect-ratio:16/9;box-shadow:0 8px 22px rgba(0,0,0,.22)}.camera-tile video{width:100%;height:100%;object-fit:cover;display:block}.camera-label{position:absolute;left:8px;bottom:8px;display:flex;align-items:center;gap:6px;padding:5px 8px 5px 5px;border-radius:9px;background:rgba(6,8,10,.72);backdrop-filter:blur(8px);color:white}.camera-label .camera-avatar{width:24px!important;height:24px!important}.camera-label strong{font-size:9px}.group-voice-sidebar .camera-gallery{flex:none;padding:8px;border-bottom:1px solid #292f36}.group-voice-sidebar .camera-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.group-voice-sidebar .camera-tile{border-radius:8px}.group-voice-sidebar .camera-label{left:4px;bottom:4px;padding:3px 5px}.group-voice-sidebar .camera-label .camera-avatar{display:none}.group-voice-sidebar .camera-label strong{font-size:7px;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* controles de call: cinco botões alinhados, sem órfão */
.call-controls{padding:11px 12px;background:linear-gradient(180deg,rgba(15,18,22,.88),rgba(10,12,15,.94));gap:12px}.call-actions{display:grid!important;grid-template-columns:repeat(5,minmax(78px,1fr));gap:7px;flex:1;max-width:620px}.control-btn{min-width:0!important;height:42px!important;display:flex!important;align-items:center;justify-content:center;gap:5px;border-radius:11px!important;background:#20252c!important;border:1px solid #353c45!important}.control-btn:hover{background:#2b3139!important;transform:translateY(-1px)}.control-btn.active,.control-btn.muted{border-color:color-mix(in srgb,var(--accent) 45%,#353c45)!important;background:color-mix(in srgb,var(--accent) 12%,#20252c)!important}.control-btn.danger{background:rgba(235,76,86,.1)!important;border-color:rgba(235,76,86,.32)!important;color:#ff929a!important}.group-voice-sidebar .call-actions{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:5px!important;max-width:none}.group-voice-sidebar .control-btn{height:40px!important;padding:0!important;font-size:15px!important}.group-voice-sidebar .control-btn span{display:none!important}

/* painel e superfícies mais polidos */
.rail,.sidebar,.main,.topbar,.userbar,.voice-hub,.global-call-dock,.composer,.modal,.friend-row,.dm-item,.notification-row,.advanced-group-admin section{transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}.rail{box-shadow:inset -1px 0 rgba(255,255,255,.025)}.sidebar{box-shadow:inset -1px 0 rgba(255,255,255,.025)}.topbar{box-shadow:0 8px 24px rgba(0,0,0,.08)}.modal{backdrop-filter:blur(18px);background:color-mix(in srgb,var(--panel) 96%,transparent)!important}.voice-person,.screen-person{border:1px solid transparent}.voice-person:hover,.screen-person:hover{border-color:rgba(255,255,255,.055);background:rgba(255,255,255,.035)}.global-call-dock{border-top:1px solid #303640;box-shadow:0 -10px 30px rgba(0,0,0,.17)}

/* banner de perfil mais alto como Discord */
.friend-profile-modal{min-width:min(540px,88vw)}.friend-profile-banner{height:158px!important;margin:-22px -22px 0!important;border-radius:15px 15px 0 0!important;background-size:cover!important;background-position:center!important}.friend-profile-main{margin-top:-48px!important;padding:0 16px!important}.friend-profile-main .profile-large{width:96px!important;height:96px!important;border-width:7px!important}.profile-about-card{margin-top:22px!important}

@media(max-width:1180px){.admin-columns{grid-template-columns:1fr!important}.modal:has(.advanced-group-admin),.modal:has(.group-settings-head){width:min(860px,calc(100vw - 36px))}.call-actions{grid-template-columns:repeat(5,minmax(56px,1fr))}.control-btn span{display:none}.camera-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.modal:has(.advanced-group-admin),.modal:has(.group-settings-head){width:calc(100vw - 22px);padding:16px}.invite-builder{grid-template-columns:1fr}.advanced-invite-list>div,.audit-list>div{grid-template-columns:1fr!important}.camera-gallery-grid{grid-template-columns:1fr}}
.camera-gallery{max-height:330px;overflow:auto}.group-voice-sidebar .camera-gallery{max-height:245px;overflow:auto}

/* ===== CONCORD • acabamento e correções de layout ===== */
/* Chat nunca empurra composer, call dock ou userbar para fora da janela. */
html,body,#app,.app,.main,.chat-view,.group-chat-pane{min-height:0!important;overflow:hidden!important}
.main,.chat-view,.group-chat-pane{height:100%}
.group-chat-pane{display:flex!important;flex-direction:column!important;min-width:0!important;min-height:0!important;overflow:hidden!important}
.group-chat-pane.hidden{display:none!important}
.group-chat-pane>.messages,#messageList{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important}
.group-chat-pane>.composer-wrap,.composer-wrap{flex:0 0 auto!important;position:relative!important;z-index:4!important}
.chat-view:not(.group-layout)>.messages{min-height:0!important;overflow-y:auto!important}
.sidebar{min-height:0!important;overflow:hidden!important}.userbar,.global-call-dock{flex:0 0 auto!important}

/* Apenas o círculo do avatar reage à fala. */
.voice-person.speaking,.voice-room-user.speaking{border-color:transparent!important;outline:0!important;box-shadow:none!important;background-color:transparent!important}
.voice-person.speaking .avatar,.voice-room-user.speaking .avatar{border-radius:50%!important;box-shadow:0 0 0 3px #35d07f,0 0 14px rgba(53,208,127,.38)!important}
.voice-room-user.speaking .avatar{box-shadow:0 0 0 2px #35d07f,0 0 11px rgba(53,208,127,.34)!important}
.voice-person.speaking.speaking-neon-red .avatar,.voice-room-user.speaking.speaking-neon-red .avatar{box-shadow:0 0 0 3px #ff334f,0 0 18px rgba(255,51,79,.82),0 0 28px rgba(255,51,79,.38)!important}
.voice-person.speaking.speaking-neon-purple .avatar,.voice-room-user.speaking.speaking-neon-purple .avatar{box-shadow:0 0 0 3px #b56cff,0 0 18px rgba(181,108,255,.82),0 0 28px rgba(181,108,255,.38)!important}
.voice-person.speaking.speaking-neon-blue .avatar,.voice-room-user.speaking.speaking-neon-blue .avatar{box-shadow:0 0 0 3px #37b8ff,0 0 18px rgba(55,184,255,.82),0 0 28px rgba(55,184,255,.38)!important}
.voice-person.speaking.speaking-neon-rainbow .avatar,.voice-room-user.speaking.speaking-neon-rainbow .avatar{box-shadow:0 0 0 3px #ff4d67,0 0 16px #7c5cff,0 0 28px #35d8ff!important;animation:v122RainbowRing 1.55s linear infinite!important}
@keyframes v122RainbowRing{0%{filter:hue-rotate(0deg)}100%{filter:hue-rotate(360deg)}}

/* Estado de mic/fone dos participantes. */
.voice-person{position:relative!important}.v122-state-badge,.room-state-icon{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 auto;font-size:9px;line-height:1;border-radius:7px;padding:4px 5px;background:#171a1f;border:1px solid #343a43;color:#ff8991;margin-left:3px;white-space:nowrap}
.v122-state-badge.deaf,.room-state-icon[title*="Áudio"]{color:#ffb56e}.voice-room-user .room-state-icon{font-size:7px;padding:3px 4px;margin-left:1px}.voice-room-user>span{min-width:0}

/* Pendentes enviados/recebidos. */
.pending-section-title{padding:14px 8px 6px;color:#707a87;font-size:9px;font-weight:900;letter-spacing:.8px}.pending-request-row{display:flex!important;align-items:center!important;gap:10px}.pending-request-row .meta{min-width:0}.pending-request-row .cancel-outgoing{margin-left:auto;flex:0 0 auto}.pending-request-row.outgoing{border-color:rgba(255,255,255,.035)}

/* Perfil: sempre centralizado e integralmente visível. */
.modal-backdrop:has(.v122-profile){padding:18px!important;box-sizing:border-box!important;align-items:center!important;justify-items:center!important}
.modal:has(.v122-profile){width:min(720px,calc(100vw - 36px))!important;max-width:720px!important;max-height:min(850px,calc(100vh - var(--title-h) - 36px))!important;overflow:hidden!important;padding:0!important;border-radius:18px!important}
.v122-profile{display:flex!important;flex-direction:column!important;width:100%!important;max-height:min(850px,calc(100vh - var(--title-h) - 36px))!important;overflow:hidden!important;background:var(--panel)!important}
.v122-profile .friend-profile-banner{flex:0 0 178px!important;height:178px!important;margin:0!important;border-radius:0!important;background-size:cover!important;background-position:center!important}
.v122-profile .friend-profile-main{flex:0 0 auto!important;margin-top:-50px!important;padding:0 24px!important;align-items:flex-end!important;display:flex!important;gap:14px!important;position:relative!important;z-index:2!important}
.v122-profile .profile-large{width:100px!important;height:100px!important;min-width:100px!important;max-width:100px!important;min-height:100px!important;max-height:100px!important;border:7px solid var(--panel)!important;overflow:hidden!important;box-sizing:border-box!important}
.v122-profile .profile-large img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.v122-profile .profile-identity{min-width:0;padding-bottom:8px}.v122-profile .profile-identity h2{margin:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v122-profile .profile-identity span{color:var(--muted);font-size:11px}
.v122-profile .profile-scroll-body{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;padding:12px 24px 4px!important}.v122-profile .profile-about-card{margin:12px 0!important}.v122-profile .profile-modal-actions{flex:0 0 auto!important;margin:0!important;padding:14px 24px 18px!important;border-top:1px solid var(--border)!important;background:var(--panel)!important}

/* Avatar e banner ficam como um único bloco em Meu perfil. */
.profile-media-settings{margin:14px 0 18px;padding:14px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--panel2) 88%,transparent)}
.profile-media-settings>.settings-section-title{margin:0 0 12px!important}.profile-media-settings>label{display:block!important;margin:12px 0 7px!important}.profile-media-settings .avatar-picker{margin-bottom:10px}.profile-media-settings .banner-settings-row{margin-top:5px}.profile-media-settings .custom-avatar-upload{margin:10px 0 12px!important;padding:10px!important;border-radius:11px!important;background:rgba(255,255,255,.018)}

/* Janela única de configuração/administração do grupo. */
.modal-backdrop:has(.unified-group-settings){padding:18px!important;box-sizing:border-box!important}
.modal:has(.unified-group-settings){width:min(1120px,calc(100vw - 36px))!important;max-width:1120px!important;height:min(780px,calc(100vh - var(--title-h) - 36px))!important;max-height:none!important;overflow:hidden!important;padding:0!important}
.unified-group-settings{display:grid!important;grid-template-columns:230px minmax(0,1fr)!important;height:100%!important;min-height:0!important;overflow:hidden!important}
.group-settings-nav{min-height:0!important;overflow-y:auto!important;background:color-mix(in srgb,var(--panel2) 92%,#000);border-right:1px solid var(--border);padding:18px 10px;display:flex;flex-direction:column;gap:4px}
.settings-nav-title{padding:2px 10px 12px;font-weight:900;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}
.group-settings-nav button{border:0;background:transparent;color:#909aa6;text-align:left;padding:9px 10px;border-radius:8px;cursor:pointer;font-size:11px}.group-settings-nav button:hover{background:rgba(255,255,255,.045);color:#dfe4e9}.group-settings-nav button.active{background:color-mix(in srgb,var(--accent) 15%,var(--panel3));color:#fff;font-weight:800}.group-settings-nav .danger-tab{margin-top:auto;color:#ff838b}
.group-settings-content{display:flex!important;flex-direction:column!important;min-width:0!important;min-height:0!important;overflow:hidden!important;background:var(--panel)}
.group-settings-content>[data-gpanel]{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;padding:26px 30px 18px!important}.group-settings-content>[data-gpanel].hidden{display:none!important}.group-settings-content h2{margin:0 0 5px!important}.group-settings-content>section>p{margin-bottom:18px!important}
.unified-group-actions{flex:0 0 auto!important;margin:0!important;padding:12px 20px!important;border-top:1px solid var(--border);background:var(--panel)}
.group-admin-members{display:grid;gap:5px}.admin-member{min-width:0;border:1px solid rgba(255,255,255,.035);border-radius:10px;background:rgba(255,255,255,.018);padding:8px!important}.admin-member button{flex:0 0 auto}.group-call-admin-list{display:grid;gap:6px}.group-call-admin-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:10px;border:1px solid var(--border);border-radius:9px}.group-call-create{display:flex;gap:8px;margin-top:12px}.group-call-create input{flex:1}.wide-danger{padding:11px 14px;border-radius:9px;border:1px solid rgba(255,80,92,.35);background:rgba(255,80,92,.11);color:#ff959b}.group-name-row{display:flex;gap:8px}.group-name-row input{flex:1}.advanced-invite-list{max-height:none!important}.audit-list{max-height:none!important}

/* Compartilhamentos recebidos não excedem a coluna do chat. */
.message-attachments,.media-card{max-width:min(100%,560px)!important}.media-image img{max-width:100%!important;max-height:430px!important;object-fit:contain!important}.media-audio audio{min-width:0!important;max-width:100%!important}

@media(max-width:850px){
  .modal:has(.unified-group-settings){width:calc(100vw - 18px)!important;height:calc(100vh - var(--title-h) - 18px)!important}
  .unified-group-settings{grid-template-columns:176px minmax(0,1fr)!important}.group-settings-content>[data-gpanel]{padding:20px 18px 14px!important}
  .modal:has(.v122-profile){width:calc(100vw - 22px)!important}.v122-profile .friend-profile-banner{height:145px!important;flex-basis:145px!important}.v122-profile .friend-profile-main{padding:0 16px!important}.v122-profile .profile-scroll-body{padding-left:16px!important;padding-right:16px!important}
}

/* ================= CONCORD v2.0 • Professional community UI ================= */
:root{--v2-bg:#0b0d10;--v2-panel:#11141a;--v2-panel2:#171b22;--v2-border:#252a33;--v2-text:#f3f5f7;--v2-muted:#8e98a6;--v2-accent:#ff3448;--v2-accent2:#ff6675;--v2-good:#46d98a;--v2-radius:14px}
body{background:radial-gradient(circle at 78% 8%,rgba(255,52,72,.07),transparent 28%),var(--v2-bg);color:var(--v2-text)}
.sidebar,.members,.topbar,.window-titlebar{backdrop-filter:blur(14px)}
.community-nav{flex:1;min-height:0;overflow:auto;padding:4px 8px 12px}.community-nav-head{display:flex;align-items:center;justify-content:space-between;padding:10px 8px;color:var(--v2-muted);font-size:11px;font-weight:800;letter-spacing:.09em}.community-nav-head button{border:0;background:transparent;color:var(--v2-muted);cursor:pointer;border-radius:8px;padding:4px 7px}.community-nav-head button:hover{background:#ffffff0b;color:#fff}.community-category{margin:4px 0 12px}.community-category-title{font-size:10px;font-weight:900;color:#7d8794;letter-spacing:.08em;padding:5px 8px;text-transform:uppercase}.community-channel{width:100%;display:flex;align-items:center;gap:8px;border:0;background:transparent;color:#aeb5bf;padding:8px 9px;border-radius:9px;text-align:left;cursor:pointer}.community-channel>span{font-size:18px;color:#747d88}.community-channel>div{display:flex;flex-direction:column;min-width:0}.community-channel strong{font-size:14px;font-weight:650;overflow:hidden;text-overflow:ellipsis}.community-channel small{font-size:10px;color:#69727f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.community-channel:hover{background:#ffffff08;color:#e9edf2}.community-channel.active{background:linear-gradient(90deg,rgba(255,52,72,.17),rgba(255,52,72,.05));color:#fff;box-shadow:inset 2px 0 var(--v2-accent)}
.msg{border-radius:10px;padding-top:7px;padding-bottom:7px}.msg:hover{background:rgba(255,255,255,.025)}.msg .body>p{line-height:1.55}.msg .body p code,.msg .body pre{font-family:Consolas,monospace;background:#090b0e;border:1px solid #252a33;border-radius:7px}.msg .body p code{padding:2px 5px}.msg .body pre{padding:10px;overflow:auto}.msg blockquote{border-left:3px solid var(--v2-accent);margin:5px 0;padding:4px 10px;color:#c4cad2;background:#ffffff04}.msg a{color:#57a7ff}.edited-tag{font-size:10px;color:#707986;font-weight:500;margin-left:3px}.spoiler{background:#232832;color:transparent;border-radius:4px;padding:0 3px;cursor:pointer}.spoiler:hover,.spoiler:focus{color:inherit}.msg-v2-more{opacity:.55}.msg:hover .msg-v2-more{opacity:1}
.link-preview-card{display:flex;max-width:520px;margin-top:8px;border:1px solid #2a3039;border-left:3px solid var(--v2-accent);border-radius:10px;background:#11151b;padding:0;overflow:hidden;color:#fff;text-align:left;cursor:pointer}.link-preview-card img{width:120px;height:90px;object-fit:cover}.link-preview-card>div{padding:10px;display:flex;flex-direction:column;gap:3px;min-width:0}.link-preview-card small{color:#77818f}.link-preview-card strong{font-size:14px}.link-preview-card span{font-size:12px;color:#9aa3ad;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pins-list,.thread-messages,.sessions-list,.call-stats-list{display:flex;flex-direction:column;gap:8px;max-height:430px;overflow:auto}.pin-item{display:flex;flex-direction:column;gap:4px;text-align:left;border:1px solid var(--v2-border);background:#12151b;color:#fff;padding:12px;border-radius:10px;cursor:pointer}.pin-item span{color:#b7bec8}.pin-item small{color:#69727f}.thread-parent{display:flex;flex-direction:column;gap:4px;padding:12px;background:#101319;border:1px solid var(--v2-border);border-radius:10px;margin-bottom:10px}.thread-messages>div,.sessions-list>div,.call-stats-list>div{display:grid;grid-template-columns:1fr auto;gap:3px 12px;background:#11151b;border:1px solid var(--v2-border);border-radius:9px;padding:10px}.thread-messages span{grid-column:1/-1;color:#c7ccd4}.thread-messages small,.sessions-list small,.call-stats-list small{color:#737d8a}.thread-composer{display:flex;gap:8px;margin-top:12px}.thread-composer input{flex:1}
.admin-grid,.settings-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-grid section,.settings-columns section{background:#11141a;border:1px solid #262c35;border-radius:12px;padding:14px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #ffffff08}.mini-form{display:flex;gap:6px;margin-top:9px}.mini-form input,.mini-form select{min-width:0;flex:1}.role-card-v2{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:8px;padding:8px 0}.role-card-v2 i{width:9px;height:9px;border-radius:50%}.role-card-v2 small{color:var(--v2-muted)}.permission-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.moderation-actions{display:grid;grid-template-columns:1fr .7fr .6fr 1.2fr auto;gap:7px}.admin-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 0 16px}.admin-kpis>div{background:linear-gradient(180deg,#171b22,#101319);border:1px solid #2b313b;border-radius:12px;padding:14px;display:flex;flex-direction:column}.admin-kpis strong{font-size:24px}.admin-kpis span{font-size:11px;color:#87919e}.settings-launcher{display:grid;grid-template-columns:1fr 1fr;gap:10px}.settings-launcher button,.theme-tile{border:1px solid #2b313b;background:#13171d;color:#fff;border-radius:11px;padding:14px;cursor:pointer;text-align:left}.settings-launcher button:hover,.theme-tile:hover{border-color:#4a525f;background:#181d24}.theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.theme-tile{display:flex;flex-direction:column;gap:4px}.theme-tile.active{border-color:var(--v2-accent);box-shadow:0 0 0 1px var(--v2-accent)}.theme-tile span{font-size:10px;color:#7e8895}.settings-stack{display:flex;flex-direction:column;gap:14px}.settings-stack label{display:flex;align-items:center;justify-content:space-between;gap:18px}.security-status,.recovery-key{display:block;background:#0b0e12;border:1px solid #2b313b;border-radius:8px;padding:10px;margin:8px 0}.recovery-key{font-size:16px;letter-spacing:.05em;color:#ff8894}.gif-grid,.sticker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-height:380px;overflow:auto;margin:12px 0}.gif-grid button,.sticker-grid button{border:1px solid #262c35;background:#101319;color:#fff;border-radius:9px;padding:6px;cursor:pointer;overflow:hidden}.gif-grid img{width:100%;height:90px;object-fit:cover;border-radius:6px}.gif-grid span,.sticker-grid strong{display:block;font-size:10px;margin-top:4px}.sticker-grid span{font-size:30px}.composer-tool#gifBtn{font-size:10px;font-weight:900}.low-bandwidth img[data-cosmetic-media],.low-bandwidth .profile-gif{animation-play-state:paused!important}.network-pill.low-bandwidth:after{content:' • ECONOMIA'}
body[data-theme="amoled"]{--v2-bg:#000;--v2-panel:#050505;--v2-panel2:#090909;background:#000}body[data-theme="midnight"]{--v2-bg:#080d19;--v2-panel:#0c1323;--v2-panel2:#111a2d}body[data-theme="hell"]{--v2-bg:#120708;--v2-panel:#1b0d10;--v2-panel2:#261116}body[data-theme="purple"]{--v2-bg:#0d0715;--v2-panel:#150c21;--v2-panel2:#201031;--v2-accent:#a855f7}body[data-theme="cyber"]{--v2-bg:#061113;--v2-panel:#07191c;--v2-panel2:#0a2226;--v2-accent:#19e6d4}
@media(max-width:900px){.admin-grid,.settings-columns{grid-template-columns:1fr}.moderation-actions{grid-template-columns:1fr}.gif-grid{grid-template-columns:repeat(2,1fr)}.admin-kpis{grid-template-columns:repeat(2,1fr)}}


/* CONCORD v2.0 professional finishing */
.hellpass-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.cosmetic-shop{min-width:min(720px,80vw)}.modal-hero{display:flex;gap:14px;align-items:center;padding:8px 0 18px}.modal-hero>span{font-size:38px}.modal-hero h2,.modal-hero p{margin:0}.modal-hero p{color:var(--muted);margin-top:5px}.cosmetic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px}.cosmetic-card{border:1px solid var(--border);background:rgba(255,255,255,.025);border-radius:16px;padding:16px;display:grid;gap:8px}.cosmetic-card small{color:var(--muted);font-weight:800;font-size:10px;letter-spacing:.08em}.cosmetic-card button{margin-top:5px}.cosmetic-icon{font-size:28px}.security-actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.auth-alt{display:flex;gap:8px}.auth-alt button{flex:1}.edited-mark{font-size:10px;color:var(--muted);margin-left:5px}.link-preview-card{transition:transform .16s ease,border-color .16s ease}.link-preview-card:hover{transform:translateY(-1px)}

/* ================= CONCORD • Discord-inspired final layout ================= */
:root{
  --discord-rail:#1e1f22;
  --discord-side:#2b2d31;
  --discord-chat:#313338;
  --discord-float:#111214;
  --discord-hover:#35373c;
  --discord-selected:#404249;
  --discord-text:#f2f3f5;
  --discord-muted:#949ba4;
  --discord-line:#232428;
}
.app{grid-template-columns:72px 260px minmax(0,1fr)!important;background:var(--discord-chat)!important;min-height:0!important;overflow:hidden!important}
.app:has(.members:not(.hidden)){grid-template-columns:72px 260px minmax(0,1fr) 240px!important}
.rail{background:var(--discord-rail)!important;border-right:0!important;padding:12px 0 10px!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important}
.sidebar{background:var(--discord-side)!important;border-right:1px solid var(--discord-line)!important;display:flex!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important}
.main{background:var(--discord-chat)!important;min-width:0!important;min-height:0!important;overflow:hidden!important}
.members{background:var(--discord-side)!important;border-left:1px solid var(--discord-line)!important;min-height:0!important;overflow:hidden!important;display:flex;flex-direction:column}
.members.hidden{display:none!important}
#membersList{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding-bottom:18px!important}
.topbar{background:rgba(49,51,56,.96)!important;border-bottom:1px solid var(--discord-line)!important;box-shadow:0 1px 0 rgba(0,0,0,.18)!important}
.sidebar-top{flex:0 0 auto}.sidebar-title{flex:0 0 auto}.dm-list{min-height:0!important;overflow-y:auto!important}
.app.group-focus .sidebar-top,.app.group-focus .sidebar-title,.app.group-focus #dmList{display:none!important}
.app.group-focus .community-nav{display:flex!important;flex-direction:column!important;flex:1 1 54%!important;min-height:120px!important;overflow:hidden!important;padding:0!important;border-bottom:1px solid #232428}
.app.group-focus .community-nav-head{flex:0 0 auto!important;height:48px!important;padding:0 12px!important;border-bottom:1px solid #232428!important;color:var(--discord-text)!important;font-size:13px!important;letter-spacing:0!important;text-transform:none!important}
.app.group-focus #communityChannels{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:8px 8px 14px!important}
.app.group-focus .group-voice-sidebar{display:block!important;flex:1 1 46%!important;min-height:110px!important;overflow:hidden!important;padding:0!important}
.app.group-focus #voiceRoomsList{height:100%!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:8px 8px 14px!important}
.community-category{margin:2px 0 12px!important}.community-category-title{padding:6px 4px 5px!important;color:#949ba4!important;font-size:11px!important}.community-channel{border-radius:4px!important;padding:7px 8px!important;color:#949ba4!important}.community-channel:hover{background:#35373c!important;color:#dbdee1!important}.community-channel.active{background:#404249!important;color:#fff!important;box-shadow:none!important}.community-channel>span{font-size:17px!important;color:#80848e!important}.community-channel strong{font-weight:550!important}
.voice-rooms-head{position:sticky!important;top:-8px!important;z-index:3!important;background:var(--discord-side)!important;padding:8px 4px 6px!important}.voice-room-entry{border-radius:4px!important}.voice-room-entry:hover{background:#35373c!important}.voice-room-entry.active{background:#404249!important}.voice-room-user{margin-left:13px!important;border-radius:4px!important;padding:5px 7px!important}
.global-call-dock{flex:0 0 auto!important;background:#232428!important;border-top:1px solid #1e1f22!important;border-bottom:1px solid #1e1f22!important;padding:7px 8px!important}.global-call-top{border:0!important;background:transparent!important;border-radius:4px!important}.global-call-top:hover{background:#35373c!important}.global-call-buttons{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:4px!important}.global-call-buttons button{min-width:0!important;border-radius:4px!important;background:#313338!important}.global-call-buttons button:hover{background:#404249!important}.global-call-buttons button.active,.global-call-buttons button.muted{background:#484b52!important}.global-call-buttons button.danger:hover{background:#da373c!important}
.userbar{flex:0 0 auto!important;background:#232428!important;border-top:0!important;padding:7px 8px!important}.userbar .icon-btn{background:transparent!important;border:0!important;border-radius:4px!important}.userbar .icon-btn:hover{background:#3a3d44!important}
.call-controls{display:none!important}.network-pill,.call-network-status{display:none!important}
.chat-view,.group-layout,.group-chat-pane,.messages{min-height:0!important}.group-chat-pane{overflow:hidden!important}.messages{overflow-y:auto!important;overflow-x:hidden!important;padding-right:12px!important}.composer-wrap{flex:0 0 auto!important;background:var(--discord-chat)!important}.composer{background:#383a40!important;border:0!important;border-radius:8px!important;box-shadow:none!important}.composer input{background:transparent!important}
.voice-hub{border:0!important;border-bottom:1px solid #232428!important;background:#2b2d31!important;border-radius:0!important;max-height:42vh!important;overflow:auto!important}.voice-room-body{min-height:0!important}.voice-members-list,.screen-sharers{max-height:240px!important;overflow-y:auto!important}

/* Always provide visible, thin scrollbars in long server/member lists. */
.rail,.dm-list,#communityChannels,#voiceRoomsList,#membersList,.messages,.voice-members-list,.screen-sharers,.v202-server-settings-content,.v202-server-settings-nav nav,.v202-member-list,.v202-list,.v202-audit-list,.v202-permission-list{scrollbar-width:thin;scrollbar-color:#1a1b1e transparent}
.rail::-webkit-scrollbar,.dm-list::-webkit-scrollbar,#communityChannels::-webkit-scrollbar,#voiceRoomsList::-webkit-scrollbar,#membersList::-webkit-scrollbar,.messages::-webkit-scrollbar,.voice-members-list::-webkit-scrollbar,.screen-sharers::-webkit-scrollbar,.v202-server-settings-content::-webkit-scrollbar,.v202-server-settings-nav nav::-webkit-scrollbar,.v202-member-list::-webkit-scrollbar,.v202-list::-webkit-scrollbar,.v202-audit-list::-webkit-scrollbar,.v202-permission-list::-webkit-scrollbar{width:8px;height:8px}
.rail::-webkit-scrollbar-thumb,.dm-list::-webkit-scrollbar-thumb,#communityChannels::-webkit-scrollbar-thumb,#voiceRoomsList::-webkit-scrollbar-thumb,#membersList::-webkit-scrollbar-thumb,.messages::-webkit-scrollbar-thumb,.voice-members-list::-webkit-scrollbar-thumb,.screen-sharers::-webkit-scrollbar-thumb,.v202-server-settings-content::-webkit-scrollbar-thumb,.v202-server-settings-nav nav::-webkit-scrollbar-thumb,.v202-member-list::-webkit-scrollbar-thumb,.v202-list::-webkit-scrollbar-thumb,.v202-audit-list::-webkit-scrollbar-thumb,.v202-permission-list::-webkit-scrollbar-thumb{background:#1a1b1e;border-radius:10px}

/* Unified server settings. */
.modal:has(.v202-server-settings){width:min(1080px,94vw)!important;height:min(820px,90vh)!important;max-width:none!important;padding:0!important;overflow:hidden!important;background:#313338!important;border:1px solid #1f2024!important;border-radius:12px!important}
.v202-server-settings{display:grid;grid-template-columns:250px minmax(0,1fr);height:100%;min-height:0;background:#313338;color:var(--discord-text)}
.v202-server-settings-nav{background:#2b2d31;border-right:1px solid #232428;padding:18px 10px 12px;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.v202-server-name{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;padding:5px 8px 17px;border-bottom:1px solid #3b3d44;margin-bottom:10px}.v202-server-name .group-icon,.v202-server-name img{width:42px!important;height:42px!important;border-radius:14px!important}.v202-server-name span{display:flex;flex-direction:column;min-width:0}.v202-server-name small{font-size:9px;letter-spacing:.08em;color:#949ba4}.v202-server-name strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}
.v202-server-settings-nav nav{overflow-y:auto;min-height:0;padding-right:4px}.v202-server-settings-nav nav button{width:100%;border:0;background:transparent;color:#b5bac1;text-align:left;border-radius:4px;padding:8px 10px;margin:1px 0;font-size:14px;cursor:pointer}.v202-server-settings-nav nav button:hover{background:#35373c;color:#dbdee1}.v202-server-settings-nav nav button.active{background:#404249;color:#fff}.v202-server-settings-nav nav button.danger{color:#f23f42}.v202-server-settings-nav nav button.danger.active,.v202-server-settings-nav nav button.danger:hover{background:rgba(242,63,66,.12);color:#ff7377}.v202-nav-sep{height:1px;background:#3b3d44;margin:8px 10px}
.v202-server-settings-content{position:relative;min-height:0;overflow-y:auto;padding:34px 42px 44px}.v202-server-settings-content>section{max-width:760px;margin:0 auto}.v202-settings-close{position:sticky;float:right;top:0;z-index:5;width:36px;height:36px;border:2px solid #747f8d;border-radius:50%;background:transparent;color:#b5bac1;cursor:pointer;font-size:16px}.v202-settings-close:hover{background:#404249;color:white}.v202-settings-heading{margin-bottom:20px}.v202-settings-heading h2{margin:0 0 5px;font-size:22px}.v202-settings-heading p{margin:0;color:#949ba4;line-height:1.45}.v202-settings-card{display:flex;align-items:end;gap:12px;background:#2b2d31;border:1px solid #232428;border-radius:8px;padding:16px;margin:12px 0}.v202-settings-card.vertical{display:flex;align-items:stretch;flex-direction:column}.v202-settings-card label{font-size:12px;text-transform:uppercase;font-weight:800;color:#b5bac1}.v202-settings-card input,.v202-settings-card select,.v202-simple-dialog input,.v202-simple-dialog select,.v202-role-editor input,.v202-role-editor select,.v202-search{background:#1e1f22!important;border:1px solid #1e1f22!important;color:#f2f3f5!important;border-radius:4px!important;min-height:38px!important}.v202-grow{flex:1;display:flex;flex-direction:column;gap:7px}.v202-overview-icon .group-icon,.v202-overview-icon img{width:72px!important;height:72px!important;border-radius:22px!important}.v202-toolbar{display:flex;justify-content:flex-end;gap:8px;margin:-8px 0 14px}.v202-top-action{margin-bottom:12px}.v202-tip{background:#2b2d31;border-left:3px solid #5865f2;border-radius:4px;padding:10px 12px;color:#b5bac1;font-size:12px}.v202-inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.v202-inline input{flex:1}.v202-inline small{color:#949ba4}.v202-inline .fit,.fit{width:max-content!important}
.v202-category-admin{display:flex;flex-direction:column;gap:14px}.v202-category-admin article{background:#2b2d31;border:1px solid #232428;border-radius:8px;overflow:hidden}.v202-category-admin article>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:#26272b;color:#b5bac1;font-size:11px;letter-spacing:.06em}.v202-category-admin article>header span{display:flex;gap:5px}.v202-category-admin article>header button,.v202-channel-row button,.v202-list-row button{border:0;background:#383a40;color:#dbdee1;border-radius:4px;padding:6px 9px;cursor:pointer}.v202-category-admin button.danger,.v202-channel-row button.danger,.v202-list-row button.danger{color:#ff777a}.v202-channel-row{display:grid;grid-template-columns:26px minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:9px 11px;border-top:1px solid #232428}.v202-channel-row>div{display:flex;flex-direction:column;min-width:0}.v202-channel-row small{color:#949ba4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v202-channel-symbol{color:#949ba4;font-size:18px}.v202-empty{padding:18px;text-align:center;color:#949ba4;background:rgba(0,0,0,.08);border-radius:6px}.v202-empty.compact{padding:10px;border-radius:0}
.v202-role-list,.v202-member-list,.v202-list,.v202-audit-list,.v202-sticker-list{display:flex;flex-direction:column;gap:7px}.v202-role-row{display:grid;grid-template-columns:12px minmax(0,1fr) 20px;align-items:center;gap:10px;width:100%;border:0;background:#2b2d31;color:#dbdee1;border-radius:6px;padding:11px 12px;text-align:left;cursor:pointer}.v202-role-row:not(:disabled):hover{background:#35373c}.v202-role-row:disabled{cursor:default}.v202-role-row i{width:10px;height:10px;border-radius:50%}.v202-role-row>div{display:flex;flex-direction:column}.v202-role-row small{color:#949ba4}.v202-member-list{max-height:60vh;overflow-y:auto;padding-right:4px}.v202-member-row{display:grid;grid-template-columns:42px minmax(0,1fr) minmax(130px,180px) 32px;align-items:center;gap:10px;padding:8px;background:#2b2d31;border-radius:6px}.v202-member-row>.avatar{width:40px!important;height:40px!important}.v202-member-main{display:flex;flex-direction:column;min-width:0}.v202-member-main>span{font-size:12px;color:#949ba4}.v202-member-main strong small{font-weight:400;color:#949ba4}.v202-role-chips{display:flex;gap:4px;flex-wrap:wrap;margin-top:5px}.v202-role-chips button,.v202-role-chip{border:1px solid color-mix(in srgb,var(--role,#949ba4) 45%,transparent);background:color-mix(in srgb,var(--role,#949ba4) 13%,transparent);color:#dbdee1;border-radius:10px;padding:2px 7px;font-size:10px}.v202-role-chip.owner{--role:#f0b132}.v202-role-chips em{font-size:10px;color:#6d6f78}.v202-member-row select{min-width:0}.v202-icon-action{border:0;background:transparent!important;color:#b5bac1!important;border-radius:4px;padding:6px!important;cursor:pointer}.v202-icon-action:hover{background:#404249!important;color:#fff!important}.v202-icon-action.danger:hover{background:rgba(242,63,66,.15)!important;color:#ff6b6e!important}
.v202-mod-grid{display:grid;grid-template-columns:150px 100px minmax(0,1fr) auto;gap:8px}.v202-list{max-height:310px;overflow-y:auto}.v202-list-row{display:flex;align-items:center;gap:8px;background:#2b2d31;border-radius:6px;padding:10px 12px}.v202-list-row>div{display:flex;flex:1;min-width:0;flex-direction:column}.v202-list-row small{color:#949ba4}.v202-invite-builder{align-items:center!important}.v202-invite-builder select{flex:1}.v202-sticker-builder{display:grid!important;grid-template-columns:minmax(120px,1fr) 72px auto auto;align-items:center!important}.v202-sticker-builder small{grid-column:1/-1;color:#949ba4}.v202-sticker-admin{display:grid;grid-template-columns:54px minmax(0,1fr) 32px;align-items:center;gap:10px;background:#2b2d31;padding:8px 10px;border-radius:6px}.v202-sticker-admin>div:nth-child(2){display:flex;flex-direction:column}.v202-sticker-admin small{color:#949ba4}.v202-sticker-thumb{width:48px;height:48px;border-radius:8px;background:#1e1f22;display:grid;place-items:center;font-size:25px;overflow:hidden}.v202-sticker-thumb img{max-width:100%;max-height:100%;object-fit:contain}.v202-boost-card{text-align:center;background:linear-gradient(145deg,#2b2d31,#24151a);border:1px solid rgba(255,52,72,.25);border-radius:12px;padding:28px}.v202-boost-card>div{font-size:46px}.v202-boost-card>strong{display:block;font-size:20px}.v202-boost-card p{color:#b5bac1}.v202-audit-list{max-height:62vh;overflow-y:auto}.v202-audit-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;background:#2b2d31;border-radius:6px;padding:10px 12px}.v202-audit-row>div{display:flex;gap:8px}.v202-audit-row span,.v202-audit-row small{color:#949ba4}.v202-audit-row p{grid-column:1/-1;margin:0;color:#dbdee1}.v202-danger-zone{border:1px solid rgba(242,63,66,.5);background:rgba(242,63,66,.06);border-radius:8px;padding:18px}.v202-search{width:100%;margin-bottom:10px;padding:0 12px}
.v202-role-editor{min-width:min(680px,78vw)}.v202-role-meta{display:grid;grid-template-columns:minmax(0,1fr) 64px;gap:10px}.v202-role-meta input[type=color]{padding:4px}.v202-permission-list{display:grid;grid-template-columns:1fr 1fr;gap:6px;max-height:420px;overflow-y:auto;margin:16px 0}.v202-permission-list label{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#2b2d31;border-radius:6px;padding:10px 12px}.v202-permission-list label>span{display:flex;flex-direction:column}.v202-permission-list small{color:#949ba4}.v202-simple-dialog{min-width:min(520px,72vw);display:flex;flex-direction:column;gap:8px}

/* Account settings are one Discord-like settings surface. */
.modal:has(.settings-shell){width:min(1040px,94vw)!important;height:min(780px,90vh)!important;max-width:none!important;padding:0!important;overflow:hidden!important;background:#313338!important}.settings-shell{height:100%!important;grid-template-columns:240px minmax(0,1fr)!important;min-height:0!important}.settings-nav{background:#2b2d31!important;padding:28px 12px!important;overflow-y:auto!important}.settings-nav-btn{border-radius:4px!important;padding:8px 10px!important}.settings-nav-btn.active{background:#404249!important}.settings-content{min-height:0!important;overflow-y:auto!important;background:#313338!important;padding:34px 42px 50px!important}.settings-panel{max-width:720px!important}.settings-panel .v202-settings-card{background:#2b2d31}.v202-panel-loading{padding:30px;color:#949ba4;text-align:center}.v202-check{display:flex!important;align-items:center!important;gap:8px!important;text-transform:none!important}.v202-clip-state{font-size:12px;color:#949ba4}

/* Rich GIF/sticker messages. */
.v202-rich-inline{display:flex;flex-wrap:wrap;gap:8px;margin-top:7px}.inline-gif{max-width:min(420px,100%);max-height:330px;border-radius:8px;object-fit:contain;background:#1e1f22}.inline-sticker{width:160px;height:160px;display:grid;place-items:center}.inline-sticker img{max-width:100%;max-height:100%;object-fit:contain}.inline-sticker.loading:after{content:'Carregando sticker...';font-size:11px;color:#949ba4}.v202-gif-picker{min-width:min(720px,80vw)}

/* Cleaner member panel, more Discord-like. */
.members-title{height:48px!important;padding:0 14px!important;border-bottom:1px solid #232428!important;color:#949ba4!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:.05em!important}.member-item,.member-row{border-radius:4px!important}.member-item:hover,.member-row:hover{background:#35373c!important}

@media(max-width:1180px){.app:has(.members:not(.hidden)){grid-template-columns:72px 240px minmax(0,1fr)!important}.members:not(.hidden){position:absolute!important;right:0!important;top:var(--title-h)!important;bottom:0!important;width:250px!important;z-index:40!important;box-shadow:-10px 0 28px rgba(0,0,0,.28)!important}.sidebar{width:auto!important}}
@media(max-width:900px){.app{grid-template-columns:64px 220px minmax(0,1fr)!important}.v202-server-settings{grid-template-columns:190px minmax(0,1fr)}.v202-server-settings-content{padding:28px 22px 36px}.v202-member-row{grid-template-columns:38px minmax(0,1fr) 32px}.v202-member-row select{grid-column:2/4}.v202-mod-grid,.v202-sticker-builder{grid-template-columns:1fr}.v202-permission-list{grid-template-columns:1fr}}


/* A barra de servidores contém somente Início + servidores. */
.dm-rail{display:none!important}.rail>.rail-sep{margin-top:6px!important}
.v202-nav-label{padding:9px 10px 4px;color:#7d828b;font-size:10px;font-weight:800;letter-spacing:.055em;line-height:1.2}
.v202-server-settings-nav nav button{position:relative}
.v202-server-settings-nav nav button.active:before{content:'';position:absolute;left:2px;top:7px;bottom:7px;width:3px;border-radius:3px;background:#f23f42}
.community-nav-head span{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}
#communityManageBtn{border:0!important;background:transparent!important;color:#b5bac1!important;border-radius:4px!important;width:32px!important;height:32px!important;display:grid!important;place-items:center!important}
#communityManageBtn:hover{background:#404249!important;color:#fff!important}
/* Scroll behavior must remain usable even with very large channel/call lists. */
.app.group-focus .community-nav,.app.group-focus .group-voice-sidebar{overflow:hidden!important}
#communityChannels,#voiceRoomsList,#membersList{overscroll-behavior:contain;scrollbar-gutter:stable}
#communityChannels{padding-bottom:20px!important}#voiceRoomsList{padding-bottom:22px!important}
/* Remove all legacy top call diagnostic/control leftovers; bottom dock is the only control surface. */
#callControls,#callNetworkStatus,.call-stats,.call-network-status,.network-pill{display:none!important}
.voice-hub{padding-bottom:0!important}.voice-room-head{min-height:52px!important}
/* More polished settings rows. */
.v202-server-settings-content h3{font-size:15px;margin:18px 0 9px}
.v202-member-row:hover,.v202-list-row:hover,.v202-role-row:hover{background:#35373c}
.v202-member-row select{background:#1e1f22;color:#dbdee1;border:1px solid #1e1f22;border-radius:4px;padding:7px}
.v202-category-admin article,.v202-settings-card,.v202-list-row,.v202-member-row,.v202-role-row{box-shadow:0 1px 0 rgba(0,0,0,.12)}
/* Avoid color-mix dependency in role chips on older Electron/Chromium builds. */
.v202-role-chips button,.v202-role-chip{border-color:#4b4d55!important;background:#383a40!important}
/* Keep the single account settings modal visually consistent with server settings. */
.settings-nav-title{color:#7d828b!important}.settings-content h2{font-size:22px!important}.settings-content>section{margin-left:auto!important;margin-right:auto!important}
/* CONCORD 2.1 release polish */
.window-titlebar{height:30px!important;min-height:30px!important}.window-titlebar button,.window-control{height:30px!important;min-height:30px!important;max-height:30px!important;width:46px!important;padding:0!important}
.app.group-focus .sidebar{display:grid!important;grid-template-rows:minmax(0,1fr) auto auto!important}.app.group-focus .community-nav{display:flex!important;flex-direction:column;min-height:0;overflow:hidden}.app.group-focus #communityChannels{overflow-y:auto;min-height:0;padding-bottom:12px}.app.group-focus .group-voice-sidebar{display:none!important}
.community-channel.voice-channel{color:#aeb6c1}.community-channel.voice-channel.active{background:#353a42;color:#fff}.community-channel.voice-channel small{color:#6f7884}
.camera-gallery{padding:12px!important}.camera-gallery-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:10px!important;overflow:hidden!important}.camera-tile{min-width:0!important;aspect-ratio:16/9!important;overflow:hidden!important;border-radius:12px!important;position:relative!important}.camera-tile video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:100%!important;object-fit:cover!important;object-position:center!important}.camera-label{position:absolute!important;left:8px!important;bottom:8px!important;z-index:2!important}
.primary,.settings-actions .primary,.modal-actions .primary{background:linear-gradient(135deg,var(--accent),var(--accent2))!important;color:#fff!important;text-shadow:0 1px 1px #0006!important;font-weight:850!important}.primary:disabled{opacity:.55!important}
.v202-role-editor{display:flex;flex-direction:column;max-height:min(78vh,720px);min-width:min(620px,75vw)}.v202-permission-list{overflow-y:auto;min-height:0;max-height:48vh;padding-right:6px}.v202-role-editor .modal-actions{position:sticky;bottom:0;background:#1c2026;padding-top:12px}
.hellpass-locked{position:relative!important;opacity:.58!important;filter:saturate(.55)}.hellpass-lock{display:block;margin-top:5px;color:#ff9f43;font-size:8px}.hellpass-gate{width:100%;margin:0 0 14px;padding:12px;border:1px solid #ff9f4359;border-radius:10px;background:#ff9f430d;color:#ffc27d;font-weight:850;cursor:pointer}.v202-settings-card label small{display:block;color:#78828e;font-size:9px;margin-top:4px}.security-actions{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px!important}
@media(max-width:900px){.camera-gallery-grid{grid-template-columns:1fr!important}.v202-role-editor{min-width:0;width:100%}.window-titlebar{height:30px!important}}

/* ===== CONCORD 2.2.0 • Discord-style organization ===== */
.window-titlebar{box-sizing:border-box!important;padding-top:0!important;padding-bottom:0!important;overflow:hidden!important}.window-brand,.window-brand img{max-height:24px!important}
.dm-list-empty{margin:8px;padding:14px 12px;border-radius:8px;background:#202225;color:#949ba4;font-size:12px;line-height:1.45;text-align:center}.dm-item .dm-close{width:24px;height:24px;border:0;border-radius:5px;background:transparent;color:#949ba4;font-size:18px;opacity:0}.dm-item:hover .dm-close{opacity:1}.dm-item .dm-close:hover{background:#3f4147;color:#fff}
.community-voice-block,.community-text-block{display:block}.community-voice-users{display:flex;flex-direction:column;margin:0 0 3px 24px}.community-voice-user{display:flex;align-items:center;gap:7px;width:100%;min-width:0;padding:4px 7px;border:0;border-radius:5px;background:transparent;color:#949ba4;text-align:left}.community-voice-user:hover{background:#35373c;color:#dbdee1}.community-voice-user .avatar{width:22px!important;height:22px!important;font-size:8px!important}.community-voice-user span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.community-voice-user b{margin-left:auto;font-size:9px;font-weight:600}.community-voice-user.speaking .avatar{box-shadow:0 0 0 2px #23a55a!important}

/* Text channels show the chat only. Voice channels use the center as a call stage. */
.chat-view.group-layout:not(.voice-channel-view)>.voice-hub{display:none!important}
.chat-view.group-layout.voice-channel-view{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;background:#1b1d22!important}
.chat-view.group-layout.voice-channel-view>.group-chat-pane{display:none!important}
.chat-view.group-layout.voice-channel-view>.voice-hub{display:flex!important;grid-column:1!important;grid-row:1!important;margin:14px!important;max-height:none!important;min-height:0!important;border:1px solid #2d3037!important;border-radius:14px!important;background:#111318!important;overflow:hidden!important;box-shadow:0 12px 34px #0005!important}
.chat-view.group-layout.voice-channel-view .voice-room-head{padding:12px 16px!important;background:#181a20!important}.chat-view.group-layout.voice-channel-view .voice-room-body{display:grid!important;grid-template-columns:minmax(0,1fr)!important;flex:0 0 auto!important;max-height:230px!important;padding:12px!important;overflow:auto!important}.chat-view.group-layout.voice-channel-view .voice-column{padding:0!important}.chat-view.group-layout.voice-channel-view .share-column{padding:10px 0 0!important;border:0!important}.chat-view.group-layout.voice-channel-view .voice-members-list,.chat-view.group-layout.voice-channel-view .screen-sharers{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:8px!important;overflow:visible!important}.chat-view.group-layout.voice-channel-view .voice-person,.chat-view.group-layout.voice-channel-view .screen-person{width:100%!important;max-width:none!important;min-width:0!important}
.chat-view.group-layout.voice-channel-view .camera-gallery{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;max-height:none!important;overflow:hidden!important;padding:14px!important;border:0!important}.chat-view.group-layout.voice-channel-view .camera-gallery-grid{flex:1;min-height:0;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;grid-auto-rows:minmax(170px,1fr)!important;overflow:auto!important}.chat-view.group-layout.voice-channel-view .camera-tile{width:100%!important;height:100%!important;min-height:170px!important;max-height:calc(100vh - 300px)!important;aspect-ratio:16/9!important}.chat-view.group-layout.voice-channel-view .camera-tile video{inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
.chat-view.group-layout.voice-channel-view.watching-screen{grid-template-columns:minmax(270px,31%) minmax(0,69%)!important}.chat-view.group-layout.voice-channel-view.watching-screen>.voice-hub{grid-column:1!important;grid-row:1!important;margin:10px!important}.chat-view.group-layout.voice-channel-view.watching-screen>.screen-stage{display:flex!important;grid-column:2!important;grid-row:1!important;margin:10px 10px 10px 0!important;border:1px solid #2d3037!important;border-radius:12px!important;overflow:hidden!important;min-width:0!important;min-height:0!important}.chat-view.group-layout.voice-channel-view.watching-screen .camera-gallery-grid{grid-template-columns:1fr!important}.chat-view.group-layout.voice-channel-view.watching-screen .voice-room-body{grid-template-columns:1fr!important;max-height:42%!important}

/* Account settings follow the same card rhythm as Voz e vídeo. */
.concord220-profile-premium{display:flex;flex-direction:column;gap:12px;margin:22px 0 6px;padding:16px;border:1px solid #3a3d45;border-radius:10px;background:#2b2d31}.concord220-premium-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.concord220-premium-head small{color:#949ba4;font-size:10px;font-weight:800;letter-spacing:.06em}.concord220-premium-head h3{margin:4px 0!important;font-size:17px!important}.concord220-premium-head p{margin:0!important;font-size:12px}.concord220-locked-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.concord220-locked-grid button{min-height:54px;border:1px solid #454851;border-radius:8px;background:#232428;color:#b5bac1;text-align:left;padding:10px 12px}.concord220-locked-grid button:hover{border-color:#f0b232;color:#fff}.concord220-store-cta{align-self:flex-start}.concord220-profile-premium>.hellpass-settings-head{display:none}.concord220-profile-premium label{margin-top:6px}.concord220-profile-premium .gif-picker,.concord220-profile-premium .effect-grid,.concord220-profile-premium .speaking-effect-grid,.concord220-profile-premium .chat-color-picker{background:#232428;border-radius:8px;padding:10px}
.theme-choice{position:relative}.theme-choice.hellpass-premium-theme{border-color:#775d2a}.theme-choice .hellpass-lock{font-size:8px;color:#f0b232}.hellpass-locked{cursor:not-allowed!important}.hellpass-gated-panel{position:relative}.hellpass-gate{background:#3a2d17!important;border-color:#7d5d27!important;color:#ffd28a!important}
.settings-actions{position:sticky!important;bottom:-50px!important;z-index:10;margin:24px -42px -50px!important;padding:14px 42px!important;background:#2b2d31!important;border-top:1px solid #1e1f22!important}.settings-actions .primary,.v202-settings-card .primary,.v202-toolbar .primary{color:#fff!important;background:linear-gradient(135deg,#5865f2,#7289da)!important;text-shadow:none!important}.settings-actions .primary:hover,.v202-settings-card .primary:hover,.v202-toolbar .primary:hover{filter:brightness(1.08)!important}
.concord220-security-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.concord220-security-summary span{display:flex;flex-direction:column;gap:3px;padding:10px;border-radius:7px;background:#1e1f22;color:#949ba4;font-size:11px}.concord220-security-summary b{color:#f2f3f5;font-size:12px}.concord220-privacy-details{margin:10px 0;border:1px solid #3f4147;border-radius:8px;background:#2b2d31;overflow:hidden}.concord220-privacy-details summary{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;cursor:pointer;color:#dbdee1;font-weight:750}.concord220-privacy-details summary:hover{background:#35373c}.concord220-privacy-details summary span{min-width:25px;padding:2px 7px;border-radius:999px;background:#1e1f22;color:#949ba4;text-align:center;font-size:10px}.concord220-privacy-details[open] summary{border-bottom:1px solid #3f4147}.concord220-privacy-details .sessions-list,.concord220-privacy-details .v202-list{padding:10px}
.concord220-profile-pass{display:grid;grid-template-columns:1fr auto;gap:3px 12px;padding:13px 14px;border:1px solid #8e6c2d;border-radius:9px;background:linear-gradient(135deg,#3c2d17,#29231a);color:#ffd991}.concord220-profile-pass strong{font-size:13px}.concord220-profile-pass span{grid-column:2;grid-row:1 / span 2;align-self:center;font-weight:800}.concord220-profile-pass small{color:#c8ad78}.concord220-profile .profile-v2-meta{display:grid;grid-template-columns:1fr 1.4fr;gap:8px}.concord220-profile .profile-v2-meta>div{padding:10px;border-radius:8px;background:#232428}.concord220-profile .profile-v2-meta small{display:block;color:#949ba4;font-size:9px;margin-bottom:4px}.concord220-profile .profile-v2-meta strong{font-size:12px}.concord220-profile .profile-badges{margin-top:10px}.concord220-profile .profile-badges>small{color:#949ba4;font-size:9px}.concord220-profile .profile-badges>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}

/* Role permissions stay inside the modal at every practical window size. */
.modal:has(.v202-role-editor){overflow:hidden!important}.v202-role-editor{width:min(720px,calc(100vw - 72px))!important;max-width:100%!important;max-height:calc(100vh - var(--title-h) - 70px)!important}.v202-permission-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-height:min(48vh,430px)!important}.v202-permission-list label{min-width:0!important}.v202-permission-list label>span{min-width:0!important}.v202-permission-list strong,.v202-permission-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:900px){.chat-view.group-layout.voice-channel-view.watching-screen{grid-template-columns:1fr!important;grid-template-rows:minmax(210px,36%) minmax(0,64%)!important}.chat-view.group-layout.voice-channel-view.watching-screen>.voice-hub{grid-column:1!important;grid-row:1!important}.chat-view.group-layout.voice-channel-view.watching-screen>.screen-stage{grid-column:1!important;grid-row:2!important;margin:0 10px 10px!important}.concord220-locked-grid,.concord220-profile .profile-v2-meta,.v202-permission-list{grid-template-columns:1fr!important}.settings-actions{margin-left:-24px!important;margin-right:-24px!important;padding-left:24px!important;padding-right:24px!important}}

/* ===== CONCORD 2.3.0 • coherent themes, call states and settings ===== */
html[data-theme="dark"],body[data-theme="dark"]{--surface-rail:#1e1f22;--surface-side:#2b2d31;--surface-chat:#313338;--surface-panel:#2b2d31;--surface-raised:#383a40;--surface-input:#383a40;--surface-hover:#35373c;--surface-selected:#404249;--surface-line:#1e1f22;--surface-text:#f2f3f5;--surface-muted:#b5bac1}
html[data-theme="midnight"],body[data-theme="midnight"]{--surface-rail:#080b14;--surface-side:#0e1422;--surface-chat:#111827;--surface-panel:#151d2e;--surface-raised:#1d2940;--surface-input:#182238;--surface-hover:#1a263b;--surface-selected:#24344f;--surface-line:#080d18;--surface-text:#f1f5ff;--surface-muted:#9ba9bf}
html[data-theme="graphite"],body[data-theme="graphite"]{--surface-rail:#151617;--surface-side:#202225;--surface-chat:#27292d;--surface-panel:#222428;--surface-raised:#303338;--surface-input:#303338;--surface-hover:#2d3034;--surface-selected:#3a3e44;--surface-line:#161719;--surface-text:#f1f2f4;--surface-muted:#aeb3ba}
html[data-theme="crimson"],body[data-theme="crimson"],body[data-theme="hell"]{--surface-rail:#10070a;--surface-side:#1a0c11;--surface-chat:#241016;--surface-panel:#2b131b;--surface-raised:#3a1a25;--surface-input:#341720;--surface-hover:#351821;--surface-selected:#4a202d;--surface-line:#10070a;--surface-text:#fff2f4;--surface-muted:#c5a0a7}
html[data-theme="ocean"],body[data-theme="ocean"]{--surface-rail:#06101a;--surface-side:#0b1a28;--surface-chat:#102334;--surface-panel:#122a3e;--surface-raised:#193a55;--surface-input:#16334a;--surface-hover:#15344c;--surface-selected:#1f4b6c;--surface-line:#06111c;--surface-text:#eef8ff;--surface-muted:#9ab7cc}
html[data-theme="violet"],body[data-theme="violet"],body[data-theme="purple"]{--surface-rail:#0c0712;--surface-side:#170d22;--surface-chat:#21122f;--surface-panel:#28163a;--surface-raised:#39204f;--surface-input:#321c47;--surface-hover:#321b48;--surface-selected:#472764;--surface-line:#0d0713;--surface-text:#fbf2ff;--surface-muted:#b7a1c8}
html[data-theme="light"],body[data-theme="light"]{--surface-rail:#e5e7eb;--surface-side:#f2f3f5;--surface-chat:#fff;--surface-panel:#f4f5f7;--surface-raised:#e8eaed;--surface-input:#ebecef;--surface-hover:#e4e7eb;--surface-selected:#d9dde3;--surface-line:#d2d6dc;--surface-text:#202225;--surface-muted:#5f6670;color-scheme:light}
html[data-theme="amoled"],body[data-theme="amoled"]{--surface-rail:#000;--surface-side:#030303;--surface-chat:#070707;--surface-panel:#0b0b0b;--surface-raised:#151515;--surface-input:#111;--surface-hover:#171717;--surface-selected:#242424;--surface-line:#000;--surface-text:#f5f5f5;--surface-muted:#aaa}
html[data-theme="cyber"],body[data-theme="cyber"]{--surface-rail:#031012;--surface-side:#06191c;--surface-chat:#082429;--surface-panel:#0b2d32;--surface-raised:#104047;--surface-input:#0d353b;--surface-hover:#0e3940;--surface-selected:#14515a;--surface-line:#020d0f;--surface-text:#ebffff;--surface-muted:#91bdc1}
html[data-theme],body[data-theme]{--bg:var(--surface-chat);--panel:var(--surface-side);--panel2:var(--surface-panel);--panel3:var(--surface-raised);--panel4:var(--surface-selected);--border:var(--surface-line);--text:var(--surface-text);--muted:var(--surface-muted);--discord-rail:var(--surface-rail);--discord-sidebar:var(--surface-side);--discord-chat:var(--surface-chat);--discord-panel:var(--surface-panel);--discord-input:var(--surface-input);--discord-hover:var(--surface-hover);--discord-selected:var(--surface-selected);--discord-border:var(--surface-line);--discord-text:var(--surface-text);--discord-muted:var(--surface-muted);color:var(--surface-text)}

html[data-theme] body,body[data-theme],html[data-theme] .app,html[data-theme] .main,html[data-theme] .content,html[data-theme] .friends-view,html[data-theme] .store-view,html[data-theme] .chat-view,html[data-theme] .messages{background:var(--surface-chat)!important;color:var(--surface-text)!important}
html[data-theme] :is(.rail,.window-titlebar,.global-call-dock){background:var(--surface-rail)!important;border-color:var(--surface-line)!important}
html[data-theme] :is(.sidebar,.community-nav,.members,.settings-nav,.v202-server-settings-nav,.group-settings-nav,.userbar){background:var(--surface-side)!important;border-color:var(--surface-line)!important}
html[data-theme] :is(.topbar,.settings-content,.v202-server-settings,.v202-server-settings-content,.modal:has(.settings-shell),.modal:has(.v202-server-settings)){background:var(--surface-chat)!important;border-color:var(--surface-line)!important;color:var(--surface-text)!important}
html[data-theme] :is(.modal,.auth-card,.v202-settings-card,.concord220-profile-premium,.concord230-privacy-card,.concord230-admin-users,.concord230-admin-user,.notification-row,.friend-profile-modal,.profile-about-card,.profile-media-settings,.advanced-group-admin section,.group-settings-member,.v202-category-admin article,.v202-list-row,.v202-member-row,.v202-role-row,.concord220-privacy-details){background:var(--surface-panel)!important;border-color:var(--surface-line)!important;color:var(--surface-text)!important}
html[data-theme] :is(input,select,textarea,.composer,.v202-search,.v202-simple-dialog input,.v202-role-editor input,.v202-role-editor select){background:var(--surface-input)!important;border-color:var(--surface-line)!important;color:var(--surface-text)!important}
html[data-theme] :is(.dm-item,.friend-row,.member-row,.community-channel,.community-voice-user,.settings-nav-btn,.v202-server-settings-nav nav button,.nav-btn){color:var(--surface-muted)!important}
html[data-theme] :is(.dm-item:hover,.dm-item.active,.friend-row:hover,.member-row:hover,.community-channel:hover,.community-channel.active,.community-voice-user:hover,.settings-nav-btn:hover,.settings-nav-btn.active,.v202-server-settings-nav nav button:hover,.v202-server-settings-nav nav button.active,.nav-btn:hover,.nav-btn.active){background:var(--surface-hover)!important;color:var(--surface-text)!important}
html[data-theme] :is(.msg:hover,.voice-person:hover,.screen-person:hover){background:color-mix(in srgb,var(--surface-hover) 74%,transparent)!important}
html[data-theme] :is(.voice-hub,.chat-view.group-layout.voice-channel-view>.voice-hub){background:var(--surface-panel)!important;border-color:var(--surface-line)!important}
html[data-theme] :is(.voice-room-head,.camera-gallery,.voice-room-body){background:var(--surface-panel)!important;border-color:var(--surface-line)!important}
html[data-theme] :is(.voice-person,.screen-person,.camera-tile,.dm-list-empty,.concord220-profile .profile-v2-meta>div){background:var(--surface-raised)!important;border-color:var(--surface-line)!important;color:var(--surface-text)!important}
html[data-theme] :is(.settings-actions,.v202-role-editor .modal-actions){background:var(--surface-chat)!important;border-color:var(--surface-line)!important}
html[data-theme] :is(.msg p,.msg strong,.channel-heading strong,.settings-content h2,.settings-content h3,.v202-server-settings-content h2,.v202-server-settings-content h3,.concord230-privacy-card strong){color:var(--surface-text)!important}
html[data-theme] :is(.msg time,.channel-heading span,.settings-help,.v202-settings-heading p,.concord230-privacy-card p,.concord230-privacy-card small,.community-category-title,.community-channel small){color:var(--surface-muted)!important}
html[data-theme] ::-webkit-scrollbar-thumb{background:var(--surface-selected)!important}
html[data-theme] .chat-view.group-layout.voice-channel-view{background:var(--surface-chat)!important}
html[data-theme] .chat-view.group-layout.voice-channel-view .voice-room-head{background:var(--surface-panel)!important;border-color:var(--surface-line)!important}
html[data-theme] .chat-view.group-layout.voice-channel-view :is(.voice-column,.share-column){background:var(--surface-raised)!important;border-color:var(--surface-line)!important}
html[data-theme] :is(.composer-wrap){background:linear-gradient(180deg,transparent,var(--surface-chat) 30%)!important}
html[data-theme] :is(.screen-stage-top,.top-actions .icon-btn,.theme-choice,.setting-toggle-row,.share-setting,.audio-mode-choice,.ptt-key-btn,.concord220-locked-grid button,.concord220-profile-premium .gif-picker,.concord220-profile-premium .effect-grid,.concord220-profile-premium .speaking-effect-grid,.concord220-profile-premium .chat-color-picker,.v202-permission-list label,.v202-sticker-admin,.v202-audit-row,.v202-tip){background:var(--surface-panel)!important;border-color:var(--surface-line)!important;color:var(--surface-text)!important}
html[data-theme] :is(.concord220-security-summary span,.concord220-privacy-details summary span,.v202-sticker-thumb){background:var(--surface-input)!important;color:var(--surface-muted)!important}
html[data-theme] :is(.concord220-privacy-details summary,.v202-role-chips button,.v202-role-chip){color:var(--surface-text)!important}

/* A sidebar is always in one explicit mode: direct messages or one server. */
.app:not(.group-focus) #communityNav{display:none!important}.app:not(.group-focus) #dmList{display:block!important}.app.group-focus #dmList{display:none!important}.app.group-focus #communityNav{display:flex!important}.app.group-focus #groupVoiceSidebar{display:none!important}

/* Compact, accessible media state icons beside every call participant. */
.concord230-call-states{display:inline-flex!important;align-items:center;justify-content:flex-end;gap:4px;flex:none;margin-left:auto;min-width:0!important;overflow:visible!important}.concord230-call-state{display:inline-grid!important;place-items:center;width:22px;height:22px;min-width:22px!important;border-radius:6px;background:var(--surface-input);color:var(--surface-muted);overflow:visible!important}.concord230-call-state svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.concord230-call-state.is-off{color:#f06a6d;background:rgba(242,63,66,.12)}.concord230-call-state.is-on{color:#7bcfff;background:rgba(88,101,242,.16)}.concord230-call-state.is-live{color:#45d483;background:rgba(35,165,90,.16)}
.voice-person .voice-volume{margin-left:auto}.voice-person .concord230-call-states{margin-left:2px}.community-voice-user>.concord230-call-states{margin-left:auto!important}.community-voice-user>.concord230-call-states>.concord230-call-state{min-width:19px!important;width:19px;height:19px}.community-voice-user>.concord230-call-states svg{width:12px;height:12px}.voice-room-user .concord230-call-state{width:20px;height:20px;min-width:20px!important}

/* Privacy follows the same calm card rhythm as Voice & Video. */
.concord230-settings-heading{max-width:720px}.concord230-privacy-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);gap:12px;align-items:start}.concord230-privacy-card{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid;border-radius:10px}.concord230-privacy-card.contact{grid-row:span 2}.concord230-privacy-card.security{grid-column:1/-1}.concord230-card-title{display:flex;align-items:flex-start;gap:10px}.concord230-card-title>span{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:9px;background:var(--surface-input)}.concord230-card-title h3{margin:0!important;font-size:15px}.concord230-card-title p{margin:3px 0 0;font-size:12px;line-height:1.45}.concord230-privacy-option,.concord230-toggle-row{display:flex!important;align-items:center;justify-content:space-between;gap:16px;padding:12px;border:1px solid var(--surface-line);border-radius:8px;background:var(--surface-input);text-transform:none!important}.concord230-privacy-option>span,.concord230-toggle-row>span{display:flex;flex-direction:column;gap:3px;min-width:0}.concord230-privacy-option strong,.concord230-toggle-row strong{font-size:12px}.concord230-privacy-option small,.concord230-toggle-row small{font-size:10px;line-height:1.35}.concord230-privacy-option select{width:170px;flex:none}.concord230-toggle-row input{width:18px!important;height:18px!important;flex:none}.concord230-session{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px}.concord230-session>div{display:flex;flex-direction:column;gap:3px}.concord230-session small{color:var(--surface-muted)}

/* Every speaking-ring option occupies exactly one line. */
.speaking-effect-grid{grid-template-columns:repeat(auto-fit,minmax(158px,1fr))!important}.speaking-effect-choice{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;min-width:0!important;min-height:44px!important;padding:8px 10px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:left!important}.speaking-effect-choice .ring-preview{width:18px!important;height:18px!important;min-width:18px!important;margin:0!important;flex:none!important}

/* Global administration with direct HELLPASS management. */
.modal:has(.concord230-admin){width:min(820px,calc(100vw - 44px));max-height:88vh}.concord230-admin{display:flex;flex-direction:column;gap:14px}.concord230-admin-users{padding:15px;border:1px solid var(--surface-line);border-radius:10px;background:var(--surface-panel)}.concord230-admin-users h3{margin:0 0 10px}.concord230-admin-user{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:10px;padding:12px;border:1px solid;border-radius:9px}.concord230-admin-user-id{display:flex;flex-direction:column;gap:2px;min-width:0}.concord230-admin-user-id span{color:var(--surface-muted);font-size:11px}.concord230-admin-user-id code{margin-top:5px;overflow:hidden;text-overflow:ellipsis;color:var(--surface-muted);font-size:9px}.concord230-admin-pass-actions{grid-column:1/-1;display:flex;align-items:end;gap:8px}.concord230-admin-pass-actions label{display:flex;flex-direction:column;gap:5px;margin:0;flex:1}.concord230-admin-pass-actions select{min-height:38px}.concord230-admin-pass-actions button{min-height:38px}

/* PWA install prompt created by browser-shim.js. */
.concord230-install-panel{position:fixed;z-index:2400;left:50%;top:42px;transform:translateX(-50%);display:flex;align-items:center;gap:14px;width:min(620px,calc(100vw - 28px));padding:13px 14px;border:1px solid var(--surface-line);border-radius:12px;background:var(--surface-panel);color:var(--surface-text);box-shadow:0 18px 50px rgba(0,0,0,.35)}.concord230-install-panel>div{display:flex;flex:1;flex-direction:column;gap:3px}.concord230-install-panel small{color:var(--surface-muted)}.concord230-install-panel button{flex:none}.concord230-install-dismiss{border:0!important;background:transparent!important;color:var(--surface-muted)!important;padding:7px!important}
@media(max-width:900px){.concord230-privacy-grid{grid-template-columns:1fr}.concord230-privacy-card.contact{grid-row:auto}.concord230-privacy-card.security{grid-column:auto}.concord230-privacy-option{align-items:stretch;flex-direction:column}.concord230-privacy-option select{width:100%}.concord230-admin-user{grid-template-columns:1fr}.concord230-admin-pass-actions{flex-wrap:wrap}.concord230-install-panel{align-items:stretch;flex-direction:column;top:36px}.concord230-install-panel button{width:100%}}

/* ===== CONCORD 2.4.0 ===== */
html[data-theme="aurora"],body[data-theme="aurora"]{--surface-rail:#061018;--surface-side:#0c1c26;--surface-chat:#112631;--surface-panel:#17313c;--surface-raised:#1e3d48;--surface-input:#193640;--surface-hover:#21434d;--surface-selected:#295461;--surface-line:#0a1821;--surface-text:#effffe;--surface-muted:#98c5c1;--theme-glow-1:#33e6b5;--theme-glow-2:#6f65ff}
html[data-theme="sunset"],body[data-theme="sunset"]{--surface-rail:#170a11;--surface-side:#26111c;--surface-chat:#351926;--surface-panel:#422032;--surface-raised:#522940;--surface-input:#472338;--surface-hover:#552a42;--surface-selected:#67344f;--surface-line:#190b12;--surface-text:#fff5f1;--surface-muted:#d2a7ae;--theme-glow-1:#ff8a42;--theme-glow-2:#e74382}
html[data-theme="nebula"],body[data-theme="nebula"]{--surface-rail:#0a0718;--surface-side:#15102a;--surface-chat:#20173a;--surface-panel:#2a1e49;--surface-raised:#37265e;--surface-input:#302154;--surface-hover:#3a2864;--surface-selected:#49327c;--surface-line:#0d091d;--surface-text:#faf4ff;--surface-muted:#b9a8d4;--theme-glow-1:#a65cff;--theme-glow-2:#ff5caf}
html[data-theme="inferno"],body[data-theme="inferno"]{--surface-rail:#130402;--surface-side:#240906;--surface-chat:#35100b;--surface-panel:#46170f;--surface-raised:#5a2015;--surface-input:#4b190f;--surface-hover:#5d2116;--surface-selected:#762a1a;--surface-line:#190502;--surface-text:#fff6ed;--surface-muted:#d6aa91;--theme-glow-1:#ff3d22;--theme-glow-2:#ffae31}
html[data-theme="frost"],body[data-theme="frost"]{--surface-rail:#07131d;--surface-side:#0e2332;--surface-chat:#153346;--surface-panel:#1b4055;--surface-raised:#24516a;--surface-input:#1e465d;--surface-hover:#27566e;--surface-selected:#316a86;--surface-line:#091824;--surface-text:#f3fcff;--surface-muted:#a9cad8;--theme-glow-1:#58d5ff;--theme-glow-2:#b7edff}
html[data-theme="cyber"],body[data-theme="cyber"]{--theme-glow-1:#19ffd8;--theme-glow-2:#ff32ce}html[data-theme="crimson"],body[data-theme="crimson"]{--theme-glow-1:#ff334f;--theme-glow-2:#b8002b}html[data-theme="ocean"],body[data-theme="ocean"]{--theme-glow-1:#2fa9ff;--theme-glow-2:#21e6cc}html[data-theme="violet"],body[data-theme="violet"]{--theme-glow-1:#a55cff;--theme-glow-2:#f05cff}
html[data-theme="aurora"] body::before,html[data-theme="sunset"] body::before,html[data-theme="nebula"] body::before,html[data-theme="inferno"] body::before,html[data-theme="frost"] body::before,html[data-theme="cyber"] body::before{content:"";position:fixed;inset:var(--title-h) 0 0;z-index:-1;pointer-events:none;background:radial-gradient(700px 420px at 80% -5%,color-mix(in srgb,var(--theme-glow-1) 20%,transparent),transparent 72%),radial-gradient(620px 440px at 7% 100%,color-mix(in srgb,var(--theme-glow-2) 16%,transparent),transparent 75%)}
html[data-theme] :is(.app,.main,.content,.chat-view,.messages,.friends-view,.store-view){background:color-mix(in srgb,var(--surface-chat) 96%,var(--theme-glow-1,transparent) 4%)!important}html[data-theme] :is(.sidebar,.community-nav,.members,.settings-nav,.userbar){background:color-mix(in srgb,var(--surface-side) 97%,var(--theme-glow-2,transparent) 3%)!important}

/* Older screens used literal Discord-gray colors. Normalize every major
   surface so saving a theme recolors the complete application, not only the
   rail and chat background. */
html[data-theme] :is(.rail,.window-titlebar,.topbar){background:var(--surface-rail)!important;border-color:var(--surface-line)!important;color:var(--surface-text)!important}
html[data-theme] :is(.modal,.settings-shell,.settings-content,.v202-server-settings,.v202-server-settings-content,.auth-card,.composer,.context-menu,.notification-center,.friend-profile-modal){background:var(--surface-chat)!important;color:var(--surface-text)!important;border-color:var(--surface-line)!important}
html[data-theme] :is(.settings-nav,.v202-server-settings-nav,.group-settings-nav,.sidebar,.community-nav,.members,.userbar){background:var(--surface-side)!important;color:var(--surface-text)!important;border-color:var(--surface-line)!important}
html[data-theme] :is(.v202-settings-card,.v202-category-admin article,.v202-category-admin article>header,.v202-role-row,.v202-member-row,.v202-list-row,.v202-audit-row,.v202-sticker-admin,.v202-boost-card,.concord220-profile-premium,.concord220-privacy-details,.concord230-privacy-card,.concord230-admin-users,.concord230-admin-user,.profile-about-card,.profile-status-line,.profile-activity-line,.concord220-profile .profile-v2-meta>div,.invite-card,.voice-person,.screen-person,.global-call-dock,.upload-chip,.message-attachment){background:var(--surface-panel)!important;color:var(--surface-text)!important;border-color:var(--surface-line)!important}
html[data-theme] :is(input,select,textarea,.v202-search,.v202-simple-dialog input,.v202-simple-dialog select,.v202-role-editor input,.v202-role-editor select,.concord230-privacy-option,.concord230-toggle-row,.concord220-security-summary span,.concord220-privacy-details summary span,.member-role-chips span){background:var(--surface-input)!important;color:var(--surface-text)!important;border-color:var(--surface-line)!important}
html[data-theme] :is(.settings-nav-btn,.v202-server-settings-nav nav button,.nav-btn,.dm-item,.community-channel,.member-row,.friend-row){color:var(--surface-muted)!important}
html[data-theme] :is(.settings-nav-btn,.v202-server-settings-nav nav button,.nav-btn,.dm-item,.community-channel,.member-row,.friend-row):hover{background:var(--surface-hover)!important;color:var(--surface-text)!important}
html[data-theme] :is(.settings-nav-btn.active,.v202-server-settings-nav nav button.active,.nav-btn.active,.dm-item.active,.community-channel.active){background:var(--surface-selected)!important;color:var(--surface-text)!important}
html[data-theme] :is(.settings-actions,.concord240-role-editor>footer){background:var(--surface-side)!important;border-color:var(--surface-line)!important}
html[data-theme] :is(.v202-settings-heading p,.v202-settings-card small,.v202-list-row small,.v202-member-main>span,.v202-role-row small,.v202-audit-row span,.v202-audit-row small,.profile-v2-meta small,.members-title,.community-category-title){color:var(--surface-muted)!important}
html[data-theme] .chat-view.group-layout.voice-channel-view{background:color-mix(in srgb,var(--surface-chat) 96%,var(--theme-glow-1,transparent) 4%)!important}
html[data-theme] .chat-view.group-layout.voice-channel-view>.voice-hub{background:var(--surface-panel)!important;border-color:var(--surface-line)!important}
html[data-theme] .chat-view.group-layout.voice-channel-view .voice-room-head{background:var(--surface-raised)!important;border-color:var(--surface-line)!important}
html[data-theme] .composer{box-shadow:0 8px 28px color-mix(in srgb,var(--surface-rail) 45%,transparent)!important}
html[data-theme][data-theme="light"] :is(.settings-actions,.concord240-role-editor>footer){box-shadow:0 -8px 20px rgba(25,35,48,.06)}
.concord240-theme-dark{background:linear-gradient(135deg,#1e1f22 0 38%,#313338 38% 72%,#383a40 72%)}.concord240-theme-midnight{background:linear-gradient(135deg,#080b14,#111827 62%,#24344f)}.concord240-theme-graphite{background:linear-gradient(135deg,#151617,#27292d 62%,#3a3e44)}.concord240-theme-crimson{background:linear-gradient(135deg,#10070a,#35121c 60%,#ff334f)}.concord240-theme-light{background:linear-gradient(135deg,#fff,#eef1f5 62%,#d9dde3)}.concord240-theme-ocean{background:linear-gradient(135deg,#06101a,#102d43 62%,#2fa9ff)}.concord240-theme-violet{background:linear-gradient(135deg,#0c0712,#2b1740 62%,#a55cff)}.concord240-theme-amoled{background:linear-gradient(135deg,#000 0 58%,#151515 58%)}.concord240-theme-cyber{background:linear-gradient(135deg,#031012,#0d353b 55%,#19ffd8 55% 70%,#ff32ce)}.concord240-theme-aurora{background:linear-gradient(135deg,#08141c,#17404b 45%,#33e6b5 70%,#7065ff)}.concord240-theme-sunset{background:linear-gradient(135deg,#25101b,#e74382 52%,#ff9e43)}.concord240-theme-nebula{background:radial-gradient(circle at 65% 28%,#ff5caf,#49327c 38%,#0a0718 78%)}.concord240-theme-inferno{background:linear-gradient(145deg,#180402,#7a1b0d 45%,#ff3d22 70%,#ffae31)}.concord240-theme-frost{background:linear-gradient(140deg,#07131d,#24516a 52%,#58d5ff 78%,#d9f8ff)}

.group-icon>img,.rail-group-icon>img,.group-settings-icon>img{width:100%!important;height:100%!important;aspect-ratio:1!important;object-fit:cover!important;object-position:center!important;border-radius:50%!important;clip-path:circle(49% at 50% 50%)!important}.group-monogram{width:100%;height:100%;display:grid;place-items:center;border-radius:50%!important}.group-icon{border-radius:50%!important}.group-icon:hover,.group-icon.active{border-radius:16px!important}.group-icon:hover>img,.group-icon.active>img{border-radius:16px!important;clip-path:inset(0 round 16px)!important}

.modal-backdrop{transition:opacity .18s ease,backdrop-filter .22s ease}.modal-backdrop:not(.hidden) .modal{animation:concord240ModalIn .24s cubic-bezier(.16,1,.3,1) both}@keyframes concord240ModalIn{from{opacity:0;transform:translateY(9px) scale(.985)}to{opacity:1;transform:none}}
#messageList{transition:opacity .16s ease,transform .2s cubic-bezier(.2,.8,.2,1)}#messageList.concord240-loading{opacity:.68;transform:translateY(3px)}#messageList.concord240-loaded{animation:concord240ContentIn .24s ease both}@keyframes concord240ContentIn{from{opacity:.45;transform:translateY(5px)}to{opacity:1;transform:none}}
.community-channel,.community-voice-user,.member-row,.voice-person,.camera-tile{transition:background .16s ease,color .16s ease,border-color .18s ease,transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s ease}.community-channel:active,.member-row:active{transform:scale(.985)}body.concord240-call-transition :is(.voice-hub,.community-voice-users,.global-call-dock){animation:concord240CallPulse .34s ease both}@keyframes concord240CallPulse{0%{opacity:.72;transform:translateY(4px)}100%{opacity:1;transform:none}}

.community-voice-user.speaking .avatar,.voice-room-user.speaking .avatar,.camera-tile.speaking .camera-avatar{box-shadow:0 0 0 3px #35d07f,0 0 14px #35d07f66!important}.community-voice-user.speaking.speaking-neon-red .avatar,.voice-room-user.speaking.speaking-neon-red .avatar{box-shadow:0 0 0 3px #ff334f,0 0 18px #ff334fcc!important}.community-voice-user.speaking.speaking-neon-purple .avatar,.voice-room-user.speaking.speaking-neon-purple .avatar{box-shadow:0 0 0 3px #b56cff,0 0 18px #b56cffcc!important}.community-voice-user.speaking.speaking-neon-blue .avatar,.voice-room-user.speaking.speaking-neon-blue .avatar{box-shadow:0 0 0 3px #37b8ff,0 0 18px #37b8ffcc!important}.community-voice-user.speaking.speaking-neon-rainbow .avatar,.voice-room-user.speaking.speaking-neon-rainbow .avatar{box-shadow:0 0 0 3px #ff4d67,0 0 16px #7c5cff,0 0 28px #35d8ff!important;animation:rainbowRing 1.7s linear infinite!important}

.concord240-boost-bar{display:flex;flex-direction:column;gap:3px;margin:7px 9px 5px;padding:9px 10px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--surface-line));border-radius:9px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,var(--surface-panel)),var(--surface-panel));color:var(--surface-text);text-align:left}.concord240-boost-bar span{font-size:10px}.concord240-boost-bar small{font-size:8px;color:var(--surface-muted)}.concord240-boost-bar i{height:3px;border-radius:4px;background:var(--surface-input);overflow:hidden}.concord240-boost-bar b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .45s ease}
.community-category-title{display:flex!important;align-items:center;gap:5px;padding:8px 7px 4px!important;cursor:context-menu}.community-category-title>span{font-size:8px}.community-category-title>strong{min-width:0;overflow:hidden;text-overflow:ellipsis}.community-category-title>button{margin-left:auto;border:0;background:transparent;color:var(--surface-muted);font-size:16px;line-height:1}.community-category-title>button:hover{color:var(--surface-text)}

.members .member-row{width:calc(100% - 12px);margin:2px 6px;border:0;text-align:left;background:transparent;color:var(--surface-muted);padding:8px}.member-row.role-highlight{border-left:2px solid var(--member-role-color)!important;background:linear-gradient(90deg,color-mix(in srgb,var(--member-role-color) 10%,transparent),transparent)!important}.concord240-member-section{padding:15px 13px 5px;color:var(--surface-muted);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.6px}.member-role-chips{display:flex;flex-wrap:wrap;gap:3px;margin-top:4px}.member-role-chips span,.concord240-profile-roles span{padding:2px 6px;border:1px solid color-mix(in srgb,var(--role) 48%,transparent);border-radius:999px;background:color-mix(in srgb,var(--role) 13%,transparent);color:color-mix(in srgb,var(--role) 75%,white);font-size:8px}.mini-hellpass{margin-left:5px;font-size:9px}.concord240-role-checks{display:grid;gap:5px;max-height:48vh;overflow:auto}.concord240-role-checks label{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid var(--surface-line);border-radius:8px;background:var(--surface-input);text-transform:none}.concord240-role-checks input{width:18px!important;margin-left:auto}.role-dot{width:10px;height:10px;border-radius:50%;background:var(--role)}

.modal:has(.concord240-role-editor){width:min(930px,calc(100vw - 48px));max-height:calc(100vh - var(--title-h) - 38px);padding:0;overflow:hidden}.concord240-role-editor{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:100%;height:min(760px,calc(100vh - var(--title-h) - 70px));min-height:480px}.concord240-role-editor>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;border-bottom:1px solid var(--surface-line)}.concord240-role-editor>header small{color:var(--surface-muted);font-size:9px}.concord240-role-editor>header h2{margin:2px 0 0}.concord240-role-editor>header>span{padding:7px 11px;border-radius:999px;background:color-mix(in srgb,var(--role) 16%,var(--surface-panel));border:1px solid color-mix(in srgb,var(--role) 55%,transparent);color:var(--role);font-weight:800}.concord240-role-layout{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:0}.concord240-role-layout>aside{padding:20px;border-right:1px solid var(--surface-line);overflow:auto}.concord240-role-layout>aside label{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}.concord240-role-layout>aside input[type=color]{height:44px}.concord240-highlight-toggle{flex-direction:row!important;align-items:flex-start;gap:9px;padding:12px;border:1px solid var(--surface-line);border-radius:9px;background:var(--surface-input)}.concord240-highlight-toggle input{width:18px!important}.concord240-highlight-toggle span{display:flex;flex-direction:column;gap:3px}.concord240-highlight-toggle small{color:var(--surface-muted);font-size:9px}.concord240-role-layout>main{padding:20px 22px;overflow-y:auto;background:var(--surface-chat)}.concord240-role-layout>main section+section{margin-top:20px}.concord240-role-layout h3{margin:0 0 8px;font-size:12px;text-transform:uppercase;color:var(--surface-muted)}.concord240-permission{display:flex!important;align-items:center;justify-content:space-between;gap:15px;padding:11px 12px;border-top:1px solid var(--surface-line);text-transform:none!important}.concord240-permission span{display:flex;flex-direction:column;gap:2px}.concord240-permission small{color:var(--surface-muted);font-size:9px}.concord240-permission input{width:18px!important}.concord240-role-editor>footer{margin:0;padding:14px 20px;border-top:1px solid var(--surface-line);background:var(--surface-panel)}.concord240-role-editor>footer .danger-btn{margin-right:auto}

.notification-row{position:relative;padding-right:44px}.notification-delete{position:absolute;right:9px;top:9px;display:grid;place-items:center;width:27px;height:27px;border:0;border-radius:7px;background:var(--surface-input);color:var(--surface-muted);font-size:19px;opacity:0;transform:scale(.9);transition:.15s}.notification-row:hover .notification-delete,.notification-delete:focus{opacity:1;transform:none}.notification-delete:hover{background:#da373c;color:white}
.concord240-profile{width:min(480px,100%);overflow:hidden}.concord240-profile .friend-profile-banner{height:125px}.concord240-profile-roles{padding:11px 12px;border-radius:9px;background:var(--surface-raised)}.concord240-profile-roles>small{color:var(--surface-muted);font-size:9px}.concord240-profile-roles>div{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.concord240-profile-skeleton{position:relative;min-height:330px}.skeleton-banner,.skeleton-avatar,.concord240-profile-skeleton i,.gif-skeleton{background:linear-gradient(100deg,var(--surface-raised) 20%,var(--surface-selected) 38%,var(--surface-raised) 56%);background-size:220% 100%;animation:concord240Shimmer 1.25s infinite}.skeleton-banner{height:125px;border-radius:12px}.skeleton-avatar{width:82px;height:82px;border-radius:50%;margin:-38px 0 24px 18px;border:6px solid var(--surface-panel)}.concord240-profile-skeleton i{display:block;height:14px;border-radius:6px;margin:11px 18px}.concord240-profile-skeleton i:nth-last-child(1){width:55%}@keyframes concord240Shimmer{to{background-position:-220% 0}}.concord240-profile-error{text-align:center;padding:38px}.concord240-profile-error>span{font-size:38px}.danger-ghost{color:#ff7b81!important}
.concord240-confirm{text-align:center;max-width:520px}.confirm-icon{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 13px;border-radius:14px;background:var(--surface-input);font-size:23px}.confirm-icon.danger{background:#f23f4222;color:#ff7378}.concord240-confirm label{text-align:left;display:flex;flex-direction:column;gap:6px}.concord240-media-loading{min-height:56px;opacity:.82}.concord240-media-loading [data-media-target]{background:linear-gradient(100deg,var(--surface-panel),var(--surface-selected),var(--surface-panel));background-size:220% 100%;animation:concord240Shimmer 1.25s infinite}.gif-skeleton{display:block;aspect-ratio:4/3;border-radius:9px}.inline-gif{background:var(--surface-panel)}
@media(max-width:760px){.concord240-role-layout{grid-template-columns:1fr}.concord240-role-layout>aside{border-right:0;border-bottom:1px solid var(--surface-line);max-height:210px}.concord240-role-editor{min-height:0}.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.notification-delete{opacity:1}.concord240-boost-bar small{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}