:root{--bg:#050816;--panel:#090e20;--panel2:#0d1429;--line:#1c2d4a;--text:#e7efff;--muted:#7990b7;--cyan:#20d5ff;--blue:#2375ff;--purple:#c22cff;--pink:#ff2edb;--green:#44dda3;--danger:#ff6678;--sidebar:270px;--members:270px}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:"Segoe UI",Arial,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}.hidden{display:none!important}.app{display:grid;grid-template-columns:var(--sidebar) minmax(430px,1fr) var(--members);height:100vh;min-width:900px}.sidebar,.members-pane{background:linear-gradient(180deg,#070c1b,#060a16);border-color:var(--line);min-height:0}.sidebar{position:relative;border-right:1px solid var(--line);padding:14px 10px 10px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:6px 6px 16px;border-bottom:1px solid #16243c}.brand img{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(32,213,255,.18))}.brand strong{font-size:20px;line-height:1;color:white}.brand span{display:block;color:#6b84ae;font-size:10px;letter-spacing:.08em;margin-top:5px}.channels-scroll{flex:1;min-height:0;overflow:auto;padding:10px 3px 10px 0;scrollbar-gutter:stable}.channels-scroll::-webkit-scrollbar,.messages::-webkit-scrollbar,.members::-webkit-scrollbar{width:7px}.channels-scroll::-webkit-scrollbar-thumb,.messages::-webkit-scrollbar-thumb,.members::-webkit-scrollbar-thumb{background:#22385d;border-radius:8px}.section-head{position:sticky;top:-10px;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:11px 7px 6px;background:#070c1b;color:#758cad;text-transform:none;font-size:11px;font-weight:800}.section-head button{border:0;background:transparent;color:#7cb8da;font-size:18px;cursor:pointer}.channel-list{display:flex;flex-direction:column;gap:3px}.channel-tree{position:relative}.subchannels{margin-left:20px;padding-left:12px;border-left:1px solid #263c64}.channel-row{display:flex;align-items:center;gap:5px;min-width:0;border-radius:8px}.channel{min-width:0;flex:1;display:flex;align-items:center;gap:9px;border:1px solid transparent;background:transparent;color:#9fb4d1;border-radius:8px;padding:9px 9px;cursor:pointer;text-align:left}.channel:hover{background:#0d1930;color:#d9e8ff}.channel.active{background:linear-gradient(90deg,rgba(25,129,202,.25),rgba(142,44,255,.12));border-color:#244d73;color:white}.channel .icon{width:20px;text-align:center;flex:0 0 20px}.channel .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.channel .count{background:#0a1828;border:1px solid #172e4d;border-radius:20px;padding:1px 7px;font-size:10px;color:#84a7c6}.row-actions{display:flex;gap:2px;flex:0 0 auto}.mini{width:25px;height:29px;border:0;background:transparent;color:#6786a7;border-radius:5px;cursor:pointer}.mini:hover{background:#15213a;color:#47dbff}.channel-row.dragging{opacity:.45}.drop-before{box-shadow:inset 0 2px 0 var(--cyan)}.drop-after{box-shadow:inset 0 -2px 0 var(--purple)}.voice-member{margin:2px 3px 3px 34px;padding:6px 8px;border-radius:7px;background:#091324;display:flex;align-items:center;gap:7px;font-size:11px}.voice-member.speaking{outline:1px solid #32d99b;background:#0b211f}.voice-member .avatar,.member .avatar,.msg-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#123c66,#431a77);font-size:11px;font-weight:800;flex:0 0 auto}.sidebar-action{margin:10px 6px;border:1px dashed #315171;background:transparent;color:#85b6d4;border-radius:7px;padding:9px;cursor:pointer}.sidebar-action:hover{border-color:#7a55ce;color:white}.connection-card{flex:0 0 auto;padding:11px;border:1px solid #1c304e;border-radius:9px;background:#081321}.connection-card>div{display:flex;align-items:center;gap:7px}.connection-card small{display:block;margin:6px 0 0 18px;color:#6e89aa}.dot{width:9px;height:9px;border-radius:50%;display:inline-block;background:#d34d62}.dot.online{background:var(--green);box-shadow:0 0 10px rgba(68,221,163,.5)}.resizer{position:absolute;top:0;right:-4px;width:8px;bottom:0;cursor:col-resize;z-index:30}.resizer:hover:after{content:"";position:absolute;left:3px;top:0;bottom:0;width:1px;background:var(--cyan)}.main{min-width:0;min-height:0;display:grid;grid-template-rows:74px minmax(0,1fr) auto 86px;background:radial-gradient(circle at 75% 5%,rgba(88,36,200,.08),transparent 32%),#070b16}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid var(--line);background:rgba(8,13,29,.96)}.channel-head strong{display:block;font-size:22px}.channel-head small{display:block;margin-top:4px;color:#7189aa}.top-actions{display:flex;align-items:center;gap:8px;min-width:0}.ghost{height:34px;padding:0 12px;border:1px solid #294367;background:#0a1426;color:#bdcce4;border-radius:7px;cursor:pointer}.ghost:hover{border-color:#3c74a3;color:white}.danger-lite{border-color:#503044;color:#f5a7b2}.identity{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid #3b3374;background:linear-gradient(90deg,#15183c,#251238);padding:8px 12px;border-radius:20px;color:#d7dcff;font-weight:700}.messages{min-height:0;overflow:auto;padding:18px 20px}.system{color:#6e86a5;padding:20px;text-align:center}.message{display:grid;grid-template-columns:36px 1fr;gap:10px;margin-bottom:14px}.msg-head{display:flex;align-items:center;gap:8px}.msg-name{font-weight:800;color:#dfe8ff}.msg-name.admin{color:#d97cff}.msg-time{font-size:10px;color:#657b9c}.msg-body{margin-top:4px;color:#d2ddf0;white-space:pre-wrap;word-break:break-word}.composer{display:grid;grid-template-columns:1fr 92px;margin:0 18px 10px;border:1px solid #223c60;border-radius:9px;overflow:hidden;background:#0b1728}.composer textarea{resize:none;border:0;outline:0;background:transparent;color:white;padding:13px 14px;min-height:50px}.composer button,.primary{border:0;background:linear-gradient(135deg,#0ba3e9,#6b2cff);color:white;font-weight:800;cursor:pointer}.voice-dock{margin:0 18px 14px;border:1px solid #183c4c;border-radius:10px;background:linear-gradient(90deg,#08231f,#0b1728);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;min-width:0}.voice-dock.disconnected{background:#0a1322;border-color:#243752}.voice-info{display:flex;align-items:center;gap:10px;min-width:0}.voice-logo{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:900;background:linear-gradient(135deg,#05cde9,#8a2cff);box-shadow:0 0 18px rgba(37,190,255,.18)}.voice-copy{min-width:0}.voice-copy strong,.voice-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-copy strong{color:#5aefc2}.voice-copy small{color:#7891ad;margin-top:2px}.mic-row{display:flex;align-items:center;gap:8px;margin-top:5px;font-size:9px;color:#6e86a4}.mic-meter{width:110px;height:4px;background:#132741;border-radius:4px;overflow:hidden}.mic-meter i{display:block;width:0;height:100%;background:linear-gradient(90deg,#31dba2,#34d6ff,#e95cff);transition:width .12s}.voice-controls{display:flex;gap:7px;flex:0 0 auto}.voice-controls button{height:38px;min-width:67px;border:1px solid #2a486a;background:#0e1c31;color:#c8d8ec;border-radius:7px;font-weight:800;cursor:pointer}.voice-controls button.active{border-color:#25d3ff;color:#47e2ff;background:#0c2639}.voice-controls .danger,.danger{border-color:#7d3347!important;color:#ff9bad!important;background:#27131c!important}.members-pane{border-left:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.members-head{display:flex;justify-content:space-between;padding:18px 14px 12px;border-bottom:1px solid #182843}.members-head span{background:#0b1d32;border-radius:20px;padding:1px 8px;color:#82a4c3}.members{flex:1;min-height:0;overflow:auto;padding:8px}.member{display:flex;align-items:center;gap:9px;padding:9px;border-radius:8px}.member:hover{background:#0c1830}.member-copy{min-width:0;flex:1}.member-name{font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-state{font-size:10px;color:#7890ae;margin-top:2px}.member-actions{display:flex;gap:3px}.friends-mini{border-top:1px solid #182843;padding:10px 12px;max-height:190px;overflow:auto}.friends-mini>strong{display:block;margin-bottom:7px;color:#88a7c6}.mini-friend{display:flex;align-items:center;justify-content:space-between;padding:5px 0;font-size:11px;color:#afc1da}.voice-help{display:flex;gap:10px;border-top:1px solid #182843;padding:12px}.voice-help img{width:38px;height:38px;object-fit:contain}.voice-help p{font-size:10px;color:#7086a2;margin:5px 0 0;line-height:1.4}.modal{position:fixed;inset:0;z-index:100;background:rgba(1,3,11,.72);display:flex;align-items:center;justify-content:center;padding:24px}.modal-card{width:min(470px,100%);max-height:88vh;overflow:auto;border:1px solid #2b4770;background:linear-gradient(180deg,#0b1428,#070c19);border-radius:14px;padding:18px;box-shadow:0 30px 80px rgba(0,0,0,.5)}.modal-card.wide{width:min(840px,100%)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.modal-head strong{font-size:18px}.modal-head small{display:block;color:#7188a7;margin-top:4px}.modal-head button{border:0;background:transparent;color:#83a2c4;cursor:pointer}.modal-card label{display:block;margin:11px 0;color:#8fa7c4;font-size:11px}.modal-card input,.modal-card select{display:block;width:100%;margin-top:5px;border:1px solid #2a4569;background:#0a1528;color:white;border-radius:7px;padding:10px;outline:0}.modal-card .primary{width:100%;padding:11px;border-radius:8px;margin-top:8px}.friend-search{display:grid;grid-template-columns:1fr 90px;gap:8px}.friend-search input{border:1px solid #294566;background:#091528;color:white;border-radius:7px;padding:10px}.friend-search button{border:0;border-radius:7px;background:#14355c;color:#c6dcf5;cursor:pointer}.friend-results{margin:8px 0 14px}.friend-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.friend-columns h3{font-size:12px;color:#87a5c3}.friend-row{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid #1b3151;border-radius:8px;margin-bottom:6px}.friend-row>div:nth-child(2){flex:1;min-width:0}.friend-row strong,.friend-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-row small{color:#6e86a4}.friend-row button{border:1px solid #2b4c73;background:#0d1c31;color:#b9d3ed;border-radius:5px;padding:5px 7px;cursor:pointer}.screen-viewer{position:fixed;inset:0;z-index:120;background:rgba(0,0,0,.86);display:flex;align-items:center;justify-content:center;padding:20px}.screen-card{width:min(1200px,96vw);height:min(760px,92vh);display:grid;grid-template-rows:58px 1fr;background:#03060d;border:1px solid #34517b;border-radius:12px;overflow:hidden}.screen-head{display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:#0a1121}.screen-head div{display:flex;gap:9px}.screen-head span{color:#ff607a;font-weight:900}.screen-head button{border:1px solid #6d3448;background:#28121c;color:#ff9daf;border-radius:6px;padding:7px 12px}.screen-card video{width:100%;height:100%;object-fit:contain;background:black}.screen-card #screenEmpty{display:grid;place-items:center;color:#7890ad}.call-card{text-align:center}.call-avatar{width:86px;height:86px;margin:0 auto;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#144d7c,#6c1f99);font-size:24px;font-weight:900}.call-actions{display:flex;justify-content:center;gap:8px}.call-actions button{padding:10px 18px;border-radius:8px}.floating{position:fixed;right:290px;bottom:105px;z-index:130;width:250px;padding:12px;border:1px solid #304c76;border-radius:10px;background:#091426}.floating>div{display:flex;justify-content:space-between}.floating button{border:0;background:transparent;color:#8ca7c7}.floating input{width:100%;margin:12px 0}.toast{position:fixed;left:50%;bottom:24px;z-index:200;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#0b1a2d;border:1px solid #2b4f78;color:white;border-radius:8px;padding:10px 14px;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.error{border-color:#7b3447;color:#ffb0bd}@media(max-width:1080px){:root{--members:220px}.app{grid-template-columns:var(--sidebar) minmax(380px,1fr) var(--members)}}@media(max-width:900px){.app{grid-template-columns:var(--sidebar) 1fr}.members-pane{display:none}}@media(max-width:700px){.top-actions .ghost{display:none}.voice-controls button{min-width:52px}.friend-columns{grid-template-columns:1fr}}


/* VoicerInn V0.3.0 - Perfil e Voz/Áudio */
.identity-button{font:inherit;cursor:pointer;text-align:left}.identity-button:hover{border-color:#5e55a9;color:#fff}
.avatar,.msg-avatar{position:relative;overflow:hidden}.avatar img,.msg-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;z-index:2}.avatar .avatar-fallback,.msg-avatar .avatar-fallback{position:relative;z-index:1}
.settings-card{width:min(1040px,96vw);height:min(720px,92vh);padding:0;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr)}.settings-head{padding:18px 20px;margin:0;border-bottom:1px solid #1d3150}.settings-layout{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:0}.settings-nav{padding:14px;border-right:1px solid #1b2d49;background:#070e1c}.settings-nav button{width:100%;display:flex;align-items:center;gap:11px;text-align:left;border:1px solid transparent;background:transparent;color:#8fa8c7;border-radius:9px;padding:11px;cursor:pointer;margin-bottom:7px}.settings-nav button>span{font-size:19px}.settings-nav button strong,.settings-nav button small{display:block}.settings-nav button small{font-size:10px;color:#637d9f;margin-top:2px}.settings-nav button.active,.settings-nav button:hover{background:#0e1c34;border-color:#28496f;color:#fff}.settings-nav button.active{box-shadow:inset 3px 0 #34d7ff}.settings-content{min-width:0;min-height:0;overflow:auto;padding:22px}.settings-pane{min-height:100%}.settings-title{padding-bottom:15px;border-bottom:1px solid #1c304c;margin-bottom:18px}.settings-title strong{font-size:20px;display:block}.settings-title small{color:#7891af;display:block;margin-top:4px}.profile-editor{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px}.profile-avatar-box{display:flex;flex-direction:column;align-items:center;gap:9px;border:1px solid #1d3455;background:#081425;border-radius:12px;padding:18px;height:max-content}.profile-avatar{width:128px;height:128px;border-radius:50%;position:relative;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#0e547a,#6921a0);font-size:34px;font-weight:900;box-shadow:0 0 30px rgba(46,183,255,.12)}.profile-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.profile-avatar-box small{font-size:10px;color:#6f87a5;text-align:center;line-height:1.4}.secondary-file{display:block!important;width:100%;margin:0!important;padding:9px;text-align:center;border:1px solid #2b557d!important;border-radius:7px;background:#0d2138;color:#bcd8ef!important;cursor:pointer}.ghost.compact{height:31px;padding:0 10px}.profile-fields label{margin-top:0;margin-bottom:13px}.profile-fields input[readonly]{opacity:.65;cursor:not-allowed}.profile-meta{display:flex;gap:8px;margin:4px 0 16px}.profile-meta span{border:1px solid #2b3e67;border-radius:20px;padding:4px 9px;font-size:10px;color:#9cb5d1}.settings-save{max-width:260px!important}.audio-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.setting-block{border:1px solid #1c3455;background:#081425;border-radius:11px;padding:16px}.setting-block.full{grid-column:1/-1}.setting-block-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.setting-block-head strong,.setting-block-head small{display:block}.setting-block-head small{font-size:10px;color:#7189a8;margin-top:3px;line-height:1.4}.audio-test-row{display:grid;grid-template-columns:auto minmax(80px,1fr) 74px;align-items:center;gap:10px;margin-top:12px}.settings-meter{height:7px;border-radius:10px;background:#132741;overflow:hidden}.settings-meter i{display:block;width:0;height:100%;background:linear-gradient(90deg,#2fe0a1,#32d6ff,#d958ff);transition:width .1s}.audio-test-row>span{font-size:10px;color:#7f99b7}.toggle-list{display:grid;gap:8px;margin-top:15px}.toggle-list label,.switch-line{display:flex!important;align-items:center;gap:8px;margin:0!important;color:#a7bad1!important}.toggle-list input,.switch-line input{width:auto!important;margin:0!important}.range-label span{float:right;color:#60d8ff}.range-label input[type=range]{padding:0;border:0;background:transparent;margin-top:9px}.setting-note{display:block;color:#6d85a4;margin-top:10px;line-height:1.4}.ptt-settings{display:grid;grid-template-columns:1fr 190px;gap:22px;align-items:end}.ptt-settings>label{margin:0!important}.hidden{display:none!important}@media(max-width:850px){.settings-layout{grid-template-columns:170px 1fr}.profile-editor{grid-template-columns:1fr}.audio-grid{grid-template-columns:1fr}.setting-block.full{grid-column:auto}.profile-avatar-box{max-width:260px}.ptt-settings{grid-template-columns:1fr}}

/* VoicerInn V0.3.1 - identidade tipografica + dock de voz estavel */
:root{--font-ui:"Segoe UI Variable Text","Segoe UI Variable","Segoe UI",Arial,sans-serif;--font-display:"Segoe UI Variable Display","Segoe UI Variable Text","Segoe UI",Arial,sans-serif}
html,body{font-family:var(--font-ui);font-size:15px;letter-spacing:.005em}
button,input,select,textarea{font-family:var(--font-ui)}
.brand strong,.channel-head strong,.modal-head strong,.settings-title h2,.profile-fields strong{font-family:var(--font-display);letter-spacing:-.015em}
.brand strong{font-size:21px}.brand span{font-size:11px}.section-head{font-size:12px}.channel{font-size:14px;padding:10px 10px}.channel .count{font-size:11px}.voice-member{font-size:12px}.channel-head strong{font-size:23px}.channel-head small{font-size:12px}.identity{font-size:13px}.msg-name{font-size:14px}.msg-body{font-size:14px;line-height:1.45}.member-name{font-size:13px}.member-state{font-size:11px}.friends-mini>strong{font-size:13px}.voice-help p{font-size:11px}.modal-card label{font-size:12px}.modal-head strong{font-size:19px}.settings-nav button strong{font-size:14px}.settings-nav button small{font-size:11px}.setting-block-head strong{font-size:15px}.setting-block-head small{font-size:12px;line-height:1.4}.profile-fields label,.audio-grid label{font-size:12px}.profile-fields input,.profile-fields select,.audio-grid select{font-size:14px}
.voice-dock{min-height:74px}.voice-copy strong{font-family:var(--font-display);font-size:16px}.voice-copy small{font-size:12px}.mic-row{height:16px;gap:8px;margin-top:6px;color:#7790ad}.mic-state-icon{width:16px;height:16px;flex:0 0 16px;display:grid;place-items:center;color:#82a0bf;transition:color .12s,filter .12s,transform .12s}.mic-state-icon svg{width:15px;height:15px;display:block;fill:currentColor}.mic-state-icon.speaking{color:#49e7b1;filter:drop-shadow(0 0 5px rgba(73,231,177,.45));transform:scale(1.05)}.mic-state-icon.muted{color:#ff7187}.mic-meter{width:138px;height:5px;flex:0 0 138px;background:#132741;border-radius:5px;overflow:hidden}.mic-meter i{height:100%;border-radius:5px}.voice-controls button{font-size:12px}
.mic-state-icon{position:relative}.mic-state-icon.muted:after{content:"";position:absolute;width:18px;height:2px;border-radius:2px;background:#ff7187;transform:rotate(-45deg);box-shadow:0 0 4px rgba(255,113,135,.25)}

/* VoicerInn V0.3.2 - interface compacta, pessoas unificadas e controles por icones */
.topbar{padding:11px 14px;gap:12px}.channel-head{min-width:0}.channel-head strong,.channel-head small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-actions{flex:0 0 auto;gap:7px}.icon-action,.profile-quick{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;border:1px solid #284363;background:#0a1426;color:#b9cde5;cursor:pointer;transition:.15s}.icon-action:hover,.profile-quick:hover{border-color:#3f759f;background:#0e1b31;color:#fff}.icon-action svg,.voice-icon-btn svg,.people-search button svg{width:19px;height:19px;fill:currentColor;display:block}.danger-action{color:#ff8ca0;border-color:#6b3143;background:#24131b}.danger-action:hover{color:#ffb0be;border-color:#994258;background:#351720}.profile-quick{font-family:var(--font-display);font-size:11px;font-weight:900;border-radius:50%;background:linear-gradient(145deg,#123c66,#431a77);color:#fff;box-shadow:0 0 0 2px #49e7b1}.profile-quick.status-away{box-shadow:0 0 0 2px #f4c542}.profile-quick.status-dnd{box-shadow:0 0 0 2px #ff6378}.profile-quick.status-offline{box-shadow:0 0 0 2px #65758d}
.main{grid-template-rows:72px minmax(0,1fr) auto 82px}.voice-dock{display:grid;grid-template-columns:minmax(145px,1fr) auto;gap:10px;padding:9px 10px;overflow:hidden}.voice-info{overflow:hidden}.voice-logo{width:38px;height:38px;flex:0 0 38px}.voice-copy{overflow:hidden}.voice-controls{display:grid;grid-auto-flow:column;grid-auto-columns:42px;gap:6px;align-items:center;flex:0 0 auto}.voice-controls button,.voice-icon-btn{position:relative;width:42px!important;min-width:42px!important;height:38px!important;padding:0!important;display:grid!important;place-items:center!important;border:1px solid #2a486a;background:#0e1c31;color:#c8d8ec;border-radius:8px;font-weight:800;cursor:pointer}.voice-controls button:hover{border-color:#4476a1;background:#12243e;color:#fff}.voice-controls button.active{border-color:#25d3ff;color:#47e2ff;background:#0c2639}.voice-controls .danger{border-color:#7d3347!important;color:#ff9bad!important;background:#27131c!important}.key-badge{position:absolute;right:2px;bottom:1px;min-width:16px;height:13px;padding:0 2px;border-radius:4px;background:#07111f;border:1px solid #314866;color:#94b5d6;font-size:7px;line-height:11px;text-align:center}.voice-icon-btn.active .key-badge{border-color:#1eb7d6;color:#55e4ff}.mic-meter{max-width:138px;width:min(138px,22vw)}
.members-pane{min-width:210px}.people-pane{background:linear-gradient(180deg,#070c1b,#060a16)}.people-search{display:grid;grid-template-columns:minmax(0,1fr) 36px;gap:6px;padding:10px 10px 8px;border-bottom:1px solid #14233c}.people-search input{min-width:0;height:36px;border:1px solid #243f62;background:#091426;color:#e8f1ff;border-radius:8px;padding:0 10px;outline:0}.people-search input:focus{border-color:#2d89bc;box-shadow:0 0 0 2px rgba(45,137,188,.12)}.people-search button{height:36px;border:1px solid #284765;border-radius:8px;background:#0d1c31;color:#8edcff;display:grid;place-items:center;cursor:pointer}.people-search button:hover{background:#123052;color:#fff}.people-requests,.people-search-results{padding:0 8px}.people-requests:not(:empty),.people-search-results:not(:empty){padding-top:7px;padding-bottom:5px;border-bottom:1px solid #14233c}.people-subtitle{padding:5px 3px 6px;color:#7189aa;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.people-row{display:flex;align-items:center;gap:9px;padding:8px;border-radius:9px;min-width:0}.people-row:hover{background:#0c1830}.people-row.offline{opacity:.68}.people-row .member-copy{min-width:0;flex:1}.people-actions{display:flex;gap:2px;flex:0 0 auto}.people-action{width:28px;height:28px;border:0;border-radius:6px;background:transparent;color:#7394b4;cursor:pointer;display:grid;place-items:center;font-size:13px}.people-action:hover{background:#142541;color:#4edcff}.status-avatar{box-shadow:0 0 0 2px #49e7b1}.status-avatar.status-away{box-shadow:0 0 0 2px #f4c542}.status-avatar.status-dnd{box-shadow:0 0 0 2px #ff6378}.status-avatar.status-offline{box-shadow:0 0 0 2px #66758c;filter:saturate(.65)}.member-state .friend-tag{color:#9b8cff}.members{padding-top:4px}.members-head{padding:15px 12px 10px}.voice-help{padding:10px}.voice-help img{width:32px;height:32px}.voice-help p{font-size:10px;margin-top:3px}
@media(max-width:1180px){:root{--members:235px}.voice-copy small{max-width:120px}.mic-meter{width:90px}.topbar{padding-left:12px;padding-right:12px}}@media(max-width:1000px){:root{--members:210px}.voice-controls{grid-auto-columns:38px}.voice-controls button,.voice-icon-btn{width:38px!important;min-width:38px!important}.mic-meter{width:72px}.voice-logo{display:none}.voice-dock{grid-template-columns:minmax(105px,1fr) auto}}@media(max-width:900px){.members-pane{display:none}.voice-dock{grid-template-columns:minmax(130px,1fr) auto}.mic-meter{width:100px}}
.avatar-fallback{display:grid;place-items:center;width:100%;height:100%}.avatar-person{width:17px;height:17px;fill:#b8c9df;opacity:.9}.msg-avatar .avatar-person{width:18px;height:18px}

/* VoicerInn V0.3.3 - menu social, notificacoes e volume boost */
.people-row[data-person-user],.voice-member[data-person-user],.msg-name[data-person-user],.channel[data-person-user]{cursor:context-menu}.msg-name[data-person-user]{cursor:pointer}.msg-name[data-person-user]:hover{text-decoration:underline;color:#7fe7ff}.people-actions.social-hidden{display:none!important}.people-row.context-active,.voice-member.context-active{background:#10203a;outline:1px solid #2b5b82}
.context-menu{position:fixed;z-index:260;width:268px;padding:7px;border:1px solid #29496f;border-radius:12px;background:linear-gradient(180deg,#0c172a,#07101f);box-shadow:0 22px 60px rgba(0,0,0,.55);overflow:hidden}.context-profile{display:flex;align-items:center;gap:10px;padding:9px 9px 10px;border-bottom:1px solid #1c304d;margin-bottom:5px}.context-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#0c80b8,#6a2ad6);font-weight:900;color:#fff;flex:0 0 auto}.context-profile strong,.context-profile small{display:block}.context-profile strong{font-size:13px}.context-profile small{font-size:10px;color:#7892b2;margin-top:2px}.context-actions{display:grid;gap:2px}.context-action{width:100%;min-height:36px;display:flex;align-items:center;gap:10px;border:0;background:transparent;color:#c7d6e9;border-radius:7px;padding:7px 9px;text-align:left;cursor:pointer}.context-action:hover{background:#122642;color:#fff}.context-action.danger{color:#ff9bac!important;background:transparent!important;border:0!important}.context-action.danger:hover{background:#321924!important}.context-action.disabled{opacity:.42;pointer-events:none}.context-action .ctx-icon{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;background:#10223a;color:#6cdfff;font-size:13px;flex:0 0 auto}.context-action .ctx-copy{min-width:0}.context-action .ctx-copy strong,.context-action .ctx-copy small{display:block}.context-action .ctx-copy strong{font-size:12px}.context-action .ctx-copy small{font-size:9px;color:#7189a8;margin-top:1px}.context-sep{height:1px;background:#172b46;margin:4px 3px}
.notification-stack{position:fixed;top:58px;right:18px;z-index:240;width:min(340px,calc(100vw - 36px));display:grid;gap:8px;pointer-events:none}.app-notification{pointer-events:auto;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 11px;border:1px solid #28506e;border-radius:11px;background:linear-gradient(135deg,rgba(8,29,47,.98),rgba(18,14,43,.98));box-shadow:0 15px 45px rgba(0,0,0,.42);animation:notifyIn .2s ease-out;cursor:pointer}.app-notification:hover{border-color:#3e7fa8;transform:translateY(-1px)}.notify-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#0ea5d8,#7135e4);font-size:18px}.notify-copy{min-width:0}.notify-copy strong,.notify-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notify-copy strong{font-size:12px}.notify-copy small{font-size:10px;color:#91a9c5;margin-top:3px}.notify-close{width:24px;height:24px;border:0;background:transparent;color:#7890ad;border-radius:6px;cursor:pointer}.notify-close:hover{background:#1a2d45;color:#fff}@keyframes notifyIn{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
.social-modal{text-align:center;width:min(410px,100%);padding:26px}.social-icon{width:66px;height:66px;margin:0 auto 12px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#0e9dcc,#6a35e1);box-shadow:0 0 28px rgba(45,198,255,.16);font-size:24px;font-weight:900}.social-icon.voice{font-size:30px}.social-modal h2{margin:0 0 7px;font-size:20px}.social-modal p{margin:0 auto 19px;max-width:320px;color:#8fa7c3;line-height:1.5}.social-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.social-actions button{height:41px;border-radius:8px}.social-actions .primary{margin:0!important;width:auto!important}.profile-peek-card{text-align:center;width:min(360px,100%);position:relative;padding:30px 24px 24px}.profile-peek-close{position:absolute;right:12px;top:10px;width:30px;height:30px;border:0;border-radius:8px;background:transparent;color:#829bb8;cursor:pointer;font-size:20px}.profile-peek-close:hover{background:#16253d;color:#fff}.profile-peek-avatar{width:88px;height:88px;border-radius:50%;margin:0 auto 13px;display:grid;place-items:center;background:linear-gradient(145deg,#0d8dbc,#7134d9);font-size:24px;font-weight:900;box-shadow:0 0 0 3px #42dda2,0 0 30px rgba(45,211,255,.15)}.profile-peek-card h2{margin:0;font-size:20px}.profile-peek-user{color:#7893b4;font-size:11px;margin-top:4px}.profile-peek-status{display:inline-block;margin-top:11px;padding:4px 9px;border-radius:20px;background:#0b2a23;color:#58e6b5;border:1px solid #1a624e;font-size:10px;font-weight:800}.profile-peek-card p{color:#9bb0ca;line-height:1.45;min-height:18px}.volume-popup{width:285px}.volume-readout{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.volume-readout>span{font-weight:900;color:#6be1ff}.volume-readout small{font-size:9px;line-height:1.35;text-align:right;color:#7089a8}.volume-popup.boost{border-color:#7b43c4;box-shadow:0 12px 35px rgba(111,53,214,.2)}.volume-popup.boost #volumeValue{color:#d98cff}.volume-popup input[type=range]{accent-color:#38cfff}
@media(max-width:1000px){.notification-stack{right:12px;top:52px}.context-menu{width:250px}.volume-popup{right:16px!important}}

/* VoicerInn V0.4.1 - wallpaper layer fix + translucent application shell */
:root{
  --accent-a:#20d5ff;--accent-b:#8a2cff;--user-bg-image:none;--user-bg-opacity:1;--user-panel-alpha:.76;
  --surface:#070b16;--surface-1:#090e20;--surface-2:#0d1429;--surface-3:#0a1729;
  --surface-glass:rgba(7,12,27,.93);--text-main:#e7efff;--text-soft:#9eb1cd;--line-theme:#1c2d4a;
}
body{position:relative;isolation:isolate;background:var(--surface);color:var(--text-main)}
body::before{content:"";position:fixed;inset:0;z-index:0;background-image:var(--user-bg-image);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:var(--user-bg-opacity);pointer-events:none}
body::after{content:"";position:fixed;inset:0;z-index:0;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-a) 7%,transparent),transparent 38%,color-mix(in srgb,var(--accent-b) 6%,transparent));pointer-events:none}
body[data-theme-mode="light"]{--surface:#eef3fb;--surface-1:#f8fbff;--surface-2:#e8eff8;--surface-3:#ffffff;--surface-glass:rgba(247,250,255,.94);--text-main:#172033;--text-soft:#5e6e88;--line-theme:#c7d3e2;color-scheme:light}
body[data-theme-mode="dark"]{color-scheme:dark}
body[data-theme-mode="light"]::after{background:linear-gradient(135deg,color-mix(in srgb,var(--accent-a) 12%,transparent),rgba(255,255,255,.3) 44%,color-mix(in srgb,var(--accent-b) 10%,transparent))}
body[data-theme-mode="light"] .sidebar,body[data-theme-mode="light"] .members-pane{background:linear-gradient(180deg,rgba(248,251,255,.94),rgba(235,242,250,.94));border-color:var(--line-theme)}
body[data-theme-mode="light"] .main{background:rgba(242,247,253,.90)}
body[data-theme-mode="light"] .topbar{background:rgba(248,251,255,.96);border-color:var(--line-theme)}
body[data-theme-mode="light"] .section-head{background:rgba(248,251,255,.96);color:#647895}
body[data-theme-mode="light"] .channel{color:#435773}body[data-theme-mode="light"] .channel:hover{background:#e8f0f9;color:#152238}body[data-theme-mode="light"] .channel.active{background:linear-gradient(90deg,color-mix(in srgb,var(--accent-a) 18%,white),color-mix(in srgb,var(--accent-b) 10%,white));color:#152238;border-color:color-mix(in srgb,var(--accent-a) 35%,#c7d3e2)}
body[data-theme-mode="light"] .messages,body[data-theme-mode="light"] .msg-body,body[data-theme-mode="light"] .msg-name{color:#1e2a3d}
body[data-theme-mode="light"] .composer{background:#fff;border-color:#c5d3e4}body[data-theme-mode="light"] .composer textarea{color:#1e2a3d}
body[data-theme-mode="light"] .voice-dock{background:linear-gradient(90deg,#e9fff7,#f0f5ff);border-color:#b9d9d0}body[data-theme-mode="light"] .voice-dock.disconnected{background:#f3f6fb;border-color:#cad6e4}
body[data-theme-mode="light"] .connection-card,body[data-theme-mode="light"] .people-row:hover,body[data-theme-mode="light"] .voice-member{background:#eef4fa;border-color:#cbd8e7}
body[data-theme-mode="light"] .members-head,body[data-theme-mode="light"] .people-search,body[data-theme-mode="light"] .voice-help{border-color:#cfdae8}body[data-theme-mode="light"] .people-search input{background:#fff;color:#172033;border-color:#c3d1e2}
body[data-theme-mode="light"] .modal-card,body[data-theme-mode="light"] .context-menu,body[data-theme-mode="light"] .floating{background:linear-gradient(180deg,#fff,#f4f7fb);color:#172033;border-color:#c4d2e3}body[data-theme-mode="light"] .settings-nav{background:#edf3f9;border-color:#cbd7e5}body[data-theme-mode="light"] .settings-nav button{color:#465a74}body[data-theme-mode="light"] .settings-nav button.active{background:#fff;color:#182337;border-color:#c2d2e4}
body[data-theme-mode="light"] .setting-block,body[data-theme-mode="light"] .profile-avatar-box{background:#f7faff;border-color:#cbd8e8}body[data-theme-mode="light"] input,body[data-theme-mode="light"] select,body[data-theme-mode="light"] textarea{background:#fff!important;color:#172033!important;border-color:#c3d1e1!important}
body[data-theme-mode="light"] .ghost,body[data-theme-mode="light"] .icon-action,body[data-theme-mode="light"] .voice-icon-btn{background:#f8fbff;color:#425875;border-color:#c4d4e6}body[data-theme-mode="light"] .system,body[data-theme-mode="light"] small,body[data-theme-mode="light"] .member-state{color:#6a7d98}

.primary,.composer button{background:linear-gradient(135deg,var(--accent-a),var(--accent-b))!important}.dot.online{background:var(--accent-a)}.channel.active,.profile-quick,.voice-logo,.social-icon,.context-avatar,.profile-peek-avatar{--local-accent:var(--accent-a)}
.app{position:relative;z-index:1}
.has-user-bg .sidebar,.has-user-bg .members-pane,.has-user-bg .main,.has-user-bg .topbar,.has-user-bg .section-head{backdrop-filter:blur(8px) saturate(1.05)}
body[data-theme-mode="dark"].has-user-bg .sidebar,body[data-theme-mode="dark"].has-user-bg .members-pane{background:linear-gradient(180deg,rgb(5 10 23 / var(--user-panel-alpha)),rgb(5 9 20 / var(--user-panel-alpha)))}
body[data-theme-mode="dark"].has-user-bg .main{background:rgb(5 9 20 / calc(var(--user-panel-alpha) - .06))}
body[data-theme-mode="dark"].has-user-bg .topbar,body[data-theme-mode="dark"].has-user-bg .section-head{background:rgb(7 13 29 / calc(var(--user-panel-alpha) + .04))}
body[data-theme-mode="light"].has-user-bg .sidebar,body[data-theme-mode="light"].has-user-bg .members-pane{background:linear-gradient(180deg,rgb(248 251 255 / var(--user-panel-alpha)),rgb(235 242 250 / var(--user-panel-alpha)))}
body[data-theme-mode="light"].has-user-bg .main{background:rgb(242 247 253 / calc(var(--user-panel-alpha) - .06))}
body[data-theme-mode="light"].has-user-bg .topbar,body[data-theme-mode="light"].has-user-bg .section-head{background:rgb(248 251 255 / calc(var(--user-panel-alpha) + .04))}
.has-user-bg .messages{background:transparent}
.has-user-bg .channels-scroll,.has-user-bg .members{background:transparent}

.app{min-width:680px}.members-pane{position:relative}.people-resizer{position:absolute;top:0;left:-4px;width:8px;bottom:0;cursor:col-resize;z-index:35}.people-resizer:hover:after{content:"";position:absolute;left:4px;top:0;bottom:0;width:1px;background:var(--accent-a)}
.voice-help{flex:0 0 auto}.members{flex:1;min-height:0}.people-pane{overflow:hidden}

.profile-quick{position:relative;overflow:hidden;padding:0}.profile-quick img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.profile-quick>span{display:grid;place-items:center;width:100%;height:100%}.profile-quick::after{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid currentColor;pointer-events:none}.power-action{border-radius:50%;width:40px!important;height:40px!important;padding:0!important;display:grid!important;place-items:center!important}.power-action svg{width:20px!important;height:20px!important;overflow:visible}.power-action svg path{fill:currentColor}.power-action:hover{box-shadow:0 0 0 3px rgba(255,102,120,.08),0 0 18px rgba(255,102,120,.16)}

.settings-card-v4{width:min(1040px,96vw);height:min(760px,92vh);display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.settings-card-v4 .settings-layout{min-height:0;overflow:hidden}.settings-card-v4 .settings-content{min-height:0;overflow:auto}.modal-x{width:36px;height:36px;border:1px solid #294367;border-radius:9px;background:transparent;color:#9cb1cb;font-size:21px;cursor:pointer}.modal-x:hover{background:#18263e;color:#fff}.settings-footer{border-top:1px solid var(--line-theme);padding:11px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface-glass)}.settings-footer>span{font-size:11px;color:var(--text-soft)}.settings-footer>div{display:flex;gap:8px}.settings-footer button{height:38px;padding:0 16px;border-radius:8px}.settings-footer .primary{border:0;color:#fff;font-weight:800;cursor:pointer}
.appearance-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.appearance-grid .full{grid-column:1/-1}.theme-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.theme-mode{display:flex;align-items:center;gap:10px;border:1px solid #27435f;background:#0a172a;color:var(--text-main);padding:10px;border-radius:10px;cursor:pointer;text-align:left}.theme-mode.active{border-color:var(--accent-a);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-a) 15%,transparent)}.theme-preview{width:48px;height:32px;border-radius:7px;border:1px solid rgba(127,150,180,.35);display:block}.dark-preview{background:linear-gradient(135deg,#060914,#18284a)}.light-preview{background:linear-gradient(135deg,#fff,#dce8f6)}.scale-presets,.theme-package-actions,.background-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.scale-presets{margin-top:10px}.scale-presets button{border:1px solid #29445f;background:#0b1729;color:#9db4cf;border-radius:7px;padding:5px 9px;cursor:pointer}.background-controls .background-strength{flex:1;min-width:220px;margin:0!important}.background-preview{height:118px;border:1px solid #284460;border-radius:11px;margin-top:10px;background-size:cover;background-position:center;display:grid;place-items:center;color:#a9bbd2;overflow:hidden;position:relative}.background-preview.empty{background:linear-gradient(135deg,color-mix(in srgb,var(--accent-a) 18%,#07101f),color-mix(in srgb,var(--accent-b) 16%,#07101f))}.server-theme-info{margin-top:10px;padding:10px 12px;border-radius:8px;border:1px solid color-mix(in srgb,var(--accent-a) 30%,#29445f);background:color-mix(in srgb,var(--accent-a) 7%,transparent)}.server-theme-info strong,.server-theme-info small{display:block}.server-theme-info small{margin-top:3px;color:var(--text-soft)}input[type=color]{height:38px!important;padding:4px!important}.theme-package-actions button{min-height:36px}

@media(max-width:1000px){.appearance-grid{grid-template-columns:1fr}.appearance-grid .full{grid-column:auto}.settings-card-v4{width:98vw;height:94vh}.top-actions{gap:5px}.icon-action,.profile-quick{width:36px;height:36px}.power-action{width:36px!important;height:36px!important}}
@media(max-width:820px){.members-pane{display:none}.app{grid-template-columns:var(--sidebar) minmax(390px,1fr)}.settings-layout{grid-template-columns:150px 1fr}.voice-dock{margin-left:10px;margin-right:10px}.composer{margin-left:10px;margin-right:10px}.topbar{padding:8px 10px}}
@media(min-width:821px){.members-pane{display:flex!important}}


/* VoicerInn V0.4.2 - responsive stacked people pane + voice dock pinned to bottom */
.app{grid-template-areas:"sidebar main people";grid-template-rows:minmax(0,1fr);min-width:680px}
.sidebar{grid-area:sidebar;min-height:0}
.main{grid-area:main;min-height:0;grid-template-rows:72px minmax(0,1fr) auto auto}
.members-pane{grid-area:people;min-height:0;display:flex!important;overflow:hidden}
.members{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden;scrollbar-gutter:stable}
.people-requests,.people-search-results{flex:0 0 auto;max-height:132px;overflow-y:auto;overflow-x:hidden}
.people-requests::-webkit-scrollbar,.people-search-results::-webkit-scrollbar{width:6px}
.people-requests::-webkit-scrollbar-thumb,.people-search-results::-webkit-scrollbar-thumb{background:#22385d;border-radius:8px}
@media(max-width:1100px){
  .app{grid-template-columns:var(--sidebar) minmax(390px,1fr);grid-template-rows:minmax(0,2fr) minmax(190px,1fr);grid-template-areas:"sidebar main" "people main"}
  .sidebar{border-right:1px solid var(--line)}
  .members-pane{display:flex!important;border-left:0;border-right:1px solid var(--line);border-top:1px solid var(--line)}
  .people-resizer{display:none!important}
  .voice-help{display:none!important}
  .members-head{padding:11px 12px 8px}
  .people-search{padding:7px 10px}
  .main{grid-template-rows:64px minmax(0,1fr) auto auto}
  .messages{min-height:0}
  .composer{margin-bottom:8px}
  .voice-dock{align-self:end;margin-bottom:10px}
}
@media(max-width:760px){
  :root{--sidebar:230px}
  .app{grid-template-columns:var(--sidebar) minmax(360px,1fr)}
  .brand span{display:none}
  .voice-dock{grid-template-columns:minmax(95px,1fr) auto}
  .voice-copy small{max-width:90px}
  .mic-meter{width:64px}
}

/* VoicerInn V0.4.3 - explicit wide restore: Pessoas returns to the right */
@media(min-width:1101px){
  .app{
    grid-template-columns:var(--sidebar) minmax(430px,1fr) var(--members)!important;
    grid-template-rows:minmax(0,1fr)!important;
    grid-template-areas:"sidebar main people"!important;
  }
  .members-pane{
    grid-area:people!important;
    display:flex!important;
    border-left:1px solid var(--line)!important;
    border-right:0!important;
    border-top:0!important;
  }
  .people-resizer{display:block!important}
  .voice-help{display:flex!important}
}

/* VoicerInn V0.4.4 - salas privadas com senha + resize livre */
.private-room-list{margin-top:8px;padding-top:4px;border-top:1px dashed color-mix(in srgb,var(--line) 70%,transparent)}
.private-room-tree{margin-bottom:4px}.private-room-channel .icon{filter:none}.private-room-channel .count{font-variant-numeric:tabular-nums}.private-room-channel.active{box-shadow:inset 3px 0 0 var(--accent-a)}
.private-room-card{width:min(460px,92vw)}.private-room-card h2{margin:8px 0 4px;font-family:var(--font-display);font-size:21px}.private-room-card p{margin:0 0 16px;color:var(--text-soft)}.private-room-lock{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;margin:0 auto 8px;background:color-mix(in srgb,var(--accent-a) 12%,var(--surface-2));border:1px solid color-mix(in srgb,var(--accent-a) 38%,var(--line));font-size:24px}.private-room-note{margin:4px 0 14px;padding:10px 12px;border-radius:9px;background:color-mix(in srgb,var(--accent-a) 7%,transparent);border:1px solid color-mix(in srgb,var(--accent-a) 22%,var(--line));color:var(--text-soft);font-size:11px;line-height:1.45}.private-room-error{margin:-4px 0 10px;padding:8px 10px;border-radius:8px;background:rgba(255,83,110,.10);border:1px solid rgba(255,83,110,.35);color:#ff8fa1;font-size:11px}.optional-label{font-weight:400;color:var(--text-soft);font-size:10px;margin-left:4px}
@media(max-width:760px){.private-room-card{width:min(420px,96vw)}}
/* Janela pode encolher livremente; o layout responsivo decide a composição. */
.app{min-width:0!important}

.booster-badge{display:inline-flex;align-items:center;gap:3px;margin-left:6px;padding:2px 6px;border-radius:999px;font-size:10px;font-weight:800;color:#8be9ff;background:rgba(65,214,255,.10);border:1px solid rgba(91,214,255,.18);vertical-align:1px}

/* V0.6.6 - Sobre / atualizacoes */
.about-app-card{display:flex;align-items:center;gap:18px;padding:22px;border:1px solid var(--line);background:rgba(7,18,34,.72);border-radius:16px;margin-bottom:16px}.about-app-logo{width:72px;height:72px;object-fit:contain}.about-app-card h2{margin:0 0 3px;font-size:26px}.about-app-card p{margin:0 0 7px;color:var(--muted)}.about-details{display:flex!important;flex-direction:column;gap:8px}.update-card #checkUpdatesBtn{max-width:300px;margin-top:12px}.update-card #updateStatusText{display:block;margin-top:10px}.update-card #updateStatusText.error{color:#ff647c}

/* V0.7.0 • Live integrada, VAD suave e Booster cosmetics */
.voice-member{gap:8px;min-width:0}.voice-member-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-member.speaking{background:rgba(41,225,163,.09);box-shadow:inset 3px 0 0 #42e0a7}.voice-member.speaking .avatar{box-shadow:0 0 0 2px #42e0a7,0 0 15px rgba(66,224,167,.38)}
.live-badge{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;border:1px solid rgba(255,76,96,.25);background:rgba(255,54,76,.1);color:#ff7586;border-radius:999px;padding:3px 7px;font:800 9px/1 var(--font-ui);cursor:pointer}.live-badge:hover{background:rgba(255,54,76,.18);color:#fff}.live-badge i,.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ff4059;box-shadow:0 0 0 0 rgba(255,64,89,.55);animation:vinLivePulse 1.4s infinite}@keyframes vinLivePulse{0%{box-shadow:0 0 0 0 rgba(255,64,89,.5)}70%{box-shadow:0 0 0 7px rgba(255,64,89,0)}100%{box-shadow:0 0 0 0 rgba(255,64,89,0)}}
.live-stage{min-height:0;flex:1;display:flex;flex-direction:column;background:#030712;overflow:hidden}.main.live-mode #messages,.main.live-mode .composer{display:none!important}.live-stage-head{height:50px;flex:0 0 50px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #1d3555;background:#081222}.live-stage-head>div:first-child{display:flex;align-items:center;gap:9px}.live-stage-actions{display:flex;gap:7px}.live-stage-body{position:relative;min-height:0;flex:1;display:flex;align-items:center;justify-content:center;background:#000}.live-stage video{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;background:#000}.live-stage-empty{position:absolute;inset:0;display:grid;place-items:center;color:#7f96b4;font-weight:700}.live-stage video:not(.hidden)+.live-stage-empty{display:none}.main:not(.live-mode) .live-stage{display:none!important}
.screen-viewer{position:fixed;right:20px;bottom:20px;z-index:245;width:min(28vw,420px);min-width:260px;max-width:calc(100vw - 40px);height:auto;background:transparent;pointer-events:none}.screen-card{pointer-events:auto;border:1px solid #2a4d72;border-radius:12px;overflow:hidden;background:#06101e;box-shadow:0 22px 70px rgba(0,0,0,.62)}.screen-head{height:42px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;background:#0a1830;border-bottom:1px solid #213c5c}.screen-head>div{display:flex;align-items:center;gap:7px;min-width:0}.screen-head span{display:flex;align-items:center;gap:5px;color:#ff6d7f;font-size:9px;font-weight:900}.screen-head strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen-head button{border:0;background:transparent;color:#94acc7;cursor:pointer}.screen-card video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#000}.screen-card #screenEmpty{aspect-ratio:16/9;display:grid;place-items:center;color:#718aa8;background:#02050a}.self-preview-note{display:block;padding:7px 10px;color:#7088a6;font-size:9px;line-height:1.35}
.global-badge{display:inline-flex;margin-left:5px;padding:2px 5px;border-radius:999px;border:1px solid rgba(160,117,255,.3);background:rgba(137,89,255,.12);color:#c7a9ff;font-size:8px;font-weight:900;text-transform:uppercase;vertical-align:1px}
.avatar[class*="frame-"]{position:relative;overflow:visible}.avatar.frame-frame_neon_cyan,.avatar.frame-neon_cyan,.avatar.frame-frame_neon_01{box-shadow:0 0 0 2px #29dcff,0 0 14px rgba(41,220,255,.55)}.avatar.frame-frame_neon_purple,.avatar.frame-neon_purple{box-shadow:0 0 0 2px #b65cff,0 0 15px rgba(182,92,255,.6)}.avatar.frame-frame_gold,.avatar.frame-gold{box-shadow:0 0 0 2px #ffd365,0 0 16px rgba(255,191,55,.6)}.avatar.frame-frame_fire,.avatar.frame-fire{box-shadow:0 0 0 2px #ff663b,0 0 18px rgba(255,76,38,.65)}.avatar.frame-frame_ice,.avatar.frame-ice{box-shadow:0 0 0 2px #9fe9ff,0 0 17px rgba(90,214,255,.65)}.avatar.frame-frame_rainbow,.avatar.frame-rainbow{animation:vinRainbowFrame 3s linear infinite}@keyframes vinRainbowFrame{0%{box-shadow:0 0 0 2px #ff4f6d,0 0 14px #ff4f6d88}25%{box-shadow:0 0 0 2px #ffd04f,0 0 14px #ffd04f88}50%{box-shadow:0 0 0 2px #43e5b0,0 0 14px #43e5b088}75%{box-shadow:0 0 0 2px #43b8ff,0 0 14px #43b8ff88}100%{box-shadow:0 0 0 2px #c75cff,0 0 14px #c75cff88}}
.avatar.effect-effect_pulse,.avatar.effect-pulse{animation:vinAvatarPulse 1.8s ease-in-out infinite}@keyframes vinAvatarPulse{50%{transform:scale(1.08);filter:brightness(1.2)}}.avatar.effect-effect_glow,.avatar.effect-glow{filter:drop-shadow(0 0 7px rgba(72,217,255,.8))}.avatar.effect-effect_sparkle,.avatar.effect-sparkle{animation:vinSparkle 1.7s ease-in-out infinite}@keyframes vinSparkle{0%,100%{filter:brightness(1)}50%{filter:brightness(1.45) drop-shadow(0 0 8px #fff)}}
@media(max-width:900px){.screen-viewer{width:42vw;right:12px;bottom:12px}.live-stage-actions .ghost{padding:0 8px}}
.booster-summary{margin-bottom:14px}.booster-hero{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid #263b5f;border-radius:12px;background:#091527}.booster-hero.active{border-color:#244f69;background:linear-gradient(135deg,rgba(38,213,255,.10),rgba(143,62,255,.10))}.booster-hero>span{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#102440;font-size:22px}.booster-hero strong,.booster-hero small{display:block}.booster-hero small{margin-top:4px;color:#7892b3}.booster-entitlements{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:9px}.booster-item{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid #1c3455;border-radius:9px;background:#071323}.booster-item>span{font-size:19px}.booster-item strong,.booster-item small{display:block}.booster-item strong{font-size:11px;text-transform:capitalize}.booster-item small{font-size:9px;color:#768eac;margin-top:2px}
.main.live-mode{grid-template-rows:74px minmax(0,1fr) 86px}
.screen-viewer{inset:auto 20px 20px auto!important;display:block;align-items:initial;justify-content:initial;padding:0!important}
.screen-viewer .screen-card{width:100%;height:auto;display:block;grid-template-rows:none}
@media(max-width:900px){.screen-viewer{inset:auto 12px 12px auto!important}}

/* V0.7.2 • Perfis sociais e cosméticos globais */
.avatar,.profile-cosmetic-avatar,.booster-avatar-preview{position:relative;isolation:isolate;overflow:visible!important}
.avatar>img,.avatar>.avatar-fallback,.profile-cosmetic-avatar>img,.profile-cosmetic-avatar>.avatar-fallback,.booster-avatar-preview>img,.booster-avatar-preview>.avatar-fallback{position:relative;z-index:2;border-radius:50%;object-fit:cover;width:100%;height:100%}
.avatar[class*="frame-"]::before,.profile-cosmetic-avatar[class*="frame-"]::before,.booster-avatar-preview[class*="frame-"]::before{content:"";position:absolute;z-index:4;inset:-4px;border-radius:50%;pointer-events:none;border:2px solid transparent}
.avatar.frame-frame_neon_cyan::before,.avatar.frame-neon_cyan::before,.profile-cosmetic-avatar.frame-frame_neon_cyan::before,.booster-avatar-preview.frame-frame_neon_cyan::before{border-color:#29dcff;box-shadow:0 0 8px #29dcff,0 0 17px rgba(41,220,255,.72),inset 0 0 7px rgba(41,220,255,.35)}
.avatar.frame-frame_neon_purple::before,.avatar.frame-neon_purple::before,.profile-cosmetic-avatar.frame-frame_neon_purple::before,.booster-avatar-preview.frame-frame_neon_purple::before{border-color:#b65cff;box-shadow:0 0 8px #b65cff,0 0 18px rgba(182,92,255,.76),inset 0 0 7px rgba(182,92,255,.32)}
.avatar.frame-frame_gold::before,.avatar.frame-gold::before,.profile-cosmetic-avatar.frame-frame_gold::before,.booster-avatar-preview.frame-frame_gold::before{border-color:#ffd365;box-shadow:0 0 8px #ffd365,0 0 17px rgba(255,191,55,.72)}
.avatar.frame-frame_fire::before,.avatar.frame-fire::before,.profile-cosmetic-avatar.frame-frame_fire::before,.booster-avatar-preview.frame-frame_fire::before{border-color:#ff663b;box-shadow:0 0 9px #ff663b,0 0 20px rgba(255,76,38,.78);animation:vinFrameFire 1.35s ease-in-out infinite alternate}
.avatar.frame-frame_ice::before,.avatar.frame-ice::before,.profile-cosmetic-avatar.frame-frame_ice::before,.booster-avatar-preview.frame-frame_ice::before{border-color:#9fe9ff;box-shadow:0 0 9px #9fe9ff,0 0 19px rgba(90,214,255,.75)}
.avatar.frame-frame_rainbow::before,.avatar.frame-rainbow::before,.profile-cosmetic-avatar.frame-frame_rainbow::before,.booster-avatar-preview.frame-frame_rainbow::before{border-color:#ff4f6d;animation:vinRainbowRing 2.2s linear infinite}
@keyframes vinFrameFire{from{transform:scale(.98);filter:hue-rotate(-8deg)}to{transform:scale(1.05);filter:hue-rotate(12deg)}}
@keyframes vinRainbowRing{0%{border-color:#ff4f6d;box-shadow:0 0 14px #ff4f6daa}25%{border-color:#ffd04f;box-shadow:0 0 14px #ffd04faa}50%{border-color:#43e5b0;box-shadow:0 0 14px #43e5b0aa}75%{border-color:#43b8ff;box-shadow:0 0 14px #43b8ffaa}100%{border-color:#c75cff;box-shadow:0 0 14px #c75cffaa}}
.avatar[class*="effect-"]::after,.profile-cosmetic-avatar[class*="effect-"]::after,.booster-avatar-preview[class*="effect-"]::after{content:"";position:absolute;z-index:1;inset:-8px;border-radius:50%;pointer-events:none}
.avatar.effect-effect_pulse::after,.profile-cosmetic-avatar.effect-effect_pulse::after,.booster-avatar-preview.effect-effect_pulse::after{border:2px solid rgba(75,220,255,.7);animation:vinCosmeticPulse 1.65s ease-out infinite}
.avatar.effect-effect_glow::after,.profile-cosmetic-avatar.effect-effect_glow::after,.booster-avatar-preview.effect-effect_glow::after{background:radial-gradient(circle,rgba(72,217,255,.30),rgba(151,72,255,.14) 48%,transparent 70%);filter:blur(4px);animation:vinCosmeticGlow 2s ease-in-out infinite alternate}
.avatar.effect-effect_sparkle::after,.profile-cosmetic-avatar.effect-effect_sparkle::after,.booster-avatar-preview.effect-effect_sparkle::after{background:conic-gradient(from 0deg,transparent 0 16%,#fff 17% 18%,transparent 19% 42%,#68e7ff 43% 44%,transparent 45% 70%,#d58cff 71% 72%,transparent 73%);animation:vinCosmeticSparkle 2.4s linear infinite;filter:drop-shadow(0 0 4px #fff)}
@keyframes vinCosmeticPulse{0%{transform:scale(.88);opacity:.88}70%,100%{transform:scale(1.35);opacity:0}}
@keyframes vinCosmeticGlow{from{transform:scale(.96);opacity:.55}to{transform:scale(1.12);opacity:1}}
@keyframes vinCosmeticSparkle{to{transform:rotate(360deg)}}
.voice-member .avatar,.people-row .avatar{z-index:1}
.voice-member.speaking .avatar[class*="frame-"]{box-shadow:none!important}
.profile-cosmetic-avatar{width:104px;height:104px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#0d8dbc,#7134d9);font-size:25px;font-weight:900;color:#fff;flex:0 0 auto}
.profile-card-v7{width:min(540px,100%);text-align:left;padding:26px}.profile-card-hero{display:flex;align-items:center;gap:20px;padding:4px 4px 20px}.profile-card-hero h2{margin:0;font-size:25px}.profile-card-tags{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin-top:10px}.profile-role-tag,.profile-booster-tag{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:9px;font-weight:900;border:1px solid #2a4667;background:#0b1b31;color:#a8c2df}.profile-booster-tag{border-color:#6d4a1d;background:#291d09;color:#ffd167}.profile-about{padding:14px 2px;border-top:1px solid #1b304c;border-bottom:1px solid #1b304c}.profile-about>strong,.profile-cosmetics-title{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#758eac;font-weight:900}.profile-about p{margin:7px 0 0;min-height:auto;color:#c4d3e6}.profile-cosmetics-title{margin:15px 0 8px}.profile-cosmetics{display:grid;gap:9px}.profile-cosmetic-group>strong{display:block;margin-bottom:6px;font-size:10px;color:#8ba5c3}.profile-cosmetic-group>div{display:flex;gap:6px;flex-wrap:wrap}.profile-cosmetic-chip{display:inline-flex;padding:5px 8px;border:1px solid #263f62;border-radius:8px;background:#0a1729;color:#a7bad1;font-size:9px;font-weight:800}.profile-cosmetic-chip.active{border-color:#4bdcff;background:rgba(43,206,255,.10);color:#71e8ff;box-shadow:0 0 12px rgba(43,206,255,.1)}.profile-no-cosmetics{color:#718aa8;font-size:10px;padding:8px 0}
.profile-hover-card{position:fixed;z-index:290;width:330px;max-height:440px;overflow:auto;padding:16px;border:1px solid #315174;border-radius:14px;background:linear-gradient(180deg,#0d192c,#07101e);box-shadow:0 25px 75px rgba(0,0,0,.68)}.profile-hover-top{display:flex;align-items:center;gap:13px}.profile-hover-card .profile-cosmetic-avatar{width:72px;height:72px;font-size:18px}.profile-hover-copy{min-width:0;flex:1}.profile-hover-copy strong,.profile-hover-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-hover-copy strong{font-size:17px}.profile-hover-copy small{margin-top:3px;color:#7893b4}.profile-hover-status{margin-top:13px;padding-top:11px;border-top:1px solid #1c304d}.profile-hover-status>span{font-size:10px;font-weight:900;color:#57e5b6}.profile-hover-status p{margin:6px 0 0;color:#9eb2ca;font-size:11px}.profile-cosmetics.compact{margin-top:11px}.profile-cosmetics.compact .profile-cosmetic-group>strong{font-size:9px}.profile-cosmetics.compact .profile-cosmetic-chip{padding:3px 6px}.profile-hover-open{width:100%;margin-top:12px}
.cosmetic-equip-grid{display:grid;grid-template-columns:100px repeat(3,minmax(0,1fr));gap:13px;align-items:end}.booster-avatar-preview{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#0d8dbc,#7134d9);font-size:20px;font-weight:900;margin:0 auto}.cosmetic-equip-grid label{margin:0!important}@media(max-width:900px){.cosmetic-equip-grid{grid-template-columns:90px 1fr}.profile-hover-card{width:min(320px,calc(100vw - 16px))}}

/* V0.7.2 • Cosméticos discretos / avatar compacto / perfil em hover */
/* Mantém o avatar no tamanho original nas listas. Isso impede a foto de ocupar a coluna Pessoas. */
.people-row .avatar,.voice-member .avatar{
  width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;
  max-width:30px!important;max-height:30px!important;flex:0 0 30px!important;
  display:grid!important;place-items:center!important;border-radius:50%!important;
}
.people-row .avatar>img,.voice-member .avatar>img,
.people-row .avatar>.avatar-fallback,.voice-member .avatar>.avatar-fallback{
  width:30px!important;height:30px!important;max-width:30px!important;max-height:30px!important;
  border-radius:50%!important;object-fit:cover!important;
}

/* Frames: aro fino e brilho suave, sem aumentar o layout. */
.people-row .avatar[class*="frame-"]::before,.voice-member .avatar[class*="frame-"]::before{
  inset:-2px!important;border-width:1px!important;box-shadow:none!important;opacity:.92;
}
.people-row .avatar.frame-frame_neon_cyan::before,.voice-member .avatar.frame-frame_neon_cyan::before,
.people-row .avatar.frame-neon_cyan::before,.voice-member .avatar.frame-neon_cyan::before{
  border-color:#43ddff!important;box-shadow:0 0 5px rgba(67,221,255,.55)!important;
  animation:vinSubtleRing 2.8s ease-in-out infinite;
}
.people-row .avatar.frame-frame_neon_purple::before,.voice-member .avatar.frame-frame_neon_purple::before,
.people-row .avatar.frame-neon_purple::before,.voice-member .avatar.frame-neon_purple::before{
  border-color:#b86dff!important;box-shadow:0 0 5px rgba(184,109,255,.55)!important;
  animation:vinSubtleRing 2.8s ease-in-out infinite;
}
.people-row .avatar.frame-frame_gold::before,.voice-member .avatar.frame-frame_gold::before,
.people-row .avatar.frame-gold::before,.voice-member .avatar.frame-gold::before{
  border-color:#ffd56a!important;box-shadow:0 0 5px rgba(255,213,106,.52)!important;
  animation:vinSubtleRing 3s ease-in-out infinite;
}
.people-row .avatar.frame-frame_fire::before,.voice-member .avatar.frame-frame_fire::before,
.people-row .avatar.frame-fire::before,.voice-member .avatar.frame-fire::before{
  border-color:#ff7655!important;box-shadow:0 0 5px rgba(255,118,85,.52)!important;
  animation:vinSubtleWarm 2.5s ease-in-out infinite!important;
}
.people-row .avatar.frame-frame_ice::before,.voice-member .avatar.frame-frame_ice::before,
.people-row .avatar.frame-ice::before,.voice-member .avatar.frame-ice::before{
  border-color:#a5ecff!important;box-shadow:0 0 5px rgba(165,236,255,.5)!important;
  animation:vinSubtleRing 3.2s ease-in-out infinite;
}
.people-row .avatar.frame-frame_rainbow::before,.voice-member .avatar.frame-frame_rainbow::before,
.people-row .avatar.frame-rainbow::before,.voice-member .avatar.frame-rainbow::before{
  animation:vinRainbowSoft 4.5s linear infinite!important;box-shadow:0 0 5px rgba(120,200,255,.38)!important;
}
@keyframes vinSubtleRing{0%,100%{opacity:.68}50%{opacity:1;filter:brightness(1.18)}}
@keyframes vinSubtleWarm{0%,100%{opacity:.66;filter:hue-rotate(-4deg)}50%{opacity:1;filter:hue-rotate(8deg)}}
@keyframes vinRainbowSoft{0%{border-color:#ff758b}25%{border-color:#ffd96a}50%{border-color:#65e6bc}75%{border-color:#64caff}100%{border-color:#c579ff}}

/* Effects: brilho pequeno. Nunca escala a foto e nunca altera a largura/altura da linha. */
.people-row .avatar[class*="effect-"]::after,.voice-member .avatar[class*="effect-"]::after{
  inset:-3px!important;z-index:1!important;transform:none!important;pointer-events:none!important;
}
.people-row .avatar.effect-effect_pulse::after,.voice-member .avatar.effect-effect_pulse::after{
  border:1px solid rgba(86,218,255,.48)!important;background:transparent!important;
  animation:vinPulseSoft 2.3s ease-in-out infinite!important;
}
.people-row .avatar.effect-effect_glow::after,.voice-member .avatar.effect-effect_glow::after{
  background:radial-gradient(circle,rgba(65,216,255,.20),rgba(152,92,255,.10) 52%,transparent 72%)!important;
  filter:blur(2px)!important;animation:vinGlowSoft 2.6s ease-in-out infinite!important;
}
.people-row .avatar.effect-effect_sparkle::after,.voice-member .avatar.effect-effect_sparkle::after{
  background:conic-gradient(from 0deg,transparent 0 24%,rgba(255,255,255,.9) 25% 26%,transparent 27% 56%,rgba(111,224,255,.85) 57% 58%,transparent 59% 82%,rgba(210,145,255,.8) 83% 84%,transparent 85%)!important;
  filter:drop-shadow(0 0 2px rgba(255,255,255,.65))!important;
  animation:vinSparkleSoft 5.2s linear infinite!important;opacity:.68;
}
@keyframes vinPulseSoft{0%,100%{opacity:.22;box-shadow:0 0 2px rgba(70,218,255,.22)}50%{opacity:.78;box-shadow:0 0 7px rgba(70,218,255,.48)}}
@keyframes vinGlowSoft{0%,100%{opacity:.35}50%{opacity:.82}}
@keyframes vinSparkleSoft{to{transform:rotate(360deg)!important}}

/* Remove as animações antigas que alteravam a própria foto nas listas. */
.people-row .avatar.effect-effect_pulse,.voice-member .avatar.effect-effect_pulse,
.people-row .avatar.effect-pulse,.voice-member .avatar.effect-pulse,
.people-row .avatar.effect-effect_sparkle,.voice-member .avatar.effect-effect_sparkle,
.people-row .avatar.effect-sparkle,.voice-member .avatar.effect-sparkle{
  animation:none!important;transform:none!important;filter:none!important;
}
.people-row .avatar.effect-effect_glow,.voice-member .avatar.effect-effect_glow,
.people-row .avatar.effect-glow,.voice-member .avatar.effect-glow{filter:none!important}

/* Fala continua prevalecendo sem engolir o cosmético. */
.voice-member.speaking .avatar{box-shadow:0 0 0 1px #42e0a7,0 0 8px rgba(66,224,167,.28)!important}
.voice-member.speaking .avatar[class*="frame-"]::before{filter:brightness(1.1)}

/* Hover: card compacto. Não modifica a linha Pessoas. */
.profile-hover-card{width:300px!important;max-height:390px!important;padding:14px!important;border-radius:12px!important}
.profile-hover-card .profile-cosmetic-avatar{width:62px!important;height:62px!important;min-width:62px!important;min-height:62px!important;font-size:16px!important}
.profile-hover-card .profile-cosmetic-avatar::before{inset:-3px!important;border-width:1px!important}
.profile-hover-card .profile-cosmetic-avatar::after{inset:-5px!important}
.profile-hover-copy strong{font-size:15px!important}
.profile-hover-status{margin-top:10px!important;padding-top:9px!important}
.profile-cosmetics.compact{margin-top:9px!important}
.profile-cosmetics.compact .profile-cosmetic-chip{padding:3px 5px!important;font-size:8px!important}
.profile-hover-open{margin-top:10px!important;height:34px!important}

/* Perfil completo continua maior, mas sem exagerar a foto. */
.profile-card-v7{width:min(500px,100%)!important;padding:22px!important}
.profile-card-v7 .profile-cosmetic-avatar{width:88px!important;height:88px!important;min-width:88px!important;min-height:88px!important}
.profile-card-hero{gap:16px!important;padding-bottom:16px!important}


/* V0.7.3 • Avatar corrigido: imagem e fallback ocupam exatamente o mesmo círculo. */
.people-row .avatar,.voice-member .avatar{position:relative!important;overflow:visible!important}
.people-row .avatar>img,.voice-member .avatar>img,
.people-row .avatar>.avatar-fallback,.voice-member .avatar>.avatar-fallback{
  position:absolute!important;inset:0!important;margin:0!important;display:grid;place-items:center;
}
.people-row .avatar>img.hidden,.voice-member .avatar>img.hidden,
.people-row .avatar>.avatar-fallback.hidden,.voice-member .avatar>.avatar-fallback.hidden{display:none!important}
.people-row .avatar>img,.voice-member .avatar>img{z-index:3!important}
.people-row .avatar>.avatar-fallback,.voice-member .avatar>.avatar-fallback{z-index:2!important}


/* ============================================================
   V0.7.4 • BOOSTER FX VISIVEIS
   Efeitos trabalham em pseudo-elementos: nunca mudam o tamanho do avatar.
   ============================================================ */
.avatar.effect-effect_pulse::after,.profile-cosmetic-avatar.effect-effect_pulse::after,.booster-avatar-preview.effect-effect_pulse::after{
  border:2px solid rgba(64,222,255,.88)!important;background:transparent!important;
  animation:vinFxPulseVisible 1.45s ease-out infinite!important;filter:none!important;
}
@keyframes vinFxPulseVisible{0%{opacity:.95;transform:scale(.92)}70%{opacity:.18;transform:scale(1.28)}100%{opacity:0;transform:scale(1.38)}}

.avatar.effect-effect_glow::after,.profile-cosmetic-avatar.effect-effect_glow::after,.booster-avatar-preview.effect-effect_glow::after{
  background:radial-gradient(circle,rgba(51,230,255,.50) 0 35%,rgba(138,75,255,.34) 48%,transparent 72%)!important;
  filter:blur(4px)!important;animation:vinFxGlowVisible 1.55s ease-in-out infinite alternate!important;opacity:.95!important;
}
@keyframes vinFxGlowVisible{from{transform:scale(.96);filter:blur(4px) brightness(.92)}to{transform:scale(1.14);filter:blur(5px) brightness(1.35)}}

.avatar.effect-effect_sparkle::after,.profile-cosmetic-avatar.effect-effect_sparkle::after,.booster-avatar-preview.effect-effect_sparkle::after{
  background:
    radial-gradient(circle at 12% 20%,#fff 0 2px,transparent 3px),
    radial-gradient(circle at 86% 25%,#78ebff 0 2px,transparent 3px),
    radial-gradient(circle at 20% 84%,#d38cff 0 2px,transparent 3px),
    radial-gradient(circle at 80% 78%,#fff 0 1.5px,transparent 2.5px)!important;
  filter:drop-shadow(0 0 4px #fff)!important;animation:vinFxSparkleVisible 2.1s linear infinite!important;opacity:1!important;
}
@keyframes vinFxSparkleVisible{0%{transform:rotate(0deg) scale(.96);opacity:.55}50%{opacity:1}100%{transform:rotate(360deg) scale(1.08);opacity:.55}}

/* Fire: halo/chamas animadas apenas na borda do avatar. */
.avatar.effect-effect_fire::after,.profile-cosmetic-avatar.effect-effect_fire::after,.booster-avatar-preview.effect-effect_fire::after{
  inset:-7px!important;z-index:5!important;border-radius:50%!important;
  background:conic-gradient(from 210deg,#ff2a00,#ff8a00,#ffe05a,#ff3d00,#8b1a00,#ff2a00)!important;
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px));
  filter:drop-shadow(0 -3px 5px rgba(255,76,0,.85)) drop-shadow(0 2px 3px rgba(255,174,0,.55))!important;
  animation:vinFxFire .82s linear infinite!important;opacity:1!important;
}
@keyframes vinFxFire{0%{transform:rotate(0deg) scale(1);filter:drop-shadow(0 -2px 4px rgba(255,55,0,.9))}50%{transform:rotate(7deg) scale(1.08);filter:drop-shadow(0 -5px 7px rgba(255,134,0,1))}100%{transform:rotate(0deg) scale(1);filter:drop-shadow(0 -2px 4px rgba(255,55,0,.9))}}

/* Rainbow: aro girando continuamente. */
.avatar.effect-effect_rainbow::after,.profile-cosmetic-avatar.effect-effect_rainbow::after,.booster-avatar-preview.effect-effect_rainbow::after{
  inset:-6px!important;z-index:5!important;border-radius:50%!important;
  background:conic-gradient(#ff3864,#ffb33b,#f8ff49,#42e89d,#37c9ff,#7d65ff,#d94cff,#ff3864)!important;
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));
  animation:vinFxRainbow 1.55s linear infinite!important;filter:drop-shadow(0 0 5px rgba(125,101,255,.72))!important;opacity:1!important;
}
@keyframes vinFxRainbow{to{transform:rotate(360deg)}}

/* Name Glow: o avatar fica normal e o nome recebe brilho animado. */
.member-name.cosmetic-name-glow,.voice-member-name.cosmetic-name-glow{
  color:#8deaff!important;text-shadow:0 0 4px rgba(69,220,255,.95),0 0 10px rgba(157,88,255,.70),0 0 18px rgba(157,88,255,.42)!important;
  animation:vinNameGlow 1.35s ease-in-out infinite alternate!important;
}
@keyframes vinNameGlow{from{filter:brightness(.95)}to{filter:brightness(1.35)}}

/* Nas listas compactas, mantém 30px e permite só o halo ultrapassar alguns pixels. */
.people-row .avatar,.voice-member .avatar{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;overflow:visible!important}
.people-row .avatar.effect-effect_fire::after,.voice-member .avatar.effect-effect_fire::after,
.people-row .avatar.effect-effect_rainbow::after,.voice-member .avatar.effect-effect_rainbow::after{inset:-5px!important}

/* ============================================================
   V0.7.8 • FX AO VIVO NAS LISTAS + PERFIL SEM SCROLL
   ============================================================ */
/* Os halos precisam ficar ACIMA da foto nas listas compactas. */
.people-row,.voice-member{overflow:visible!important}
.people-row .avatar[class*="effect-"]::after,.voice-member .avatar[class*="effect-"]::after{
  z-index:6!important;
  inset:-5px!important;
  opacity:1!important;
  pointer-events:none!important;
}
.people-row .avatar[class*="frame-"]::before,.voice-member .avatar[class*="frame-"]::before{
  z-index:7!important;
}
/* Sparkle forte o bastante para aparecer no avatar de 30px. */
.people-row .avatar.effect-effect_sparkle::after,.voice-member .avatar.effect-effect_sparkle::after{
  background:
    radial-gradient(circle at 10% 18%,#fff 0 1.7px,transparent 2.6px),
    radial-gradient(circle at 88% 24%,#79efff 0 1.8px,transparent 2.8px),
    radial-gradient(circle at 18% 84%,#d98cff 0 1.8px,transparent 2.8px),
    radial-gradient(circle at 83% 80%,#fff 0 1.4px,transparent 2.3px)!important;
  filter:drop-shadow(0 0 4px rgba(255,255,255,.95))!important;
  animation:vinFxSparkleVisible 1.65s linear infinite!important;
}
.people-row .avatar.effect-effect_glow::after,.voice-member .avatar.effect-effect_glow::after{
  filter:blur(2px)!important;
}
.people-row .avatar.effect-effect_fire::after,.voice-member .avatar.effect-effect_fire::after,
.people-row .avatar.effect-effect_rainbow::after,.voice-member .avatar.effect-effect_rainbow::after{
  inset:-6px!important;
}
/* O card de hover cresce de acordo com o conteúdo; nada de scrollbar interna. */
.profile-hover-card{
  width:370px!important;
  max-height:none!important;
  height:auto!important;
  overflow:visible!important;
  padding:17px!important;
}
.profile-hover-card .profile-cosmetics.compact{display:grid!important;gap:10px!important}
.profile-hover-card .profile-cosmetic-group>div{gap:6px!important}
.profile-hover-card .profile-cosmetic-chip{font-size:8px!important;padding:4px 6px!important}
@media(max-width:760px){
  .profile-hover-card{width:min(350px,calc(100vw - 16px))!important}
}

/* ============================================================
   V0.8.2 • FX MINI ANIMADOS EM SALAS E LISTA PESSOAS
   ============================================================ */
/* Mantém o custo visual baixo: halos menores, animações curtas e sem alterar layout. */
.people-row .avatar,
.voice-member .avatar{
  isolation:isolate!important;
  transform:translateZ(0);
  will-change:filter;
}
.people-row .avatar::before,
.people-row .avatar::after,
.voice-member .avatar::before,
.voice-member .avatar::after{
  pointer-events:none!important;
  transform-origin:center center;
}

/* Molduras compactas ganham vida mesmo quando nenhum EFFECT foi selecionado. */
.people-row .avatar.frame-frame_neon_cyan::before,
.voice-member .avatar.frame-frame_neon_cyan::before,
.people-row .avatar.frame-neon_cyan::before,
.voice-member .avatar.frame-neon_cyan::before,
.people-row .avatar.frame-frame_neon_purple::before,
.voice-member .avatar.frame-frame_neon_purple::before,
.people-row .avatar.frame-neon_purple::before,
.voice-member .avatar.frame-neon_purple::before,
.people-row .avatar.frame-frame_gold::before,
.voice-member .avatar.frame-frame_gold::before,
.people-row .avatar.frame-gold::before,
.voice-member .avatar.frame-gold::before,
.people-row .avatar.frame-frame_ice::before,
.voice-member .avatar.frame-frame_ice::before,
.people-row .avatar.frame-ice::before,
.voice-member .avatar.frame-ice::before{
  animation:vinMiniFrameBreath 1.45s ease-in-out infinite alternate!important;
}
@keyframes vinMiniFrameBreath{
  from{filter:brightness(.92) saturate(.95);opacity:.78;transform:scale(.98)}
  to{filter:brightness(1.45) saturate(1.35);opacity:1;transform:scale(1.08)}
}

.people-row .avatar.frame-frame_rainbow::before,
.voice-member .avatar.frame-frame_rainbow::before,
.people-row .avatar.frame-rainbow::before,
.voice-member .avatar.frame-rainbow::before{
  animation:vinMiniRainbowRing 1.6s linear infinite!important;
}
@keyframes vinMiniRainbowRing{to{transform:rotate(360deg)}}

.people-row .avatar.frame-frame_fire::before,
.voice-member .avatar.frame-frame_fire::before,
.people-row .avatar.frame-fire::before,
.voice-member .avatar.frame-fire::before{
  animation:vinMiniFireFrame .72s ease-in-out infinite alternate!important;
}
@keyframes vinMiniFireFrame{
  from{filter:brightness(1) drop-shadow(0 0 2px rgba(255,95,34,.7));transform:scale(1)}
  to{filter:brightness(1.55) drop-shadow(0 0 7px rgba(255,153,42,.95));transform:scale(1.09)}
}

/* EFFECTs compactos — propositalmente mais visíveis que na V0.7.8. */
.people-row .avatar.effect-effect_pulse::after,
.voice-member .avatar.effect-effect_pulse::after{
  animation:vinMiniPulse 1.15s ease-out infinite!important;
}
@keyframes vinMiniPulse{
  0%{opacity:.95;transform:scale(.84)}
  65%{opacity:.28;transform:scale(1.34)}
  100%{opacity:0;transform:scale(1.5)}
}

.people-row .avatar.effect-effect_glow::after,
.voice-member .avatar.effect-effect_glow::after{
  animation:vinMiniGlow 1.05s ease-in-out infinite alternate!important;
}
@keyframes vinMiniGlow{
  from{opacity:.48;transform:scale(.94);filter:blur(2px) brightness(.95)}
  to{opacity:1;transform:scale(1.22);filter:blur(3px) brightness(1.6)}
}

.people-row .avatar.effect-effect_sparkle::after,
.voice-member .avatar.effect-effect_sparkle::after{
  animation:vinMiniSparkle 1.15s linear infinite!important;
}
@keyframes vinMiniSparkle{
  0%{transform:rotate(0deg) scale(.9);opacity:.65}
  50%{transform:rotate(180deg) scale(1.16);opacity:1}
  100%{transform:rotate(360deg) scale(.9);opacity:.65}
}

.people-row .avatar.effect-effect_fire::after,
.voice-member .avatar.effect-effect_fire::after{
  animation:vinMiniFire .62s ease-in-out infinite alternate!important;
}
@keyframes vinMiniFire{
  from{transform:translateY(1px) scale(.96);filter:hue-rotate(-5deg) brightness(1)}
  to{transform:translateY(-2px) scale(1.14);filter:hue-rotate(10deg) brightness(1.55)}
}

.people-row .avatar.effect-effect_rainbow::after,
.voice-member .avatar.effect-effect_rainbow::after{
  animation:vinMiniEffectRainbow 1.1s linear infinite!important;
}
@keyframes vinMiniEffectRainbow{to{transform:rotate(360deg)}}

/* Nome animado visível também na lista e dentro da sala. */
.people-row .member-name.cosmetic-name-glow,
.voice-member .voice-member-name.cosmetic-name-glow{
  animation:vinMiniNameGlow .95s ease-in-out infinite alternate!important;
}
@keyframes vinMiniNameGlow{
  from{color:#91eaff;text-shadow:0 0 2px #36dfff,0 0 5px rgba(130,72,255,.45)}
  to{color:#fff;text-shadow:0 0 6px #36dfff,0 0 12px #a953ff,0 0 18px rgba(255,85,232,.55)}
}

/* Falar não deve matar o cosmético: adiciona sinal verde por fora, sem sobrescrever pseudo-elementos. */
.voice-member.speaking .avatar{
  outline:1px solid rgba(66,224,167,.95)!important;
  outline-offset:4px!important;
}

@media (prefers-reduced-motion:reduce){
  .people-row .avatar::before,.people-row .avatar::after,
  .voice-member .avatar::before,.voice-member .avatar::after,
  .people-row .member-name.cosmetic-name-glow,
  .voice-member .voice-member-name.cosmetic-name-glow{animation-duration:2.8s!important}
}

/* ============================================================
   V0.8.2 • MINI FX CONTÍNUOS
   Preserva a fase da animação mesmo quando presença/fala recria a linha.
   ============================================================ */
.people-row .avatar::after,.voice-member .avatar::after{
  animation-delay:var(--vin-fx-delay,0ms)!important;
  animation-fill-mode:both!important;
  will-change:transform,opacity,filter!important;
}
.people-row .avatar::before,.voice-member .avatar::before{
  animation-delay:var(--vin-frame-delay,0ms)!important;
  animation-fill-mode:both!important;
  will-change:transform,opacity,filter,box-shadow!important;
}
.people-row .member-name.cosmetic-name-glow,.voice-member .voice-member-name.cosmetic-name-glow{
  animation-delay:var(--vin-fx-delay,0ms)!important;
  will-change:filter,text-shadow,color!important;
}
.people-row .avatar,.voice-member .avatar{isolation:isolate!important;transform:translateZ(0)}
.people-row .avatar>img,.people-row .avatar>.avatar-fallback,
.voice-member .avatar>img,.voice-member .avatar>.avatar-fallback{z-index:2!important}
.people-row .avatar::after,.voice-member .avatar::after{z-index:5!important}
.people-row .avatar::before,.voice-member .avatar::before{z-index:6!important}

/* ============================================================
   V0.8.2 • MINI FX DIRIGIDOS PELO RELÓGIO GLOBAL DO CLIENT
   Não dependem do ciclo de vida da linha Pessoas/sala.
   ============================================================ */
.people-row .avatar::before,.people-row .avatar::after,
.voice-member .avatar::before,.voice-member .avatar::after{
  animation:none!important;
}
.people-row .avatar.frame-frame_neon_cyan::before,.voice-member .avatar.frame-frame_neon_cyan::before,
.people-row .avatar.frame-neon_cyan::before,.voice-member .avatar.frame-neon_cyan::before,
.people-row .avatar.frame-frame_neon_purple::before,.voice-member .avatar.frame-frame_neon_purple::before,
.people-row .avatar.frame-neon_purple::before,.voice-member .avatar.frame-neon_purple::before,
.people-row .avatar.frame-frame_gold::before,.voice-member .avatar.frame-frame_gold::before,
.people-row .avatar.frame-gold::before,.voice-member .avatar.frame-gold::before,
.people-row .avatar.frame-frame_ice::before,.voice-member .avatar.frame-frame_ice::before,
.people-row .avatar.frame-ice::before,.voice-member .avatar.frame-ice::before{
  transform:scale(var(--vin-mini-frame-scale,1))!important;
  opacity:var(--vin-mini-frame-opacity,.9)!important;
  filter:brightness(var(--vin-mini-frame-bright,1)) saturate(1.18)!important;
}
.people-row .avatar.frame-frame_rainbow::before,.voice-member .avatar.frame-frame_rainbow::before,
.people-row .avatar.frame-rainbow::before,.voice-member .avatar.frame-rainbow::before{
  transform:rotate(var(--vin-mini-angle,0deg))!important;
}
.people-row .avatar.frame-frame_fire::before,.voice-member .avatar.frame-frame_fire::before,
.people-row .avatar.frame-fire::before,.voice-member .avatar.frame-fire::before{
  transform:translateY(var(--vin-mini-fire-y,0px)) scale(var(--vin-mini-fire-scale,1))!important;
  filter:brightness(var(--vin-mini-fire-bright,1)) drop-shadow(0 0 5px rgba(255,122,35,.88))!important;
}
.people-row .avatar.effect-effect_pulse::after,.voice-member .avatar.effect-effect_pulse::after{
  transform:scale(var(--vin-mini-pulse-scale,.9))!important;
  opacity:var(--vin-mini-pulse-opacity,.8)!important;
}
.people-row .avatar.effect-effect_glow::after,.voice-member .avatar.effect-effect_glow::after{
  transform:scale(var(--vin-mini-glow-scale,1))!important;
  opacity:var(--vin-mini-glow-opacity,.75)!important;
  filter:blur(2px) brightness(var(--vin-mini-glow-bright,1.2))!important;
}
.people-row .avatar.effect-effect_sparkle::after,.voice-member .avatar.effect-effect_sparkle::after{
  transform:rotate(var(--vin-mini-angle-fast,0deg)) scale(var(--vin-mini-sparkle-scale,1))!important;
  opacity:var(--vin-mini-sparkle-opacity,.85)!important;
}
.people-row .avatar.effect-effect_fire::after,.voice-member .avatar.effect-effect_fire::after{
  transform:translateY(var(--vin-mini-fire-y,0px)) rotate(var(--vin-mini-fire-angle,0deg)) scale(var(--vin-mini-fire-scale,1))!important;
  opacity:var(--vin-mini-fire-opacity,.95)!important;
  filter:hue-rotate(var(--vin-mini-fire-hue,0deg)) brightness(var(--vin-mini-fire-bright,1.2)) drop-shadow(0 -2px 5px rgba(255,100,20,.9))!important;
}
.people-row .avatar.effect-effect_rainbow::after,.voice-member .avatar.effect-effect_rainbow::after{
  transform:rotate(var(--vin-mini-angle-fast,0deg))!important;
  opacity:.98!important;
}
.people-row .member-name.cosmetic-name-glow,.voice-member .voice-member-name.cosmetic-name-glow{
  animation:none!important;
  filter:brightness(var(--vin-mini-name-bright,1.1))!important;
  text-shadow:0 0 calc(3px * var(--vin-mini-name-glow,1)) #36dfff,
              0 0 calc(8px * var(--vin-mini-name-glow,1)) #a953ff,
              0 0 calc(12px * var(--vin-mini-name-glow,1)) rgba(255,85,232,.58)!important;
}

/* V0.8.5 - mensagens diretas */
.dm-section-head{width:100%;border:0;cursor:pointer;text-align:left;font-family:inherit}.dm-section-head:hover{color:#b9d9f5}.dm-unread{min-width:19px;height:19px;padding:0 6px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:#d93d62;color:#fff;font-size:10px;font-weight:900;box-shadow:0 0 10px rgba(217,61,98,.32)}

/* V0.8.14 - Booster profile backgrounds + hover effects */
.profile-background-editor{margin-top:14px;padding:12px;border:1px solid #223d60;border-radius:12px;background:#08162a}.profile-background-editor.locked{opacity:.64}.profile-background-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.profile-background-title strong{font-size:11px}.profile-background-title span{font-size:9px;font-weight:900;color:#ffd167}.profile-background-preview{height:96px;border:1px solid #294a70;border-radius:10px;background-size:cover;background-position:center}.profile-background-preview.empty{background:linear-gradient(135deg,#0b1b31,#12142f)}.profile-background-actions{display:flex;gap:8px;margin-top:8px}.sound-toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.profile-hover-card.has-profile-background{position:fixed!important;overflow:hidden}.profile-peek-card.has-profile-background{position:relative;overflow:hidden}.profile-hover-card.has-profile-background:before,.profile-peek-card.has-profile-background:before{content:"";position:absolute;inset:0 0 auto 0;height:145px;background-image:linear-gradient(180deg,rgba(3,6,14,.12),rgba(7,16,30,.92)),var(--profile-bg);background-size:cover;background-position:center;z-index:0;pointer-events:none}.profile-hover-card.has-profile-background>* ,.profile-peek-card.has-profile-background>*{position:relative;z-index:1}.profile-hover-card.has-profile-background .profile-hover-top,.profile-peek-card.has-profile-background .profile-card-hero{padding:9px;border-radius:11px;background:rgba(4,10,20,.35);backdrop-filter:blur(2px)}
.profile-hover-shine:after{content:"";position:absolute;z-index:2;inset:-60% auto -60% -45%;width:34%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);animation:vinHoverShine 2.8s linear infinite;pointer-events:none}.profile-particles{box-shadow:0 0 32px rgba(84,213,255,.2),0 25px 75px rgba(0,0,0,.68)!important}.profile-particles .profile-hover-top:after,.profile-particles .profile-card-hero:after{content:"✦  ·  ✧  ·  ✦";position:absolute;right:9px;top:6px;font-size:10px;letter-spacing:4px;color:#8ae9ff;animation:vinParticleFloat 2s ease-in-out infinite}.profile-scanline:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:repeating-linear-gradient(180deg,transparent 0 4px,rgba(77,220,255,.045) 5px 6px);animation:vinScan 2.4s linear infinite}@keyframes vinHoverShine{0%{left:-45%}100%{left:130%}}@keyframes vinParticleFloat{50%{transform:translateY(5px);opacity:.55}}@keyframes vinScan{to{background-position:0 28px}}
@media(max-width:700px){.sound-toggle-grid{grid-template-columns:1fr}}

/* ============================================================
   V0.8.14 • BOOSTER STUDIO / PERFIL 2.0
   ============================================================ */
.settings-card-v4{width:min(1120px,96vw)!important;max-height:92vh!important}
.profile-fields textarea{width:100%;resize:vertical;min-height:92px}
.profile-games-editor{margin-top:14px;padding:14px;border:1px solid #223d60;border-radius:12px;background:#08162a}
.game-search-row,.game-manual-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:8px}
.game-search-results,.selected-games{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}
.game-search-result{border:0;background:transparent;padding:0;text-align:left;color:inherit;cursor:pointer}
.game-card{display:grid;grid-template-columns:46px 1fr auto;gap:10px;align-items:center;min-height:58px;padding:7px;border:1px solid #203d60;border-radius:10px;background:#09192e;overflow:hidden}
.game-card:hover{border-color:#3b82ae;background:#0c203b}.game-card img,.game-icon-fallback{width:46px;height:46px;border-radius:8px;object-fit:cover;background:#102642;display:flex;align-items:center;justify-content:center;font-size:21px}.game-card strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-card small{display:block;color:#718baa}.game-remove{border:0;background:#281428;color:#ff9eb1;border-radius:7px;width:28px;height:28px;cursor:pointer}
.profile-background-preview{height:155px!important}.booster-studio-grid{grid-template-columns:120px repeat(2,minmax(0,1fr))!important;align-items:end}.booster-studio-grid .booster-avatar-preview{grid-row:span 4;width:104px;height:104px}.booster-studio-grid input[type=color]{width:100%;height:42px;border:1px solid #27496e;border-radius:8px;background:#071426;padding:4px}

.profile-card-v8{width:min(920px,94vw)!important;max-height:88vh;overflow:auto;padding:0!important;position:relative}
.profile-card-v8 .profile-peek-close{z-index:12}.profile-full-banner{height:235px;background:linear-gradient(135deg,#10294a,#211b58);background-image:var(--profile-bg);background-size:cover;background-position:center;position:relative}.profile-full-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,6,15,.08),rgba(4,9,20,.82))}
.profile-card-hero-large{display:flex;align-items:flex-end;gap:22px;margin:-62px 34px 0;position:relative;z-index:4}.profile-card-hero-large .profile-cosmetic-avatar{width:126px;height:126px;min-width:126px;border:5px solid #081426;box-shadow:0 12px 35px #0009}.profile-card-maincopy{padding-bottom:10px;min-width:0}.profile-card-maincopy h2{font-size:32px;margin:0;line-height:1.1}.profile-card-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.profile-full-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:25px 34px 10px}.profile-about{padding:15px;border:1px solid #203b5d;border-radius:12px;background:#08172c;min-height:94px}.profile-about strong{display:block;color:#bcd8f5;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.profile-about p{margin:8px 0 0;color:#96abc6;white-space:pre-wrap}.profile-games-section{grid-column:1/-1}.profile-games-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:9px}.profile-games-grid .game-card{grid-template-columns:42px 1fr}.profile-games-grid .game-card img,.profile-games-grid .game-icon-fallback{width:42px;height:42px}.profile-card-v8 .profile-cosmetics{padding:15px 34px 32px}

/* Frames extras */
.avatar.frame-frame_emerald::before{border-color:#42f1b1!important;box-shadow:0 0 13px #42f1b1,0 0 24px rgba(32,211,147,.45)!important}
.avatar.frame-frame_rose::before{border-color:#ff75cd!important;box-shadow:0 0 13px #ff75cd,0 0 24px rgba(255,72,177,.45)!important}
.avatar.frame-frame_obsidian::before{border-color:#8792a5!important;box-shadow:0 0 0 2px #10151f,0 0 18px rgba(151,169,203,.4)!important}
.avatar.frame-frame_cosmic::before{border:2px solid transparent!important;background:conic-gradient(#5be7ff,#755cff,#fb5cff,#5be7ff) border-box!important;mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:vinSpin 2.6s linear infinite!important}
.avatar.frame-frame_lightning::before{border-color:#d9f5ff!important;box-shadow:0 0 7px #fff,0 0 16px #32cfff,0 0 25px #7466ff!important;animation:vinLightning .8s steps(2) infinite!important}
@keyframes vinLightning{0%,100%{opacity:.55;filter:brightness(1)}40%{opacity:1;filter:brightness(1.8)}55%{opacity:.35}65%{opacity:1}}

/* Avatar / foto animada */
.avatar.effect-effect_hologram img{animation:vinHolo 1.6s ease-in-out infinite;filter:saturate(1.3) hue-rotate(var(--vin-mini-angle,0deg))}
.avatar.effect-effect_orbit::after{content:"✦"!important;border:1px solid color-mix(in srgb,var(--fx-color,#7b4dff) 75%,white)!important;animation:vinSpin 2.2s linear infinite!important;color:var(--fx-color,#7b4dff);display:grid;place-items:start end;padding:2px}
.avatar.effect-effect_electric::after{content:"⚡"!important;display:grid;place-items:center;color:#ddf8ff;text-shadow:0 0 8px var(--fx-color,#55d8ff);animation:vinElectric .76s steps(2) infinite!important}
.avatar.effect-effect_frost::after{content:"❄"!important;display:grid;place-items:end start;color:#d9f9ff;text-shadow:0 0 8px #8eefff;animation:vinFloat 2.1s ease-in-out infinite!important}
.avatar.effect-effect_glitch img{animation:vinGlitch .9s steps(2) infinite!important}
.avatar.effect-effect_heartbeat img{animation:vinHeartbeat 1.2s ease-in-out infinite!important}
.avatar.effect-effect_float img{animation:vinFloat 2.4s ease-in-out infinite!important}
.avatar.effect-effect_cosmic::after{content:"✦ · ✧"!important;color:#fff;display:grid;place-items:center;text-shadow:0 0 7px var(--fx-color,#7b4dff);animation:vinSpin 3s linear infinite!important}
.avatar.effect-effect_matrix::after{content:"01 10"!important;font-size:7px;letter-spacing:1px;color:#6dff9d;display:grid;place-items:center;text-shadow:0 0 5px #14ff68;animation:vinMatrix 1.9s linear infinite!important}
@keyframes vinHolo{50%{filter:saturate(1.7) hue-rotate(100deg) brightness(1.25);transform:scale(1.035)}}@keyframes vinElectric{50%{transform:scale(1.08) rotate(5deg);opacity:.45}}@keyframes vinGlitch{0%,100%{transform:none;filter:none}25%{transform:translate(2px,-1px);filter:hue-rotate(55deg)}55%{transform:translate(-2px,1px);filter:hue-rotate(-40deg)}}@keyframes vinHeartbeat{0%,100%{transform:scale(1)}18%{transform:scale(1.08)}32%{transform:scale(.98)}46%{transform:scale(1.05)}}@keyframes vinFloat{50%{transform:translateY(-4px)}}@keyframes vinMatrix{to{transform:translateY(4px);opacity:.45}}@keyframes vinSpin{to{transform:rotate(360deg)}}

/* Nome: cor e animação independentes do efeito do avatar */
.namefx-name_glow_cyan,.namefx-name_glow_purple,.namefx-name_glow_gold{color:var(--name-color,#f3f8ff)!important;text-shadow:0 0 4px var(--name-glow,#28ccff),0 0 10px var(--name-glow,#28ccff)!important}
.namefx-name_solid{color:var(--name-color,#f3f8ff)!important}
.namefx-name_gradient_aurora,.namefx-name_gradient_rainbow,.namefx-name_gradient_fire,.namefx-name_gradient_ice,.namefx-name_shimmer,.namefx-name_chromatic{background-size:220% 100%!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important;animation:vinNameFlow 2.2s linear infinite!important}
.namefx-name_gradient_aurora{background-image:linear-gradient(90deg,var(--name-color,#4fe8ff),var(--name-glow,#9b63ff),var(--name-color,#4fe8ff))!important}.namefx-name_gradient_rainbow{background-image:linear-gradient(90deg,#ff5e8a,#ffc44d,#5cff9c,#46d8ff,#a167ff,#ff5e8a)!important}.namefx-name_gradient_fire{background-image:linear-gradient(90deg,#fff6a9,#ff9b2e,#ff426d,#fff6a9)!important}.namefx-name_gradient_ice{background-image:linear-gradient(90deg,#fff,#8ff2ff,#559cff,#fff)!important}.namefx-name_shimmer{background-image:linear-gradient(100deg,var(--name-color,#fff) 30%,#fff 45%,var(--name-glow,#28ccff) 55%,var(--name-color,#fff) 70%)!important}.namefx-name_neon_flicker{color:var(--name-color,#fff)!important;text-shadow:0 0 5px var(--name-glow,#28ccff),0 0 13px var(--name-glow,#28ccff)!important;animation:vinFlicker 1.4s steps(2) infinite!important}.namefx-name_wave{display:inline-block;animation:vinNameWave 1.5s ease-in-out infinite!important;color:var(--name-color,#fff)!important}.namefx-name_chromatic{background-image:linear-gradient(90deg,#ff4f84,var(--name-color,#fff),#4feaff,var(--name-glow,#af5dff),#ff4f84)!important;filter:drop-shadow(1px 0 #ff3c72) drop-shadow(-1px 0 #45ddff)}
@keyframes vinNameFlow{to{background-position:220% 0}}@keyframes vinFlicker{0%,100%{opacity:1}35%{opacity:.72}42%{opacity:1}68%{opacity:.5}72%{opacity:1}}@keyframes vinNameWave{50%{transform:translateY(-2px);filter:brightness(1.35)}}

/* Efeitos independentes do perfil */
.profile-aurora{box-shadow:0 0 0 1px color-mix(in srgb,var(--fx-color,#7b4dff) 55%,#36dcff),0 24px 75px #0009!important}.profile-aurora:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 10%,color-mix(in srgb,var(--fx-color,#7b4dff) 38%,transparent),transparent 38%),radial-gradient(circle at 85% 22%,rgba(43,210,255,.18),transparent 32%);animation:vinProfilePulse 3s ease-in-out infinite}
.profile-stars:after{content:"✦     ·   ✧       ·   ✦";position:absolute;inset:12px 18px auto auto;color:#dffaff;letter-spacing:8px;pointer-events:none;animation:vinFloat 2.4s ease-in-out infinite}.profile-matrix:after{content:"01001 10110 00101 11010";position:absolute;inset:0;pointer-events:none;color:rgba(79,255,137,.12);font:11px/28px monospace;word-spacing:18px;overflow:hidden;animation:vinMatrixProfile 4s linear infinite}.profile-neon-edge{box-shadow:0 0 0 1px var(--fx-color,#7b4dff),0 0 22px color-mix(in srgb,var(--fx-color,#7b4dff) 55%,transparent),0 28px 70px #0009!important}.profile-glass{backdrop-filter:blur(14px) saturate(1.25)!important;background:rgba(7,16,32,.78)!important}.profile-pulse{animation:vinProfilePulse 2.2s ease-in-out infinite}.profile-cosmic:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 22%,rgba(85,220,255,.15),transparent 2%),radial-gradient(circle at 70% 18%,rgba(255,255,255,.13),transparent 1%),radial-gradient(circle at 84% 62%,rgba(178,83,255,.16),transparent 2%);background-size:78px 78px,95px 95px,120px 120px;animation:vinCosmic 8s linear infinite}@keyframes vinProfilePulse{50%{filter:brightness(1.08);box-shadow:0 0 28px color-mix(in srgb,var(--fx-color,#7b4dff) 35%,transparent)}}@keyframes vinMatrixProfile{to{background-position:0 50px}}@keyframes vinCosmic{to{background-position:78px 78px,-95px 95px,120px -120px}}

@media(max-width:760px){.booster-studio-grid{grid-template-columns:1fr!important}.booster-studio-grid .booster-avatar-preview{grid-row:auto}.game-search-results,.selected-games{grid-template-columns:1fr}.profile-full-grid{grid-template-columns:1fr}.profile-games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-card-hero-large{margin:-48px 18px 0}.profile-card-v8 .profile-cosmetics,.profile-full-grid{padding-left:18px;padding-right:18px}}


/* V0.8.16 - hover robusto + fechar perfil sempre no canto superior direito */
.profile-card-v8 .profile-peek-close{
  position:sticky!important;
  top:12px!important;
  float:right!important;
  margin:12px 12px -42px 0!important;
  z-index:120!important;
  width:36px!important;
  height:36px!important;
  border-radius:10px!important;
  background:rgba(5,13,28,.88)!important;
  border:1px solid #31577a!important;
  color:#dcecff!important;
  backdrop-filter:blur(10px);
  box-shadow:0 8px 24px rgba(0,0,0,.35);
}
.profile-card-v8 .profile-peek-close:hover{background:#142943!important;color:#fff!important;border-color:#4b8cba!important}

/* V0.8.16 - robust profile hover */
.profile-hover-name{display:block;font-size:15px;font-weight:800;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.people-row[data-person-user],.voice-member[data-person-user],.message[data-person-user]{cursor:default}

/* ============================================================
   V0.8.18 PATCH • PROFILE FX VISIBILITY + OUTSIDE CLOSE
   Profile effects now use a dedicated overlay covering the
   complete profile surface (hover + full profile).
   ============================================================ */
.profile-hover-card,.profile-peek-card{isolation:isolate}
.profile-hover-card>*:not(.profile-fx-overlay),.profile-peek-card>*:not(.profile-fx-overlay){position:relative;z-index:3}
.profile-fx-overlay{position:absolute!important;inset:0!important;z-index:8!important;pointer-events:none!important;overflow:hidden;border-radius:inherit;opacity:calc(.42 + (var(--fx-intensity,.7) * .58));mix-blend-mode:screen}
.profile-hover-card>.profile-fx-overlay{z-index:9!important}
.profile-card-v8>.profile-fx-overlay{position:fixed;position:absolute!important}
.profile-card-v8 .profile-peek-close{z-index:20!important}

/* Disable the old tiny corner pseudo-effects: the overlay owns the whole card now. */
.profile-stars:after,.profile-matrix:after,.profile-cosmic:after,.profile-scanline:after,.profile-hover-shine:after{content:none!important;display:none!important}
.profile-particles .profile-hover-top:after,.profile-particles .profile-card-hero:after{content:none!important;display:none!important}

/* STARS — real star glyphs spread across the entire profile. */
.profile-fx-stars span{position:absolute;color:#fff;text-shadow:0 0 5px #fff,0 0 11px var(--fx-color,#70dcff),0 0 20px var(--fx-color,#70dcff);font-size:clamp(10px,1.3vw,18px);animation:vinProfileStarTwinkle 2.3s ease-in-out infinite,vinProfileStarDrift 7s ease-in-out infinite;filter:drop-shadow(0 0 4px var(--fx-color,#70dcff))}
.profile-fx-stars span:nth-child(1){left:4%;top:8%;animation-delay:-.2s}.profile-fx-stars span:nth-child(2){left:14%;top:19%;animation-delay:-1.1s}.profile-fx-stars span:nth-child(3){left:25%;top:7%;animation-delay:-1.8s}.profile-fx-stars span:nth-child(4){left:35%;top:27%;animation-delay:-.7s}.profile-fx-stars span:nth-child(5){left:47%;top:11%;animation-delay:-1.5s}.profile-fx-stars span:nth-child(6){left:58%;top:23%;animation-delay:-.3s}.profile-fx-stars span:nth-child(7){left:70%;top:9%;animation-delay:-1.9s}.profile-fx-stars span:nth-child(8){left:82%;top:20%;animation-delay:-.9s}.profile-fx-stars span:nth-child(9){left:93%;top:7%;animation-delay:-1.4s}.profile-fx-stars span:nth-child(10){left:8%;top:42%;animation-delay:-1.7s}.profile-fx-stars span:nth-child(11){left:19%;top:55%;animation-delay:-.4s}.profile-fx-stars span:nth-child(12){left:31%;top:44%;animation-delay:-1.2s}.profile-fx-stars span:nth-child(13){left:44%;top:61%;animation-delay:-2s}.profile-fx-stars span:nth-child(14){left:56%;top:46%;animation-delay:-.6s}.profile-fx-stars span:nth-child(15){left:67%;top:59%;animation-delay:-1.3s}.profile-fx-stars span:nth-child(16){left:79%;top:42%;animation-delay:-.1s}.profile-fx-stars span:nth-child(17){left:90%;top:57%;animation-delay:-1.6s}.profile-fx-stars span:nth-child(18){left:5%;top:78%;animation-delay:-.8s}.profile-fx-stars span:nth-child(19){left:17%;top:90%;animation-delay:-1.9s}.profile-fx-stars span:nth-child(20){left:30%;top:74%;animation-delay:-.5s}.profile-fx-stars span:nth-child(21){left:49%;top:87%;animation-delay:-1.1s}.profile-fx-stars span:nth-child(22){left:63%;top:76%;animation-delay:-1.7s}.profile-fx-stars span:nth-child(23){left:78%;top:89%;animation-delay:-.35s}.profile-fx-stars span:nth-child(24){left:92%;top:76%;animation-delay:-1.25s}
.profile-hover-card .profile-fx-stars span:nth-child(n+14){display:none}.profile-hover-card .profile-fx-stars span{font-size:11px}
@keyframes vinProfileStarTwinkle{0%,100%{opacity:.3;transform:scale(.72) rotate(0)}45%{opacity:1;transform:scale(1.35) rotate(18deg)}65%{opacity:.68;transform:scale(.95) rotate(-9deg)}}
@keyframes vinProfileStarDrift{50%{translate:4px -7px}}

/* PARTICLES */
.profile-fx-particles i{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 8px #fff,0 0 16px var(--fx-color,#63e5ff);animation:vinProfileParticleRise 4.2s linear infinite}
.profile-fx-particles i:nth-child(1){left:7%;top:86%;animation-delay:-.2s}.profile-fx-particles i:nth-child(2){left:16%;top:68%;animation-delay:-1.7s}.profile-fx-particles i:nth-child(3){left:27%;top:91%;animation-delay:-2.4s}.profile-fx-particles i:nth-child(4){left:38%;top:73%;animation-delay:-.9s}.profile-fx-particles i:nth-child(5){left:49%;top:88%;animation-delay:-3.1s}.profile-fx-particles i:nth-child(6){left:59%;top:64%;animation-delay:-1.3s}.profile-fx-particles i:nth-child(7){left:68%;top:94%;animation-delay:-2.7s}.profile-fx-particles i:nth-child(8){left:76%;top:76%;animation-delay:-.5s}.profile-fx-particles i:nth-child(9){left:85%;top:89%;animation-delay:-2s}.profile-fx-particles i:nth-child(10){left:93%;top:70%;animation-delay:-3.4s}.profile-fx-particles i:nth-child(11){left:34%;top:98%;animation-delay:-1.1s}.profile-fx-particles i:nth-child(12){left:72%;top:98%;animation-delay:-2.2s}
@keyframes vinProfileParticleRise{0%{transform:translateY(20px) scale(.55);opacity:0}20%{opacity:1}100%{transform:translateY(-520px) scale(1.35);opacity:0}}

/* AURORA */
.profile-fx-aurora{background:radial-gradient(ellipse at 15% 18%,color-mix(in srgb,var(--fx-color,#6ee7ff) 68%,transparent),transparent 34%),radial-gradient(ellipse at 82% 32%,rgba(147,67,255,.46),transparent 38%),radial-gradient(ellipse at 55% 85%,rgba(255,76,190,.28),transparent 40%);filter:blur(10px) saturate(1.35);animation:vinProfileAurora 5.5s ease-in-out infinite alternate}
@keyframes vinProfileAurora{to{transform:scale(1.08) translate3d(3%,-2%,0);filter:blur(15px) saturate(1.75) hue-rotate(20deg)}}

/* MATRIX */
.profile-fx-matrix{mix-blend-mode:screen!important;background:repeating-linear-gradient(90deg,transparent 0 24px,rgba(70,255,132,.035) 25px 26px)}
.profile-fx-matrix span{position:absolute;inset:-35% 0 0;color:#71ff9b;font:800 13px/27px Consolas,monospace;letter-spacing:11px;word-spacing:16px;opacity:.55;text-shadow:0 0 5px #28ff6b;animation:vinProfileMatrixRain 4.5s linear infinite;white-space:normal;word-break:break-all}
@keyframes vinProfileMatrixRain{to{transform:translateY(34%)}}

/* COSMIC */
.profile-fx-cosmic{background:radial-gradient(circle at 18% 23%,rgba(68,216,255,.42),transparent 3%),radial-gradient(circle at 71% 13%,rgba(255,255,255,.38),transparent 2%),radial-gradient(circle at 86% 67%,rgba(176,74,255,.48),transparent 4%),radial-gradient(ellipse at 48% 52%,rgba(88,47,190,.22),transparent 45%)}
.profile-fx-cosmic i{position:absolute;inset:-30%;border-radius:50%;border:1px dotted rgba(171,135,255,.35);animation:vinProfileOrbit 13s linear infinite}.profile-fx-cosmic i:nth-child(2){inset:-5%;animation-duration:9s;animation-direction:reverse}.profile-fx-cosmic i:nth-child(3){inset:18%;animation-duration:6s}
@keyframes vinProfileOrbit{to{transform:rotate(360deg)}}

/* SCANLINE */
.profile-fx-scanline{background:repeating-linear-gradient(180deg,transparent 0 5px,color-mix(in srgb,var(--fx-color,#48dfff) 22%,transparent) 6px 7px);opacity:calc(.30 + (var(--fx-intensity,.7) * .48));animation:vinProfileScanStrong 2.2s linear infinite}
@keyframes vinProfileScanStrong{to{background-position:0 42px}}

/* SHINE */
.profile-fx-shine:before{content:"";position:absolute;top:-35%;bottom:-35%;left:-45%;width:22%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),rgba(255,255,255,.72),rgba(112,225,255,.22),transparent);filter:blur(2px);animation:vinProfileShineStrong 2.6s ease-in-out infinite}
@keyframes vinProfileShineStrong{0%{left:-45%}60%,100%{left:130%}}

/* NEON / GLASS / PULSE */
.profile-neon-edge{box-shadow:inset 0 0 0 1px var(--fx-color,#64ddff),inset 0 0 26px color-mix(in srgb,var(--fx-color,#64ddff) 20%,transparent),0 0 0 2px color-mix(in srgb,var(--fx-color,#64ddff) 70%,transparent),0 0 24px color-mix(in srgb,var(--fx-color,#64ddff) 60%,transparent),0 28px 70px #0009!important}
.profile-fx-neon{box-shadow:inset 0 0 38px color-mix(in srgb,var(--fx-color,#64ddff) 18%,transparent)}
.profile-fx-glass{background:linear-gradient(115deg,rgba(255,255,255,.09),transparent 26%,rgba(104,216,255,.07) 51%,transparent 73%);backdrop-filter:contrast(1.04) saturate(1.16)}
.profile-fx-pulse{box-shadow:inset 0 0 50px color-mix(in srgb,var(--fx-color,#7b4dff) 22%,transparent);animation:vinProfilePulseStrong 1.8s ease-in-out infinite}
@keyframes vinProfilePulseStrong{50%{box-shadow:inset 0 0 95px color-mix(in srgb,var(--fx-color,#7b4dff) 45%,transparent);background:color-mix(in srgb,var(--fx-color,#7b4dff) 7%,transparent)}}

/* Stronger name effects without coupling them to Avatar FX. */
.namefx-name_glow_cyan,.namefx-name_glow_purple,.namefx-name_glow_gold{font-weight:900!important;text-shadow:0 0 3px var(--name-glow,#28ccff),0 0 8px var(--name-glow,#28ccff),0 0 17px var(--name-glow,#28ccff),0 0 28px color-mix(in srgb,var(--name-glow,#28ccff) 62%,transparent)!important}
.namefx-name_gradient_aurora,.namefx-name_gradient_rainbow,.namefx-name_gradient_fire,.namefx-name_gradient_ice,.namefx-name_shimmer{font-weight:950!important;filter:drop-shadow(0 0 7px color-mix(in srgb,var(--name-glow,#28ccff) 55%,transparent));background-size:300% 100%!important}
.namefx-name_chromatic{font-weight:950!important;text-shadow:-3px 0 #00e5ff,3px 0 #ff3f98,0 0 10px var(--name-glow,#28ccff)!important}
.namefx-name_neon_flicker{font-weight:950!important;text-shadow:0 0 5px var(--name-glow,#28ccff),0 0 13px var(--name-glow,#28ccff),0 0 25px var(--name-glow,#28ccff)!important}

@media(max-width:700px){.profile-fx-stars span{font-size:10px}.profile-card-v8>.profile-fx-overlay{border-radius:12px}}

/* V0.8.19 - robust hover visibility restored from V0.8.17 behavior */
.profile-hover-card:not(.hidden){display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;z-index:390!important}


/* V0.8.20 - hover hit-test fix for users with animated cosmetics */
.people-row[data-person-user],.voice-member[data-person-user],.channel-row[data-person-user],.message[data-person-user]{position:relative}
.people-row[data-person-user] .member-copy,.people-row[data-person-user] .member-name,
.voice-member[data-person-user] .voice-member-name,.message[data-person-user] .msg-head,.message[data-person-user] .msg-name{position:relative;z-index:12;pointer-events:auto!important}
.people-row[data-person-user] .avatar::before,.people-row[data-person-user] .avatar::after,
.voice-member[data-person-user] .avatar::before,.voice-member[data-person-user] .avatar::after,
.people-row[data-person-user] .avatar *::before,.people-row[data-person-user] .avatar *::after,
.voice-member[data-person-user] .avatar *::before,.voice-member[data-person-user] .avatar *::after{pointer-events:none!important}
.identity-button[data-person-user]::before,.identity-button[data-person-user]::after,.identity-button[data-person-user] *::before,.identity-button[data-person-user] *::after{pointer-events:none!important}
.profile-hover-card:not(.hidden){z-index:450!important}

/* ===== VoicerInn 1.0 • Media Health + FileDrop ===== */
.v1-composer{grid-template-columns:42px minmax(0,1fr) auto!important}
.composer-attach{width:40px;height:40px;border-radius:10px;border:1px solid #284363;background:#0b1b31;color:#73ddff;font-size:24px;line-height:1;cursor:pointer}.composer-attach:hover{background:#102844;border-color:#3f759f;color:#fff}
.transfer-stack{position:absolute;left:18px;right:18px;bottom:118px;z-index:55;display:grid;gap:8px;pointer-events:none}.transfer-stack.hidden{display:none}.transfer-item{pointer-events:auto;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid #27496d;border-radius:12px;background:rgba(7,16,31,.97);box-shadow:0 15px 45px #0008}.transfer-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#10243d;color:#67ddff;font-weight:900}.transfer-copy strong,.transfer-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transfer-copy strong{font-size:12px}.transfer-copy small{font-size:10px;color:#7891ad;margin-top:3px}.transfer-progress{height:4px;background:#13263d;border-radius:10px;overflow:hidden;margin-top:7px}.transfer-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#30d8ff,#8d52ff);transition:width .15s}.transfer-state{font-size:10px;color:#88a5c5}.transfer-item.done .transfer-state{color:#54e3ad}.transfer-item.error .transfer-state{color:#ff8ba0}
.media-status-bar{display:grid;grid-template-columns:auto repeat(5,minmax(86px,1fr)) auto;align-items:center;gap:7px;margin:0 12px 8px;padding:7px 9px;border:1px solid #1c3554;border-radius:11px;background:linear-gradient(180deg,#09172b,#071221);color:#b8cbe0;text-align:left;cursor:pointer}.media-status-bar:hover{border-color:#315b82;background:#0b1a30}.media-status-title{display:flex;align-items:center;gap:7px;padding-right:5px}.media-health-dot{width:8px;height:8px;border-radius:50%;background:#64748b;box-shadow:0 0 0 3px rgba(100,116,139,.12)}.media-health-dot.good{background:#40e1a5;box-shadow:0 0 12px #40e1a5}.media-health-dot.warn{background:#f1c84c;box-shadow:0 0 12px #f1c84c}.media-health-dot.bad{background:#ff647c;box-shadow:0 0 12px #ff647c}.media-pill{min-width:0;padding:4px 7px;border-left:1px solid #17304c}.media-pill small,.media-pill b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-pill small{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#607b9b}.media-pill b{font-size:10px;color:#dcecff;margin-top:1px}.media-status-more{font-size:10px;color:#66d8ff;white-space:nowrap}.media-diagnostics-card{width:min(900px,96vw);max-height:90vh;overflow:auto}.diag-overview{display:grid;grid-template-columns:118px 1fr;gap:18px;align-items:center;margin:4px 0 18px;padding:16px;border:1px solid #1d3858;border-radius:14px;background:linear-gradient(135deg,#091a31,#0a1426)}.diag-score{width:102px;height:102px;border-radius:50%;display:grid;place-items:center;align-content:center;border:5px solid #244968;background:#061426;box-shadow:inset 0 0 30px #0008}.diag-score span{font-size:28px;font-weight:900;color:#64e0ff}.diag-score small{font-size:8px;text-align:center;color:#728eae}.diag-overview h3{margin:0 0 6px;font-size:20px}.diag-overview p{margin:0;color:#839ab7;line-height:1.45}.diag-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.diag-card{padding:13px;border:1px solid #1d3553;border-radius:11px;background:#081426;min-height:88px}.diag-card span,.diag-card strong,.diag-card small{display:block}.diag-card span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#647f9f}.diag-card strong{font-size:15px;color:#eef7ff;margin:7px 0 4px}.diag-card small{font-size:9px;color:#7790ad;line-height:1.35}.diag-actions{display:flex;gap:9px;margin-top:16px}.diag-actions button{margin:0!important;width:auto!important;min-width:150px}.diag-log{margin-top:14px;max-height:140px;overflow:auto;padding:10px;border-radius:9px;background:#050d19;border:1px solid #162a43;font:10px/1.5 Consolas,monospace;color:#7794b6}.diag-log div+div{margin-top:3px}.diag-log .ok{color:#54dca9}.diag-log .warn{color:#eacb64}.diag-log .bad{color:#ff8297}
.file-card{margin-top:8px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border:1px solid #264667;border-radius:11px;background:#08182a;max-width:540px}.file-card-icon{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:#102a46;color:#69dcff;font-weight:900}.file-card-copy strong,.file-card-copy small{display:block}.file-card-copy strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-card-copy small{font-size:9px;color:#7890ad;margin-top:3px}.file-card button{height:32px;border:1px solid #315a80;border-radius:8px;background:#0c2138;color:#bfe9ff;cursor:pointer}.file-card button:hover{background:#12304f;color:#fff}
@media(max-width:1050px){.media-status-bar{grid-template-columns:auto repeat(3,minmax(76px,1fr)) auto}.media-pill:nth-of-type(5),.media-pill:nth-of-type(6){display:none}.diag-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ===== VoicerInn 1.1.3 • conexão visível estilo voice client ===== */
.connection-card-v1{padding:13px 14px 12px!important;display:grid;gap:7px}
.connection-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.connection-card-head>div{display:flex;align-items:center;gap:8px}
.connection-ping{font-size:11px;font-weight:800;color:#70dcff;border:1px solid rgba(40,204,255,.22);background:rgba(40,204,255,.07);padding:3px 7px;border-radius:999px;white-space:nowrap}
.connection-mini-grid{display:grid;grid-template-columns:1fr;gap:4px;padding-top:3px;border-top:1px solid rgba(120,170,230,.10)}
.connection-mini-grid span{min-width:0;display:flex;align-items:center;gap:6px;color:#7696bd;font-size:10px}
.connection-mini-grid i{width:5px;height:5px;border-radius:50%;background:#2ccfff;box-shadow:0 0 7px rgba(44,207,255,.55);flex:none}
.connection-mini-grid b{font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}


/* VoicerInn 3.0.0: loja local, benefícios globais separados. */
.local-booster-shop{margin:15px 0;border:1px solid rgba(94,175,232,.36);border-radius:14px;padding:14px;background:rgba(8,20,43,.58);color:#eaf3ff}
.local-booster-shop .lb-head{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}
.local-booster-shop h3{margin:0 0 5px;font-size:17px}
.local-booster-shop p{font-size:12px;line-height:1.5;color:#aebed5;margin:6px 0}
.local-booster-shop .lb-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:14px 0}
.local-booster-shop .lb-card{border:1px solid rgba(93,133,204,.37);border-radius:10px;padding:12px;background:rgba(18,34,61,.86)}
.local-booster-shop .lb-card strong{display:block;margin-bottom:5px}
.local-booster-shop button{background:#2786ef;color:#fff;padding:9px 12px;border-radius:9px;border:0;font:inherit;cursor:pointer}
.local-booster-shop button:disabled{opacity:.55;cursor:wait}
.local-booster-shop .lb-status{font-size:12px;color:#70e0ba;white-space:pre-wrap}
.local-booster-shop .lb-order{padding:5px 0;border-bottom:1px solid #253350;font-size:12px;color:#adbbd3}

/* VoicerInn 3.0.0 • tags de servidor e 12 efeitos locais, sem direitos globais */
.vin-server-tag{display:inline-flex;margin-left:5px;padding:1px 6px;border-radius:6px;color:var(--tag-color,#89b5ff);border:1px solid currentColor;font:700 10px/1.5 Segoe UI,Arial,sans-serif;vertical-align:middle;white-space:nowrap;background:#081325b8}
.vin-localfx-aurora{animation:vinAura 3s ease-in-out infinite}.vin-localfx-pulse{animation:vinPulse 1.25s ease-in-out infinite}.vin-localfx-neon{filter:drop-shadow(0 0 6px #32d4ff)}.vin-localfx-ember{animation:vinFlare 1.6s ease-in-out infinite}.vin-localfx-frost{filter:drop-shadow(0 0 7px #83eaff)}.vin-localfx-cosmic{animation:vinCosmic 6s linear infinite}.vin-localfx-rainbow{animation:vinRainbow 5s linear infinite}.vin-localfx-electric{animation:vinElectric .7s steps(2,end) infinite}.vin-localfx-gold{filter:drop-shadow(0 0 4px #f4ce5f)}.vin-localfx-matrix{color:#51e48b!important;text-shadow:0 0 7px #39ee7a}.vin-localfx-hologram{animation:vinHolo 2.2s ease-in-out infinite}.vin-localfx-shadow{filter:drop-shadow(2px 2px 3px #b87cff)}
@keyframes vinAura{50%{filter:drop-shadow(0 0 7px #87a8ff)}}@keyframes vinPulse{50%{opacity:.65;filter:brightness(1.8)}}@keyframes vinFlare{50%{text-shadow:0 0 7px #fa6a38,0 0 10px #f8b45c}}@keyframes vinCosmic{50%{text-shadow:0 0 7px #ac7bff,0 0 9px #4eb9f0}}@keyframes vinRainbow{0%{filter:hue-rotate(0deg)}100%{filter:hue-rotate(360deg)}}@keyframes vinElectric{50%{text-shadow:0 0 9px #76e7ff}}@keyframes vinHolo{50%{opacity:.7;filter:drop-shadow(0 0 4px #6ce9e5)}}
@media(prefers-reduced-motion:reduce){[class*="vin-localfx-"]{animation:none!important}}

/* 3.0.0 — links e prévias individuais no chat de texto. */
.vi244-link{color:#75e7ff;text-decoration:underline;text-decoration-color:#75e7ff88;overflow-wrap:anywhere}
.vi244-link-card{max-width:min(440px,95%);min-height:85px;margin:9px 0 5px;padding:10px;display:flex;align-items:center;gap:12px;background:#0c1c31ed;border:1px solid #346083;border-radius:12px;overflow:hidden}
.vi244-link-thumb{width:120px;height:80px;flex:0 0 120px;object-fit:cover;border-radius:8px;background:#102941}
.vi244-link-details{display:flex;flex-direction:column;gap:5px;min-width:0;color:#a9c6df;font-size:12px;overflow-wrap:anywhere}
.vi244-link-details strong{font-size:13px;color:#f2faff}
.vi244-link-details a{color:#82e7ff}
.vi244-play{padding:7px 12px;width:max-content;max-width:100%;border:1px solid #566fe1;color:#fff;border-radius:9px;background:linear-gradient(90deg,#177ac5,#6449cf);font-weight:750;cursor:pointer}
.vi244-youtube-frame{width:100%;min-height:230px;aspect-ratio:16/9;border:0;border-radius:10px}
@media(max-width:620px){.vi244-link-card{flex-wrap:wrap}.vi244-link-thumb{width:100%;height:110px;flex-basis:100%}}

/* 3.0.14: edited bot messages keep their original message row */
.msg-edited{font-size:11px;opacity:.65;margin-left:7px;}


/* 3.0.14: arquivos GIF maiores são exibidos dentro da conversa e mantêm proporção. */
.vi307-file-card{max-width:min(760px,100%);min-width:0}
.vi307-file-card .vi307-chat-gif{display:block;grid-column:1/-1;max-width:100%;width:auto;height:auto;max-height:min(480px,62vh);object-fit:contain;border-radius:9px;background:#081528;justify-self:start}
@media(max-width:620px){.vi307-file-card{max-width:100%}.vi307-file-card .vi307-chat-gif{max-height:42vh}}

/* VoicerInn 3.0.28 — perfil horizontal sem rolagem a 1366x768 */
#profilePeekModal .profile-card-v8{width:min(1100px,96vw)!important;max-height:min(94vh,720px)!important;height:auto;overflow:hidden!important;display:flex;flex-direction:column;padding:0!important}
#profilePeekModal .profile-full-banner{height:115px;min-height:115px;flex:0 0 auto}
#profilePeekModal .profile-card-hero-large{margin:-42px 24px 0;gap:18px;min-height:94px;flex:0 0 auto;align-items:flex-end}
#profilePeekModal .profile-card-hero-large .profile-cosmetic-avatar{width:86px;height:86px;min-width:86px;min-height:86px;border-width:3px}
#profilePeekModal .profile-card-maincopy h2{font-size:25px}
#profilePeekModal .vi316-profile-headline{margin:1px 24px 0;padding:7px 12px;background:#0d2740;border:1px solid #285174;color:#b5e8ff;border-radius:8px;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#profilePeekModal .vi316-profile-details{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;min-height:0;margin:6px 24px 20px;padding:0!important;overflow:hidden}
#profilePeekModal .vi316-profile-about-column{min-width:0;display:grid;grid-template-rows:minmax(0,1.7fr) auto auto;gap:9px;overflow:hidden}
#profilePeekModal .profile-about{min-height:0;padding:12px;overflow:hidden}
#profilePeekModal .profile-about p{font-size:12px;line-height:1.35;margin:6px 0 0;max-height:130px;overflow:hidden;overflow-wrap:anywhere}
#profilePeekModal .vi316-profile-games-column{min-width:0;border-radius:12px;background:#08172c;padding:12px;border:1px solid #203b5d;overflow:hidden}
#profilePeekModal .profile-games-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:8px}
#profilePeekModal .profile-games-grid .game-card{min-width:0;min-height:49px;display:grid;grid-template-columns:36px minmax(0,1fr);gap:9px;padding:5px}
#profilePeekModal .profile-games-grid .game-card img,#profilePeekModal .profile-games-grid .game-icon-fallback{width:36px;height:36px;font-size:17px}
#profilePeekModal .profile-games-grid .game-card strong{font-size:11px;line-height:1.25;white-space:normal;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#profilePeekModal .profile-games-grid .game-card small{display:none}
#profilePeekModal .profile-cosmetics{display:none!important}
.vi316-vitrine-editor{display:grid;gap:14px;max-width:780px}
.vi316-vitrine-editor>label{display:grid;gap:8px}
.vi316-vitrine-editor>label input{width:100%}
.vi316-visibility{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border:1px solid #315170;border-radius:12px;padding:14px}
.vi316-visibility legend{padding:0 7px;color:#b9dfff;font-weight:700}
.vi316-visibility label{display:flex;align-items:center;gap:8px}
.vi316-vitrine-games .profile-games-editor{margin:0}
@media(max-height:700px){#profilePeekModal .profile-full-banner{height:65px;min-height:65px}#profilePeekModal .profile-card-hero-large{min-height:82px}#profilePeekModal .profile-card-hero-large .profile-cosmetic-avatar{width:68px;height:68px;min-width:68px;min-height:68px}#profilePeekModal .vi316-profile-details{margin-bottom:9px}#profilePeekModal .profile-games-grid{gap:4px}#profilePeekModal .profile-games-grid .game-card{min-height:40px}#profilePeekModal .profile-games-grid .game-card img,#profilePeekModal .profile-games-grid .game-icon-fallback{height:30px;width:30px}}
@media(max-width:760px){#profilePeekModal .vi316-profile-details{grid-template-columns:1fr;gap:7px}#profilePeekModal .profile-full-banner{height:65px;min-height:65px}#profilePeekModal .vi316-profile-about-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:6px}#profilePeekModal .profile-about{padding:7px}#profilePeekModal .profile-about p{font-size:11px;max-height:42px}#profilePeekModal .profile-games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vi316-visibility{grid-template-columns:1fr}}

/* 3.0.28: public hover only shows equipped visual effects, not cosmetic inventory */
.profile-hover-card #profileHoverCosmetics{display:none!important}


/* V3.0.62 - Hub lateral + abas Pessoas/Mensagens */
.hub-panel{margin:0 6px 12px;padding:12px;border:1px solid rgba(67,113,170,.34);border-radius:14px;background:linear-gradient(180deg,rgba(10,20,40,.95),rgba(8,16,31,.88));box-shadow:0 10px 26px rgba(0,0,0,.22),inset 0 0 0 1px rgba(255,255,255,.03)}
.hub-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:10px}.hub-panel-head span{font-size:13px;font-weight:900;color:#f2f7ff;letter-spacing:.02em}.hub-panel-head small{font-size:10px;color:#87a2c9;text-transform:uppercase;letter-spacing:.08em}
.hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hub-card{border:1px solid rgba(55,93,146,.62);border-radius:12px;background:linear-gradient(135deg,rgba(17,33,64,.95),rgba(28,20,59,.9));padding:10px 9px;color:#dfe9ff;display:flex;flex-direction:column;align-items:flex-start;gap:3px;cursor:pointer;text-align:left;min-height:78px;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.hub-card:hover{transform:translateY(-1px);border-color:#56dfff;box-shadow:0 0 0 1px rgba(86,223,255,.18),0 10px 18px rgba(12,22,50,.26)}.hub-card strong{font-size:12px;line-height:1.2}.hub-card small{font-size:10px;line-height:1.25;color:#93abd0}.hub-icon{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(32,213,255,.16),rgba(194,44,255,.18));border:1px solid rgba(94,181,255,.28);font-size:15px}
.right-pane-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px 12px 10px;border-bottom:1px solid #182843;background:linear-gradient(180deg,rgba(7,12,27,.98),rgba(8,14,28,.92))}.right-pane-tab{min-width:0;height:48px;border:1px solid #284765;border-radius:12px;background:#0a1528;color:#a7bfdc;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 10px;cursor:pointer;transition:.15s}.right-pane-tab:hover{border-color:#3e719d;color:#fff;background:#0e1d33}.right-pane-tab.active{color:#fff;border-color:#39d6ff;background:linear-gradient(135deg,rgba(18,65,108,.92),rgba(71,24,108,.92));box-shadow:0 0 0 1px rgba(57,214,255,.22),0 12px 24px rgba(8,18,40,.24)}.right-pane-tab span{font-size:15px}.right-pane-tab strong{font-size:13px;white-space:nowrap}.right-pane-tab b{margin-left:auto;min-width:22px;height:22px;padding:0 7px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#0b1d32;color:#d8e7ff;font-size:11px;font-weight:900}.right-pane-tab .dm-unread{margin-left:auto}
.right-pane-section{display:none;flex:1;min-height:0;overflow:hidden;flex-direction:column}.right-pane-section.active{display:flex}.dm-search{border-bottom:1px solid #14233c}.dm-pane-copy{padding:10px 12px 8px;border-bottom:1px solid #14233c}.dm-pane-copy strong{display:block;font-size:12px;color:#eef5ff;letter-spacing:.02em}.dm-pane-copy small{display:block;margin-top:3px;color:#7e99bf;font-size:11px;line-height:1.35}.dm-list-panel{padding:8px;gap:6px}.dm-list-panel .channel-row{width:100%}.dm-list-panel .channel{padding:11px 10px;border:1px solid #17304d;background:rgba(9,19,36,.65);border-radius:10px;color:#c0d1e8}.dm-list-panel .channel:hover{background:#10203a}.dm-list-panel .channel.active{background:linear-gradient(90deg,rgba(25,129,202,.28),rgba(142,44,255,.18));border-color:#2b76a5}.dm-list-panel .row-actions{padding-right:2px}
.people-pane{overflow:hidden}.people-pane .voice-help{margin-top:auto}.people-pane .members{flex:1;min-height:0;overflow:auto}.people-pane .members::-webkit-scrollbar{width:7px}.people-pane .members::-webkit-scrollbar-thumb{background:#22385d;border-radius:8px}
@media(max-width:1180px){.hub-grid{grid-template-columns:1fr}.hub-card{min-height:72px}.right-pane-tab strong{font-size:12px}}
@media(max-width:820px){.hub-grid{grid-template-columns:1fr 1fr}}

/* VoicerInn 3.0.64 - social lobby; no changes to chat or media. */
.vi363-panel{margin:16px 0;padding:16px;border:1px solid #285276;border-radius:15px;background:#0a1a2d;color:#eaf6ff}
.vi363-head,.vi363-create,.vi363-room{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.vi363-note{font-size:12px;color:#a8bfd8;margin:8px 0 12px}
.vi363-create{justify-content:flex-start;margin:12px 0}
.vi363-create select{max-width:180px;min-width:115px}
.vi363-panel select,.vi363-panel button{border:1px solid #355e82;background:#142d48;color:#eaf6ff;border-radius:9px;padding:9px;cursor:pointer}
.vi363-room{border-top:1px solid #263c56;padding:12px 0}.vi363-room>div:first-child{display:flex;flex-direction:column;gap:4px}.vi363-room small{color:#a8bfd8}

/* Beta 3.0.72: notificacao legivel no Windows/Web — titulo e remetente no cabecalho, corpo em sua propria linha. */
.notification-stack{width:min(440px,calc(100vw - 28px));right:14px;max-height:calc(100dvh - 70px);overflow-y:auto;pointer-events:none}
.app-notification{grid-template-columns:38px minmax(0,1fr) 24px;grid-template-rows:auto auto;align-items:start;row-gap:7px;column-gap:10px;padding:12px 13px}
.app-notification .notify-icon{grid-column:1;grid-row:1}
.app-notification .notify-copy{grid-column:2;grid-row:1;min-width:0;display:flex;flex-direction:column;gap:3px;overflow-wrap:anywhere}
.app-notification .notify-copy strong{font-size:13px;line-height:1.35;white-space:normal;overflow:visible;text-overflow:clip}
.app-notification .notify-sender{display:block;font-size:12px;color:#bcd9ef;line-height:1.3;overflow-wrap:anywhere}
.app-notification .notify-close{grid-column:3;grid-row:1}
.app-notification .notify-body{grid-column:2/4;grid-row:2;min-width:0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font-size:12px;line-height:1.45;color:#b0c9e4}
@media(max-width:520px){.notification-stack{width:calc(100vw - 20px);right:10px;top:54px}.app-notification{padding:10px 11px}.app-notification .notify-body{-webkit-line-clamp:5}}

/* Mensagem privada do bot: aviso dentro da coluna de texto, NUNCA na coluna do avatar. */
.message.vi304-ephemeral{grid-template-columns:36px minmax(0,1fr);align-items:start}
.message.vi304-ephemeral>div:not(.msg-avatar){min-width:0}
.vi304-private-note{display:block;margin-top:9px;padding:6px 10px;width:fit-content;max-width:100%;border-radius:7px;background:rgba(51,34,92,.68);border:1px solid #594b91;color:#c9b9fa;font-size:13px;line-height:1.55;white-space:normal;overflow-wrap:anywhere;word-break:normal}
.message.vi304-ephemeral>.vi304-private-note{grid-column:2;min-width:0}


/* VoicerInn: video buffer control in the existing live-stage toolbar. */
.vi-video-mode{display:inline-flex;align-items:center;gap:6px;color:var(--muted,#a8b9d0);font-size:11px;font-weight:650;white-space:nowrap}
.vi-video-mode select{min-width:106px;max-width:128px;padding:5px 7px;border:1px solid var(--border,#34516c);border-radius:7px;background:var(--surface-2,#101e31);color:var(--text,#edf5ff);font-size:11px;cursor:pointer}
.vi-video-status{color:var(--muted,#8dabc2);font-size:10px;white-space:nowrap}
@media(max-width:1200px){.vi-video-status{display:none}}
@media(max-width:780px){.vi-video-mode{font-size:0}.vi-video-mode select{font-size:10px;min-width:94px}}


/* Qualidade real por espectador + janela PiP com controles. */
.vi-viewer-quality-label{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:#bdd8eb;white-space:nowrap}
.vi-viewer-quality-label select{min-width:107px;max-width:156px;border:1px solid #325478;border-radius:7px;background:#10243c;color:#e9f6ff;padding:6px 5px;font-size:11px}
.vi-viewer-quality-state{color:#8bb1ca;font-size:10px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vi-viewer-quality-state.vi-error{color:#ffb1ad}
@media(max-width:950px){.vi-viewer-quality-state{display:none}.vi-viewer-quality-label select{max-width:110px}}

/* Compact dropdown: video quality belongs to viewer options, not the full toolbar. */
.vi-viewer-settings-wrap{position:relative;display:inline-flex;align-items:center}
.vi-viewer-settings-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:370;display:flex;flex-direction:column;gap:10px;min-width:245px;max-width:min(92vw,320px);background:#0a1629;color:#f0f8ff;border:1px solid #355a7f;border-radius:11px;box-shadow:0 12px 45px #000b;padding:14px}
.vi-viewer-settings-menu[hidden]{display:none!important}
.vi-viewer-settings-menu>strong{font-size:13px}
.vi-viewer-settings-menu .vi-viewer-quality-label{justify-content:space-between;gap:12px}
.vi-viewer-settings-menu select{min-width:135px;max-width:170px}
.vi-viewer-settings-menu .vi-viewer-quality-state{display:block;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.vi-viewer-settings-menu p{margin:0;color:#91a9c1;font-size:10px;line-height:1.45}