*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%}
body{font-family:Segoe UI,Arial,sans-serif;background:#eef5fb;color:#23313d}
button,input{font:inherit}
.app{width:min(1100px,100vw);height:100vh;margin:auto;background:#fff;box-shadow:0 0 30px #0002;display:flex;flex-direction:column;overflow:hidden}
.topbar{height:56px;flex:none;background:linear-gradient(#fff,#e7f1f8);border-bottom:1px solid #b9cbd8;display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:relative;z-index:50}
.brand{font-size:20px;color:#1684c5}.brand:first-letter{font-size:28px}
.status{font-size:13px;padding:6px 10px;border-radius:12px}.online{background:#e5f7e8;color:#28753b}.offline{background:#f5eeee;color:#8a4444}
.menu-toggle{display:none;border:1px solid #b9cbd8;background:#fff;color:#3b718d;border-radius:5px;width:36px;height:34px;font-size:20px;cursor:pointer;line-height:1}
.layout{display:flex;min-height:0;flex:1;position:relative}
.sidebar{width:290px;flex:none;background:#f2f7fb;border-right:1px solid #c7d7e2;padding:18px;overflow-y:auto}
.sidebar-backdrop{display:none}
.profile{display:flex;gap:12px;align-items:center;padding-bottom:20px}.profile-info{min-width:0}
.avatar{width:46px;height:46px;border-radius:5px;background:#2b9bd0;color:#fff;display:grid;place-items:center;font-size:22px;font-weight:bold;object-fit:cover;cursor:pointer;flex:none}
.avatar-image{width:100%;height:100%;border-radius:5px;object-fit:cover;display:block}
.contact-avatar{width:34px;height:34px;border-radius:5px;background:#2b9bd0;color:#fff;display:grid;place-items:center;font-size:15px;font-weight:bold;object-fit:cover;flex:none}
.profile input{border:1px solid #b8cbd7;border-radius:4px;padding:7px;width:190px;max-width:100%;font-size:14px}.sub{font-size:11px;color:#6b7c87;margin-top:4px}
.section-title{font-size:11px;color:#66808e;font-weight:bold;border-bottom:1px solid #d2dfe7;padding-bottom:7px}.section-title span{float:right}.contacts{padding-top:7px}
.contact{display:flex;align-items:center;gap:9px;padding:9px 7px;border-radius:5px;cursor:pointer;transition:background .12s}.contact:hover{background:#e3eff7}.contact.selected{background:#d7ebf7;border:1px solid #bdd9e8}.dot{width:9px;height:9px;border-radius:50%;background:#54b95c;flex:none}.contact small{display:block;color:#73828b;font-size:10px;margin-top:2px}.tip{font-size:11px;color:#71818a;line-height:1.45;margin-top:22px;border-top:1px solid #d2dfe7;padding-top:12px}
.chat{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}
.chat-head{min-height:67px;flex:none;padding:12px 18px;border-bottom:1px solid #d4e0e7;display:flex;justify-content:space-between;align-items:center;gap:12px}.chat-title-wrap{min-width:0}.chat-head h1{font-size:17px;margin:0 0 2px}.chat-head span{font-size:12px;color:#71808a}
.chat-actions{display:flex;gap:7px;align-items:center;flex:none}.chat-actions button{border:1px solid #bacbd5;background:#fff;border-radius:4px;padding:6px 10px;color:#66757d;cursor:pointer}.chat-actions button:hover{background:#edf6fb}.chat-actions #attention{color:#1684c5;border-color:#a9cfdf}.chat-actions #attention:disabled{opacity:.55;cursor:not-allowed}
.messages{flex:1;min-height:0;overflow:auto;padding:18px;background:linear-gradient(180deg,#fff,#f8fbfd)}.message{margin:8px 0;max-width:75%}.message.mine{margin-left:auto}.meta{font-size:11px;color:#71818a;margin-bottom:3px}.bubble{display:inline-block;padding:9px 12px;border-radius:7px;background:#e8f2f8;border:1px solid #d3e2eb;white-space:pre-wrap;word-break:break-word}.mine .bubble{background:#dff3d9;border-color:#c7e2c0}.system{text-align:center;color:#88959d;font-size:11px;margin:12px}.typing{height:20px;flex:none;padding:0 18px;font-size:11px;color:#71818a}
.composer{display:flex;flex:none;padding:12px;border-top:1px solid #ccdbe4;background:#f2f7fa}.composer input{flex:1;min-width:0;border:1px solid #b8cbd7;padding:10px;border-radius:4px 0 0 4px;outline:none}.composer button{border:1px solid #1684c5;background:#1684c5;color:#fff;padding:0 20px;border-radius:0 4px 4px 0}
.attention-shake{animation:msn-shake .55s ease-in-out 0s 2}.attention-flash{animation:msn-flash .8s ease-in-out 0s 2}@keyframes msn-shake{0%,100%{transform:translate(0,0) rotate(0)}15%{transform:translate(-7px,2px) rotate(-1deg)}30%{transform:translate(7px,-2px) rotate(1deg)}45%{transform:translate(-6px,-1px) rotate(-1deg)}60%{transform:translate(6px,1px) rotate(1deg)}75%{transform:translate(-3px,0) rotate(0)}90%{transform:translate(3px,0) rotate(0)}}@keyframes msn-flash{0%,100%{filter:none}50%{filter:brightness(1.16)}}
@media (max-width:760px){
html,body{overflow:hidden;background:#fff}
.app{width:100%;height:100vh;height:100dvh;box-shadow:none}
.topbar{height:52px;padding:0 12px}
.brand{font-size:18px}.status{font-size:11px;padding:5px 8px}
.menu-toggle{display:grid;place-items:center}
.layout{overflow:hidden}
.sidebar{position:fixed;z-index:120;top:52px;left:0;bottom:0;width:min(320px,88vw);height:auto;padding:16px 14px 20px;transform:translateX(-105%);transition:transform .22s ease;box-shadow:10px 0 30px rgba(0,0,0,.22);border-right:1px solid #c7d7e2}
.sidebar.is-open{transform:translateX(0)}
.sidebar-backdrop{display:block;position:fixed;z-index:110;left:0;right:0;top:52px;bottom:0;background:rgba(0,0,0,.48);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease}
.sidebar-backdrop.is-open{opacity:1;visibility:visible;pointer-events:auto}
body.contacts-open{overflow:hidden}
.profile input{width:100%}
.chat{width:100%;height:100%}
.chat-head{min-height:62px;padding:9px 10px;gap:8px}
.chat-head h1{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-head span{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-actions #clear{display:none}.chat-actions #attention{font-size:0;width:40px;height:36px;padding:0}.chat-actions #attention::before{content:'🔔';font-size:18px}
.messages{padding:12px;overscroll-behavior:contain}.message{max-width:88%}
.composer{padding:8px;padding-bottom:max(8px,env(safe-area-inset-bottom))}.composer input{font-size:16px}.composer button{padding:0 14px}
}
@media (max-width:380px){
.brand{font-size:16px}
.status{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-actions #attention{width:36px}
.composer button{padding:0 11px}
}
/* Koshinet v13 - chamadas de voz */
.chat-actions #call{color:#21834b;border-color:#acd5bd}
.chat-actions #call:hover:not(:disabled){background:#edf9f1}
.chat-actions #call:disabled{opacity:.5;cursor:not-allowed}
.call-overlay{position:fixed;inset:0;z-index:300;background:rgba(24,39,50,.48);display:none;align-items:center;justify-content:center;padding:18px;backdrop-filter:blur(2px)}
.call-overlay.is-open{display:flex}
.call-card{width:min(390px,94vw);background:linear-gradient(#fff,#edf6fb);border:1px solid #9fb9ca;border-radius:12px;box-shadow:0 18px 60px rgba(0,0,0,.28);padding:26px 24px 20px;text-align:center}
.call-avatar{width:82px;height:82px;margin:0 auto 14px;border-radius:12px;background:#2b9bd0;color:#fff;display:grid;place-items:center;font-size:34px;font-weight:700;overflow:hidden}
.call-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.call-card h2{margin:0 0 6px;font-size:21px;color:#243845}.call-status{min-height:22px;color:#627783;font-size:14px}.call-timer{font-size:28px;font-variant-numeric:tabular-nums;margin:12px 0;color:#253945;font-weight:600}
.call-controls{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin-top:14px}.call-controls button{border:1px solid #b7c8d2;background:#fff;border-radius:7px;padding:9px 13px;cursor:pointer;min-width:105px}.call-controls button:hover{filter:brightness(.97)}
.call-accept{color:#167b3c;border-color:#99cfad!important}.call-reject,.call-hangup{color:#a53737;border-color:#ddb0b0!important}.call-mute{color:#476572}.call-mute.is-muted{background:#fff1c9;border-color:#dbc37d!important;color:#715d1d}
.call-note{font-size:10px;color:#87949b;margin-top:16px}.call-overlay[data-state="incoming"] #callMute,.call-overlay[data-state="incoming"] #callHangup,.call-overlay[data-state="outgoing"] #callAccept,.call-overlay[data-state="outgoing"] #callReject,.call-overlay[data-state="outgoing"] #callMute,.call-overlay[data-state="active"] #callAccept,.call-overlay[data-state="active"] #callReject{display:none}
.call-overlay[data-state="incoming"] #callTimer,.call-overlay[data-state="outgoing"] #callTimer{visibility:hidden}
.call-overlay[data-state="idle"]{display:none}
#remoteAudio{display:none}
@media (max-width:760px){
.chat-actions #call{font-size:0;width:40px;height:36px;padding:0}.chat-actions #call::before{content:'📞';font-size:18px}
.call-card{padding:22px 16px 18px}.call-controls button{min-width:118px;min-height:44px}
}
@media (max-width:380px){.chat-actions #call{width:36px}.call-controls{gap:7px}.call-controls button{min-width:108px}}
.call-overlay[data-state="connecting"] #callAccept,.call-overlay[data-state="connecting"] #callReject{display:none}
/* Koshinet v14 - vídeo e compartilhamento de tela */
.chat-actions #videoCall{color:#5665a8;border-color:#b9c2e5}
.chat-actions #videoCall:hover:not(:disabled){background:#f1f3ff}
.chat-actions #videoCall:disabled{opacity:.5;cursor:not-allowed}
.call-card{width:min(780px,96vw);padding:18px 20px 16px;text-align:left}
.call-identity{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-bottom:12px}
.call-identity .call-avatar{width:54px;height:54px;margin:0;border-radius:10px;font-size:24px}
.call-identity h2{margin:0 0 3px}
.call-identity .call-status{min-height:18px}
.call-identity .call-timer{margin:0;font-size:23px;min-width:74px;text-align:right}
.video-stage{display:none;position:relative;width:100%;aspect-ratio:16/9;background:#111;border-radius:10px;overflow:hidden;border:1px solid #8195a2;box-shadow:inset 0 0 30px rgba(0,0,0,.35)}
.call-overlay.has-video .video-stage{display:block}
.remote-video{width:100%;height:100%;object-fit:contain;background:#111;display:none}
.remote-video.is-visible{display:block}
.video-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:#687780;font-size:56px;background:radial-gradient(circle at center,#26343c,#111)}
.local-video{display:none;position:absolute;right:14px;bottom:14px;width:min(28%,190px);aspect-ratio:16/9;object-fit:cover;background:#222;border:2px solid #fff;border-radius:8px;box-shadow:0 4px 18px rgba(0,0,0,.45);transform:scaleX(-1)}
.local-video.is-visible{display:block}
.call-controls{margin-top:12px;text-align:center}
.call-controls button{min-width:112px}
.call-camera.is-active,.call-screen.is-active{background:#e8f6ff;border-color:#78b9dc!important;color:#17698f}
.call-screen:disabled{opacity:.45;cursor:not-allowed}
.call-overlay[data-state="incoming"] #callCamera,
.call-overlay[data-state="incoming"] #callScreen,
.call-overlay[data-state="outgoing"] #callCamera,
.call-overlay[data-state="outgoing"] #callScreen{display:none}
.call-overlay[data-state="connecting"] #callCamera,
.call-overlay[data-state="connecting"] #callScreen,
.call-overlay[data-state="active"] #callCamera,
.call-overlay[data-state="active"] #callScreen{display:inline-block}
@media (max-width:760px){
.chat-actions #videoCall{font-size:0;width:40px;height:36px;padding:0}.chat-actions #videoCall::before{content:'📹';font-size:18px}
.call-overlay{padding:8px}.call-card{width:100%;max-height:96dvh;overflow:auto;padding:14px 12px 12px}
.call-identity{grid-template-columns:auto 1fr auto;gap:8px}.call-identity .call-avatar{width:44px;height:44px}.call-identity h2{font-size:17px}.call-identity .call-status{font-size:12px}.call-identity .call-timer{font-size:18px;min-width:55px}
.video-stage{border-radius:7px}.local-video{right:8px;bottom:8px;width:31%;border-width:1px}
.call-controls{gap:6px}.call-controls button{min-width:0;flex:1 1 42%;min-height:44px;padding:8px 9px}
}
@media (max-width:380px){.chat-actions #videoCall{width:36px}}
.video-placeholder[hidden]{display:none!important}
/* Koshinet v17 - chamada em grupo WebRTC mesh */
.chat-actions #groupCall{color:#875a15;border-color:#d9c08f}
.chat-actions #groupCall:hover:not(:disabled){background:#fff8e8}
.chat-actions #groupCall:disabled{opacity:.5;cursor:not-allowed}
.group-overlay{position:fixed;inset:0;z-index:320;background:rgba(24,39,50,.54);display:none;align-items:center;justify-content:center;padding:18px;backdrop-filter:blur(2px)}
.group-overlay.is-open{display:flex}
.group-card{width:min(1040px,97vw);max-height:94dvh;overflow:auto;background:linear-gradient(#fff,#edf6fb);border:1px solid #9fb9ca;border-radius:12px;box-shadow:0 18px 60px rgba(0,0,0,.3);padding:18px}
.group-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px}.group-head h2{margin:0 0 4px;font-size:21px}.group-status{color:#627783;font-size:13px}.group-timer{font-size:25px;font-weight:600;font-variant-numeric:tabular-nums;color:#253945}
.group-video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:10px;min-height:180px}
.group-tile{position:relative;aspect-ratio:16/9;background:#172128;border:1px solid #718794;border-radius:9px;overflow:hidden;display:grid;place-items:center;min-width:0}
.group-tile video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#111;display:none}.group-tile video.is-visible{display:block}
.group-tile.screen video{object-fit:contain}.group-tile.local video{transform:scaleX(-1)}.group-tile.local.screen video{transform:none}
.group-tile-placeholder{font-size:48px;color:#c6d5dd;width:76px;height:76px;border-radius:16px;background:#2b9bd0;display:grid;place-items:center;font-weight:700;overflow:hidden}.group-tile-placeholder img{width:100%;height:100%;object-fit:cover}
.group-tile-label{position:absolute;left:8px;bottom:7px;z-index:2;background:rgba(0,0,0,.58);color:#fff;font-size:11px;padding:4px 7px;border-radius:5px;max-width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-tile-state{position:absolute;right:8px;top:7px;z-index:2;background:rgba(0,0,0,.58);color:#fff;font-size:12px;padding:4px 6px;border-radius:5px}
.group-controls{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:13px}.group-controls button{border:1px solid #b7c8d2;background:#fff;border-radius:7px;padding:9px 13px;cursor:pointer;min-width:116px}.group-controls button:hover{filter:brightness(.97)}
.group-note{text-align:center;font-size:10px;color:#7b8a93;margin-top:12px}.group-overlay[data-state="incoming"] #groupMute,.group-overlay[data-state="incoming"] #groupScreen,.group-overlay[data-state="incoming"] #groupInviteMore,.group-overlay[data-state="incoming"] #groupLeave{display:none}.group-overlay:not([data-state="incoming"]) #groupAccept,.group-overlay:not([data-state="incoming"]) #groupReject{display:none}
.group-overlay[data-state="idle"]{display:none}.group-overlay[data-state="incoming"] .group-video-grid{display:none}.group-overlay[data-state="incoming"] .group-timer{visibility:hidden}
@media (max-width:760px){
.chat-actions #groupCall{font-size:0;width:40px;height:36px;padding:0}.chat-actions #groupCall::before{content:'👥';font-size:18px}
.group-overlay{padding:7px}.group-card{width:100%;max-height:98dvh;padding:12px}.group-head h2{font-size:17px}.group-status{font-size:11px}.group-timer{font-size:18px}.group-video-grid{grid-template-columns:1fr 1fr;gap:6px;min-height:130px}.group-tile{border-radius:6px}.group-tile-placeholder{width:52px;height:52px;font-size:30px;border-radius:10px}.group-controls{gap:6px}.group-controls button{min-width:0;flex:1 1 40%;min-height:44px;padding:8px}
}
@media (max-width:430px){.group-video-grid{grid-template-columns:1fr}.chat-actions #groupCall{width:36px}}
/* v18 - seletor de participantes */
.group-picker-overlay{position:fixed;inset:0;z-index:360;background:rgba(24,39,50,.58);display:none;align-items:center;justify-content:center;padding:18px;backdrop-filter:blur(2px)}
.group-picker-overlay.is-open{display:flex}
.group-picker-card{width:min(460px,96vw);max-height:86dvh;overflow:auto;background:linear-gradient(#fff,#edf6fb);border:1px solid #9fb9ca;border-radius:12px;box-shadow:0 18px 60px rgba(0,0,0,.3);padding:18px}
.group-picker-card h2{margin:0 0 5px;font-size:20px;color:#263c48}.group-picker-hint{font-size:12px;color:#667d89;margin-bottom:12px}
.group-picker-list{display:flex;flex-direction:column;gap:7px;max-height:52dvh;overflow:auto}
.group-picker-item{display:flex;align-items:center;gap:10px;border:1px solid #c7d5dd;background:#fff;border-radius:8px;padding:9px 10px;cursor:pointer}
.group-picker-item:hover{background:#f4fbff}.group-picker-item input{width:18px;height:18px}.group-picker-avatar{width:36px;height:36px;border-radius:8px;background:#2b9bd0;color:#fff;display:grid;place-items:center;font-weight:700;overflow:hidden;flex:0 0 auto}.group-picker-avatar img{width:100%;height:100%;object-fit:cover}
.group-picker-name{font-weight:600;color:#2a3e49}.group-picker-empty{padding:20px;text-align:center;color:#728792;font-size:12px}
.group-picker-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.group-picker-actions button{border:1px solid #b7c8d2;background:#fff;border-radius:7px;padding:9px 13px;cursor:pointer}.group-picker-actions #groupPickerConfirm{background:#2b9bd0;border-color:#2287b7;color:#fff;font-weight:600}.group-picker-actions #groupPickerConfirm:disabled{opacity:.5;cursor:not-allowed}
@media (max-width:640px){.group-picker-overlay{padding:7px}.group-picker-card{width:100%;max-height:94dvh;padding:14px}.group-picker-actions button{flex:1;min-height:44px}}
/* Koshinet v19 - group call: single shared-screen stage + participant strip */
.group-video-grid{display:none!important}
.group-screen-stage{position:relative;width:100%;aspect-ratio:16/9;max-height:62dvh;background:#111b22;border:1px solid #718794;border-radius:10px;overflow:hidden;display:grid;place-items:center}
.group-screen-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#0d1419;display:none}
.group-screen-stage video.is-visible{display:block}
.group-screen-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px;color:#d8e5ec;padding:20px}
.group-screen-empty .group-screen-icon{font-size:48px;opacity:.75}.group-screen-empty strong{font-size:15px}.group-screen-empty span{font-size:11px;color:#94a9b5}
.group-screen-stage.has-screen .group-screen-empty{display:none}
.group-screen-label{position:absolute;left:10px;bottom:9px;z-index:3;background:rgba(0,0,0,.68);color:#fff;font-size:11px;padding:5px 8px;border-radius:5px;display:none}
.group-screen-stage.has-screen .group-screen-label{display:block}
.group-participants{display:flex;align-items:center;gap:7px;overflow-x:auto;padding:9px 2px 2px;scrollbar-width:thin}
.group-participant{display:flex;align-items:center;gap:7px;min-width:max-content;border:1px solid #c2d2dc;background:#fff;border-radius:8px;padding:6px 9px;color:#2b414d;font-size:12px}
.group-participant-avatar{width:30px;height:30px;border-radius:7px;background:#2b9bd0;color:#fff;display:grid;place-items:center;font-weight:700;overflow:hidden;flex:0 0 auto}.group-participant-avatar img{width:100%;height:100%;object-fit:cover}
.group-participant-state{font-size:10px}.group-participant.is-self{background:#edf8fe;border-color:#9dcbe2}.group-participant.is-screen{border-color:#65b57a;box-shadow:0 0 0 1px rgba(101,181,122,.15)}
.group-peer-audio{display:none}
@media(max-width:640px){.group-screen-stage{aspect-ratio:16/10;max-height:52dvh;border-radius:7px}.group-screen-empty .group-screen-icon{font-size:36px}.group-participants{padding-top:7px}.group-participant{padding:5px 7px}.group-participant-avatar{width:26px;height:26px}}
/* Koshinet v20 - Frutiger Aero / Y2K web aesthetic */
:root{
--aero-sky:#61c9f2;
--aero-sky-deep:#1598d1;
--aero-blue:#087fc4;
--aero-green:#6fcf38;
--aero-green-deep:#37a929;
--aero-glass:rgba(255,255,255,.76);
--aero-line:rgba(41,137,177,.38);
--aero-ink:#17465f;
}
body{
color:var(--aero-ink);
background:
radial-gradient(circle at 80% 11%,rgba(255,255,255,.94) 0 5%,transparent 18%),
linear-gradient(180deg,#7fd5f4 0%,#dff7ff 45%,#c7f1da 75%,#8dd853 100%);
position:relative;
}
body::before{
content:"";position:fixed;inset:0;pointer-events:none;opacity:.62;
background:
radial-gradient(ellipse at 18% 7%,rgba(255,255,255,.8) 0 8%,transparent 9%),
radial-gradient(ellipse at 28% 10%,rgba(255,255,255,.55) 0 6%,transparent 7%),
radial-gradient(ellipse at 75% 16%,rgba(255,255,255,.48) 0 7%,transparent 8%);
}
.app{
border-left:1px solid rgba(255,255,255,.8);border-right:1px solid rgba(255,255,255,.8);
box-shadow:0 18px 55px rgba(0,91,133,.24),inset 0 1px rgba(255,255,255,.9);
background:rgba(251,255,255,.9);
}
.topbar{
background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(215,244,255,.84) 48%,rgba(170,228,249,.86));
border-bottom:1px solid rgba(36,141,184,.5);box-shadow:inset 0 1px #fff,0 2px 8px rgba(27,111,147,.12);
}
.brand{font-weight:700;text-shadow:0 1px #fff;color:#057bb8}.brand::first-letter{color:#22a6df}
.status.online{background:linear-gradient(#eaffdf,#bff0a6);border:1px solid #8bd466;color:#277b25;box-shadow:inset 0 1px #fff,0 1px 4px #5da64d33}
.status.offline{border:1px solid #d9b6b6}
.sidebar{
background:
linear-gradient(180deg,rgba(255,255,255,.75),rgba(226,247,255,.82)),
radial-gradient(circle at 25% 15%,rgba(255,255,255,.9),transparent 25%);
border-right:1px solid rgba(53,148,187,.35);
}
.avatar,.contact-avatar,.group-participant-avatar{
border-radius:11px;border:1px solid rgba(255,255,255,.95);outline:1px solid rgba(32,125,165,.28);
box-shadow:inset 0 1px rgba(255,255,255,.75),0 2px 5px rgba(0,104,143,.2);
background:linear-gradient(145deg,#6ed8f4,#159ccc 55%,#55bf45);
}
.profile input,.composer input{
background:rgba(255,255,255,.88);border-color:#7fc4df;box-shadow:inset 0 1px 4px rgba(0,87,123,.08),0 1px #fff;border-radius:8px;
}
.section-title{color:#2380a4;border-color:rgba(63,156,190,.26)}
.contact{border:1px solid transparent;border-radius:12px}
.contact:hover{background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(206,244,255,.85));border-color:#a4dcef}
.contact.selected{background:linear-gradient(180deg,#efffff,#c9f2ff 54%,#b8e9ef);border:1px solid #7dc5dd;box-shadow:inset 0 1px #fff,0 2px 7px rgba(37,141,179,.12)}
.dot{background:linear-gradient(#9bf35d,#45b52e);border:1px solid #3a9e28;box-shadow:0 0 5px #6ddb49}
.chat-head{
background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(228,249,255,.88));
border-bottom:1px solid rgba(58,150,184,.28);
}
.chat-head h1{color:#126d97;text-shadow:0 1px #fff}
.chat-actions button,.call-controls button,.group-controls button,.group-picker-actions button,.call-minimize{
border-radius:10px!important;border:1px solid #75bad3!important;
background:linear-gradient(180deg,#fff 0%,#edfaff 45%,#cceefa 48%,#e6f9ff 100%)!important;
color:#176c91!important;box-shadow:inset 0 1px #fff,0 2px 4px rgba(14,111,148,.12);text-shadow:0 1px #fff;
}
.chat-actions button:hover,.call-controls button:hover,.group-controls button:hover,.group-picker-actions button:hover,.call-minimize:hover{
background:linear-gradient(180deg,#fff,#e2fbff 45%,#aee6f6 48%,#d9f8ff)!important;filter:none!important;
}
.chat-actions #call,.call-accept{color:#288328!important;border-color:#78c66a!important;background:linear-gradient(#fff,#efffe8 45%,#c7f1b0 48%,#e8ffdc)!important}
.call-hangup,.call-reject,#groupLeave{color:#a63a3a!important;border-color:#df9c9c!important;background:linear-gradient(#fff,#fff0f0 45%,#f5c7c7 48%,#ffe8e8)!important}
.messages{
background:
radial-gradient(circle at 90% 10%,rgba(255,255,255,.94),transparent 30%),
linear-gradient(180deg,#fbfeff 0%,#f4fdff 62%,#effbea 100%);
}
.bubble{border-radius:14px 14px 14px 4px;background:linear-gradient(#f8fdff,#dff4fb);border-color:#b4dae8;box-shadow:inset 0 1px #fff,0 2px 5px rgba(40,117,145,.08)}
.mine .bubble{border-radius:14px 14px 4px 14px;background:linear-gradient(#f4ffeb,#d7f4c6);border-color:#a9d997}
.composer{background:linear-gradient(180deg,#e8f9ff,#d7f1fa);border-top-color:#8fc9de}
.composer button{border:1px solid #0781bd;background:linear-gradient(180deg,#4fc9f4,#149cd4 48%,#0784c2 50%,#21aada);box-shadow:inset 0 1px rgba(255,255,255,.7),0 2px 5px rgba(0,99,143,.2);border-radius:0 9px 9px 0;text-shadow:0 -1px rgba(0,80,120,.4)}
.call-card,.group-card,.group-picker-card{
background:linear-gradient(160deg,rgba(255,255,255,.97),rgba(226,248,255,.94) 58%,rgba(232,252,224,.94));
border:1px solid rgba(80,164,193,.68);box-shadow:0 22px 65px rgba(5,67,94,.34),inset 0 1px #fff;
}
.call-overlay,.group-overlay,.group-picker-overlay{background:rgba(31,72,88,.38);backdrop-filter:blur(5px) saturate(1.2)}
.video-stage,.group-screen-stage{border:1px solid #6caac0;box-shadow:inset 0 0 24px rgba(28,101,128,.35),0 2px 8px rgba(0,95,128,.14)}
.group-participant{border-radius:14px;background:linear-gradient(#fff,#e8f8fd);border-color:#a7d5e4;box-shadow:inset 0 1px #fff}
.group-participant.is-self{background:linear-gradient(#f7fff2,#dff5d2);border-color:#9ed18b}
/* Minimize active calls without interrupting WebRTC */
.call-minimize{width:34px;height:30px;padding:0!important;min-width:0!important;font-size:17px;cursor:pointer;display:none;place-items:center}
.call-overlay[data-state="active"] .call-minimize,.call-overlay[data-state="connecting"] .call-minimize{display:grid}
.call-identity{grid-template-columns:auto 1fr auto auto}
.group-head-actions{display:flex;align-items:center;gap:10px}.group-head .call-minimize{display:grid}
.call-overlay.is-minimized,.group-overlay.is-minimized{
inset:auto 16px 16px auto;background:transparent;backdrop-filter:none;padding:0;display:block!important;pointer-events:none;
}
.call-overlay.is-minimized .call-card,.group-overlay.is-minimized .group-card{
pointer-events:auto;width:min(390px,calc(100vw - 24px));padding:10px 12px;border-radius:15px;box-shadow:0 10px 35px rgba(0,67,96,.35),inset 0 1px #fff;
}
.call-overlay.is-minimized .video-stage,.call-overlay.is-minimized .call-note,
.group-overlay.is-minimized .group-screen-stage,.group-overlay.is-minimized .group-participants,.group-overlay.is-minimized .group-note{display:none!important}
.call-overlay.is-minimized .call-identity{margin:0;grid-template-columns:auto 1fr auto auto;gap:8px}
.call-overlay.is-minimized .call-identity .call-avatar{width:38px;height:38px;font-size:18px}
.call-overlay.is-minimized .call-identity h2{font-size:14px;margin:0}.call-overlay.is-minimized .call-status{font-size:11px;min-height:0}
.call-overlay.is-minimized .call-timer{font-size:17px;min-width:52px}
.call-overlay.is-minimized .call-controls{margin:7px 0 0;justify-content:flex-end;gap:5px}
.call-overlay.is-minimized .call-controls button{display:none!important;min-width:0;padding:6px 8px}
.call-overlay.is-minimized #callMute,.call-overlay.is-minimized #callHangup{display:block!important;font-size:0}
.call-overlay.is-minimized #callMute::before{content:'🎙️';font-size:16px}.call-overlay.is-minimized #callHangup::before{content:'☎';font-size:16px}
.group-overlay.is-minimized .group-card{width:min(410px,calc(100vw - 24px));padding:11px 13px}
.group-overlay.is-minimized .group-head{margin:0}.group-overlay.is-minimized .group-head h2{font-size:15px}.group-overlay.is-minimized .group-status{font-size:11px}
.group-overlay.is-minimized .group-timer{font-size:18px}
.group-overlay.is-minimized .group-controls{margin-top:8px;justify-content:flex-end;gap:5px}
.group-overlay.is-minimized .group-controls button{display:none!important;min-width:0;padding:6px 8px}
.group-overlay.is-minimized #groupMute,.group-overlay.is-minimized #groupLeave{display:block!important;font-size:0}
.group-overlay.is-minimized #groupMute::before{content:'🎙️';font-size:16px}.group-overlay.is-minimized #groupLeave::before{content:'☎';font-size:16px}
@media(max-width:760px){
body{background:linear-gradient(180deg,#73d2f4,#e9fbff 62%,#bde891)}
.sidebar{background:linear-gradient(180deg,rgba(250,255,255,.98),rgba(220,247,255,.98))}
.call-overlay.is-minimized,.group-overlay.is-minimized{left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));width:auto}
.call-overlay.is-minimized .call-card,.group-overlay.is-minimized .group-card{width:100%}
.call-overlay.is-minimized .call-avatar{display:none}
}
/* Koshinet v21 - mobile minimized call stays above the chat composer */
@media (max-width:760px){
.call-overlay.is-minimized,
.group-overlay.is-minimized{
left:8px;
right:8px;
bottom:calc(64px + max(8px, env(safe-area-inset-bottom)));
width:auto;
}
.call-overlay.is-minimized .call-card,
.group-overlay.is-minimized .group-card{
max-height:104px;
overflow:hidden;
}
}
/* Koshinet v22 - private image messages + selectable chat wallpapers */
.wallpaper-select{
min-height:34px;border-radius:10px;border:1px solid #75bad3;
background:linear-gradient(180deg,#fff 0%,#edfaff 45%,#cceefa 48%,#e6f9ff 100%);
color:#176c91;padding:0 8px;box-shadow:inset 0 1px #fff,0 2px 4px rgba(14,111,148,.12);
font:inherit;cursor:pointer;
}
.composer .image-send{
flex:0 0 auto;width:42px;border-radius:9px 0 0 9px!important;border:1px solid #75bad3!important;
border-right:0!important;background:linear-gradient(#fff,#e5f8ff 47%,#c7edf9 50%,#e6f9ff)!important;
color:#176c91!important;font-size:17px;text-shadow:none;box-shadow:inset 0 1px #fff!important;
}
.composer .image-send[hidden]{display:none!important}
.composer:has(.image-send:not([hidden])) #text{border-radius:0}
.chat-image{display:block;max-width:min(440px,70vw);max-height:420px;width:auto;height:auto;border-radius:10px;object-fit:contain;background:#eaf7fb;cursor:zoom-in}
.image-bubble{padding:5px!important;overflow:hidden}.image-caption{padding:5px 7px 3px;font-size:11px;color:#52707e;max-width:420px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.image-message.mine .image-caption{text-align:right}
.messages.wallpaper-aero{background:radial-gradient(circle at 90% 10%,rgba(255,255,255,.94),transparent 30%),linear-gradient(180deg,#fbfeff 0%,#f4fdff 62%,#effbea 100%)}
.messages.wallpaper-sky{background:radial-gradient(ellipse at 20% 10%,rgba(255,255,255,.9) 0 9%,transparent 10%),radial-gradient(ellipse at 34% 14%,rgba(255,255,255,.72) 0 7%,transparent 8%),linear-gradient(180deg,#85d9f6 0%,#dff8ff 60%,#efffff 100%)}
.messages.wallpaper-green{background:radial-gradient(circle at 82% 12%,rgba(255,255,255,.82),transparent 23%),linear-gradient(180deg,#f8fff1 0%,#e7f8d7 58%,#cceba8 100%)}
.messages.wallpaper-custom{background-color:#eef9fb;background-repeat:no-repeat!important}
.image-viewer-open{overflow:hidden}
.chat-image-modal{position:fixed;inset:0;z-index:3000;background:rgba(5,30,42,.78);display:grid;place-items:center;padding:24px;backdrop-filter:blur(5px)}
.chat-image-modal img{max-width:94vw;max-height:92dvh;object-fit:contain;border-radius:12px;box-shadow:0 18px 60px #0008;border:1px solid #fff8}
@media(max-width:760px){
.wallpaper-select{max-width:105px;height:32px;font-size:12px;padding:0 5px}
.chat-image{max-width:min(76vw,360px);max-height:52dvh}
.composer .image-send{width:40px}
}
/* Koshinet v24 - contextual toolbar + full-app wallpapers */
.chat-actions [hidden]{display:none!important}
.chat-title-wrap{min-width:150px;flex:1 1 auto;overflow:hidden}
.chat-title-wrap h1,.chat-title-wrap span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-actions{flex:0 1 auto;flex-wrap:wrap;justify-content:flex-end}
.wallpaper-select{width:136px;min-width:136px;max-width:136px;padding-left:9px;padding-right:6px}
.composer .image-send{width:46px;min-width:46px;padding:0!important;overflow:visible;display:grid;place-items:center}
/* The selected wallpaper now belongs to the whole Koshinet surface, not only .messages. */
body.theme-wallpaper-aero{
background:
radial-gradient(circle at 14% 9%,rgba(255,255,255,.92) 0 7%,transparent 17%),
linear-gradient(180deg,#6fd4f4 0%,#dff9ff 55%,#b6ec91 100%) fixed;
}
body.theme-wallpaper-sky{
background:
radial-gradient(ellipse at 16% 12%,rgba(255,255,255,.95) 0 6%,transparent 7%),
radial-gradient(ellipse at 27% 16%,rgba(255,255,255,.78) 0 5%,transparent 6%),
radial-gradient(ellipse at 78% 9%,rgba(255,255,255,.84) 0 8%,transparent 9%),
linear-gradient(180deg,#59c7ef 0%,#bcefff 54%,#efffff 100%) fixed;
}
body.theme-wallpaper-green{
background:
radial-gradient(circle at 82% 9%,rgba(255,255,255,.86) 0 8%,transparent 22%),
linear-gradient(180deg,#dff9ff 0%,#d9f5d0 45%,#8bdc61 100%) fixed;
}
body.theme-wallpaper-custom{background-color:#bde8ef}
body.wallpaper-enabled .app{
background:rgba(247,253,255,.64);
backdrop-filter:blur(2px) saturate(1.08);
}
body.wallpaper-enabled .layout{background:rgba(242,252,255,.18)}
body.wallpaper-enabled .sidebar{
background:linear-gradient(180deg,rgba(255,255,255,.80),rgba(224,247,255,.72));
backdrop-filter:blur(7px) saturate(1.05);
}
body.wallpaper-enabled .chat{background:rgba(248,254,255,.22)}
body.wallpaper-enabled .chat-head{background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(226,248,255,.76))}
body.wallpaper-enabled .messages{
background:linear-gradient(180deg,rgba(255,255,255,.56),rgba(244,253,255,.48))!important;
backdrop-filter:blur(1.5px);
}
body.wallpaper-enabled .composer{background:linear-gradient(180deg,rgba(232,249,255,.92),rgba(215,241,250,.90))}
@media(max-width:760px){
.chat-actions{gap:5px;flex-wrap:nowrap}
.chat-title-wrap{min-width:0}
.wallpaper-select{width:104px;min-width:104px;max-width:104px;font-size:11px}
.composer .image-send{width:42px;min-width:42px}
body.wallpaper-enabled .app{backdrop-filter:none}
}
/* =========================================================
Koshinet v27 — Glass Aero visual refresh
Visual-only layer. Keeps v26 signaling/WebRTC/chat logic.
========================================================= */
:root{
--k-glass:rgba(18,69,116,.42);
--k-glass-soft:rgba(29,93,143,.28);
--k-glass-light:rgba(218,244,255,.24);
--k-edge:rgba(194,241,255,.82);
--k-edge-soft:rgba(113,208,245,.48);
--k-shadow:rgba(0,39,83,.38);
--k-cyan:#45e8ff;
--k-blue:#078de0;
--k-green:#70f53f;
--k-ink:#f4fbff;
--k-muted:#b9d7e8;
}
html,body{background-color:#126ca4}
body{
color:var(--k-ink);
background-attachment:fixed!important;
overflow:hidden;
}
body::before{
opacity:.4;
filter:saturate(1.12);
}
body::after{
content:"";
position:fixed;
inset:0;
z-index:-1;
pointer-events:none;
background:
linear-gradient(180deg,rgba(0,38,89,.18),transparent 28%,rgba(0,91,114,.08) 70%,rgba(7,59,111,.20)),
radial-gradient(circle at 50% -12%,rgba(255,255,255,.35),transparent 30%);
}
.app{
width:min(1180px,calc(100vw - 28px));
height:calc(100dvh - 28px);
margin:14px auto;
border-radius:24px;
border:1px solid rgba(212,246,255,.78);
background:linear-gradient(155deg,rgba(17,77,127,.48),rgba(9,48,91,.34));
box-shadow:
0 22px 70px rgba(0,31,72,.42),
inset 0 1px rgba(255,255,255,.72),
inset 0 0 0 1px rgba(74,190,238,.20);
backdrop-filter:blur(19px) saturate(1.42);
-webkit-backdrop-filter:blur(19px) saturate(1.42);
position:relative;
}
.app::before{
content:"";
position:absolute;
inset:1px 1px auto 1px;
height:43%;
border-radius:23px 23px 50% 50%;
background:linear-gradient(180deg,rgba(255,255,255,.17),rgba(255,255,255,.035) 62%,transparent);
pointer-events:none;
z-index:0;
}
.app>*{position:relative;z-index:1}
.topbar{
height:70px;
padding:0 22px;
background:linear-gradient(180deg,rgba(43,132,203,.64),rgba(13,68,126,.54));
border-bottom:1px solid rgba(191,237,255,.62);
box-shadow:
inset 0 1px rgba(255,255,255,.54),
inset 0 -10px 22px rgba(3,52,105,.10),
0 3px 12px rgba(0,31,73,.22);
backdrop-filter:blur(14px) saturate(1.45);
-webkit-backdrop-filter:blur(14px) saturate(1.45);
}
.brand{
font-size:25px;
color:#fff;
letter-spacing:-.4px;
text-shadow:0 1px 2px rgba(0,47,92,.75),0 0 14px rgba(67,225,255,.36);
}
.brand::first-letter{color:#60eaff;text-shadow:0 0 12px #1ac9ff}
.status{
padding:9px 18px;
border-radius:20px;
font-weight:600;
color:#fff!important;
text-shadow:0 1px 2px rgba(0,68,25,.78);
}
.status.online{
background:linear-gradient(180deg,rgba(102,238,91,.64),rgba(26,153,43,.68));
border:1px solid rgba(173,255,149,.78);
box-shadow:inset 0 1px rgba(255,255,255,.54),0 0 16px rgba(89,255,79,.34);
}
.status.online::before{content:"●";color:#7cff38;margin-right:7px;text-shadow:0 0 9px #85ff43}
.status.offline{background:rgba(79,103,126,.55);color:#e7f3fa!important;border:1px solid rgba(211,234,246,.35)}
.menu-toggle{
width:48px;
height:46px;
border-radius:12px;
border:1px solid rgba(195,239,255,.75);
background:linear-gradient(180deg,rgba(102,188,239,.52),rgba(12,79,140,.58));
color:#fff;
font-size:24px;
box-shadow:inset 0 1px rgba(255,255,255,.55),0 4px 12px rgba(0,34,75,.24);
text-shadow:0 1px 2px #075188;
}
.layout{background:transparent}
.sidebar,.chat{
background:linear-gradient(155deg,rgba(53,119,168,.20),rgba(13,65,111,.18));
}
.sidebar{
width:310px;
padding:20px;
border-right:1px solid rgba(167,226,249,.42);
box-shadow:inset -1px 0 rgba(255,255,255,.07);
backdrop-filter:blur(16px) saturate(1.35);
-webkit-backdrop-filter:blur(16px) saturate(1.35);
}
.profile{
gap:14px;
padding:10px 8px 20px;
}
.avatar{
width:58px;height:58px;border-radius:14px;
}
.avatar,.contact-avatar,.group-participant-avatar,.group-picker-avatar,.call-avatar{
border:1px solid rgba(223,249,255,.86)!important;
outline:1px solid rgba(56,196,245,.50);
box-shadow:inset 0 1px rgba(255,255,255,.70),0 3px 10px rgba(0,38,80,.28),0 0 9px rgba(67,211,255,.14);
}
.profile input{
height:39px;
color:#fff;
font-weight:600;
background:rgba(27,72,116,.27);
border:1px solid rgba(174,229,250,.34);
border-radius:10px;
box-shadow:inset 0 1px 8px rgba(0,32,67,.22),0 1px rgba(255,255,255,.12);
}
.profile input::placeholder{color:#c0dbea}
.sub{color:#bfd7e5;font-size:12px}
.section-title{
color:#d9f7ff;
font-size:12px;
letter-spacing:.3px;
padding:10px 5px;
border-color:rgba(176,228,248,.28);
text-shadow:0 1px 2px rgba(0,35,71,.5);
}
.contacts{padding-top:10px}
.contact{
min-height:62px;
border-radius:15px;
padding:8px 10px;
color:#fff;
border:1px solid transparent;
transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.contact:hover{
background:linear-gradient(180deg,rgba(111,210,248,.23),rgba(25,112,169,.29));
border-color:rgba(140,225,255,.38);
}
.contact.selected{
background:linear-gradient(180deg,rgba(100,224,255,.46),rgba(31,138,199,.42));
border:1px solid rgba(113,236,255,.85);
box-shadow:inset 0 1px rgba(255,255,255,.55),0 0 18px rgba(54,220,255,.22),0 5px 12px rgba(0,39,82,.18);
}
.contact.selected:hover{transform:translateY(-1px)}
.contact-avatar{width:42px;height:42px;border-radius:12px}
.contact b{font-size:14px;text-shadow:0 1px 2px rgba(0,35,71,.55)}
.contact small{color:#bdd8e6;font-size:11px}
.dot{width:10px;height:10px;background:#67f42e;border-color:#75ff41;box-shadow:0 0 10px rgba(91,255,46,.83)}
.tip{color:#c1dbe8;border-color:rgba(173,228,249,.25);font-size:11px}
.chat{background:rgba(8,51,91,.06)}
.chat-head{
min-height:72px;
padding:12px 18px;
background:linear-gradient(180deg,rgba(39,113,169,.33),rgba(14,70,119,.22));
border-bottom:1px solid rgba(178,231,251,.38);
backdrop-filter:blur(14px) saturate(1.35);
-webkit-backdrop-filter:blur(14px) saturate(1.35);
}
.chat-head h1{color:#fff;font-size:18px;text-shadow:0 1px 2px rgba(0,35,70,.65)}
.chat-head span{color:#bfdbe9}
.chat-actions{gap:9px}
.chat-actions button,
.wallpaper-select,
.call-controls button,.group-controls button,.group-picker-actions button,.call-minimize{
min-height:39px;
border-radius:11px!important;
border:1px solid rgba(173,230,252,.58)!important;
background:linear-gradient(180deg,rgba(105,184,229,.35),rgba(13,80,137,.45))!important;
color:#f4fbff!important;
box-shadow:inset 0 1px rgba(255,255,255,.43),0 3px 9px rgba(0,36,76,.20)!important;
text-shadow:0 1px 2px rgba(0,39,78,.65)!important;
}
.chat-actions button:hover,.call-controls button:hover,.group-controls button:hover,.group-picker-actions button:hover,.call-minimize:hover{
background:linear-gradient(180deg,rgba(119,214,250,.52),rgba(22,111,177,.51))!important;
border-color:rgba(153,239,255,.90)!important;
box-shadow:inset 0 1px rgba(255,255,255,.58),0 0 13px rgba(48,210,255,.18)!important;
}
.chat-actions #call,.call-accept{
background:linear-gradient(180deg,rgba(99,235,113,.43),rgba(20,142,75,.52))!important;
border-color:rgba(139,255,143,.67)!important;
color:#effff0!important;
}
.wallpaper-select{
width:134px;min-width:134px;max-width:134px;
padding:0 29px 0 11px;
appearance:auto;
-webkit-appearance:menulist;
font-weight:600;
}
.messages{
position:relative;
background:linear-gradient(180deg,rgba(12,56,96,.07),rgba(3,43,75,.14))!important;
backdrop-filter:blur(3px) saturate(1.18);
-webkit-backdrop-filter:blur(3px) saturate(1.18);
padding:22px;
}
.messages::before{
content:"";position:absolute;inset:0;pointer-events:none;
background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 45%,rgba(4,55,93,.05));
}
.message,.system{position:relative;z-index:1}
.meta{color:#c5dfec;text-shadow:0 1px 2px rgba(0,38,73,.42)}
.system{color:#b7d3e1}
.bubble{
color:#f7fdff;
background:linear-gradient(180deg,rgba(91,170,216,.43),rgba(20,91,145,.45));
border:1px solid rgba(163,225,248,.47);
box-shadow:inset 0 1px rgba(255,255,255,.28),0 4px 10px rgba(0,38,79,.17);
text-shadow:0 1px 1px rgba(0,32,68,.35);
}
.mine .bubble{
color:#f8fff5;
background:linear-gradient(180deg,rgba(101,206,126,.49),rgba(31,138,92,.46));
border-color:rgba(151,236,157,.52);
}
.typing{color:#c0dce9}
.composer{
gap:9px;
padding:12px;
background:linear-gradient(180deg,rgba(40,112,166,.38),rgba(12,65,116,.49));
border-top:1px solid rgba(182,232,251,.52);
box-shadow:inset 0 1px rgba(255,255,255,.17);
backdrop-filter:blur(15px);
-webkit-backdrop-filter:blur(15px);
}
.composer input{
border-radius:12px!important;
color:#fff;
background:rgba(15,59,101,.38);
border:1px solid rgba(184,230,249,.55);
box-shadow:inset 0 2px 8px rgba(0,31,69,.28),0 1px rgba(255,255,255,.13);
}
.composer input::placeholder{color:#bed8e7}
.composer>button[type="submit"]{
border-radius:12px!important;
min-width:92px;
background:linear-gradient(180deg,#39d9ff 0%,#129ddf 46%,#0783d0 50%,#0aa8eb 100%)!important;
border:1px solid rgba(96,222,255,.95)!important;
color:#fff!important;
font-weight:600;
box-shadow:inset 0 1px rgba(255,255,255,.65),0 0 12px rgba(20,193,255,.25),0 4px 8px rgba(0,43,83,.24)!important;
}
.composer .image-send{
width:48px!important;min-width:48px!important;
border-radius:12px!important;
border:1px solid rgba(174,230,252,.66)!important;
background:linear-gradient(180deg,rgba(88,178,225,.48),rgba(11,77,137,.56))!important;
color:#fff!important;
font-size:19px;
box-shadow:inset 0 1px rgba(255,255,255,.48),0 3px 9px rgba(0,38,80,.24)!important;
}
.composer:has(.image-send:not([hidden])) #text{border-radius:12px!important}
.call-card,.group-card,.group-picker-card{
color:#eefaff;
background:linear-gradient(155deg,rgba(26,92,145,.78),rgba(8,48,91,.80));
border:1px solid rgba(190,239,255,.68);
box-shadow:0 24px 80px rgba(0,24,59,.55),inset 0 1px rgba(255,255,255,.45),inset 0 0 35px rgba(58,190,242,.08);
backdrop-filter:blur(24px) saturate(1.45);
-webkit-backdrop-filter:blur(24px) saturate(1.45);
}
.call-card h2,.group-card h2,.group-picker-card h2,.group-picker-name{color:#f3fbff!important}
.call-status,.group-status,.group-note,.call-note,.group-picker-hint{color:#bddae9!important}
.video-stage,.group-screen-stage{border-color:rgba(146,220,247,.62);background:rgba(3,23,44,.64)}
.group-participant,.group-picker-item{color:#eefaff;background:rgba(57,126,174,.24);border-color:rgba(154,218,242,.37)}
.group-participant.is-self{background:rgba(61,169,136,.26)}
/* Full-surface wallpaper: keep the image visible through the glass. */
body.wallpaper-enabled .app{background:linear-gradient(155deg,rgba(15,67,111,.48),rgba(7,43,82,.37));backdrop-filter:blur(18px) saturate(1.38);-webkit-backdrop-filter:blur(18px) saturate(1.38)}
body.wallpaper-enabled .layout{background:transparent}
body.wallpaper-enabled .sidebar{background:linear-gradient(155deg,rgba(51,118,166,.20),rgba(11,61,105,.19));backdrop-filter:blur(16px) saturate(1.35);-webkit-backdrop-filter:blur(16px) saturate(1.35)}
body.wallpaper-enabled .chat{background:rgba(4,43,77,.05)}
body.wallpaper-enabled .chat-head{background:linear-gradient(180deg,rgba(44,119,173,.33),rgba(10,64,111,.24))}
body.wallpaper-enabled .messages{background:linear-gradient(180deg,rgba(10,55,94,.08),rgba(3,43,75,.15))!important;backdrop-filter:blur(3px) saturate(1.16);-webkit-backdrop-filter:blur(3px) saturate(1.16)}
body.wallpaper-enabled .composer{background:linear-gradient(180deg,rgba(39,111,164,.43),rgba(10,60,109,.52))}
@media(max-width:760px){
html,body{background-color:#0b5d99;overflow:hidden}
body{padding:0;background-attachment:fixed!important}
.app{
width:calc(100vw - 16px);
height:calc(100dvh - 16px);
margin:8px;
border-radius:21px;
box-shadow:0 10px 35px rgba(0,28,67,.43),inset 0 1px rgba(255,255,255,.65);
}
.app::before{border-radius:20px 20px 45% 45%}
.topbar{height:66px;padding:0 14px;border-radius:20px 20px 0 0}
.brand{position:absolute;left:50%;transform:translateX(-50%);font-size:24px;white-space:nowrap}
.brand::first-letter{font-size:24px}
.status{font-size:12px;padding:8px 13px}
.status.online::before{margin-right:5px}
.menu-toggle{display:grid;width:48px;height:46px}
.sidebar{
top:74px;
bottom:8px;
left:8px;
width:min(72vw,350px);
padding:12px 14px 20px;
border-radius:0 18px 18px 18px;
border:1px solid rgba(190,238,255,.67);
background:linear-gradient(155deg,rgba(35,100,151,.76),rgba(8,50,92,.76))!important;
box-shadow:12px 10px 35px rgba(0,29,67,.43),inset 0 1px rgba(255,255,255,.35);
backdrop-filter:blur(22px) saturate(1.45)!important;
-webkit-backdrop-filter:blur(22px) saturate(1.45)!important;
}
.sidebar-backdrop{top:74px;bottom:8px;left:8px;right:8px;border-radius:0 0 20px 20px;background:rgba(0,25,58,.20);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.profile{padding:8px 4px 20px}
.avatar{width:58px;height:58px}
.profile input{font-size:16px;height:41px}
.section-title{font-size:12px}
.contact{min-height:70px;padding:9px 10px;border-radius:17px}
.contact-avatar{width:45px;height:45px}
.contact b{font-size:16px}
.tip{font-size:12px;padding:15px 3px 0}
.chat-head{min-height:72px;padding:10px 12px;gap:8px}
.chat-title-wrap{padding-left:3px}
.chat-head h1{font-size:17px}
.chat-actions{gap:7px;flex-wrap:nowrap}
.chat-actions button{width:45px;height:43px;min-height:43px;padding:0!important;font-size:0!important;display:grid;place-items:center}
.chat-actions #call::before{content:'📞';font-size:20px}
.chat-actions #groupCall::before{content:'👥';font-size:19px}
.chat-actions #attention::before{content:'🔔';font-size:20px}
.wallpaper-select{width:112px;min-width:112px;max-width:112px;height:43px;font-size:12px;padding-left:8px;padding-right:4px}
.messages{padding:14px}
.message{max-width:90%}
.composer{padding:9px;gap:7px;padding-bottom:max(9px,env(safe-area-inset-bottom))}
.composer .image-send{width:47px!important;min-width:47px!important;height:47px}
.composer input{height:47px;font-size:16px;padding:0 13px}
.composer>button[type="submit"]{height:47px;min-width:80px;padding:0 14px}
.call-overlay.is-minimized,.group-overlay.is-minimized{
left:14px;right:14px;bottom:calc(68px + max(10px,env(safe-area-inset-bottom)));
}
.call-overlay.is-minimized .call-card,.group-overlay.is-minimized .group-card{border-radius:16px}
}
@media(max-width:430px){
.app{width:calc(100vw - 10px);height:calc(100dvh - 10px);margin:5px}
.topbar{height:62px;padding:0 10px}
.brand{font-size:21px}.brand::first-letter{font-size:21px}
.menu-toggle{width:44px;height:42px;font-size:21px}
.status{padding:7px 10px;font-size:11px}
.sidebar{top:67px;left:5px;bottom:5px;width:min(76vw,330px)}
.sidebar-backdrop{top:67px;left:5px;right:5px;bottom:5px}
.chat-head{padding:8px 9px;min-height:68px}
.chat-actions button{width:42px;height:40px;min-height:40px}
.wallpaper-select{width:96px;min-width:96px;max-width:96px;height:40px;font-size:11px}
.chat-head h1{font-size:16px}
.chat-head span{font-size:10px}
.composer>button[type="submit"]{min-width:72px;padding:0 10px}
}
/* Koshinet v28 — correções de uniformidade do vidro e chamada minimizada */
/* Remove a faixa de luminosidade parcial que dividia visualmente o painel no desktop. */
.app::before{
display:none!important;
}
/* Mantém o vidro com iluminação uniforme em toda a janela. */
.app{
background:linear-gradient(155deg,rgba(17,77,127,.46),rgba(9,48,91,.38))!important;
}
.layout,.chat,.sidebar{
background-color:transparent;
}
/* Chamada minimizada: posição previsível e independente das regras antigas. */
.call-overlay.is-minimized,
.group-overlay.is-minimized{
position:fixed!important;
top:auto!important;
left:auto!important;
right:max(22px,calc((100vw - min(1180px,calc(100vw - 28px)))/2 + 16px))!important;
bottom:92px!important;
width:auto!important;
height:auto!important;
max-width:none!important;
padding:0!important;
margin:0!important;
background:transparent!important;
backdrop-filter:none!important;
-webkit-backdrop-filter:none!important;
pointer-events:none!important;
align-items:unset!important;
justify-content:unset!important;
z-index:420!important;
}
.call-overlay.is-minimized .call-card,
.group-overlay.is-minimized .group-card{
pointer-events:auto!important;
width:360px!important;
max-width:calc(100vw - 32px)!important;
min-height:0!important;
max-height:none!important;
margin:0!important;
padding:10px 12px!important;
border-radius:16px!important;
overflow:visible!important;
box-shadow:0 12px 32px rgba(0,24,59,.42),inset 0 1px rgba(255,255,255,.5)!important;
}
.call-overlay.is-minimized .call-identity{
grid-template-columns:auto minmax(0,1fr) auto auto!important;
align-items:center!important;
gap:8px!important;
margin:0!important;
}
.call-overlay.is-minimized .call-identity h2,
.group-overlay.is-minimized .group-head h2{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.call-overlay.is-minimized .call-status,
.group-overlay.is-minimized .group-status{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.call-overlay.is-minimized .call-controls,
.group-overlay.is-minimized .group-controls{
margin-top:7px!important;
justify-content:flex-end!important;
}
@media(max-width:760px){
/* No mobile, vira uma barra compacta acima do compositor, sem cobrir a caixa de mensagem. */
.call-overlay.is-minimized,
.group-overlay.is-minimized{
left:14px!important;
right:14px!important;
bottom:calc(72px + max(10px,env(safe-area-inset-bottom)))!important;
width:auto!important;
}
.call-overlay.is-minimized .call-card,
.group-overlay.is-minimized .group-card{
width:100%!important;
max-width:none!important;
padding:9px 10px!important;
border-radius:15px!important;
}
.call-overlay.is-minimized .call-identity{
grid-template-columns:minmax(0,1fr) auto auto!important;
}
.call-overlay.is-minimized .call-avatar{
display:none!important;
}
.call-overlay.is-minimized .call-timer,
.group-overlay.is-minimized .group-timer{
font-size:14px!important;
min-width:42px!important;
}
.call-overlay.is-minimized .call-controls,
.group-overlay.is-minimized .group-controls{
position:absolute;
right:9px;
bottom:8px;
margin:0!important;
gap:5px!important;
}
.call-overlay.is-minimized .call-card,
.group-overlay.is-minimized .group-card{
position:relative;
padding-right:92px!important;
}
.call-overlay.is-minimized #callMute,
.call-overlay.is-minimized #callHangup,
.group-overlay.is-minimized #groupMute,
.group-overlay.is-minimized #groupLeave{
width:36px!important;
height:34px!important;
padding:0!important;
min-width:36px!important;
}
}
@media(max-width:430px){
.call-overlay.is-minimized,
.group-overlay.is-minimized{
left:10px!important;
right:10px!important;
bottom:calc(70px + max(8px,env(safe-area-inset-bottom)))!important;
}
.call-overlay.is-minimized .call-card,
.group-overlay.is-minimized .group-card{
padding-left:10px!important;
padding-right:88px!important;
}
}
/* Koshinet v29 — remove qualquer faixa escura residual no topo */
body::after{
background:
radial-gradient(circle at 50% -18%,rgba(255,255,255,.30),transparent 34%),
linear-gradient(180deg,rgba(21,112,174,.05),rgba(21,112,174,.02) 30%,rgba(8,54,96,.06) 100%)!important;
}
.topbar{
background:linear-gradient(180deg,rgba(54,151,221,.62),rgba(17,91,151,.50))!important;
}
.layout,.chat,.sidebar,.chat-head{
box-shadow:none;
}
/* Aviso explícito de quem chamou atenção */
.attention-toast{
position:fixed;
z-index:1200;
top:18px;
left:50%;
transform:translateX(-50%) translateY(-18px);
max-width:min(92vw,520px);
padding:12px 18px;
border:1px solid rgba(222,250,255,.88);
border-radius:14px;
color:#fff;
font-weight:700;
text-align:center;
background:linear-gradient(180deg,rgba(255,174,18,.96),rgba(210,98,0,.94));
box-shadow:0 10px 35px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.65);
opacity:0;
pointer-events:none;
transition:opacity .16s ease,transform .16s ease;
}
.attention-toast.is-showing{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:700px){.attention-toast{top:76px;font-size:14px;padding:11px 14px}}
/* Koshinet v30 — correção de empilhamento dos modais de chamada em grupo */
/* A regra genérica .app > * da pele Glass Aero criava um stacking context com z-index:1
e podia colocar o seletor de participantes atrás da própria chamada. */
.app > .call-overlay{
position:fixed!important;
z-index:1400!important;
}
.app > .group-overlay{
position:fixed!important;
z-index:1500!important;
}
.app > .group-picker-overlay{
position:fixed!important;
z-index:5000!important;
isolation:isolate;
}
.group-picker-overlay.is-open{
display:flex!important;
}
.group-picker-card{
position:relative;
z-index:1;
box-shadow:0 24px 70px rgba(0,18,55,.62), inset 0 1px rgba(255,255,255,.62)!important;
}
/* O seletor deve sempre vencer também chamadas minimizadas e drawers mobile. */
.app > .group-picker-overlay.is-open ~ *{
pointer-events:auto;
}
/* Koshinet v31 — posição do seletor de participantes */
/* Mantém o convite no topo da área útil, especialmente em telas pequenas. */
.group-picker-overlay.is-open{
align-items:flex-start!important;
justify-content:center!important;
overflow-y:auto!important;
padding:clamp(72px, 11vh, 118px) 18px 24px!important;
}
.group-picker-card{
margin:0 auto!important;
max-height:calc(100dvh - clamp(96px, 15vh, 150px))!important;
}
@media (max-width:700px){
.group-picker-overlay.is-open{
padding:74px 10px 18px!important;
}
.group-picker-card{
width:100%!important;
max-height:calc(100dvh - 92px)!important;
margin:0!important;
}
}
/* Koshinet v32 - Salas de voz */
.voice-room-section-title{margin-top:16px}.voice-rooms-sidebar{display:flex;flex-direction:column;gap:7px;margin:7px 0 14px}.voice-room-item{width:100%;min-height:54px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px 9px;border:1px solid rgba(170,226,255,.45);border-radius:13px;color:inherit;text-align:left;background:linear-gradient(180deg,rgba(58,142,207,.34),rgba(16,88,155,.22));cursor:pointer}.voice-room-avatar{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 35% 25%,#7ce8ff,#1775ca 68%,#064a92);border:1px solid rgba(255,255,255,.7)}.voice-room-avatar img{width:100%;height:100%;object-fit:cover}.voice-room-info{min-width:0;display:flex;flex-direction:column}.voice-room-info b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-room-info small{opacity:.78;font-size:11px}.voice-room-enter{font-size:11px;padding:5px 7px;border-radius:8px;background:rgba(79,214,255,.13)}.voice-room-empty{padding:10px 8px;font-size:12px;opacity:.72;text-align:center}.voice-rooms-overlay{position:fixed;inset:0;z-index:27000;display:none;align-items:flex-start;justify-content:center;padding:74px 16px 20px;background:rgba(2,25,55,.38);backdrop-filter:blur(10px);overflow:auto}.voice-rooms-overlay.is-open{display:flex}.voice-rooms-card{width:min(620px,100%);max-height:calc(100dvh - 96px);overflow:auto;padding:18px;border-radius:20px;color:#f5fbff;border:1px solid rgba(210,244,255,.75);background:linear-gradient(180deg,rgba(22,104,180,.95),rgba(8,64,128,.91));box-shadow:0 18px 60px rgba(0,24,70,.44)}.voice-rooms-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.voice-rooms-head h2{margin:0}.voice-rooms-subtitle{font-size:12px;opacity:.8}.voice-room-create{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:8px;padding:11px;margin-bottom:12px;border-radius:15px;background:rgba(2,47,97,.28)}.voice-room-create input{min-width:0;height:40px;border-radius:10px;border:1px solid rgba(181,230,255,.55);background:rgba(255,255,255,.12);color:#fff;padding:0 11px}.voice-rooms-list{display:flex;flex-direction:column;gap:8px;max-height:45vh;overflow:auto}@media(max-width:700px){.voice-rooms-overlay{padding:64px 9px 12px}.voice-rooms-card{max-height:calc(100dvh - 76px);padding:13px}.voice-room-create{grid-template-columns:1fr}}
/* Koshinet v33 — criador de Winks */
.wink-button{width:42px!important;min-width:42px!important;padding:0!important;font-size:20px!important}
.wink-panel{position:fixed;top:72px;right:14px;bottom:18px;width:min(390px,calc(100vw - 28px));z-index:24000;transform:translateX(calc(100% + 30px));opacity:0;pointer-events:none;transition:transform .24s ease,opacity .2s ease;padding:14px;overflow:auto;border-radius:20px;color:#f7fcff;border:1px solid rgba(218,247,255,.82);background:linear-gradient(180deg,rgba(24,114,190,.95),rgba(7,62,124,.93));box-shadow:inset 0 1px rgba(255,255,255,.48),0 18px 55px rgba(0,24,70,.48),0 0 28px rgba(72,211,255,.16);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.wink-panel.is-open{transform:translateX(0);opacity:1;pointer-events:auto}.wink-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.wink-panel-head>div{display:flex;flex-direction:column}.wink-panel-head b{font-size:19px}.wink-panel-head small{font-size:11px;opacity:.75;margin-top:2px}.wink-panel-head button{width:36px;height:36px;padding:0!important;border-radius:10px!important}
.wink-library{display:flex;flex-direction:column;gap:8px;max-height:42vh;overflow:auto;padding-right:2px}.wink-library-item{display:grid;grid-template-columns:54px minmax(0,1fr) auto 36px;gap:8px;align-items:center;padding:8px;border-radius:14px;border:1px solid rgba(184,235,255,.38);background:rgba(8,61,117,.32)}.wink-preview{width:52px!important;height:52px!important;padding:2px!important;border-radius:12px!important;overflow:hidden}.wink-preview img{width:100%;height:100%;object-fit:contain}.wink-library-info{min-width:0;display:flex;flex-direction:column}.wink-library-info b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wink-library-info small{font-size:10px;opacity:.7}.wink-send-one{padding:8px 10px!important}.wink-delete{width:36px!important;height:36px!important;padding:0!important}.wink-empty{text-align:center;padding:24px 10px;opacity:.72;font-size:12px}.wink-new{width:100%;margin:12px 0 4px}
.wink-creator{margin-top:10px;padding:11px;border-radius:15px;border:1px solid rgba(189,236,255,.35);background:rgba(3,44,93,.3)}.wink-creator label{display:flex;flex-direction:column;gap:4px;font-size:11px;margin-bottom:9px}.wink-creator input[type=text],.wink-creator input[type=file]{width:100%;box-sizing:border-box}.wink-creator input[type=text]{height:38px;border-radius:9px;border:1px solid rgba(190,235,255,.52);background:rgba(255,255,255,.11);color:white;padding:0 10px}.wink-creator input[type=file]{font-size:11px}.wink-creator-status{font-size:10px;opacity:.72;margin:7px 0}.wink-creator-actions{display:flex;gap:7px;flex-wrap:wrap}.wink-creator-actions button{flex:1;min-width:90px}
.wink-overlay{position:fixed;inset:0;z-index:50000;display:none;align-items:center;justify-content:center;background:rgba(0,18,45,.42);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);overflow:hidden}.wink-overlay.is-open{display:flex;animation:winkFadeIn .18s ease-out}.wink-animation{max-width:min(82vw,720px);max-height:72vh;object-fit:contain;filter:drop-shadow(0 18px 35px rgba(0,0,0,.45));animation:winkPop .32s cubic-bezier(.2,.9,.2,1.25)}.wink-sender{position:absolute;top:max(24px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);max-width:88vw;padding:9px 14px;border-radius:999px;background:rgba(7,73,139,.88);border:1px solid rgba(208,245,255,.76);color:white;font-weight:700;box-shadow:0 8px 30px rgba(0,34,84,.38);text-align:center}.wink-dismiss{position:absolute;top:max(20px,env(safe-area-inset-top));right:18px;width:38px!important;height:38px!important;padding:0!important;border-radius:50%!important}.wink-bubble{background:linear-gradient(180deg,rgba(255,241,161,.95),rgba(255,199,75,.9))!important;color:#5b3900!important;border-color:rgba(255,222,112,.95)!important;font-weight:700}
@keyframes winkFadeIn{from{opacity:0}to{opacity:1}}@keyframes winkPop{0%{transform:scale(.5) rotate(-4deg);opacity:0}70%{transform:scale(1.05) rotate(1deg);opacity:1}100%{transform:scale(1) rotate(0)}}
@media(max-width:700px){.wink-panel{top:58px;right:7px;bottom:calc(76px + env(safe-area-inset-bottom));width:calc(100vw - 14px);padding:11px;border-radius:17px}.wink-library{max-height:35vh}.wink-library-item{grid-template-columns:48px minmax(0,1fr) auto 34px;gap:6px}.wink-preview{width:46px!important;height:46px!important}.wink-send-one{padding:7px!important;font-size:11px}.wink-delete{width:34px!important;height:34px!important}.wink-animation{max-width:94vw;max-height:68vh}.wink-sender{top:max(62px,calc(env(safe-area-inset-top) + 16px));font-size:12px}.wink-dismiss{top:max(12px,env(safe-area-inset-top));right:10px}}
/* Koshinet v35 — salvar Wink recebido manualmente */
.wink-message-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.wink-save-received{
min-height:34px!important;
padding:6px 10px!important;
border-radius:11px!important;
white-space:nowrap;
font-size:12px!important;
font-weight:700;
color:#fff!important;
border:1px solid rgba(183,239,255,.72)!important;
background:linear-gradient(180deg,rgba(44,173,232,.92),rgba(12,99,181,.94))!important;
box-shadow:inset 0 1px rgba(255,255,255,.42),0 3px 10px rgba(0,42,97,.25)!important;
}
.wink-save-received:hover{filter:brightness(1.12)}
.wink-save-received.is-saved{
background:linear-gradient(180deg,rgba(74,210,117,.95),rgba(29,142,71,.95))!important;
border-color:rgba(163,255,190,.82)!important;
}
@media(max-width:700px){.wink-message-row{gap:5px}.wink-save-received{min-height:32px!important;padding:5px 8px!important}}
/* Koshinet v36 — barra de chamada, transparência Aero e salas com chat */
:root{
--aero-app-alpha:.45;
--aero-app-alpha2:.37;
--aero-sidebar-alpha:.26;
--aero-head-alpha:.34;
--aero-composer-alpha:.39;
--aero-message-alpha:.12;
}
/* O controle altera a opacidade real dos painéis, preservando blur e reflexos. */
body.wallpaper-enabled .app,
.app{
background:linear-gradient(155deg,
rgba(17,77,127,var(--aero-app-alpha)),
rgba(9,48,91,var(--aero-app-alpha2)))!important;
}
body.wallpaper-enabled .sidebar{
background:linear-gradient(155deg,
rgba(51,118,166,var(--aero-sidebar-alpha)),
rgba(11,61,105,var(--aero-sidebar-alpha)))!important;
}
body.wallpaper-enabled .chat-head{
background:linear-gradient(180deg,
rgba(44,119,173,var(--aero-head-alpha)),
rgba(10,64,111,var(--aero-head-alpha)))!important;
}
body.wallpaper-enabled .messages{
background:linear-gradient(180deg,
rgba(10,55,94,var(--aero-message-alpha)),
rgba(3,43,75,var(--aero-message-alpha)))!important;
}
body.wallpaper-enabled .composer{
background:linear-gradient(180deg,
rgba(39,111,164,var(--aero-composer-alpha)),
rgba(10,60,109,var(--aero-composer-alpha)))!important;
}
.aero-transparency-control{
height:36px;
display:flex;
align-items:center;
gap:5px;
padding:0 8px;
border:1px solid rgba(177,229,249,.52);
border-radius:9px;
background:linear-gradient(180deg,rgba(66,150,203,.32),rgba(10,75,132,.28));
color:#eefaff;
box-shadow:inset 0 1px rgba(255,255,255,.30);
user-select:none;
}
.aero-transparency-control>span{font-size:14px}
.aero-transparency-control input{
width:86px;
accent-color:#62dfff;
cursor:pointer;
}
.aero-transparency-control b{
width:31px;
font-size:10px;
text-align:right;
font-variant-numeric:tabular-nums;
}
/* A tela compartilhada só ocupa espaço quando existe um proprietário ativo. */
.group-screen-stage[hidden]{display:none!important}
.group-card:has(.group-screen-stage[hidden]) .group-participants{
margin-top:10px;
}
.call-listen.is-muted{
background:linear-gradient(180deg,rgba(255,185,185,.94),rgba(235,104,104,.88))!important;
border-color:rgba(255,157,157,.95)!important;
color:#692525!important;
}
.group-overlay[data-state="incoming"] #groupListen{display:none}
/* Sala em que o usuário já está conectado. */
.voice-room-item.is-joined{
border-color:rgba(111,238,170,.75);
box-shadow:inset 0 1px rgba(255,255,255,.34),0 0 15px rgba(72,225,151,.10);
}
.voice-room-item.is-selected{
border-color:#72e9ff;
background:linear-gradient(180deg,rgba(58,198,235,.50),rgba(10,105,180,.36));
}
.voice-room-item.is-joined .voice-room-enter{
background:linear-gradient(180deg,rgba(67,226,133,.35),rgba(24,155,81,.28));
border:1px solid rgba(103,245,162,.42);
}
/* Minimizadas deixam de ser cards flutuantes: viram uma barra do chat,
imediatamente acima do compositor. */
.call-overlay.is-minimized,
.group-overlay.is-minimized{
position:fixed!important;
top:auto!important;
left:calc((100vw - min(1100px,100vw))/2 + 290px)!important;
right:calc((100vw - min(1100px,100vw))/2)!important;
bottom:69px!important;
width:auto!important;
height:auto!important;
padding:0!important;
margin:0!important;
background:transparent!important;
backdrop-filter:none!important;
-webkit-backdrop-filter:none!important;
pointer-events:none!important;
z-index:430!important;
}
.call-overlay.is-minimized .call-card,
.group-overlay.is-minimized .group-card{
pointer-events:auto!important;
width:100%!important;
max-width:none!important;
min-height:58px!important;
max-height:76px!important;
margin:0!important;
padding:8px 12px!important;
border-radius:0!important;
overflow:hidden!important;
background:linear-gradient(180deg,rgba(40,137,198,.88),rgba(8,75,139,.90))!important;
border:1px solid rgba(170,229,252,.68)!important;
border-left:0!important;
border-right:0!important;
box-shadow:0 -4px 16px rgba(0,34,75,.18),inset 0 1px rgba(255,255,255,.34)!important;
backdrop-filter:blur(16px) saturate(1.3)!important;
-webkit-backdrop-filter:blur(16px) saturate(1.3)!important;
color:#fff!important;
}
.call-overlay.is-minimized .call-identity,
.group-overlay.is-minimized .group-head{
min-height:40px!important;
margin:0!important;
align-items:center!important;
}
.group-overlay.is-minimized .group-head{
display:grid!important;
grid-template-columns:minmax(0,1fr) auto!important;
gap:8px!important;
}
.group-overlay.is-minimized .group-head-actions{
display:flex!important;
align-items:center!important;
gap:7px!important;
}
.call-overlay.is-minimized .call-controls,
.group-overlay.is-minimized .group-controls{
position:absolute!important;
right:104px!important;
top:50%!important;
transform:translateY(-50%)!important;
margin:0!important;
display:flex!important;
gap:5px!important;
width:auto!important;
}
.call-overlay.is-minimized .call-card,
.group-overlay.is-minimized .group-card{position:relative!important}
.call-overlay.is-minimized .call-controls button,
.group-overlay.is-minimized .group-controls button{display:none!important}
.call-overlay.is-minimized #callMute,
.call-overlay.is-minimized #callHangup,
.group-overlay.is-minimized #groupMute,
.group-overlay.is-minimized #groupListen,
.group-overlay.is-minimized #groupLeave{
display:grid!important;
place-items:center!important;
width:34px!important;
min-width:34px!important;
height:34px!important;
padding:0!important;
font-size:0!important;
border-radius:9px!important;
}
.call-overlay.is-minimized #callMute::before{content:'🎙️';font-size:16px}
.call-overlay.is-minimized #callHangup::before{content:'☎';font-size:16px}
.group-overlay.is-minimized #groupMute::before{content:'🎙️';font-size:16px}
.group-overlay.is-minimized #groupListen::before{content:'🔊';font-size:16px}
.group-overlay.is-minimized #groupListen.is-muted::before{content:'🔇'}
.group-overlay.is-minimized #groupLeave::before{content:'☎';font-size:16px}
.call-overlay.is-minimized .call-avatar{width:38px!important;height:38px!important}
.call-overlay.is-minimized .call-status,
.group-overlay.is-minimized .group-status{color:rgba(238,250,255,.82)!important}
.call-overlay.is-minimized .call-timer,
.group-overlay.is-minimized .group-timer{color:#fff!important}
.call-overlay.is-minimized .video-stage,
.call-overlay.is-minimized .call-note,
.group-overlay.is-minimized .group-screen-stage,
.group-overlay.is-minimized .group-participants,
.group-overlay.is-minimized .group-note{display:none!important}
/* Deixa espaço no chat para a barra quando uma chamada é minimizada. */
body:has(.call-overlay.is-minimized) .messages,
body:has(.group-overlay.is-minimized) .messages{
padding-bottom:84px;
}
@media(max-width:900px){
.aero-transparency-control b{display:none}
.aero-transparency-control input{width:64px}
}
@media(max-width:760px){
.aero-transparency-control{
height:34px;
padding:0 6px;
}
.aero-transparency-control input{width:56px}
.chat-actions{gap:5px}
.call-overlay.is-minimized,
.group-overlay.is-minimized{
left:0!important;
right:0!important;
bottom:calc(66px + env(safe-area-inset-bottom))!important;
}
.call-overlay.is-minimized .call-card,
.group-overlay.is-minimized .group-card{
min-height:56px!important;
max-height:64px!important;
padding:7px 9px!important;
}
.call-overlay.is-minimized .call-controls,
.group-overlay.is-minimized .group-controls{
right:78px!important;
}
.call-overlay.is-minimized #callMute,
.call-overlay.is-minimized #callHangup,
.group-overlay.is-minimized #groupMute,
.group-overlay.is-minimized #groupListen,
.group-overlay.is-minimized #groupLeave{
width:31px!important;
min-width:31px!important;
height:31px!important;
}
.call-overlay.is-minimized .call-timer,
.group-overlay.is-minimized .group-timer{
font-size:13px!important;
min-width:40px!important;
}
.call-overlay.is-minimized .call-avatar{display:none!important}
}
@media(max-width:520px){
.aero-transparency-control{
width:80px;
}
.aero-transparency-control>span{display:none}
.aero-transparency-control input{width:100%}
.call-overlay.is-minimized .call-controls,
.group-overlay.is-minimized .group-controls{right:58px!important}
.group-overlay.is-minimized #groupListen{display:none!important}
}
/* Koshinet v37 — chamada minimizada integrada como barra do chat */
.chat > .call-overlay.is-minimized,
.chat > .group-overlay.is-minimized{
position:relative!important;
inset:auto!important;
z-index:12!important;
width:100%!important;
height:auto!important;
flex:none!important;
display:block!important;
padding:7px 10px!important;
margin:0!important;
background:linear-gradient(180deg,rgba(83,183,225,.20),rgba(18,101,170,.18))!important;
border-top:1px solid rgba(166,229,255,.62)!important;
border-bottom:1px solid rgba(84,166,211,.58)!important;
backdrop-filter:blur(13px) saturate(1.18)!important;
-webkit-backdrop-filter:blur(13px) saturate(1.18)!important;
pointer-events:auto!important;
box-sizing:border-box!important;
}
.chat > .call-overlay.is-minimized .call-card,
.chat > .group-overlay.is-minimized .group-card{
width:100%!important;
max-width:none!important;
min-height:48px!important;
margin:0!important;
padding:5px 8px!important;
border-radius:11px!important;
display:grid!important;
grid-template-columns:minmax(0,1fr) auto!important;
align-items:center!important;
gap:10px!important;
background:linear-gradient(180deg,rgba(25,110,183,.54),rgba(10,71,139,.46))!important;
border:1px solid rgba(174,229,255,.58)!important;
box-shadow:inset 0 1px rgba(255,255,255,.24),0 2px 8px rgba(0,37,83,.18)!important;
}
.chat > .call-overlay.is-minimized .call-identity,
.chat > .group-overlay.is-minimized .group-head{
min-width:0!important;
width:auto!important;
margin:0!important;
padding:0!important;
}
.chat > .call-overlay.is-minimized .call-identity{
grid-template-columns:34px minmax(0,1fr) auto auto!important;
gap:7px!important;
}
.chat > .call-overlay.is-minimized .call-identity .call-avatar{
width:32px!important;height:32px!important;border-radius:9px!important;font-size:15px!important;
}
.chat > .call-overlay.is-minimized .call-identity h2,
.chat > .group-overlay.is-minimized .group-head h2{
font-size:13px!important;
line-height:1.15!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.chat > .call-overlay.is-minimized .call-status,
.chat > .group-overlay.is-minimized .group-status{
font-size:10px!important;
line-height:1.15!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
opacity:.85!important;
}
.chat > .call-overlay.is-minimized .call-timer,
.chat > .group-overlay.is-minimized .group-timer{
font-size:13px!important;
min-width:42px!important;
}
.chat > .call-overlay.is-minimized .call-controls,
.chat > .group-overlay.is-minimized .group-controls{
margin:0!important;
padding:0!important;
display:flex!important;
align-items:center!important;
justify-content:flex-end!important;
gap:5px!important;
flex-wrap:nowrap!important;
}
.chat > .call-overlay.is-minimized .call-controls button,
.chat > .group-overlay.is-minimized .group-controls button{
width:34px!important;
height:32px!important;
min-width:34px!important;
padding:0!important;
border-radius:9px!important;
}
.chat > .group-overlay.is-minimized .group-head{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:10px!important;
}
.chat > .group-overlay.is-minimized .group-head-actions{
flex:none!important;
gap:6px!important;
}
.chat > .group-overlay.is-minimized #groupListen{
display:block!important;
font-size:0!important;
}
.chat > .group-overlay.is-minimized #groupListen::before{
content:'🔊';
font-size:16px;
}
.chat > .group-overlay.is-minimized #groupListen.is-muted::before{
content:'🔇';
}
.chat > .call-overlay.is-minimized .video-stage,
.chat > .call-overlay.is-minimized .call-note,
.chat > .group-overlay.is-minimized .group-screen-stage,
.chat > .group-overlay.is-minimized .group-participants,
.chat > .group-overlay.is-minimized .group-note{
display:none!important;
}
/* A barra deve ter a mesma largura e ritmo visual do compositor. */
.chat > .call-overlay.is-minimized + .composer,
.chat > .group-overlay.is-minimized + .composer{
border-top:0!important;
}
@media (max-width:760px){
.chat > .call-overlay.is-minimized,
.chat > .group-overlay.is-minimized{
width:100%!important;
padding:5px 7px!important;
}
.chat > .call-overlay.is-minimized .call-card,
.chat > .group-overlay.is-minimized .group-card{
min-height:46px!important;
padding:4px 6px!important;
gap:5px!important;
}
.chat > .call-overlay.is-minimized .call-identity{
grid-template-columns:30px minmax(0,1fr) 31px 40px!important;
gap:5px!important;
}
.chat > .call-overlay.is-minimized .call-identity .call-avatar{
width:29px!important;height:29px!important;
}
.chat > .call-overlay.is-minimized .call-controls button,
.chat > .group-overlay.is-minimized .group-controls button{
width:31px!important;height:30px!important;min-width:31px!important;
}
.chat > .group-overlay.is-minimized .group-card{
grid-template-columns:minmax(0,1fr) auto!important;
}
.chat > .group-overlay.is-minimized .group-head-actions{
gap:4px!important;
}
}
/* Koshinet v38 — correções mobile */
html::before,html::after,body::before,body::after{content:none!important;display:none!important}
html,body{border-top:0!important}
body{box-shadow:none!important;background-position:center center!important}
.app{margin-top:0!important;border-top-width:1px!important}
#voiceRoomsButton{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important}
#voiceRoomsButton .btn-icon{display:inline-block!important;flex:none!important;font-size:1em!important;line-height:1!important}
#voiceRoomsButton .btn-label{display:inline-block!important;min-width:0!important}
.chat > .group-overlay.is-minimized .group-head-actions{display:flex!important;align-items:center!important;gap:6px!important;flex:none!important}
.chat > .group-overlay.is-minimized #groupMinimize{order:1!important;position:static!important;inset:auto!important;transform:none!important;flex:none!important}
.chat > .group-overlay.is-minimized .group-timer{order:2!important;position:static!important;inset:auto!important;transform:none!important;flex:none!important}
.chat > .group-overlay.is-minimized .group-controls{display:flex!important;position:static!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;flex:none!important}
.chat > .group-overlay.is-minimized #groupLeave{position:static!important;inset:auto!important;transform:none!important;margin:0!important}
body[data-theme="custom"],body.theme-custom{background-image:var(--custom-wallpaper)!important;background-size:cover!important;background-position:center!important;background-attachment:fixed!important}
@media (max-width:760px){
html,body{margin:0!important;padding:0!important;border:0!important}
.app{top:0!important;margin:0!important;width:100%!important;min-height:100dvh!important;height:100dvh!important;border-radius:0!important}
.topbar{margin-top:0!important;border-top:0!important}
#voiceRoomsButton{min-width:46px!important;padding-inline:10px!important}
#voiceRoomsButton .btn-icon{font-size:18px!important}
.chat > .group-overlay.is-minimized .group-card{grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;padding:6px 8px!important}
.chat > .group-overlay.is-minimized .group-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important}
.chat > .group-overlay.is-minimized .group-head > div:first-child{min-width:0!important}
.chat > .group-overlay.is-minimized .group-head-actions{gap:5px!important}
.chat > .group-overlay.is-minimized .group-controls{gap:4px!important}
.chat > .group-overlay.is-minimized #groupMute,.chat > .group-overlay.is-minimized #groupListen,.chat > .group-overlay.is-minimized #groupLeave,.chat > .group-overlay.is-minimized #groupMinimize{width:38px!important;min-width:38px!important;height:36px!important;padding:0!important}
}
@media (max-width:430px){#voiceRoomsButton .btn-label{display:none!important}}
/* Koshinet v39 — aparência dedicada e refinamento mobile */
.appearance-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;white-space:nowrap}
.appearance-panel{
position:fixed;top:72px;right:14px;bottom:18px;width:min(390px,calc(100vw - 28px));z-index:24500;
transform:translateX(calc(100% + 30px));opacity:0;pointer-events:none;transition:transform .24s ease,opacity .2s ease;
padding:14px;overflow:auto;border-radius:20px;color:#f7fcff;border:1px solid rgba(218,247,255,.82);
background:linear-gradient(180deg,rgba(24,114,190,.96),rgba(7,62,124,.94));
box-shadow:inset 0 1px rgba(255,255,255,.48),0 18px 55px rgba(0,24,70,.48),0 0 28px rgba(72,211,255,.16);
backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2)
}
.appearance-panel.is-open{transform:translateX(0);opacity:1;pointer-events:auto}
.appearance-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}
.appearance-panel-head>div{display:flex;flex-direction:column}.appearance-panel-head b{font-size:19px}.appearance-panel-head small{font-size:11px;opacity:.76;margin-top:2px}
.appearance-panel-head button{width:36px;height:36px;padding:0!important;border-radius:10px!important}
.appearance-section{padding:12px;border:1px solid rgba(184,235,255,.32);border-radius:15px;background:rgba(6,52,105,.27);margin-bottom:11px}
.appearance-section-title{font-size:12px;font-weight:700;margin-bottom:9px;opacity:.9}
.appearance-themes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.appearance-theme{height:70px!important;padding:8px!important;border-radius:13px!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:4px!important}
.appearance-theme span{font-size:23px}.appearance-theme b{font-size:11px}
.appearance-theme.is-active,.appearance-image-button.is-active{outline:2px solid rgba(103,238,255,.92)!important;box-shadow:0 0 0 3px rgba(45,205,255,.15),inset 0 1px rgba(255,255,255,.4)!important}
.appearance-image-button{width:100%;margin-top:9px;min-height:42px!important;border-radius:12px!important}
.appearance-transparency-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:8px}
.appearance-transparency-head b{font-variant-numeric:tabular-nums}
.appearance-transparency{width:100%;accent-color:#66e4ff}
.appearance-transparency-scale{display:flex;justify-content:space-between;font-size:9px;opacity:.68;margin-top:4px}
/* Wink deve se comportar visualmente como o botão de imagem. */
.composer .wink-button{
width:47px!important;min-width:47px!important;height:47px!important;padding:0!important;
display:grid!important;place-items:center!important;font-size:20px!important;line-height:1!important;
border-radius:12px!important;color:#fff!important;
border:1px solid rgba(177,229,249,.70)!important;
background:linear-gradient(180deg,rgba(57,142,202,.48),rgba(10,72,129,.42))!important;
box-shadow:inset 0 1px rgba(255,255,255,.38),0 2px 7px rgba(0,45,95,.18)!important;
text-shadow:none!important;
}
.composer .wink-button:hover{background:linear-gradient(180deg,rgba(78,176,226,.58),rgba(16,91,153,.50))!important}
/* Minimized group bar: one horizontal baseline. */
.chat > .group-overlay.is-minimized .group-card{
display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;align-items:center!important;column-gap:8px!important;
}
.chat > .group-overlay.is-minimized .group-head{display:contents!important}
.chat > .group-overlay.is-minimized .group-head > div:first-child{grid-column:1;min-width:0!important;align-self:center!important}
.chat > .group-overlay.is-minimized .group-head-actions{grid-column:2;display:flex!important;align-items:center!important;align-self:center!important;gap:6px!important;margin:0!important}
.chat > .group-overlay.is-minimized .group-controls{grid-column:3;display:flex!important;align-items:center!important;align-self:center!important;justify-content:flex-end!important;gap:5px!important;margin:0!important;padding:0!important;position:static!important}
.chat > .group-overlay.is-minimized #groupMinimize,.chat > .group-overlay.is-minimized .group-timer,
.chat > .group-overlay.is-minimized #groupMute,.chat > .group-overlay.is-minimized #groupListen,.chat > .group-overlay.is-minimized #groupLeave{
position:static!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;transform:none!important;margin:0!important;vertical-align:middle!important;
}
@media(max-width:760px){
.appearance-panel{top:58px;right:7px;bottom:calc(76px + env(safe-area-inset-bottom));width:calc(100vw - 14px);padding:11px;border-radius:17px}
.appearance-button{width:44px!important;min-width:44px!important;padding:0!important}.appearance-button .appearance-label{display:none!important}.appearance-button>span:first-child{font-size:18px}
.appearance-themes{gap:6px}.appearance-theme{height:64px!important}
.composer .wink-button{width:47px!important;min-width:47px!important;height:47px!important;margin:0 6px 0 0!important}
.chat > .group-overlay.is-minimized .group-card{grid-template-columns:minmax(0,1fr) auto auto!important;gap:5px!important;padding:6px 8px!important}
.chat > .group-overlay.is-minimized .group-head-actions{gap:4px!important}
.chat > .group-overlay.is-minimized .group-controls{gap:4px!important}
.chat > .group-overlay.is-minimized #groupMinimize,
.chat > .group-overlay.is-minimized #groupMute,
.chat > .group-overlay.is-minimized #groupListen,
.chat > .group-overlay.is-minimized #groupLeave{width:34px!important;min-width:34px!important;height:34px!important}
.chat > .group-overlay.is-minimized .group-timer{min-width:40px!important;font-size:13px!important;text-align:center!important}
}
@media(max-width:430px){
.chat > .group-overlay.is-minimized #groupListen{display:none!important}
.chat > .group-overlay.is-minimized .group-card{grid-template-columns:minmax(0,1fr) auto auto!important}
}
/* Koshinet v40 — correção definitiva da barra minimizada e do Wink */
#winkButton[hidden]{display:none!important}
.chat > .group-overlay.is-minimized .group-card{
display:block!important;width:100%!important;min-height:0!important;padding:6px 9px!important
}
.chat > .group-overlay.is-minimized .group-head{
display:flex!important;align-items:center!important;justify-content:space-between!important;
gap:10px!important;width:100%!important;margin:0!important;padding:0!important
}
.chat > .group-overlay.is-minimized .group-head > div:first-child{
min-width:0!important;flex:1 1 auto!important
}
.chat > .group-overlay.is-minimized .group-head-actions{
display:flex!important;align-items:center!important;justify-content:flex-end!important;
gap:5px!important;flex:0 0 auto!important;margin:0!important;padding:0!important
}
.chat > .group-overlay.is-minimized .group-controls{display:none!important}
.chat > .group-overlay.is-minimized .group-head-actions #groupMinimize,
.chat > .group-overlay.is-minimized .group-head-actions #groupMute,
.chat > .group-overlay.is-minimized .group-head-actions #groupListen,
.chat > .group-overlay.is-minimized .group-head-actions #groupLeave{
display:grid!important;place-items:center!important;position:static!important;inset:auto!important;
transform:none!important;margin:0!important;width:36px!important;min-width:36px!important;height:34px!important;
padding:0!important;border-radius:9px!important;font-size:0!important;flex:none!important
}
.chat > .group-overlay.is-minimized .group-head-actions #groupMute::before{content:'🎙️';font-size:16px}
.chat > .group-overlay.is-minimized .group-head-actions #groupListen::before{content:'🔊';font-size:16px}
.chat > .group-overlay.is-minimized .group-head-actions #groupListen.is-muted::before{content:'🔇'}
.chat > .group-overlay.is-minimized .group-head-actions #groupLeave::before{content:'☎';font-size:16px}
.chat > .group-overlay.is-minimized .group-head-actions .group-timer{
order:2!important;position:static!important;min-width:43px!important;margin:0 1px!important;
font-size:14px!important;text-align:center!important;flex:none!important
}
.chat > .group-overlay.is-minimized .group-head-actions #groupMinimize{order:1!important}
.chat > .group-overlay.is-minimized .group-head-actions #groupMute{order:3!important}
.chat > .group-overlay.is-minimized .group-head-actions #groupListen{order:4!important}
.chat > .group-overlay.is-minimized .group-head-actions #groupLeave{order:5!important}
@media(max-width:760px){
.chat > .group-overlay.is-minimized{padding:6px 8px!important}
.chat > .group-overlay.is-minimized .group-card{padding:6px 8px!important}
.chat > .group-overlay.is-minimized .group-head{gap:6px!important}
.chat > .group-overlay.is-minimized .group-head h2{font-size:13px!important;line-height:1.15!important}
.chat > .group-overlay.is-minimized .group-status{font-size:10px!important}
.chat > .group-overlay.is-minimized .group-head-actions{gap:3px!important}
.chat > .group-overlay.is-minimized .group-head-actions #groupMinimize,
.chat > .group-overlay.is-minimized .group-head-actions #groupMute,
.chat > .group-overlay.is-minimized .group-head-actions #groupListen,
.chat > .group-overlay.is-minimized .group-head-actions #groupLeave{
width:33px!important;min-width:33px!important;height:33px!important
}
.chat > .group-overlay.is-minimized .group-head-actions .group-timer{
min-width:39px!important;font-size:13px!important
}
}
@media(max-width:390px){
.chat > .group-overlay.is-minimized .group-head-actions #groupListen{display:none!important}
}
/* =========================================================
Koshinet v42 — acabamento Aero, layout e identidade
========================================================= */
/* 1) Janela principal respira no desktop. */
@media (min-width:761px){
html,body{
min-height:100%;
overflow:hidden;
}
body{
display:flex!important;
align-items:center!important;
justify-content:center!important;
padding:26px 18px!important;
box-sizing:border-box!important;
}
.app{
height:calc(100dvh - 52px)!important;
max-height:980px!important;
margin:0 auto!important;
border-radius:22px!important;
border:1px solid rgba(192,239,255,.72)!important;
box-shadow:
0 22px 70px rgba(0,33,74,.42),
0 0 0 1px rgba(255,255,255,.16),
inset 0 1px rgba(255,255,255,.48)!important;
}
}
/* 2) Marca real: logo + texto. */
.brand{
display:flex!important;
align-items:center!important;
gap:8px!important;
}
.brand::before,
.brand::after{
content:none!important;
display:none!important;
}
.brand-logo{
display:block;
width:24px;
height:24px;
flex:none;
object-fit:contain;
filter:drop-shadow(0 0 7px rgba(71,225,255,.75));
}
.brand span{
font-weight:800;
letter-spacing:-.3px;
}
/* 3) A área da conversa vai até a barra inferior, sem a faixa "faltando". */
.chat{
position:relative!important;
}
.messages{
background:
linear-gradient(180deg,rgba(10,82,153,.26),rgba(11,78,140,.18))!important;
border-bottom:0!important;
padding-bottom:18px!important;
}
.typing{
flex:none!important;
min-height:18px!important;
margin:0!important;
padding:2px 14px 4px!important;
background:rgba(14,84,147,.18)!important;
border:0!important;
}
.composer{
position:relative!important;
z-index:15!important;
margin:0!important;
border-top:1px solid rgba(167,228,255,.66)!important;
background:
linear-gradient(180deg,rgba(65,167,213,.20),rgba(15,96,165,.32))!important;
box-shadow:inset 0 1px rgba(255,255,255,.16)!important;
}
/* Remove qualquer spacer/faixa vazia imediatamente acima da barra. */
.chat > .messages + .typing:empty{
min-height:0!important;
height:0!important;
padding:0!important;
}
.chat > .typing:empty{
border:0!important;
}
/* 4) Maximizar chamada sempre tem um ícone legível. */
#groupMinimize,
#callMinimize{
font-family:"Segoe UI Symbol","Arial Unicode MS",sans-serif!important;
line-height:1!important;
}
.chat > .group-overlay.is-minimized #groupMinimize,
.chat > .call-overlay.is-minimized #callMinimize{
font-size:0!important;
}
.chat > .group-overlay.is-minimized #groupMinimize::before,
.chat > .call-overlay.is-minimized #callMinimize::before{
content:'⛶'!important;
display:block!important;
font-size:17px!important;
line-height:1!important;
color:#f6fcff!important;
text-shadow:0 1px 3px rgba(0,44,83,.55);
}
/* 5) Painéis Aero reais para Aparência e Winks. */
.appearance-panel,
.wink-panel{
border:1px solid rgba(190,235,255,.82)!important;
background:
linear-gradient(165deg,rgba(32,124,193,.92),rgba(9,73,142,.88) 52%,rgba(13,102,164,.88))!important;
box-shadow:
0 22px 70px rgba(0,28,67,.48),
inset 0 1px rgba(255,255,255,.42),
inset 0 -20px 46px rgba(0,39,97,.22)!important;
backdrop-filter:blur(22px) saturate(1.35)!important;
-webkit-backdrop-filter:blur(22px) saturate(1.35)!important;
color:#f4fbff!important;
}
.appearance-panel::before,
.wink-panel::before{
content:''!important;
position:absolute!important;
left:1px!important;
right:1px!important;
top:1px!important;
height:38%!important;
pointer-events:none!important;
border-radius:inherit!important;
background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0))!important;
opacity:.65!important;
}
.appearance-panel-head,
.wink-panel-head{
position:relative!important;
z-index:2!important;
min-height:56px!important;
padding:12px 14px!important;
border-bottom:1px solid rgba(179,229,255,.42)!important;
background:linear-gradient(180deg,rgba(69,166,221,.28),rgba(16,92,159,.14))!important;
}
.panel-title-aero{
display:flex;
align-items:center;
gap:10px;
min-width:0;
}
.panel-title-aero img,
.panel-aero-orb{
width:38px;
height:38px;
flex:none;
border-radius:12px;
display:grid;
place-items:center;
object-fit:contain;
border:1px solid rgba(211,246,255,.82);
background:radial-gradient(circle at 35% 25%,rgba(129,239,255,.78),rgba(21,116,201,.56) 68%,rgba(4,60,126,.72));
box-shadow:
inset 0 1px 5px rgba(255,255,255,.65),
0 0 14px rgba(66,214,255,.28);
}
.panel-title-aero b{
display:block;
font-size:15px;
color:#fff!important;
}
.panel-title-aero small{
display:block;
margin-top:2px;
font-size:10px;
opacity:.78;
color:#e8f8ff!important;
}
.appearance-panel button,
.wink-panel button,
.appearance-panel select,
.appearance-panel input[type="range"]{
border-color:rgba(181,230,255,.66)!important;
}
.appearance-panel button,
.wink-panel button{
color:#f7fcff!important;
background:linear-gradient(180deg,rgba(66,165,222,.54),rgba(14,93,164,.48))!important;
box-shadow:inset 0 1px rgba(255,255,255,.28),0 2px 8px rgba(0,37,82,.22)!important;
}
.appearance-panel button:hover,
.wink-panel button:hover{
background:linear-gradient(180deg,rgba(84,194,235,.68),rgba(18,112,184,.56))!important;
border-color:rgba(109,231,255,.9)!important;
}
.wink-library,
.appearance-options,
.appearance-body{
position:relative!important;
z-index:2!important;
}
.wink-item,
.appearance-option,
.theme-option{
border:1px solid rgba(170,226,255,.48)!important;
background:linear-gradient(180deg,rgba(59,153,213,.34),rgba(12,82,153,.24))!important;
border-radius:13px!important;
box-shadow:inset 0 1px rgba(255,255,255,.22)!important;
}
/* 6) Avatares de vidro, presença online verde. */
.avatar,
.contact-avatar,
.voice-room-avatar{
position:relative!important;
border-radius:12px!important;
border:1px solid rgba(203,243,255,.88)!important;
box-shadow:
inset 0 1px 5px rgba(255,255,255,.72),
inset 0 -3px 8px rgba(0,67,126,.20),
0 2px 8px rgba(0,34,79,.25),
0 0 0 2px rgba(95,199,237,.18)!important;
background:
linear-gradient(145deg,rgba(255,255,255,.42),rgba(71,170,221,.18))!important;
overflow:hidden!important;
}
.contact:hover .contact-avatar,
.contact.active .contact-avatar,
.voice-room-item:hover .voice-room-avatar{
box-shadow:
inset 0 1px 5px rgba(255,255,255,.75),
0 2px 9px rgba(0,35,82,.28),
0 0 0 2px rgba(88,221,255,.34),
0 0 14px rgba(56,210,255,.36)!important;
}
/* Online glow. Works for current contact structure and room items. */
.contact .dot.online,
.contact .online-dot,
.voice-room-item .online-dot,
.profile .online-dot{
box-shadow:
0 0 4px #8cff6a,
0 0 9px rgba(102,255,82,.95),
0 0 16px rgba(62,232,74,.52)!important;
}
.contact:has(.dot),
.contact:has(.online-dot){
--online-glow:rgba(94,255,91,.45);
}
.contact:has(.dot) .contact-avatar,
.contact:has(.online-dot) .contact-avatar{
box-shadow:
inset 0 1px 5px rgba(255,255,255,.75),
0 2px 9px rgba(0,35,82,.28),
0 0 0 2px rgba(137,255,123,.36),
0 0 15px var(--online-glow)!important;
}
/* 7) Mobile mantém janela cheia e painéis confortáveis. */
@media (max-width:760px){
body{
padding:0!important;
display:block!important;
}
.app{
border-radius:0!important;
}
.brand-logo{
width:26px;
height:26px;
}
.appearance-panel,
.wink-panel{
width:min(92vw,420px)!important;
max-height:82dvh!important;
border-radius:19px!important;
}
}
/* Fallback para browsers sem :has(): avatares ainda continuam de vidro. */
@supports not selector(:has(*)){
.contact-avatar{
box-shadow:
inset 0 1px 5px rgba(255,255,255,.72),
0 2px 8px rgba(0,34,79,.25),
0 0 0 2px rgba(95,199,237,.18)!important;
}
}
/* ==========================================================
Koshinet v43 — painéis Aparência/Winks reconstruídos
========================================================== */
/* Neutraliza as regras conflitantes das versões anteriores. */
.appearance-panel,
.wink-panel{
box-sizing:border-box!important;
position:fixed!important;
top:74px!important;
right:22px!important;
bottom:auto!important;
width:min(390px,calc(100vw - 44px))!important;
max-height:calc(100dvh - 96px)!important;
margin:0!important;
padding:0!important;
overflow:hidden!important;
z-index:30000!important;
display:flex!important;
flex-direction:column!important;
border-radius:22px!important;
border:1px solid rgba(201,241,255,.88)!important;
color:#f7fcff!important;
background:
linear-gradient(155deg,
rgba(62,159,216,.91) 0%,
rgba(20,105,180,.94) 34%,
rgba(7,65,134,.95) 100%)!important;
box-shadow:
0 24px 70px rgba(0,27,68,.52),
0 0 0 1px rgba(255,255,255,.14),
inset 0 1px 0 rgba(255,255,255,.52),
inset 0 -22px 55px rgba(0,33,91,.22)!important;
backdrop-filter:blur(24px) saturate(1.35)!important;
-webkit-backdrop-filter:blur(24px) saturate(1.35)!important;
transform:translateX(calc(100% + 55px))!important;
opacity:0!important;
visibility:hidden!important;
pointer-events:none!important;
transition:transform .24s ease,opacity .18s ease,visibility .18s!important;
}
.appearance-panel.is-open,
.wink-panel.is-open{
transform:translateX(0)!important;
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
}
/* Sem pseudo-elementos gigantes cobrindo os conteúdos. */
.appearance-panel::before,
.appearance-panel::after,
.wink-panel::before,
.wink-panel::after{
content:none!important;
display:none!important;
}
/* Cabeçalho único, íntegro e compacto. */
.appearance-panel-head,
.wink-panel-head{
box-sizing:border-box!important;
width:100%!important;
min-height:68px!important;
flex:none!important;
margin:0!important;
padding:12px 13px!important;
display:flex!important;
flex-direction:row!important;
align-items:center!important;
justify-content:space-between!important;
gap:12px!important;
border-bottom:1px solid rgba(185,232,255,.50)!important;
background:
linear-gradient(180deg,rgba(121,205,239,.25),rgba(21,99,170,.12))!important;
box-shadow:inset 0 1px rgba(255,255,255,.24)!important;
}
.appearance-panel-head > *,
.wink-panel-head > *{
position:static!important;
float:none!important;
margin:0!important;
}
.panel-title-aero{
min-width:0!important;
flex:1 1 auto!important;
display:flex!important;
flex-direction:row!important;
align-items:center!important;
gap:10px!important;
}
.panel-title-aero > div{
min-width:0!important;
display:block!important;
}
.panel-title-aero img,
.panel-aero-orb{
width:40px!important;
height:40px!important;
min-width:40px!important;
flex:none!important;
border-radius:13px!important;
object-fit:contain!important;
display:grid!important;
place-items:center!important;
border:1px solid rgba(220,248,255,.90)!important;
background:radial-gradient(circle at 34% 25%,rgba(132,240,255,.88),rgba(20,116,205,.66) 64%,rgba(3,54,120,.78))!important;
box-shadow:
inset 0 1px 5px rgba(255,255,255,.70),
0 0 15px rgba(73,218,255,.34)!important;
}
.panel-aero-orb{
font-size:22px!important;
}
.panel-title-aero b{
display:block!important;
margin:0!important;
font-size:16px!important;
line-height:1.15!important;
color:#fff!important;
}
.panel-title-aero small{
display:block!important;
margin-top:3px!important;
font-size:10px!important;
line-height:1.25!important;
color:rgba(238,249,255,.82)!important;
}
/* Fechar fica no canto superior direito, e só ali. */
.panel-close-aero,
#appearanceClose,
#winkClose{
position:static!important;
flex:none!important;
width:38px!important;
min-width:38px!important;
height:38px!important;
padding:0!important;
margin:0!important;
display:grid!important;
place-items:center!important;
border-radius:11px!important;
border:1px solid rgba(190,235,255,.68)!important;
color:#fff!important;
font-size:16px!important;
line-height:1!important;
background:linear-gradient(180deg,rgba(79,173,222,.54),rgba(12,82,151,.48))!important;
box-shadow:inset 0 1px rgba(255,255,255,.34),0 2px 7px rgba(0,37,82,.20)!important;
}
/* Conteúdo nunca escapa do painel. */
.appearance-panel-content,
.wink-panel-content{
box-sizing:border-box!important;
width:100%!important;
min-height:0!important;
padding:14px!important;
overflow:auto!important;
overscroll-behavior:contain!important;
position:relative!important;
flex:1 1 auto!important;
}
/* Aparência */
.appearance-section{
box-sizing:border-box!important;
width:100%!important;
margin:0 0 12px!important;
padding:13px!important;
border-radius:16px!important;
border:1px solid rgba(181,230,255,.42)!important;
background:
linear-gradient(180deg,rgba(15,83,151,.34),rgba(4,51,111,.26))!important;
box-shadow:inset 0 1px rgba(255,255,255,.15)!important;
}
.appearance-section:last-child{margin-bottom:0!important}
.appearance-section-title{
margin:0 0 10px!important;
font-size:12px!important;
font-weight:700!important;
color:#f5fbff!important;
}
.appearance-themes{
width:100%!important;
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:8px!important;
}
.appearance-theme{
box-sizing:border-box!important;
width:100%!important;
height:76px!important;
min-width:0!important;
padding:8px 5px!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
gap:5px!important;
border-radius:14px!important;
border:1px solid rgba(183,231,251,.62)!important;
color:#f7fcff!important;
background:linear-gradient(180deg,rgba(72,164,218,.45),rgba(13,82,150,.36))!important;
box-shadow:inset 0 1px rgba(255,255,255,.25),0 2px 7px rgba(0,38,82,.17)!important;
}
.appearance-theme span{font-size:25px!important;line-height:1!important}
.appearance-theme b{font-size:11px!important;color:#fff!important}
.appearance-theme.is-active{
border-color:rgba(112,241,255,.98)!important;
box-shadow:
0 0 0 2px rgba(87,223,255,.20),
0 0 16px rgba(61,212,255,.30),
inset 0 1px rgba(255,255,255,.35)!important;
}
.appearance-image-button{
box-sizing:border-box!important;
width:100%!important;
min-height:42px!important;
margin:10px 0 0!important;
border-radius:12px!important;
}
.appearance-transparency-head{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:12px!important;
margin-bottom:10px!important;
font-size:12px!important;
}
.appearance-transparency{
display:block!important;
width:100%!important;
margin:0!important;
}
.appearance-transparency-scale{
display:flex!important;
justify-content:space-between!important;
margin-top:6px!important;
font-size:9px!important;
opacity:.72!important;
}
/* Winks */
.wink-library{
box-sizing:border-box!important;
width:100%!important;
max-height:none!important;
overflow:visible!important;
padding:0!important;
display:flex!important;
flex-direction:column!important;
gap:9px!important;
}
.wink-library-item{
box-sizing:border-box!important;
width:100%!important;
display:grid!important;
grid-template-columns:54px minmax(0,1fr) auto 38px!important;
align-items:center!important;
gap:8px!important;
padding:9px!important;
border-radius:15px!important;
border:1px solid rgba(181,230,255,.43)!important;
background:linear-gradient(180deg,rgba(51,146,207,.34),rgba(6,67,132,.28))!important;
box-shadow:inset 0 1px rgba(255,255,255,.17)!important;
}
.wink-preview{
width:52px!important;
height:52px!important;
padding:2px!important;
overflow:hidden!important;
border-radius:12px!important;
}
.wink-preview img{
width:100%!important;
height:100%!important;
object-fit:contain!important;
}
.wink-library-info{
min-width:0!important;
}
.wink-library-info b{
display:block!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
color:#fff!important;
}
.wink-new{
box-sizing:border-box!important;
width:100%!important;
min-height:42px!important;
margin:12px 0 0!important;
border-radius:12px!important;
}
.wink-creator{
box-sizing:border-box!important;
width:100%!important;
margin:12px 0 0!important;
padding:12px!important;
border-radius:15px!important;
border:1px solid rgba(185,233,255,.40)!important;
background:rgba(3,49,104,.30)!important;
}
.wink-creator[hidden]{display:none!important}
.wink-creator label{
display:flex!important;
flex-direction:column!important;
gap:5px!important;
margin-bottom:10px!important;
font-size:11px!important;
}
.wink-creator input[type="text"]{
box-sizing:border-box!important;
width:100%!important;
height:39px!important;
padding:0 10px!important;
border-radius:10px!important;
border:1px solid rgba(190,235,255,.55)!important;
color:#fff!important;
background:rgba(255,255,255,.10)!important;
}
.wink-creator input[type="file"]{
box-sizing:border-box!important;
width:100%!important;
max-width:100%!important;
font-size:11px!important;
}
.wink-creator-actions{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:7px!important;
}
.wink-creator-actions button{
min-width:0!important;
}
/* Botões internos seguem Aero, sem branco perdido. */
.appearance-panel button,
.wink-panel button{
color:#f7fcff!important;
border-color:rgba(181,230,255,.62)!important;
background:linear-gradient(180deg,rgba(68,164,220,.50),rgba(12,85,155,.43))!important;
box-shadow:inset 0 1px rgba(255,255,255,.28),0 2px 7px rgba(0,37,82,.19)!important;
}
.appearance-panel button:hover,
.wink-panel button:hover{
border-color:rgba(110,235,255,.90)!important;
background:linear-gradient(180deg,rgba(85,190,232,.60),rgba(16,105,176,.51))!important;
}
/* Mobile: drawer quase de tela cheia, sem conteúdo vazando. */
@media (max-width:760px){
.appearance-panel,
.wink-panel{
top:max(62px,env(safe-area-inset-top))!important;
right:8px!important;
width:calc(100vw - 16px)!important;
max-height:calc(100dvh - max(76px,env(safe-area-inset-top)))!important;
border-radius:19px!important;
}
.appearance-panel-head,
.wink-panel-head{
min-height:64px!important;
padding:10px 11px!important;
}
.appearance-panel-content,
.wink-panel-content{
padding:11px!important;
}
.appearance-theme{
height:70px!important;
}
.wink-library-item{
grid-template-columns:48px minmax(0,1fr) auto 36px!important;
gap:6px!important;
}
.wink-preview{
width:46px!important;
height:46px!important;
}
}
/* ==========================================================
Koshinet v44 — temas oficiais com wallpapers reais
========================================================== */
:root{
--theme-wallpaper:none;
}
/* O wallpaper agora vem de imagem para os três temas padrão. */
body[data-theme="aero"],
body.theme-aero{
--theme-wallpaper:url('/themes/aero.webp?v=45');
}
body[data-theme="sky"],
body.theme-sky{
--theme-wallpaper:url('/themes/sky.webp?v=45');
}
body[data-theme="green"],
body.theme-green{
--theme-wallpaper:url('/themes/green.webp?v=45');
}
/* Aplica a imagem no site inteiro. */
body[data-theme="aero"],
body[data-theme="sky"],
body[data-theme="green"],
body.theme-aero,
body.theme-sky,
body.theme-green{
background-image:var(--theme-wallpaper)!important;
background-size:cover!important;
background-position:center center!important;
background-repeat:no-repeat!important;
background-attachment:fixed!important;
}
/* O vidro continua levemente tonalizado por tema, mas não substitui a imagem. */
body[data-theme="aero"] .app,
body.theme-aero .app{
--theme-glass-tint:rgba(11,49,91,.30);
}
body[data-theme="sky"] .app,
body.theme-sky .app{
--theme-glass-tint:rgba(38,145,206,.18);
}
body[data-theme="green"] .app,
body.theme-green .app{
--theme-glass-tint:rgba(43,148,120,.18);
}
/* Evita fundos antigos sólidos cobrindo o novo wallpaper. */
body[data-theme="aero"]::before,
body[data-theme="sky"]::before,
body[data-theme="green"]::before,
body.theme-aero::before,
body.theme-sky::before,
body.theme-green::before{
content:none!important;
display:none!important;
}
/* Mobile: fixed é inconsistente no Safari; scroll dá o mesmo visual sem bugs. */
@media (max-width:760px){
body[data-theme="aero"],
body[data-theme="sky"],
body[data-theme="green"],
body.theme-aero,
body.theme-sky,
body.theme-green{
background-attachment:scroll!important;
background-position:center center!important;
}
}
/* Koshinet v45 — custom wallpaper fix */
body[data-theme="custom"],
body.theme-custom,
body.theme-wallpaper-custom{
background-image:var(--custom-wallpaper)!important;
background-size:cover!important;
background-position:center center!important;
background-repeat:no-repeat!important;
background-attachment:fixed!important;
}
@media (max-width:760px){
body[data-theme="custom"],
body.theme-custom,
body.theme-wallpaper-custom{
background-attachment:scroll!important;
}
}
/* ==========================================================
Koshinet v46 — janela de boas-vindas
========================================================== */
.welcome-overlay{
position:fixed!important;
inset:0!important;
z-index:50000!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
padding:18px!important;
box-sizing:border-box!important;
background:rgba(2,22,50,.42)!important;
backdrop-filter:blur(13px) saturate(1.15)!important;
-webkit-backdrop-filter:blur(13px) saturate(1.15)!important;
opacity:0!important;
visibility:hidden!important;
pointer-events:none!important;
transition:opacity .22s ease,visibility .22s ease!important;
}
.welcome-overlay.is-open{
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
}
.welcome-window{
width:min(650px,100%)!important;
max-height:min(760px,calc(100dvh - 36px))!important;
overflow:hidden!important;
display:flex!important;
flex-direction:column!important;
border-radius:24px!important;
border:1px solid rgba(210,244,255,.90)!important;
color:#f7fcff!important;
background:
linear-gradient(155deg,rgba(83,179,226,.72),rgba(17,105,180,.80) 40%,rgba(5,62,128,.84))!important;
box-shadow:
0 28px 90px rgba(0,26,65,.58),
0 0 0 1px rgba(255,255,255,.14),
inset 0 1px rgba(255,255,255,.58),
inset 0 -35px 80px rgba(0,37,91,.22)!important;
backdrop-filter:blur(26px) saturate(1.38)!important;
-webkit-backdrop-filter:blur(26px) saturate(1.38)!important;
transform:translateY(12px) scale(.985)!important;
transition:transform .25s ease!important;
}
.welcome-overlay.is-open .welcome-window{transform:translateY(0) scale(1)!important}
.welcome-head{
flex:none!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:14px!important;
padding:15px 16px!important;
border-bottom:1px solid rgba(190,235,255,.52)!important;
background:linear-gradient(180deg,rgba(156,225,248,.20),rgba(26,103,174,.10))!important;
}
.welcome-brand{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important}
.welcome-brand img{
width:52px!important;height:52px!important;object-fit:contain!important;flex:none!important;
filter:drop-shadow(0 0 12px rgba(76,222,255,.62))!important;
}
.welcome-brand span{display:block!important;font-size:11px!important;opacity:.78!important}
.welcome-brand h2{margin:1px 0 0!important;font-size:27px!important;line-height:1!important;color:#fff!important}
.welcome-close{
width:40px!important;height:40px!important;min-width:40px!important;padding:0!important;display:grid!important;place-items:center!important;
border-radius:12px!important;border:1px solid rgba(196,237,255,.68)!important;color:#fff!important;
background:linear-gradient(180deg,rgba(74,169,222,.56),rgba(11,82,151,.48))!important;
box-shadow:inset 0 1px rgba(255,255,255,.34),0 2px 7px rgba(0,37,82,.20)!important;
}
.welcome-body{min-height:0!important;overflow:auto!important;padding:18px!important}
.welcome-lead{margin:0 0 16px!important;font-size:14px!important;line-height:1.5!important;color:#f6fcff!important}
.welcome-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.welcome-grid article{
min-width:0!important;display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;gap:10px!important;align-items:start!important;
padding:12px!important;border-radius:16px!important;border:1px solid rgba(185,232,255,.43)!important;
background:linear-gradient(180deg,rgba(51,148,209,.32),rgba(5,68,134,.25))!important;
box-shadow:inset 0 1px rgba(255,255,255,.17)!important;
}
.welcome-grid article>span{
width:40px!important;height:40px!important;border-radius:13px!important;display:grid!important;place-items:center!important;font-size:21px!important;
border:1px solid rgba(201,241,255,.60)!important;background:rgba(82,187,229,.22)!important;
box-shadow:inset 0 1px rgba(255,255,255,.24),0 0 12px rgba(49,204,255,.16)!important;
}
.welcome-grid b{display:block!important;font-size:13px!important;color:#fff!important;margin-bottom:3px!important}
.welcome-grid small{display:block!important;font-size:10px!important;line-height:1.4!important;color:rgba(239,250,255,.82)!important}
.welcome-tip{
margin-top:12px!important;padding:11px 12px!important;display:flex!important;gap:9px!important;align-items:flex-start!important;
border-radius:14px!important;border:1px solid rgba(152,241,255,.42)!important;background:rgba(32,143,192,.20)!important;
}
.welcome-tip>span{font-size:18px!important;flex:none!important}.welcome-tip p{margin:0!important;font-size:10px!important;line-height:1.45!important}
.welcome-privacy{margin:11px 2px 0!important;font-size:9px!important;line-height:1.4!important;opacity:.68!important}
.welcome-actions{
flex:none!important;padding:12px 16px 15px!important;display:flex!important;justify-content:flex-end!important;
border-top:1px solid rgba(180,229,255,.40)!important;background:rgba(5,58,121,.17)!important;
}
.welcome-start{
min-height:43px!important;padding:0 22px!important;border-radius:13px!important;border:1px solid rgba(126,244,255,.85)!important;
color:#fff!important;font-weight:700!important;background:linear-gradient(180deg,#32c8ef,#0988d0)!important;
box-shadow:inset 0 1px rgba(255,255,255,.45),0 0 18px rgba(38,208,255,.28)!important;
}
.noscript-info{max-width:760px;margin:30px auto;padding:20px;font-family:Arial,sans-serif;color:#123;background:#fff;border-radius:12px}
@media(max-width:640px){
.welcome-overlay{padding:9px!important;align-items:center!important}
.welcome-window{max-height:calc(100dvh - 18px)!important;border-radius:20px!important}
.welcome-head{padding:12px!important}.welcome-brand img{width:44px!important;height:44px!important}.welcome-brand h2{font-size:23px!important}
.welcome-body{padding:13px!important}.welcome-grid{grid-template-columns:1fr!important;gap:8px!important}
.welcome-grid article{grid-template-columns:38px minmax(0,1fr)!important;padding:10px!important}.welcome-grid article>span{width:36px!important;height:36px!important;font-size:19px!important}
.welcome-actions{padding:10px 13px 13px!important}.welcome-start{width:100%!important}
}
/* Koshinet v49 — backup/importação de Winks */
.wink-library-actions{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:8px!important;
margin:12px 0 0!important;
}
.wink-library-actions button{
min-width:0!important;
min-height:40px!important;
padding:8px 10px!important;
border-radius:12px!important;
font-size:11px!important;
white-space:nowrap!important;
}
@media (max-width:430px){
.wink-library-actions{
grid-template-columns:1fr!important;
}
}
.koshi-youtube-host{position:fixed!important;width:1px!important;height:1px!important;left:-9999px!important;top:-9999px!important;overflow:hidden!important;opacity:.01!important;pointer-events:none!important}
.koshi-music-bar{display:flex;align-items:center;gap:7px;min-height:38px;padding:5px 8px;border:1px solid rgba(184,233,255,.55);border-radius:12px;background:linear-gradient(180deg,rgba(41,137,201,.62),rgba(7,70,139,.62));box-shadow:inset 0 1px rgba(255,255,255,.25);color:#fff}
.koshi-music-now{display:flex;align-items:center;gap:5px;min-width:0;flex:1;font-size:11px}.koshi-music-now span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.koshi-music-bar input[type=range]{width:74px}.koshi-music-bar button{width:32px;height:30px;padding:0!important;flex:none}
#groupOverlay:not(.is-minimized) .koshi-music-bar{margin:8px 14px 0}.chat>.koshi-music-bar{z-index:18;margin:0 8px 5px}
.koshi-music-overlay{position:fixed;inset:0;z-index:36000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(1,18,45,.42);backdrop-filter:blur(8px);opacity:0;visibility:hidden;pointer-events:none}.koshi-music-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}
.koshi-music-window{width:min(440px,94vw);max-height:78dvh;overflow:hidden;border-radius:20px;border:1px solid rgba(199,240,255,.85);background:linear-gradient(155deg,rgba(52,153,214,.95),rgba(6,63,132,.96));box-shadow:0 24px 70px rgba(0,25,64,.55),inset 0 1px rgba(255,255,255,.42);color:#fff}
.koshi-music-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid rgba(190,235,255,.4)}.koshi-music-head h2{font-size:16px;margin:0}.koshi-music-head span{font-size:10px;opacity:.8}.koshi-music-head button{width:36px;height:34px}
.koshi-music-add{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px}.koshi-music-add input{min-width:0;height:40px;padding:0 11px;border-radius:11px;border:1px solid rgba(190,235,255,.55);background:rgba(255,255,255,.11);color:#fff}
.koshi-music-queue{padding:0 12px 12px;max-height:45dvh;overflow:auto}.koshi-queue-item{display:flex;gap:9px;align-items:center;padding:9px;border-radius:12px;margin-bottom:7px;background:rgba(4,51,111,.28);border:1px solid rgba(180,229,255,.3)}.koshi-queue-item div{min-width:0}.koshi-queue-item b,.koshi-queue-item small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.koshi-queue-item b{font-size:11px}.koshi-queue-item small,.koshi-music-empty,.koshi-music-hint{font-size:9px;opacity:.75}.koshi-music-hint{padding:0 12px 13px}
@media(max-width:760px){.koshi-music-bar{gap:5px}.koshi-music-bar input[type=range]{width:58px}.koshi-music-window{width:calc(100vw - 16px)}}
/* Koshinet v52 — Koshi Music modal/compact bar fixes */
#koshiMusicOverlay.koshi-music-overlay{
z-index:2147483000!important;
isolation:isolate;
}
#koshiMusicOverlay .koshi-music-window{
position:relative;
z-index:1;
}
#koshiMusicBar[hidden]{
display:none!important;
}
/* Koshinet v54 — conta opcional no menu lateral */
.account-section-title{margin-top:14px!important}
.account-box{margin:0 10px 12px;border:1px solid rgba(181,231,255,.42);border-radius:14px;background:linear-gradient(180deg,rgba(49,146,207,.25),rgba(4,62,130,.18));overflow:hidden;box-shadow:inset 0 1px rgba(255,255,255,.16)}
.account-summary{width:100%;min-height:52px;padding:8px!important;display:flex;align-items:center;gap:9px;text-align:left;border:0!important;border-radius:0!important;background:transparent!important;color:#fff!important}
.account-orb{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:11px;border:1px solid rgba(201,242,255,.75);background:radial-gradient(circle at 35% 25%,rgba(116,233,255,.75),rgba(20,111,196,.55) 65%,rgba(3,56,121,.65));box-shadow:inset 0 1px 4px rgba(255,255,255,.6),0 0 10px rgba(63,211,255,.18)}
.account-orb.is-online{box-shadow:inset 0 1px 4px rgba(255,255,255,.6),0 0 0 1px rgba(115,255,104,.4),0 0 12px rgba(91,246,80,.34)}
.account-summary-text{display:block;min-width:0;flex:1}.account-summary-text b,.account-summary-text small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-summary-text b{font-size:11px}.account-summary-text small{font-size:9px;opacity:.72;margin-top:2px}.account-chevron{font-size:19px;opacity:.75;transition:transform .18s}.account-box.is-open .account-chevron{transform:rotate(90deg)}
.account-panel{padding:10px;border-top:1px solid rgba(181,230,255,.28);background:rgba(3,48,105,.16)}
.account-note{font-size:9px;line-height:1.4;margin:0 0 9px;opacity:.8;color:#eefaff}
.account-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:9px}.account-tabs button{min-height:34px;font-size:10px}.account-tabs button.is-active{border-color:rgba(105,236,255,.95)!important;box-shadow:0 0 11px rgba(67,216,255,.24),inset 0 1px rgba(255,255,255,.28)!important}
.account-form{display:flex;flex-direction:column;gap:8px}.account-form[hidden],#accountLoggedView[hidden],#accountGuestView[hidden]{display:none!important}.account-form label{font-size:9px;font-weight:700;color:#effaff}.account-form input{box-sizing:border-box;width:100%;height:35px;margin-top:4px;padding:0 9px;border-radius:9px;border:1px solid rgba(184,231,255,.48);background:rgba(2,44,98,.34);color:#fff;outline:none}.account-form input:focus{border-color:rgba(103,235,255,.92);box-shadow:0 0 9px rgba(60,214,255,.18)}
.account-primary{min-height:37px!important;background:linear-gradient(180deg,rgba(59,189,229,.7),rgba(3,105,183,.65))!important}.account-logged-card{display:flex;align-items:center;gap:9px;padding:8px;border:1px solid rgba(180,230,255,.32);border-radius:11px;background:rgba(6,67,132,.24)}.account-logged-card b,.account-logged-card small{display:block}.account-logged-card b{font-size:11px}.account-logged-card small{font-size:9px;opacity:.75;margin-top:2px}.account-role{margin:8px 0;font-size:9px;font-weight:700;color:#bff7ff}.account-logout{width:100%;min-height:34px}.account-message{min-height:12px;margin-top:7px;font-size:9px;line-height:1.3}.account-message[data-kind="error"]{color:#ffd5d5}.account-message[data-kind="success"]{color:#caffc4}
@media(max-width:760px){.account-box{margin-left:8px;margin-right:8px}.account-summary{min-height:58px}.account-form input{height:40px}}
/* Koshinet v56 — identidade pública de conta */
.contact-copy{min-width:0;flex:1}
.contact-name-line{display:flex;align-items:center;gap:5px;min-width:0}
.contact-name-line>b{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.contact-account-badge,.koshinet-account-badge{
display:inline-flex;align-items:center;justify-content:center;
flex:none;height:16px;padding:0 5px;border-radius:8px;
border:1px solid rgba(143,244,255,.82);
background:linear-gradient(180deg,rgba(63,210,240,.78),rgba(4,119,194,.78));
color:#fff;font-size:8px;font-weight:800;line-height:1;
text-shadow:0 1px 2px rgba(0,40,80,.55);
box-shadow:inset 0 1px rgba(255,255,255,.48),0 0 7px rgba(72,226,255,.28);
}
.contact-account-badge.is-admin,.koshinet-account-badge.is-admin{
border-color:rgba(255,227,124,.9);
background:linear-gradient(180deg,rgba(255,198,62,.88),rgba(207,117,6,.84));
box-shadow:inset 0 1px rgba(255,255,255,.5),0 0 8px rgba(255,190,45,.32);
}
.contact.is-account .contact-avatar{
box-shadow:inset 0 0 0 1px rgba(255,255,255,.58),0 0 0 1px rgba(85,231,255,.8),0 0 11px rgba(55,223,255,.36)!important;
}
.chat-title-line{display:flex;align-items:center;gap:7px;min-width:0}
.chat-title-line h1{min-width:0}
.koshinet-account-badge{height:18px;padding:0 7px;font-size:8px}
.koshinet-account-badge[hidden]{display:none!important}
/* Koshinet v57 — perfil fixo autenticado + amigos persistentes */
.account-fixed-name{min-width:0;display:flex;flex-direction:column;justify-content:center;height:34px;padding:0 8px;border:1px solid rgba(180,232,255,.34);border-radius:8px;background:rgba(4,66,132,.16)}
.account-fixed-name[hidden]{display:none!important}.account-fixed-name b,.account-fixed-name small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-fixed-name b{font-size:11px}.account-fixed-name small{font-size:8px;opacity:.72;margin-top:1px}
.friends-box{margin:9px 0;padding:8px;border:1px solid rgba(178,230,255,.28);border-radius:11px;background:rgba(3,54,115,.18)}
.friends-head{display:flex;justify-content:space-between;align-items:center;font-size:10px;margin-bottom:7px}.friends-head span{font-size:9px;opacity:.75}
.friend-add-form{display:grid;grid-template-columns:1fr 34px;gap:5px;margin-bottom:7px}.friend-add-form input{min-width:0;height:32px;padding:0 8px;border-radius:8px;border:1px solid rgba(184,231,255,.45);background:rgba(2,44,98,.3);color:#fff;font-size:9px}.friend-add-form button{height:32px;padding:0!important}
.friend-request-row,.friend-account-row{display:flex;align-items:center;gap:6px;padding:6px;border-radius:9px;margin-top:5px;background:rgba(6,68,132,.22);border:1px solid rgba(180,230,255,.22);font-size:9px}.friend-request-row>span:first-child,.friend-account-copy{min-width:0;flex:1}.friend-request-row b,.friend-request-row small,.friend-account-copy b,.friend-account-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-request-row small,.friend-account-copy small{font-size:8px;opacity:.7;margin-top:1px}.friend-request-row button,.friend-account-row button{width:28px;height:26px;padding:0!important}.friend-request-row.is-outgoing{opacity:.72}.friend-presence{width:8px;height:8px;border-radius:50%;background:#798894;box-shadow:0 0 5px rgba(0,0,0,.3)}.friend-account-row.is-online .friend-presence{background:#69ff53;box-shadow:0 0 7px rgba(86,255,72,.7)}
.friends-empty{padding:7px;text-align:center;font-size:8px;opacity:.66}
.contacts-subtitle{padding:10px 7px 5px;font-size:8px;font-weight:800;letter-spacing:.05em;opacity:.65}
.contact.is-offline{opacity:.62;filter:saturate(.45);cursor:default}
.contact.is-offline .contact-avatar{box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)!important}
/* Koshinet v58 — regras de confiança */
.chat-actions button.trust-blocked,
#winkButton.trust-blocked{
opacity:.42!important;
filter:grayscale(.65)!important;
cursor:not-allowed!important;
box-shadow:none!important;
}
/* v60 — Clubes Sociais Koshi, integrado ao Aero da Koshinet */
.koshi-club-section-title{margin-top:10px!important}
.koshi-clubs-sidebar{display:flex;flex-direction:column;gap:5px;padding:0 8px}
.koshi-club-card{position:relative;display:grid!important;grid-template-columns:38px minmax(0,1fr) 12px;align-items:center;gap:8px;width:100%;padding:6px 7px!important;text-align:left!important;color:#fff!important;border:1px solid transparent!important;border-radius:12px!important;background:transparent!important;box-shadow:none!important;text-shadow:0 1px 2px rgba(0,38,90,.7)}
.koshi-club-card:hover,.koshi-club-card.selected{border-color:rgba(170,232,255,.72)!important;background:linear-gradient(180deg,rgba(105,207,247,.33),rgba(26,116,195,.30))!important;box-shadow:inset 0 1px rgba(255,255,255,.30),0 0 12px rgba(48,187,255,.15)!important}
.koshi-club-thumb{width:36px;height:36px;display:grid;place-items:center;overflow:hidden;border-radius:10px;border:1px solid rgba(198,240,255,.65);background:linear-gradient(180deg,rgba(128,220,255,.42),rgba(22,92,170,.45));box-shadow:inset 0 1px rgba(255,255,255,.45),0 2px 6px rgba(0,36,90,.28)}
.koshi-club-thumb img,.koshi-club-hero img,.koshi-club-image-pick img{width:100%;height:100%;object-fit:cover}
.koshi-club-card-copy{min-width:0}.koshi-club-card-copy b,.koshi-club-card-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.koshi-club-card-copy b{font-size:9px}.koshi-club-card-copy small{font-size:7.5px;opacity:.82;margin-top:2px}.club-online-dot,.club-offline-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:4px;background:#65f236;box-shadow:0 0 6px #65f236}.club-offline-dot{background:#7890a5;box-shadow:none}.koshi-club-arrow{opacity:.65;font-size:14px}.koshi-club-create-open{margin:5px 8px 2px;width:calc(100% - 16px);min-height:28px!important;color:#eaf8ff!important;border:1px solid rgba(171,229,255,.35)!important;border-radius:9px!important;background:linear-gradient(180deg,rgba(72,174,229,.28),rgba(9,87,163,.28))!important;box-shadow:inset 0 1px rgba(255,255,255,.22)!important}
.koshi-club-modal{position:fixed;inset:0;z-index:2147483100;display:grid;place-items:center;padding:12px;background:rgba(0,28,66,.30);backdrop-filter:blur(8px)}.koshi-club-modal[hidden]{display:none!important}
.koshi-club-window{width:min(430px,calc(100vw - 24px));max-height:90vh;overflow:auto;border-radius:17px;border:1px solid rgba(191,238,255,.75);background:linear-gradient(180deg,rgba(40,147,215,.82),rgba(7,70,143,.88));backdrop-filter:blur(22px) saturate(135%);box-shadow:inset 0 1px rgba(255,255,255,.52),0 18px 55px rgba(0,28,72,.48)}
.koshi-club-window-head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid rgba(188,234,255,.28);background:linear-gradient(180deg,rgba(81,181,231,.36),rgba(17,105,181,.28));backdrop-filter:blur(18px)}.koshi-club-window-head b{font-size:11px;text-shadow:0 1px 2px #075293}.koshi-club-window-head button{width:29px;height:27px;padding:0!important}
.koshi-club-editor{padding:13px;display:flex;flex-direction:column;gap:11px}.koshi-club-editor>label{font-size:9px;font-weight:700}.koshi-club-editor>label input{box-sizing:border-box;width:100%;height:38px;margin-top:4px;padding:0 9px;color:#fff;border:1px solid rgba(186,233,255,.48);border-radius:9px;background:rgba(0,45,103,.28);box-shadow:inset 0 1px 5px rgba(0,35,80,.28)}
.koshi-club-image-pick{align-self:center!important;width:112px!important;height:112px!important;display:flex!important;flex-direction:column!important;gap:3px!important;border-radius:15px!important;background:linear-gradient(180deg,rgba(116,213,249,.32),rgba(9,85,160,.32))!important}.koshi-club-image-pick>span{width:78px;height:78px;display:grid;place-items:center;overflow:hidden;margin:auto;border-radius:12px}
.koshi-club-friend-picker{max-height:180px;overflow:auto;margin-top:5px;padding:4px;border:1px solid rgba(187,233,255,.25);border-radius:10px;background:rgba(0,45,100,.13)}.koshi-club-friend-choice{display:flex;align-items:center;gap:8px;padding:6px;margin:2px;border-radius:8px}.koshi-club-friend-choice:hover{background:rgba(117,207,247,.16)}.koshi-club-friend-choice b,.koshi-club-friend-choice small{display:block;font-size:9px}.koshi-club-friend-choice small{font-size:8px;opacity:.72}
.koshi-club-editor-actions{display:flex;gap:8px;justify-content:flex-end}.koshi-club-editor-actions .account-primary{flex:1}.koshi-club-danger{color:#fff!important;border:1px solid rgba(255,190,190,.5)!important;background:linear-gradient(180deg,rgba(220,82,82,.72),rgba(145,25,35,.72))!important}
.koshi-club-view{position:absolute;inset:0;z-index:75;display:flex;flex-direction:column;color:#fff;background:linear-gradient(135deg,rgba(15,100,184,.22),rgba(1,45,100,.20));backdrop-filter:blur(12px);border-radius:inherit;overflow:hidden}.koshi-club-view[hidden]{display:none!important}
.koshi-club-view-head{display:flex;align-items:center;gap:8px;min-height:52px;padding:8px 10px;border-bottom:1px solid rgba(185,233,255,.30);background:linear-gradient(180deg,rgba(72,167,226,.34),rgba(14,99,178,.27));box-shadow:inset 0 1px rgba(255,255,255,.20)}.koshi-club-view-head>button{height:34px;padding:0 10px!important}.koshi-club-view-head>#koshiClubBack,.koshi-club-view-head>#koshiClubManage{width:34px;padding:0!important}.koshi-club-voice{white-space:nowrap!important;background:linear-gradient(180deg,rgba(71,201,156,.72),rgba(10,128,108,.72))!important;border-color:rgba(172,255,227,.58)!important}
.koshi-club-hero{width:40px;height:40px;flex:none;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(197,239,255,.66);border-radius:10px;background:rgba(20,99,175,.35);box-shadow:inset 0 1px rgba(255,255,255,.36)}.koshi-club-title-copy{min-width:0;flex:1}.koshi-club-title-copy b,.koshi-club-title-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.koshi-club-title-copy b{font-size:11px;text-shadow:0 1px 2px #075293}.koshi-club-title-copy small{font-size:8px;opacity:.76;margin-top:2px}.koshi-club-info-strip{display:flex;justify-content:space-between;gap:12px;padding:5px 12px;font-size:7.5px;color:#d9f4ff;border-bottom:1px solid rgba(185,233,255,.18);background:rgba(0,62,130,.16)}#koshiClubOnlineList{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.78}
.koshi-club-messages{flex:1;min-height:0;overflow:auto;padding:14px 16px}.koshi-club-message{max-width:74%;margin:8px 0;padding:8px 10px;border:1px solid rgba(187,231,255,.35);border-radius:12px 12px 12px 3px;background:linear-gradient(180deg,rgba(91,176,226,.28),rgba(15,93,169,.25));box-shadow:inset 0 1px rgba(255,255,255,.16),0 3px 8px rgba(0,38,88,.13)}.koshi-club-message b{font-size:9px}.koshi-club-message small{font-size:7px;opacity:.6;margin-left:5px}.koshi-club-message p{margin:4px 0 0;font-size:10px;white-space:pre-wrap;word-break:break-word}
.koshi-club-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:9px 11px;border-top:1px solid rgba(188,233,255,.28);background:linear-gradient(180deg,rgba(11,92,165,.22),rgba(0,55,120,.28))}.koshi-club-composer input{min-width:0;height:38px;padding:0 10px;color:#fff;border:1px solid rgba(188,233,255,.48);border-radius:10px;background:rgba(0,42,91,.34);box-shadow:inset 0 1px 5px rgba(0,25,65,.28)}.koshi-club-composer input::placeholder{color:rgba(230,247,255,.68)}
@media(max-width:760px){.koshi-club-view{position:fixed;z-index:190;inset:7px;border-radius:17px}.koshi-club-view-head{flex-wrap:wrap}.koshi-club-title-copy{min-width:120px}.koshi-club-voice{order:4;margin-left:42px}.koshi-club-message{max-width:90%}}
/* v61 — clube como chat nativo + chamada sempre acima */
#groupOverlay{z-index:2147482500!important}
#groupOverlay.is-open{z-index:2147482500!important}
#koshiMusicOverlay{z-index:2147483000!important}
.koshi-club-view{z-index:70!important}
.koshi-club-card.selected{border-color:rgba(174,239,255,.88)!important;background:linear-gradient(180deg,rgba(110,221,255,.38),rgba(22,126,206,.34))!important}
#clubVoiceChat{background:linear-gradient(180deg,rgba(72,202,160,.74),rgba(9,127,108,.72))!important;border-color:rgba(177,255,229,.60)!important}
/* v62 — gerenciamento e mídia do clube integrados ao chat principal */
#clubManageChat{
background:linear-gradient(180deg,rgba(86,168,224,.58),rgba(14,92,168,.58))!important;
border-color:rgba(181,232,255,.46)!important;
}
/* v63 — ações contextuais */
.chat-actions > button[hidden]{display:none!important}
/* v64 — ações contextuais e música no clube */
#voiceRoomsButton[hidden],
#appearanceButton[hidden],
#clear[hidden]{display:none!important}
/* v67 — Mural, não lidos e notificações sociais */
.mural-icon-v67{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;font-size:14px;background:linear-gradient(180deg,rgba(87,203,255,.55),rgba(15,101,188,.50));border:1px solid rgba(184,236,255,.55);box-shadow:inset 0 1px rgba(255,255,255,.38),0 0 8px rgba(61,203,255,.20)}
.contact{position:relative}.unread-badge-v67{margin-left:auto;flex:none;min-width:18px;height:18px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;color:#fff;font-size:8px;font-weight:800;background:linear-gradient(180deg,#ff6c72,#cf2238);border:1px solid rgba(255,220,224,.72);box-shadow:inset 0 1px rgba(255,255,255,.38),0 0 9px rgba(255,48,73,.35);text-shadow:0 1px 2px rgba(90,0,12,.65)}
.contact.has-unread-v67{border-color:rgba(191,240,255,.62)!important;box-shadow:inset 0 1px rgba(255,255,255,.22),0 0 10px rgba(57,206,255,.18)!important}
.social-toast-stack-v67{position:fixed;right:18px;bottom:18px;z-index:2147483600;display:flex;flex-direction:column;gap:8px;pointer-events:none}
.social-toast-v67{max-width:min(340px,calc(100vw - 28px));padding:10px 13px;border-radius:12px;color:#fff;font-size:10px;font-weight:700;opacity:0;transform:translateY(10px) scale(.98);transition:.2s ease;border:1px solid rgba(191,239,255,.65);background:linear-gradient(180deg,rgba(46,151,217,.94),rgba(7,73,150,.94));backdrop-filter:blur(14px);box-shadow:inset 0 1px rgba(255,255,255,.38),0 8px 28px rgba(0,31,78,.34);text-shadow:0 1px 2px rgba(0,42,90,.55)}
.social-toast-v67.online{border-color:rgba(187,255,196,.7);background:linear-gradient(180deg,rgba(54,172,116,.95),rgba(15,111,86,.94))}
.social-toast-v67.show{opacity:1;transform:none}
.composer.is-mural-readonly-v67{grid-template-columns:1fr!important}
.composer.is-mural-readonly-v67 #text{cursor:default;text-align:center;opacity:.72}
@media(max-width:760px){.social-toast-stack-v67{right:9px;left:9px;bottom:82px}.social-toast-v67{max-width:none}}
/* v68 — Clubes: saída, co-donos, imagens persistentes e voz Aero */
#clubLeaveChat{background:linear-gradient(180deg,rgba(214,107,111,.62),rgba(137,39,53,.62))!important;border-color:rgba(255,203,206,.48)!important}
.koshi-club-owners-panel{padding:7px;border:1px solid rgba(185,232,255,.28);border-radius:10px;background:rgba(0,48,105,.15)}
.koshi-club-owner-title{margin-bottom:5px}.koshi-club-owner-title b,.koshi-club-owner-title small{display:block}.koshi-club-owner-title b{font-size:9px}.koshi-club-owner-title small{font-size:7.5px;opacity:.72}
.koshi-club-owner-row{display:flex;align-items:center;gap:7px;padding:6px;margin-top:4px;border-radius:8px;background:rgba(58,146,207,.16);border:1px solid rgba(179,229,255,.18)}
.koshi-club-owner-row>span{min-width:0;flex:1}.koshi-club-owner-row b,.koshi-club-owner-row small{display:block}.koshi-club-owner-row b{font-size:9px}.koshi-club-owner-row small{font-size:7.5px;opacity:.68}.koshi-club-owner-row em{font-size:8px;font-style:normal;color:#ffe89d}.koshi-club-owner-row button{font-size:8px!important;padding:4px 7px!important}
.koshi-club-friend-choice.is-owner-v68{border:1px solid rgba(255,226,119,.30);background:rgba(211,161,40,.10)}.koshi-club-friend-choice em{font-style:normal;font-size:7px;color:#ffe897;margin-left:4px}
/* brilho de voz, inspirado no vidro Aero */
.group-participant-avatar,.call-avatar{transition:box-shadow .12s ease,border-color .12s ease,filter .12s ease}
.group-participant.is-speaking-v68 .group-participant-avatar,
.call-avatar.is-speaking-v68{
border-color:rgba(183,255,219,.98)!important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.65),
0 0 0 2px rgba(89,255,174,.34),
0 0 10px rgba(78,255,168,.78),
0 0 22px rgba(51,213,255,.48)!important;
filter:saturate(1.14) brightness(1.08);
}
/* v69 — Segurança da Conta Koshinet */
.account-security-open{width:100%;margin:8px 0 5px!important;min-height:34px!important;color:#fff!important;background:linear-gradient(180deg,rgba(61,174,225,.58),rgba(13,91,165,.58))!important;border:1px solid rgba(184,233,255,.48)!important}
.account-secondary{width:100%;margin-top:6px!important;background:rgba(22,101,171,.32)!important}
.account-security-overlay{position:fixed;inset:0;z-index:2147483300;display:grid;place-items:center;padding:12px;background:rgba(0,25,58,.38);backdrop-filter:blur(9px)}.account-security-overlay[hidden]{display:none!important}
.account-security-window{width:min(560px,calc(100vw - 22px));max-height:90vh;overflow:auto;color:#fff;border-radius:18px;border:1px solid rgba(191,239,255,.74);background:linear-gradient(180deg,rgba(41,151,215,.91),rgba(5,63,136,.94));box-shadow:inset 0 1px rgba(255,255,255,.48),0 20px 65px rgba(0,24,65,.5);backdrop-filter:blur(22px) saturate(135%)}
.account-security-window>header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid rgba(190,234,255,.30);background:rgba(11,91,164,.70);backdrop-filter:blur(18px)}.account-security-window>header b,.account-security-window>header small{display:block}.account-security-window>header small{font-size:8px;opacity:.74}.account-security-window>header button{width:31px;height:29px;padding:0!important}
.account-security-body{display:flex;flex-direction:column;gap:10px;padding:13px}.security-card{padding:11px;border:1px solid rgba(184,231,255,.28);border-radius:13px;background:linear-gradient(180deg,rgba(90,183,226,.19),rgba(4,65,133,.18))}.security-card b,.security-card small{display:block}.security-card b{font-size:10px}.security-card small{font-size:8px;opacity:.72}.security-card p,.security-hint{margin:7px 0 0;font-size:8px;line-height:1.45;opacity:.75}
.trusted-contact-row,.recovery-help-row{display:flex;align-items:center;gap:7px;margin:5px 0;padding:7px;border-radius:9px;border:1px solid rgba(181,230,255,.20);background:rgba(1,51,111,.18)}.trusted-contact-row>span,.recovery-help-row>span{min-width:0;flex:1}.trusted-contact-row b,.trusted-contact-row small,.recovery-help-row b,.recovery-help-row small{display:block}.trusted-contact-row b,.recovery-help-row b{font-size:9px}.trusted-contact-row small,.recovery-help-row small{font-size:7.5px;opacity:.7}.recovery-help-row code{font-size:9px;font-weight:800;color:#fff6a6;background:rgba(0,29,69,.35);padding:5px;border-radius:6px}
.security-empty{font-size:8px;opacity:.65;padding:5px}.security-card select,.security-field input{box-sizing:border-box;width:100%;height:38px;color:#fff;border:1px solid rgba(185,232,255,.45);border-radius:9px;background:rgba(0,42,96,.32);padding:0 9px}.security-card select option{color:#111}.security-field{display:block;font-size:9px;font-weight:700}.security-field input{display:block;margin-top:4px}
.recovery-method-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px}.recovery-method-tabs button.is-active{border-color:rgba(187,255,223,.75)!important;background:linear-gradient(180deg,rgba(56,188,143,.66),rgba(11,112,101,.64))!important}
@media(max-width:760px){.account-security-overlay{padding:7px}.account-security-window{max-height:95vh}.recovery-help-row{align-items:flex-start;flex-wrap:wrap}.recovery-help-row>span{flex-basis:100%}}
/* v71 — painel de conta e utilidades Aero */
.account-section-title{margin-top:15px!important;padding-top:10px!important}
.account-box{margin-top:7px!important}
.account-panel{padding-top:10px!important}
.account-tools-v71{display:grid;grid-template-columns:1fr;gap:6px;margin:10px 0 7px;padding-top:9px;border-top:1px solid rgba(186,232,255,.22)}
.account-tool-v71{box-sizing:border-box;width:100%!important;min-height:48px!important;display:grid!important;grid-template-columns:34px minmax(0,1fr) 14px!important;align-items:center!important;gap:8px!important;padding:6px 8px!important;text-align:left!important;color:#fff!important;border:1px solid rgba(181,231,255,.34)!important;border-radius:11px!important;background:linear-gradient(180deg,rgba(92,190,232,.20),rgba(7,82,158,.25))!important;box-shadow:inset 0 1px rgba(255,255,255,.17)!important;text-shadow:0 1px 2px rgba(0,37,80,.62)}
.account-tool-v71:hover{border-color:rgba(192,241,255,.62)!important;background:linear-gradient(180deg,rgba(112,210,247,.28),rgba(12,100,183,.31))!important;box-shadow:inset 0 1px rgba(255,255,255,.28),0 0 10px rgba(42,195,255,.13)!important}
.account-tool-v71.is-enabled-v71{border-color:rgba(165,255,213,.48)!important;box-shadow:inset 0 1px rgba(255,255,255,.23),0 0 9px rgba(66,246,166,.12)!important}
.account-tool-icon-v71{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;font-size:15px;border:1px solid rgba(191,237,255,.48);background:linear-gradient(180deg,rgba(107,211,247,.37),rgba(14,93,173,.36));box-shadow:inset 0 1px rgba(255,255,255,.34)}
.account-tool-v71>span:nth-child(2){min-width:0}.account-tool-v71 b,.account-tool-v71 small{display:block;white-space:normal}.account-tool-v71 b{font-size:9px}.account-tool-v71 small{margin-top:2px;font-size:7.5px;font-weight:400;opacity:.70}.account-tool-v71 i{font-style:normal;font-size:15px;opacity:.62;text-align:center}
.account-logout-v71{width:100%;min-height:31px!important;margin-top:3px!important;color:#ffe9eb!important;border:1px solid rgba(255,195,201,.27)!important;background:linear-gradient(180deg,rgba(169,78,91,.24),rgba(109,38,55,.20))!important;border-radius:9px!important}
.account-security-open{margin:0!important}
/* Dispositivos */
.account-devices-window-v71{width:min(610px,calc(100vw - 22px))}
.device-card-v71 select{box-sizing:border-box;width:100%;height:38px;padding:0 9px;color:#fff;border:1px solid rgba(185,232,255,.45);border-radius:9px;background:rgba(0,42,96,.32)}.device-card-v71 select option{color:#111}
.mic-test-v71{height:9px;margin-top:9px;overflow:hidden;border-radius:8px;border:1px solid rgba(173,229,255,.30);background:rgba(0,28,67,.35);box-shadow:inset 0 1px 4px rgba(0,19,54,.38)}#micLevelBar{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4be69b,#9bff77,#fff16d);box-shadow:0 0 8px rgba(84,255,172,.55);transition:width .06s linear}
.camera-preview-shell-v71{position:relative;aspect-ratio:16/9;margin-top:9px;overflow:hidden;border-radius:11px;border:1px solid rgba(184,233,255,.36);background:rgba(0,31,72,.48);box-shadow:inset 0 1px rgba(255,255,255,.12)}#cameraDevicePreview{width:100%;height:100%;display:block;object-fit:cover}#cameraPreviewEmpty{position:absolute;inset:0;display:grid;place-items:center;font-size:9px;opacity:.58}#cameraPreviewEmpty[hidden]{display:none}
.device-actions-v71{display:grid;grid-template-columns:1fr 1fr;gap:8px}.device-note-v71{margin:0;font-size:8px;line-height:1.45;opacity:.70}
@media(max-width:760px){.account-section-title{margin-top:12px!important}.account-tools-v71{gap:5px}.account-tool-v71{min-height:45px!important}.device-actions-v71{grid-template-columns:1fr}}
/* v72 — menus opcionais nunca bloqueiam a Koshinet */
.account-security-window>header{z-index:20!important}
.account-security-window>header>button{position:relative!important;z-index:25!important;pointer-events:auto!important;cursor:pointer!important}
#accountDevicesOverlay,#installHelpOverlayV72{z-index:2147483500!important;pointer-events:auto!important}
#accountDevicesOverlay .account-security-window,#installHelpOverlayV72 .account-security-window{pointer-events:auto!important}
#accountDevicesClose,#installHelpCloseV72{display:grid!important;place-items:center!important;color:#fff!important;border:1px solid rgba(205,242,255,.62)!important;background:linear-gradient(180deg,rgba(105,194,235,.58),rgba(22,102,177,.58))!important}
.device-card-v71 select:disabled{opacity:.65;cursor:not-allowed}
.install-help-window-v72{width:min(460px,calc(100vw - 22px))}
.install-help-card-v72{text-align:center;padding:16px 12px;border:1px solid rgba(185,232,255,.27);border-radius:13px;background:linear-gradient(180deg,rgba(82,179,225,.18),rgba(5,66,139,.16))}
.install-help-card-v72 b{display:block;font-size:11px}.install-help-card-v72 p{font-size:9px;line-height:1.55;opacity:.8;margin:8px 0 0}.install-big-icon-v72{font-size:38px;filter:drop-shadow(0 0 10px rgba(94,217,255,.52));margin-bottom:7px}
/* v74 — Super Chamar Atenção */
.attention-revenge-toast-v74{position:fixed;left:50%;top:16px;z-index:2147483600;width:min(520px,calc(100vw - 24px));transform:translate(-50%,-130%);opacity:0;transition:transform .34s cubic-bezier(.2,.85,.2,1.15),opacity .24s;pointer-events:none}
.attention-revenge-toast-v74.is-showing{transform:translate(-50%,0);opacity:1;pointer-events:auto}
.attention-revenge-glass-v74{display:grid;grid-template-columns:42px minmax(0,1fr) auto 31px;align-items:center;gap:9px;padding:9px;border:1px solid rgba(196,238,255,.82);border-radius:15px;color:#fff;background:linear-gradient(180deg,rgba(54,157,220,.92),rgba(9,75,151,.94));backdrop-filter:blur(20px) saturate(145%);box-shadow:inset 0 1px rgba(255,255,255,.50),0 10px 38px rgba(0,25,71,.46),0 0 18px rgba(61,204,255,.18);text-shadow:0 1px 2px rgba(0,35,83,.65)}
.attention-revenge-icon-v74{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;font-size:20px;border:1px solid rgba(255,226,154,.58);background:linear-gradient(180deg,rgba(255,196,80,.52),rgba(188,87,25,.42));box-shadow:inset 0 1px rgba(255,255,255,.42),0 0 12px rgba(255,178,61,.24)}
.attention-revenge-copy-v74 b,.attention-revenge-copy-v74 small{display:block}.attention-revenge-copy-v74 b{font-size:11px}.attention-revenge-copy-v74 small{margin-top:2px;font-size:8.5px;opacity:.82;line-height:1.35}
.attention-revenge-button-v74{min-height:34px!important;color:#fff!important;font-weight:800!important;border-color:rgba(255,189,196,.72)!important;background:linear-gradient(180deg,rgba(240,82,91,.92),rgba(157,32,52,.94))!important;box-shadow:inset 0 1px rgba(255,255,255,.44),0 0 12px rgba(255,67,82,.28)!important}
.attention-revenge-dismiss-v74{width:30px!important;height:30px!important;padding:0!important}
#attention.super-attention-disabled-v74{opacity:.62!important;cursor:not-allowed!important;filter:grayscale(.28)!important}
#attention.super-attention-fall-v74{animation:attentionButtonFallV74 .92s cubic-bezier(.35,.01,.67,1.1) both!important}
@keyframes attentionButtonFallV74{0%{transform:translateY(0) rotate(0);opacity:1}28%{transform:translateY(5px) rotate(-8deg)}58%{transform:translateY(34px) rotate(17deg);opacity:.85}100%{transform:translateY(90px) rotate(38deg);opacity:0}}
body.super-attention-v74::after{content:"";position:fixed;inset:0;z-index:2147483200;pointer-events:none;background:rgba(255,255,255,0);animation:superAttentionFlashV74 1.6s steps(2,end) 4}
@keyframes superAttentionFlashV74{0%,100%{background:rgba(255,255,255,0)}25%{background:rgba(73,215,255,.18)}50%{background:rgba(255,73,95,.13)}75%{background:rgba(255,255,255,.20)}}
.super-attention-shake-v74{animation:superAttentionShakeV74 .12s linear 54}
@keyframes superAttentionShakeV74{0%{transform:translate(0,0) rotate(0)}20%{transform:translate(-7px,4px) rotate(-.3deg)}40%{transform:translate(6px,-5px) rotate(.35deg)}60%{transform:translate(-5px,-3px) rotate(-.25deg)}80%{transform:translate(7px,5px) rotate(.3deg)}100%{transform:translate(0,0)}}
@media(max-width:760px){.attention-revenge-toast-v74{top:8px}.attention-revenge-glass-v74{grid-template-columns:36px minmax(0,1fr) auto;gap:7px}.attention-revenge-icon-v74{width:34px;height:34px;font-size:17px}.attention-revenge-dismiss-v74{position:absolute;right:5px;top:5px;width:24px!important;height:24px!important}.attention-revenge-button-v74{grid-column:2/4;width:100%}}
/* v75 — o botão literalmente despenca até a parte inferior da tela */
#attention.super-attention-fall-v74{
position:relative!important;
z-index:2147483400!important;
animation:attentionButtonFallV75 1.25s cubic-bezier(.30,.02,.69,1.03) both!important;
}
@keyframes attentionButtonFallV75{
0%{transform:translate3d(0,0,0) rotate(0deg);opacity:1}
18%{transform:translate3d(-4px,6px,0) rotate(-7deg)}
36%{transform:translate3d(5px,28px,0) rotate(11deg)}
62%{transform:translate3d(-8px,calc(55vh - 30px),0) rotate(27deg);opacity:.95}
82%{transform:translate3d(7px,calc(88vh - 35px),0) rotate(42deg);opacity:.82}
100%{transform:translate3d(0,calc(100vh - 55px),0) rotate(58deg);opacity:.35}
}
/* v76 — entrada isolada do Koshi Corporativo */
#corporateButton{border-color:rgba(170,245,218,.38)!important}
/* v77 — atividade dos Clubes Sociais Koshi */
.koshi-club-card.has-club-unread-v77{border-color:rgba(183,239,255,.65)!important;box-shadow:inset 0 1px rgba(255,255,255,.25),0 0 12px rgba(57,202,255,.18)!important}
.club-unread-badge-v77{flex:none;min-width:19px;height:19px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;border-radius:11px;font-size:8px;font-weight:800;color:#fff;background:linear-gradient(180deg,#ff7278,#c7253c);border:1px solid rgba(255,213,218,.72);box-shadow:inset 0 1px rgba(255,255,255,.35),0 0 9px rgba(255,58,78,.30)}
.koshi-club-thumb{position:relative}.club-voice-pulse-v77{position:absolute;right:-4px;bottom:-4px;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;font-style:normal;font-size:8px;color:#fff;background:linear-gradient(180deg,rgba(55,213,142,.96),rgba(12,128,102,.96));border:1px solid rgba(201,255,229,.82);box-shadow:0 0 0 2px rgba(62,240,164,.18),0 0 10px rgba(65,255,177,.55);animation:clubVoicePulseV77 1.8s ease-in-out infinite}
.club-voice-text-v77{color:#9fffd0!important;opacity:.92!important;margin-top:2px}.koshi-club-card.has-club-voice-v77{border-color:rgba(153,255,207,.35)}
@keyframes clubVoicePulseV77{0%,100%{box-shadow:0 0 0 2px rgba(62,240,164,.12),0 0 7px rgba(65,255,177,.38)}50%{box-shadow:0 0 0 4px rgba(62,240,164,.17),0 0 15px rgba(65,255,177,.72)}}
/* v79 — refinamento social */
.section-toggle-v79{width:100%;border:0;background:transparent;color:inherit;display:flex;align-items:center;justify-content:space-between;text-align:left;cursor:pointer;font:inherit;padding-left:4px;padding-right:4px}
.section-toggle-v79 i,.contacts-toggle-v79 i{font-style:normal;font-size:12px;opacity:.8}
.contacts-toggle-v79{width:100%;border:0;background:transparent;color:rgba(226,246,255,.82);display:flex;justify-content:space-between;align-items:center;padding:7px 7px 5px;font-size:8px;font-weight:800;letter-spacing:.35px;cursor:pointer}
.friends-sidebar-body-v79[hidden],#koshiClubsBodyV79[hidden]{display:none!important}
.club-voice-primary-v79{background:linear-gradient(180deg,rgba(48,211,166,.92),rgba(13,130,119,.94))!important;border-color:rgba(172,255,226,.72)!important;box-shadow:inset 0 1px rgba(255,255,255,.35),0 0 12px rgba(32,226,176,.18)!important;font-weight:800!important}
.club-membership-leave-v79{background:rgba(93,39,52,.45)!important;border-color:rgba(255,142,159,.42)!important;color:#ffdce2!important;font-size:10px!important;opacity:.88}
.club-membership-leave-v79:hover{opacity:1}
.club-member-roster-v79{display:flex;gap:5px;align-items:center;flex-wrap:wrap;margin-top:5px;max-width:700px}
.club-roster-label-v79{font-size:8px;text-transform:uppercase;opacity:.58;margin-right:2px}
.club-roster-person-v79{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border-radius:9px;background:rgba(5,50,91,.32);border:1px solid rgba(255,255,255,.12);font-size:8px}
.club-roster-person-v79 i{width:6px;height:6px;border-radius:50%;background:#788898;box-shadow:inset 0 1px rgba(255,255,255,.25)}
.club-roster-person-v79.online i{background:#62f64d;box-shadow:0 0 7px rgba(98,246,77,.75)}
.club-roster-person-v79 small{opacity:.56;font-size:7px}.club-roster-person-v79.offline{opacity:.58}
.group-participant{position:relative}
.group-volume-v79{display:flex;align-items:center;gap:3px;width:100%;margin-top:3px;padding:2px 3px;border-radius:7px;background:rgba(0,37,72,.28)}
.group-volume-v79 span{font-size:8px}.group-volume-v79 input{min-width:55px;width:76px;height:12px;accent-color:auto}.group-volume-v79 b{font-size:7px;min-width:25px;text-align:right;font-weight:700;opacity:.8}
.friends-window-v79{max-width:540px}
.friends-page-card-v79{padding:12px;border:1px solid rgba(179,231,255,.24);border-radius:12px;background:linear-gradient(180deg,rgba(59,162,218,.28),rgba(8,82,145,.22));margin-bottom:10px}
.friends-page-card-v79 h3{font-size:11px;margin:0 0 8px;color:#fff}
.friends-page-add-v79{display:grid;grid-template-columns:1fr auto;gap:7px}.friends-page-add-v79 button{width:auto!important;padding:0 14px!important}
.friends-window-v79 .friend-list-account{max-height:300px;overflow:auto}
.wink-panel{display:flex!important;flex-direction:column;max-height:calc(100vh - 24px)!important}
.wink-panel:not(.is-open){display:flex!important;pointer-events:none;visibility:hidden;opacity:0}
.wink-panel.is-open{pointer-events:auto;visibility:visible;opacity:1}
.wink-panel-content{min-height:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;flex:1}
.wink-library{overflow-y:auto!important;min-height:0!important;flex:1!important;padding-bottom:8px}
.wink-library-footer-v79{flex:none;position:sticky;bottom:0;padding:8px 0 2px;background:linear-gradient(180deg,rgba(15,111,181,.12),rgba(13,88,157,.96) 22%);z-index:3}
.mural-manual-v79{margin:8px auto 16px;max-width:760px;border:1px solid rgba(185,235,255,.42);border-radius:14px;padding:15px;background:linear-gradient(180deg,rgba(33,143,207,.38),rgba(4,67,126,.38));box-shadow:inset 0 1px rgba(255,255,255,.28),0 8px 25px rgba(0,20,50,.18)}
.mural-pin-v79{font-size:8px;font-weight:900;letter-spacing:.6px;color:#b9f3ff}.mural-manual-v79 h2{margin:5px 0 6px;font-size:17px}.mural-manual-v79 p{font-size:10px;opacity:.82;margin:0 0 12px}
.mural-guide-grid-v79{display:grid;grid-template-columns:1fr 1fr;gap:7px}.mural-guide-grid-v79>div{padding:8px;border-radius:9px;background:rgba(0,45,89,.28);border:1px solid rgba(255,255,255,.11);display:flex;flex-direction:column;gap:3px}.mural-guide-grid-v79 b{font-size:10px}.mural-guide-grid-v79 span{font-size:8px;opacity:.75;line-height:1.35}
.mural-recap-v79{margin-top:10px;padding-top:9px;border-top:1px solid rgba(255,255,255,.14);display:flex;gap:7px;flex-wrap:wrap;align-items:center;font-size:8px}.mural-recap-v79>b{font-size:9px}.mural-recap-v79 span{padding:4px 6px;border-radius:7px;background:rgba(0,33,69,.30)}
@media(max-width:720px){.mural-guide-grid-v79{grid-template-columns:1fr}.club-member-roster-v79{display:none}.group-volume-v79 input{width:60px}}
/* v80 — padronização visual */
#contacts .mural-contact,
#friendsSidebarToggleV79,
#koshiClubsToggleV79{
width:100%!important;min-height:48px!important;box-sizing:border-box!important;
border:1px solid rgba(176,231,255,.45)!important;border-radius:12px!important;
background:linear-gradient(180deg,rgba(65,171,226,.30),rgba(12,105,180,.22))!important;
box-shadow:inset 0 1px rgba(255,255,255,.22)!important;
padding:8px 10px!important;margin:5px 0!important;color:#fff!important;
}
#friendsSidebarToggleV79,#koshiClubsToggleV79{
font-size:10px!important;font-weight:800!important;letter-spacing:0!important;text-transform:none!important;
}
#friendsSidebarToggleV79 span:first-child,#koshiClubsToggleV79 span:first-child{font-size:11px}
#friendsSidebarToggleV79 span:last-child,#koshiClubsToggleV79 span:last-child{display:flex;gap:6px;align-items:center}
#koshiClubsBodyV79,.friends-sidebar-body-v79{padding:2px 0 5px}
#koshiClubsSection{margin-top:0!important}
.koshi-club-section-title{margin:5px 0!important}
/* Winks: janela fixa, só a lista rola; sem dupla rolagem nem rodapé sobre conteúdo */
#winkPanel.wink-panel{display:block!important;top:12px!important;bottom:12px!important;height:auto!important;max-height:none!important;overflow:hidden!important}
#winkPanel.wink-panel:not(.is-open){display:block!important}
#winkPanel .wink-panel-head{position:absolute!important;left:0;right:0;top:0;height:67px;box-sizing:border-box;z-index:4}
#winkPanel .wink-panel-content{position:absolute!important;left:0;right:0;top:67px;bottom:0;display:grid!important;grid-template-rows:minmax(0,1fr) auto auto!important;overflow:hidden!important;padding-bottom:10px!important}
#winkPanel .wink-library{min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:10px 12px!important}
#winkPanel .wink-library-footer-v79{position:static!important;background:transparent!important;padding:8px 12px 0!important;z-index:auto!important}
#winkPanel .wink-creator{margin:8px 12px 0!important;max-height:220px;overflow:auto}
/* Clube: presença resumida, não uma procissão de 400 nomes no cabeçalho */
.club-member-roster-v79{display:block!important;max-width:min(760px,70vw)!important;margin-top:5px!important}
.club-roster-summary-v80{display:flex;align-items:center;gap:6px;max-width:100%;min-height:25px;padding:3px 7px;border:1px solid rgba(183,232,255,.18);border-radius:9px;background:rgba(2,55,103,.22);color:#dff6ff;cursor:pointer;overflow:hidden}
.club-roster-summary-v80 .club-roster-label-v79{flex:none}.club-roster-summary-v80>b{font-size:8px}
.club-roster-online-v80{display:inline-flex;align-items:center;gap:3px;font-size:8px;flex:none}.club-roster-online-v80 i{width:6px;height:6px;border-radius:50%;background:#61f64c;box-shadow:0 0 6px rgba(97,246,76,.7)}
.club-roster-summary-v80 .club-roster-person-v79{flex:none;padding:2px 5px;max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.club-roster-more-v80{font-size:8px;opacity:.75;flex:none}.club-roster-open-v80{font-size:8px;margin-left:auto;white-space:nowrap;flex:none;opacity:.82}
.club-members-window-v80{max-width:500px}.club-members-window-v80 .account-security-body{max-height:65vh;overflow:auto}
.club-members-window-v80 h3{font-size:9px;text-transform:uppercase;opacity:.7;margin:12px 0 6px}
.club-member-row-v80{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:8px;border-bottom:1px solid rgba(255,255,255,.08)}
.club-member-row-v80 span:nth-child(2){display:flex;flex-direction:column}.club-member-row-v80 b{font-size:10px}.club-member-row-v80 small{font-size:8px;opacity:.65}.club-member-row-v80 em{font-size:7px;font-style:normal;padding:3px 5px;border-radius:6px;background:rgba(78,174,229,.25)}
.club-member-presence-v80{width:8px;height:8px;border-radius:50%;background:#71808d}.club-member-presence-v80.online{background:#61f64c;box-shadow:0 0 6px rgba(97,246,76,.65)}
@media(max-width:720px){
#contacts .mural-contact,#friendsSidebarToggleV79,#koshiClubsToggleV79{min-height:44px!important}
.club-member-roster-v79{display:none!important}
}
/* v81 — mesma linguagem visual para os blocos da lateral */
#contacts .mural-contact,
#friendsSidebarToggleV79,
#networkSidebarToggleV81,
#koshiClubsToggleV79{
opacity:1!important;
filter:none!important;
color:#fff!important;
width:100%!important;
min-height:48px!important;
box-sizing:border-box!important;
border:1px solid rgba(174,231,255,.48)!important;
border-radius:12px!important;
background:
linear-gradient(180deg,rgba(65,176,230,.34),rgba(7,98,178,.27))!important;
box-shadow:
inset 0 1px rgba(255,255,255,.24),
0 1px 0 rgba(0,40,90,.18)!important;
margin:5px 0!important;
}
#friendsSidebarToggleV79:hover,
#networkSidebarToggleV81:hover,
#koshiClubsToggleV79:hover{
border-color:rgba(199,243,255,.72)!important;
background:linear-gradient(180deg,rgba(78,192,239,.40),rgba(11,112,193,.32))!important;
}
#friendsSidebarToggleV79,
#networkSidebarToggleV81,
#koshiClubsToggleV79{
padding:8px 10px!important;
font-size:10px!important;
font-weight:800!important;
text-shadow:0 1px 2px rgba(0,37,80,.56)!important;
}
#friendsSidebarToggleV79 span:first-child,
#networkSidebarToggleV81 span:first-child,
#koshiClubsToggleV79 span:first-child{font-size:10px!important}
.network-sidebar-body-v81[hidden]{display:none!important}
.network-sidebar-body-v81{padding:2px 0 5px}
/* v81 — mensagens voltam a nascer da esquerda, como um mensageiro civilizado */
.messages{display:block!important}
.message.message-row-v81,
.message.message-row-v81.mine{
display:grid!important;
grid-template-columns:48px minmax(0,1fr)!important;
align-items:start!important;
column-gap:9px!important;
width:min(780px,92%)!important;
max-width:none!important;
margin:11px 0!important;
margin-left:0!important;
margin-right:auto!important;
text-align:left!important;
}
.message-content-v81{min-width:0!important;text-align:left!important}
.message-row-v81 .meta{
display:flex!important;
align-items:baseline!important;
gap:5px!important;
min-height:16px!important;
margin:0 0 3px!important;
text-align:left!important;
}
.message-row-v81 .meta b{font-size:10px;color:rgba(238,249,255,.95);font-weight:700}
.message-row-v81 .meta span{font-size:8px;color:rgba(220,239,248,.58)}
.message-row-v81 .bubble{
display:inline-block!important;
max-width:min(660px,100%)!important;
margin:0!important;
text-align:left!important;
vertical-align:top!important;
}
.message-row-v81.mine .bubble{
background:linear-gradient(180deg,rgba(58,184,138,.30),rgba(27,126,106,.24))!important;
border-color:rgba(133,255,202,.40)!important;
}
/* Moldura de vidro inspirada nos avatares clássicos do Messenger */
.chat-avatar-glass-v81{
position:relative;
width:46px;height:46px;
padding:3px;
overflow:hidden;
display:grid;
place-items:center;
border-radius:10px;
color:#fff;
font-size:16px;
font-weight:800;
background:
linear-gradient(145deg,rgba(237,252,255,.88) 0 9%,rgba(119,205,242,.52) 18%,rgba(21,111,181,.50) 72%,rgba(205,245,255,.72));
border:1px solid rgba(218,249,255,.88);
box-shadow:
inset 0 1px 1px rgba(255,255,255,.92),
inset 0 -2px 4px rgba(3,56,119,.34),
0 1px 3px rgba(0,29,69,.35);
}
.chat-avatar-glass-v81::before{
content:"";position:absolute;left:5px;right:5px;top:3px;height:9px;border-radius:8px 8px 50% 50%;
background:linear-gradient(180deg,rgba(255,255,255,.76),rgba(255,255,255,0));
pointer-events:none;z-index:2;
}
.chat-avatar-glass-v81 img,
.chat-avatar-glass-v81>span{
width:100%;height:100%;border-radius:7px;object-fit:cover;display:grid;place-items:center;
background:linear-gradient(180deg,rgba(57,151,211,.82),rgba(17,91,164,.88));
box-shadow:inset 0 0 0 1px rgba(0,53,111,.30);
}
.chat-avatar-glass-v81.is-online{
border-color:rgba(188,255,198,.98);
box-shadow:
inset 0 1px 1px rgba(255,255,255,.95),
inset 0 -2px 4px rgba(17,112,67,.25),
0 0 0 2px rgba(91,245,113,.25),
0 0 11px rgba(90,255,115,.54);
}
.chat-avatar-glass-v81.is-online::after{
content:"";position:absolute;right:1px;bottom:1px;width:8px;height:8px;border-radius:50%;
background:#62f64d;border:1px solid rgba(226,255,229,.95);box-shadow:0 0 6px rgba(98,246,77,.92);z-index:3;
}
@media(max-width:720px){
#contacts .mural-contact,#friendsSidebarToggleV79,#networkSidebarToggleV81,#koshiClubsToggleV79{min-height:44px!important}
.message.message-row-v81,.message.message-row-v81.mine{grid-template-columns:40px minmax(0,1fr)!important;width:96%!important;column-gap:7px!important}
.chat-avatar-glass-v81{width:38px;height:38px;border-radius:9px}
}
/* v82 — Biblioteca de Emojis */
.emoji-library-window-v82{width:min(650px,calc(100vw - 22px))}
.emoji-library-body-v82{max-height:72vh;overflow:auto}
.emoji-create-card-v82{display:grid;grid-template-columns:90px minmax(0,1fr);gap:10px;padding:12px;border:1px solid rgba(180,232,255,.28);border-radius:13px;background:linear-gradient(180deg,rgba(55,164,220,.23),rgba(8,75,145,.21))}
.emoji-create-preview-v82{width:90px;height:90px;display:grid;place-items:center;font-size:38px;border-radius:14px;border:1px solid rgba(193,239,255,.43);background:rgba(0,37,82,.32);overflow:hidden}.emoji-create-preview-v82 img{max-width:82px;max-height:82px;object-fit:contain}
.emoji-create-fields-v82{display:grid;gap:7px}.emoji-create-fields-v82 label{display:grid;gap:3px;font-size:8px;font-weight:700}.emoji-create-fields-v82 label small{font-weight:400;opacity:.65}.emoji-create-fields-v82 input{height:35px;padding:0 8px;color:#fff;border:1px solid rgba(185,233,255,.37);border-radius:8px;background:rgba(0,37,78,.34)}
.emoji-create-card-v82>.account-primary{grid-column:2}.emoji-create-status-v82{grid-column:1/3;font-size:8px;opacity:.68}
.emoji-library-toolbar-v82{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:12px 0 7px}.emoji-library-toolbar-v82 b{font-size:10px}.emoji-library-toolbar-v82 button{font-size:8px}
.emoji-library-grid-v82{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:7px}
.emoji-library-item-v82{display:grid;grid-template-columns:44px minmax(0,1fr) 28px 28px;gap:6px;align-items:center;padding:7px;border:1px solid rgba(184,232,255,.23);border-radius:10px;background:rgba(5,61,113,.22)}
.emoji-library-image-v82{width:42px;height:42px;display:grid;place-items:center;border-radius:9px;background:rgba(0,34,72,.31);border:1px solid rgba(198,239,255,.23)}.emoji-library-image-v82 img{max-width:38px;max-height:38px;object-fit:contain}
.emoji-library-copy-v82{min-width:0}.emoji-library-copy-v82 b,.emoji-library-copy-v82 small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emoji-library-copy-v82 b{font-size:9px}.emoji-library-copy-v82 small{font-size:7px;opacity:.62;margin-top:2px}
.inline-custom-emoji-v82{display:inline-grid!important;place-items:center!important;width:30px!important;height:30px!important;padding:0!important;margin:0 2px!important;vertical-align:middle!important;border:0!important;background:transparent!important;border-radius:7px!important;cursor:pointer!important}.inline-custom-emoji-v82 img{max-width:30px!important;max-height:30px!important;object-fit:contain!important;filter:drop-shadow(0 1px 2px rgba(0,23,56,.25))}.inline-custom-emoji-v82:hover{background:rgba(83,195,237,.16)!important;box-shadow:0 0 6px rgba(75,212,255,.25)!important}.inline-custom-emoji-v82.is-saved-v82{outline:1px solid rgba(107,255,172,.55)!important}
@media(max-width:600px){.emoji-create-card-v82{grid-template-columns:1fr}.emoji-create-preview-v82{margin:auto}.emoji-create-card-v82>.account-primary,.emoji-create-status-v82{grid-column:1}.emoji-library-grid-v82{grid-template-columns:1fr}}
/* v83 — emoji por referência persistente */
.inline-custom-emoji-v82.is-loading-v83{border:1px dashed rgba(183,233,255,.30)!important;background:rgba(4,64,115,.18)!important;color:rgba(225,246,255,.65)!important;font-size:9px!important}
/* v84 — perfis sociais */
.friend-contact.has-profile-bg-v84{position:relative;overflow:hidden;background-image:linear-gradient(180deg,rgba(17,113,196,.64),rgba(2,63,128,.72)),var(--profile-bg-v84)!important;background-size:cover!important;background-position:center!important;backdrop-filter:blur(5px)}
.friend-contact.has-profile-bg-v84::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.15),transparent 33%,rgba(67,211,255,.12));backdrop-filter:blur(2px);pointer-events:none}
.friend-contact.has-profile-bg-v84>*{position:relative;z-index:1}
.friend-avatar-profile-v84{border:0!important;padding:0!important;background:transparent!important;cursor:pointer!important;flex:none!important}
.friend-avatar-profile-v84:hover{filter:brightness(1.12);transform:scale(1.03)}
.profile-window-v84{width:min(660px,calc(100vw - 20px))}
.profile-hero-v84{--profile-bg-v84:none;position:relative;min-height:155px;border-radius:16px;overflow:hidden;display:flex;align-items:flex-end;gap:13px;padding:18px;background:linear-gradient(145deg,rgba(44,158,220,.72),rgba(5,72,151,.82));border:1px solid rgba(191,238,255,.55);box-shadow:inset 0 1px rgba(255,255,255,.35)}
.profile-hero-v84.has-bg-v84{background-image:linear-gradient(180deg,rgba(28,129,202,.25),rgba(2,55,120,.74)),var(--profile-bg-v84);background-size:cover;background-position:center}
.profile-aero-layer-v84{position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.20),transparent 38%,rgba(61,215,255,.14));backdrop-filter:blur(3px) saturate(125%);pointer-events:none}
.profile-avatar-v84{position:relative;z-index:1;width:82px;height:82px;border-radius:16px;padding:4px;display:grid;place-items:center;font-size:28px;font-weight:800;background:linear-gradient(145deg,rgba(242,253,255,.9),rgba(80,181,230,.55),rgba(6,87,161,.72));border:1px solid rgba(224,250,255,.94);box-shadow:inset 0 1px rgba(255,255,255,.9),0 0 0 2px rgba(116,231,255,.2),0 5px 18px rgba(0,26,64,.32)}
.profile-avatar-v84 img{width:100%;height:100%;object-fit:cover;border-radius:12px}.profile-identity-v84{position:relative;z-index:1;text-shadow:0 1px 3px rgba(0,27,63,.78)}.profile-identity-v84 h2{margin:0;font-size:20px}.profile-identity-v84 span,.profile-identity-v84 small{display:block}.profile-identity-v84 span{font-size:10px;opacity:.78}.profile-identity-v84 small{font-size:9px;margin-top:5px}.profile-identity-v84 small.online{color:#9affaa}.profile-identity-v84 small.offline{color:#c1d0da}
.profile-edit-v84,.profile-ratings-v84{margin-top:10px;padding:12px;border:1px solid rgba(185,233,255,.25);border-radius:12px;background:rgba(5,65,120,.22)}.profile-edit-v84 label{display:grid;gap:4px;font-size:8px;font-weight:700;margin-bottom:8px}.profile-edit-v84 input{height:34px;padding:0 8px;color:#fff;border-radius:8px;border:1px solid rgba(182,230,255,.32);background:rgba(0,38,80,.34)}.profile-edit-actions-v84{display:flex;gap:7px;justify-content:flex-end}.profile-ratings-v84 h3{margin:0 0 8px;font-size:11px}
.profile-rating-grid-v84{display:grid;grid-template-columns:1fr 1fr;gap:7px}.profile-rating-grid-v84>div{padding:8px;border-radius:10px;background:rgba(0,42,84,.26);border:1px solid rgba(255,255,255,.09)}.profile-rating-grid-v84 b,.profile-rating-grid-v84 span{display:block;font-size:8px}.rating-glyphs-v84{display:flex!important;gap:2px;margin:4px 0}.rating-glyphs-v84 i{font-style:normal;filter:grayscale(1);opacity:.25}.rating-glyphs-v84 i.on{filter:none;opacity:1}
.profile-my-rating-v84{margin-top:10px;border-top:1px solid rgba(255,255,255,.12);padding-top:9px}.profile-my-rating-v84 h4{margin:0 0 6px;font-size:9px}.profile-my-rating-v84 label{display:grid;grid-template-columns:100px 1fr 28px;gap:7px;align-items:center;margin:6px 0;font-size:8px}.profile-my-rating-v84 input{width:100%}
@media(max-width:600px){.profile-rating-grid-v84{grid-template-columns:1fr}.profile-hero-v84{min-height:130px}.profile-avatar-v84{width:66px;height:66px}.profile-my-rating-v84 label{grid-template-columns:90px 1fr 26px}}
/* v85 — seletor de fundo de perfil explícito */
.profile-background-picker-v85{
min-height:38px;display:flex;align-items:center;justify-content:center;gap:7px;
border:1px solid rgba(187,235,255,.45);border-radius:9px;cursor:pointer;
background:linear-gradient(180deg,rgba(66,174,226,.42),rgba(8,91,164,.42));
box-shadow:inset 0 1px rgba(255,255,255,.24);color:#fff;font-size:9px;font-weight:700;
}
.profile-background-picker-v85:hover{border-color:rgba(211,246,255,.72);filter:brightness(1.06)}
.profile-background-picker-v85 input{display:none!important}
.profile-background-note-v85{font-size:8px;opacity:.68;margin:-2px 0 8px;line-height:1.35}
/* v86 — perfil Aero refinado */
.profile-window-v84{border-radius:20px!important;border:1px solid rgba(188,235,255,.56)!important;background:linear-gradient(180deg,rgba(29,135,203,.78),rgba(5,69,136,.86))!important;box-shadow:inset 0 1px rgba(255,255,255,.34),0 24px 70px rgba(0,20,55,.40)!important;overflow:hidden!important}
.profile-window-v84>header{border-bottom:1px solid rgba(206,242,255,.18)!important;background:linear-gradient(180deg,rgba(58,161,218,.38),rgba(10,92,162,.24))!important}
.profile-window-v84 .account-security-body{padding:12px!important;background:linear-gradient(180deg,rgba(11,92,164,.10),rgba(2,53,113,.12))!important}
.profile-hero-v84{border-radius:15px!important;border:1px solid rgba(210,244,255,.42)!important;box-shadow:inset 0 1px rgba(255,255,255,.42),inset 0 -18px 38px rgba(0,53,113,.18),0 5px 18px rgba(0,31,73,.14)!important}
.profile-edit-v84,.profile-ratings-v84{border-radius:14px!important;border:1px solid rgba(190,235,255,.16)!important;background:linear-gradient(180deg,rgba(7,73,132,.19),rgba(2,49,103,.15))!important;box-shadow:inset 0 1px rgba(255,255,255,.08)!important}
.profile-rating-grid-v84>div{border-radius:11px!important;border:1px solid rgba(195,237,255,.10)!important;background:linear-gradient(180deg,rgba(0,56,109,.26),rgba(0,43,91,.19))!important;box-shadow:inset 0 1px rgba(255,255,255,.05)!important}
.profile-edit-v84 input{border-color:rgba(193,236,255,.24)!important;background:rgba(0,43,91,.30)!important;box-shadow:inset 0 1px 3px rgba(0,21,54,.20)!important}
.profile-background-picker-v85{border-radius:10px!important;border-color:rgba(198,240,255,.30)!important;background:linear-gradient(180deg,rgba(47,157,211,.34),rgba(5,91,159,.30))!important;box-shadow:inset 0 1px rgba(255,255,255,.18)!important}
.profile-edit-actions-v84 button{border-radius:9px!important;border:1px solid rgba(197,237,255,.26)!important;box-shadow:inset 0 1px rgba(255,255,255,.16)!important}
.profile-edit-actions-v84 #profileSaveV84{color:#fff!important;background:linear-gradient(180deg,rgba(23,168,220,.88),rgba(2,112,185,.90))!important}
.profile-edit-actions-v84 #profileRemoveBackgroundV84{color:#e9f7ff!important;background:rgba(3,61,113,.28)!important}
.profile-avatar-v84{border-radius:18px!important;border:1px solid rgba(228,251,255,.92)!important;box-shadow:inset 0 1px rgba(255,255,255,.92),0 0 0 2px rgba(103,224,255,.16),0 0 16px rgba(63,211,255,.22),0 5px 18px rgba(0,26,64,.28)!important}
/* v87 — halo de presença */
.contact.friend-contact,.network-sidebar-body-v81 .contact{position:relative;isolation:isolate;overflow:hidden}
.contact.friend-contact::after,.network-sidebar-body-v81 .contact::after{
content:"";position:absolute;inset:-2px;border-radius:inherit;padding:2px;pointer-events:none;z-index:4;
background:conic-gradient(from var(--presence-angle-v87),transparent 0 70%,var(--presence-color-v87) 82%,rgba(255,255,255,.92) 87%,var(--presence-color-v87) 92%,transparent 100%);
-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;
filter:drop-shadow(0 0 5px var(--presence-glow-v87));animation:presenceOrbitV87 3.2s linear infinite
}
.presence-offline-v87{--presence-color-v87:rgba(195,207,216,.88);--presence-glow-v87:rgba(188,202,213,.45)}
.presence-online-v87{--presence-color-v87:rgba(92,255,113,.98);--presence-glow-v87:rgba(78,255,103,.72)}
.presence-call-v87{--presence-color-v87:rgba(255,82,91,.98);--presence-glow-v87:rgba(255,60,74,.78)}
@keyframes presenceOrbitV87{to{--presence-angle-v87:360deg}}
@property --presence-angle-v87{syntax:'';initial-value:0deg;inherits:false}
.contact.is-offline{opacity:.78!important;filter:saturate(.72)!important}
/* v87 — perfil maior */
.profile-window-v84{width:min(760px,calc(100vw - 28px))!important}
.profile-window-v84>header{min-height:62px!important;padding:12px 16px!important}
.profile-window-v84>header b{font-size:16px!important}.profile-window-v84>header small{font-size:10px!important}
.profile-window-v84 .account-security-body{padding:16px!important}
.profile-hero-v84{min-height:185px!important;padding:22px!important;gap:18px!important}
.profile-avatar-v84{width:100px!important;height:100px!important;border-radius:22px!important;font-size:34px!important}
.profile-avatar-v84 img{border-radius:17px!important}
.profile-identity-v84 h2{font-size:25px!important}.profile-identity-v84 span{font-size:12px!important}.profile-identity-v84 small{font-size:10px!important}
.profile-edit-v84,.profile-ratings-v84{padding:16px!important;margin-top:14px!important}
.profile-ratings-v84 h3{font-size:14px!important;margin-bottom:12px!important}
.profile-rating-grid-v84{gap:10px!important}.profile-rating-grid-v84>div{padding:12px!important;min-height:84px!important}
.profile-rating-grid-v84 b{font-size:10px!important}.profile-rating-grid-v84>div>span:last-child{font-size:9px!important;margin-top:4px!important}
.rating-glyphs-v84{gap:5px!important;margin:7px 0!important}.rating-glyphs-v84 i{font-size:16px!important}
.profile-my-rating-v84{padding-top:14px!important;margin-top:14px!important}.profile-my-rating-v84 h4{font-size:11px!important;margin-bottom:10px!important}
.profile-rate-row-v87{display:grid;grid-template-columns:130px 1fr 36px;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.profile-rate-label-v87{font-size:10px;font-weight:700}
.profile-rate-icons-v87{display:flex;gap:8px;align-items:center}
.profile-rate-icons-v87 button{width:38px;height:38px;border-radius:10px;border:1px solid rgba(196,237,255,.18);background:rgba(0,45,94,.24);font-size:19px;filter:grayscale(1);opacity:.38;cursor:pointer;transition:.14s transform,.14s filter,.14s opacity,.14s box-shadow}
.profile-rate-icons-v87 button:hover{transform:translateY(-2px);opacity:.78;filter:grayscale(.3)}
.profile-rate-icons-v87 button.selected{filter:none;opacity:1;border-color:rgba(184,239,255,.48);background:linear-gradient(180deg,rgba(39,152,211,.36),rgba(4,83,153,.30));box-shadow:inset 0 1px rgba(255,255,255,.18),0 0 9px rgba(81,211,255,.20)}
.profile-rate-row-v87>b{font-size:10px;text-align:right}
#profileSaveRatingV84{margin-top:12px!important;min-height:40px!important;padding:0 16px!important;border-radius:10px!important;color:#fff!important;background:linear-gradient(180deg,rgba(27,168,220,.88),rgba(4,108,181,.92))!important;border:1px solid rgba(191,238,255,.36)!important}
.profile-edit-v84 label{font-size:10px!important}.profile-edit-v84 input{height:42px!important;font-size:12px!important}.profile-background-picker-v85{min-height:46px!important;font-size:11px!important}
.profile-edit-actions-v84 button{min-height:40px!important;padding:0 15px!important;font-size:10px!important}
@media(max-width:620px){.profile-window-v84{width:calc(100vw - 12px)!important}.profile-hero-v84{min-height:150px!important;padding:15px!important}.profile-avatar-v84{width:76px!important;height:76px!important}.profile-identity-v84 h2{font-size:20px!important}.profile-rate-row-v87{grid-template-columns:95px 1fr 30px;gap:7px}.profile-rate-icons-v87{gap:4px}.profile-rate-icons-v87 button{width:34px;height:34px;font-size:17px}}
/* v88 — presença realmente visível e cards respirando */
.friends-sidebar-body-v79 .contact,
.network-sidebar-body-v81 .contact{
margin:8px 0!important;
overflow:visible!important;
}
/* camada do card continua cortando apenas seu conteúdo, não o halo */
.friends-sidebar-body-v79 .contact::before,
.network-sidebar-body-v81 .contact::before{
border-radius:inherit!important;
}
/* brilho base forte, mesmo quando a animação de máscara não é suportada */
.contact.presence-offline-v87{
border-color:rgba(208,219,229,.76)!important;
box-shadow:
inset 0 1px rgba(255,255,255,.26),
0 0 0 1px rgba(205,218,229,.28),
0 0 9px rgba(190,207,221,.38),
0 0 18px rgba(190,207,221,.16)!important;
}
.contact.presence-online-v87{
border-color:rgba(133,255,155,.96)!important;
box-shadow:
inset 0 1px rgba(255,255,255,.30),
0 0 0 1px rgba(91,255,119,.42),
0 0 11px rgba(70,255,104,.72),
0 0 24px rgba(70,255,104,.34)!important;
}
.contact.presence-call-v87{
border-color:rgba(255,126,136,.98)!important;
box-shadow:
inset 0 1px rgba(255,255,255,.30),
0 0 0 1px rgba(255,75,91,.46),
0 0 12px rgba(255,55,75,.78),
0 0 26px rgba(255,55,75,.36)!important;
}
/* luz correndo fora do card: mais grossa e mais luminosa */
.contact.friend-contact::after,
.network-sidebar-body-v81 .contact::after{
inset:-4px!important;
padding:3px!important;
border-radius:calc(12px + 4px)!important;
background:
conic-gradient(
from var(--presence-angle-v87),
transparent 0 62%,
color-mix(in srgb,var(--presence-color-v87) 35%,transparent) 68%,
var(--presence-color-v87) 78%,
rgba(255,255,255,.98) 84%,
var(--presence-color-v87) 90%,
transparent 98%
)!important;
filter:
drop-shadow(0 0 4px var(--presence-glow-v87))
drop-shadow(0 0 9px var(--presence-glow-v87))!important;
opacity:1!important;
animation-duration:2.8s!important;
}
/* fallback para navegadores sem mask-composite */
@supports not ((-webkit-mask-composite:xor) or (mask-composite:exclude)){
.contact.friend-contact::after,
.network-sidebar-body-v81 .contact::after{
inset:-2px!important;
padding:0!important;
background:transparent!important;
border:2px solid var(--presence-color-v87)!important;
box-shadow:0 0 12px var(--presence-glow-v87)!important;
}
}
/* fotos jamais escapam do card */
.friend-avatar-profile-v84{
width:48px!important;
height:48px!important;
min-width:48px!important;
max-width:48px!important;
flex:0 0 48px!important;
overflow:hidden!important;
border-radius:12px!important;
display:grid!important;
place-items:center!important;
}
.friend-avatar-profile-v84 .contact-avatar,
.friend-avatar-profile-v84 .contact-avatar img,
.contact .contact-avatar,
.contact .contact-avatar img{
width:46px!important;
height:46px!important;
max-width:46px!important;
max-height:46px!important;
box-sizing:border-box!important;
object-fit:cover!important;
overflow:hidden!important;
border-radius:11px!important;
}
/* card com fundo personalizado precisa conter a arte internamente */
.friend-contact.has-profile-bg-v84{
background-clip:padding-box!important;
}
.friend-contact.has-profile-bg-v84::before{
inset:0!important;
overflow:hidden!important;
}
/* perfil: qualquer foto ou background fica contido */
.profile-hero-v84{
overflow:hidden!important;
background-clip:padding-box!important;
}
.profile-avatar-v84{
overflow:hidden!important;
flex:0 0 auto!important;
}
.profile-avatar-v84 img{
display:block!important;
width:100%!important;
height:100%!important;
max-width:100%!important;
max-height:100%!important;
object-fit:cover!important;
object-position:center!important;
}
/* presença do perfil sem faixa branca/sublinhado */
#profilePresenceV84,
.profile-identity-v84 small.online,
.profile-identity-v84 small.offline{
display:inline-flex!important;
width:auto!important;
max-width:max-content!important;
align-items:center!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
text-decoration:none!important;
padding:0!important;
margin-top:6px!important;
line-height:1.2!important;
}
#profilePresenceV84.online{color:#91ff9f!important;text-shadow:0 0 6px rgba(75,255,102,.48)!important}
#profilePresenceV84.offline{color:#c7d3dc!important;text-shadow:none!important}
/* também elimina decoração acidental em textos de presença da lateral */
.contact small,
.contact small *{
text-decoration:none!important;
}
/* v89 — presença mais delicada; órbita somente no hover */
.friends-sidebar-body-v79 .contact,.network-sidebar-body-v81 .contact{margin:6px 0!important}
.contact.presence-offline-v87{border-width:1px!important;box-shadow:inset 0 1px rgba(255,255,255,.22),0 0 0 1px rgba(205,218,229,.16),0 0 5px rgba(190,207,221,.22),0 0 10px rgba(190,207,221,.08)!important}
.contact.presence-online-v87{border-width:1px!important;box-shadow:inset 0 1px rgba(255,255,255,.26),0 0 0 1px rgba(91,255,119,.24),0 0 6px rgba(70,255,104,.46),0 0 12px rgba(70,255,104,.16)!important}
.contact.presence-call-v87{border-width:1px!important;box-shadow:inset 0 1px rgba(255,255,255,.26),0 0 0 1px rgba(255,75,91,.28),0 0 7px rgba(255,55,75,.52),0 0 14px rgba(255,55,75,.18)!important}
.contact.friend-contact::after,.network-sidebar-body-v81 .contact::after{inset:-2px!important;padding:1px!important;filter:drop-shadow(0 0 3px var(--presence-glow-v87))!important;animation:none!important;opacity:.72!important}
.contact.friend-contact:hover::after,.network-sidebar-body-v81 .contact:hover::after{padding:2px!important;opacity:1!important;filter:drop-shadow(0 0 4px var(--presence-glow-v87)) drop-shadow(0 0 6px var(--presence-glow-v87))!important;animation:presenceOrbitV87 2.8s linear infinite!important}
/* v91 Koshi Pets */
.pet-window-v91{width:min(720px,calc(100vw - 24px))!important}.pet-body-v91{padding:18px!important}.pet-adopt-v91 h2,.pet-stage-v91 h2{margin:0 0 5px}.pet-species-v91{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:14px 0}.pet-species-v91 button{min-height:74px;border-radius:14px;border:1px solid rgba(185,235,255,.28);background:linear-gradient(180deg,rgba(34,148,211,.25),rgba(3,67,130,.28));color:#fff;display:grid;place-items:center;cursor:pointer}.pet-species-v91 i{font-style:normal;font-size:30px}.pet-species-v91 span{font-size:10px;font-weight:700}.pet-species-v91 button.selected{border-color:#8effa3;box-shadow:0 0 10px rgba(82,255,112,.45)}.pet-adopt-v91 label{display:grid;gap:6px;font-size:10px;font-weight:700}.pet-adopt-v91 input{height:42px;border-radius:10px;border:1px solid rgba(190,235,255,.35);background:rgba(0,42,89,.48);color:#fff;padding:0 12px}.pet-adopt-v91>.account-primary{margin-top:12px;min-height:42px}.pet-stage-v91{min-height:180px;border-radius:18px;border:1px solid rgba(190,239,255,.34);background:radial-gradient(circle at 50% 20%,rgba(116,229,255,.26),transparent 38%),linear-gradient(180deg,rgba(22,145,211,.32),rgba(0,55,119,.42));display:flex;align-items:center;justify-content:center;gap:24px}.pet-emoji-v91{font-size:92px;filter:drop-shadow(0 8px 9px rgba(0,0,0,.25))}.pet-stage-v91 h2{font-size:28px}.pet-needs-v91{display:grid;gap:8px;margin:14px 0}.pet-needs-v91>div{display:grid;grid-template-columns:120px 1fr 42px;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;background:rgba(0,54,111,.26);border:1px solid rgba(190,235,255,.16)}.pet-needs-v91 span,.pet-needs-v91 b{font-size:10px}.pet-needs-v91 meter{width:100%}.pet-actions-v91{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.pet-actions-v91 button{min-height:44px;border-radius:12px;border:1px solid rgba(190,238,255,.32);background:linear-gradient(180deg,rgba(29,157,215,.72),rgba(5,91,163,.76));color:#fff;font-weight:700}.pet-events-v91{margin-top:15px;padding:13px;border-radius:14px;border:1px solid rgba(190,235,255,.18);background:rgba(0,49,101,.22)}.pet-events-v91 h3{margin:0 0 9px;font-size:12px}.pet-events-v91 #petEventsV91>div{display:flex;justify-content:space-between;gap:12px;padding:7px 2px;border-bottom:1px solid rgba(255,255,255,.07);font-size:10px}.pet-events-v91 small{opacity:.68}@media(max-width:600px){.pet-species-v91{grid-template-columns:repeat(4,1fr)}.pet-emoji-v91{font-size:70px}.pet-stage-v91{min-height:145px}.pet-needs-v91>div{grid-template-columns:95px 1fr 35px}.pet-actions-v91{grid-template-columns:1fr}}
/* v91.1.0 — Koshi Pets social e estados de cuidado */
.profile-pet-card-v911{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-radius:14px;border:1px solid rgba(187,236,255,.22);background:linear-gradient(180deg,rgba(8,82,145,.26),rgba(1,53,110,.20));box-shadow:inset 0 1px rgba(255,255,255,.09)}
.profile-pet-card-v911[hidden]{display:none!important}.profile-pet-preview-v911{display:flex;align-items:center;gap:12px;min-width:0}.profile-pet-preview-v911>span{width:52px;height:52px;display:grid;place-items:center;font-size:34px;border-radius:13px;background:rgba(0,44,91,.26);border:1px solid rgba(197,238,255,.20)}.profile-pet-preview-v911>div{display:flex;flex-direction:column;min-width:0}.profile-pet-preview-v911 small{font-size:8px;opacity:.6;font-weight:800}.profile-pet-preview-v911 b{font-size:14px}.profile-pet-preview-v911 em{font-size:9px;font-style:normal;opacity:.78;margin-top:2px}.profile-pet-card-v911>button{min-height:36px;padding:0 13px;border-radius:10px;border:1px solid rgba(189,238,255,.28);background:linear-gradient(180deg,rgba(33,158,216,.58),rgba(4,91,160,.62));color:#fff;font-weight:700;cursor:pointer}
.pet-pet-zone-v911{position:relative;min-width:125px;min-height:110px;display:grid;place-items:center}.pet-dirt-v911{position:absolute;left:50%;bottom:-2px;transform:translateX(-50%);font-size:22px;letter-spacing:-5px;white-space:nowrap;filter:drop-shadow(0 2px 2px rgba(0,0,0,.25))}.pet-mood-v911{display:inline-block;margin-top:8px;padding:4px 8px;border-radius:9px;font-size:10px;background:rgba(0,46,96,.25);border:1px solid rgba(197,238,255,.16)}.pet-mood-v911[data-mood="great"]{color:#a5ffb0}.pet-mood-v911[data-mood="needs_care"],.pet-mood-v911[data-mood="very_bad"]{color:#ffe58d}.pet-mood-v911[data-mood="neglected"],.pet-mood-v911[data-mood="abandoned"]{color:#ffabb3}
.pet-stage-v91[data-mood="very_bad"] .pet-emoji-v91,.pet-stage-v91[data-mood="neglected"] .pet-emoji-v91,.pet-stage-v91[data-mood="abandoned"] .pet-emoji-v91{filter:grayscale(.18) saturate(.76) drop-shadow(0 8px 9px rgba(0,0,0,.25))}
.pet-condition-v911{margin:12px 0 0;padding:11px 13px;border-radius:12px;border:1px solid rgba(188,235,255,.15);background:rgba(0,47,99,.22);display:flex;flex-direction:column;gap:4px}.pet-condition-v911 b{font-size:10px}.pet-condition-v911 span{font-size:9px;opacity:.8}
@media(max-width:600px){.profile-pet-card-v911{align-items:stretch;flex-direction:column}.profile-pet-card-v911>button{width:100%}}
/* v91.2.0 — batalhas e limites sociais */
.profile-pet-actions-v912{display:flex;gap:8px}.profile-pet-actions-v912 button{min-height:36px;padding:0 13px;border-radius:10px;border:1px solid rgba(189,238,255,.28);background:linear-gradient(180deg,rgba(33,158,216,.58),rgba(4,91,160,.62));color:#fff;font-weight:700;cursor:pointer}.profile-pet-actions-v912 #profilePetBattleV912{background:linear-gradient(180deg,rgba(217,94,76,.72),rgba(139,35,42,.72));border-color:rgba(255,190,180,.38)}.pet-xp-v912{display:block;margin-top:6px;font-size:9px;font-weight:700;color:#ffe9a4}.pet-actions-v91 button:disabled{opacity:.38;filter:grayscale(.55);cursor:not-allowed}
@media(max-width:600px){.profile-pet-actions-v912{width:100%}.profile-pet-actions-v912 button{flex:1}}
/* v91.2.1 — batalha em janela própria */
.pet-battle-window-v9121{width:min(620px,calc(100vw - 24px))!important}
.pet-battle-body-v9121{padding:18px!important}
.pet-battle-arena-v9121{display:grid;grid-template-columns:1fr 80px 1fr;align-items:center;gap:12px;min-height:210px;padding:18px;border-radius:18px;border:1px solid rgba(191,239,255,.30);background:radial-gradient(circle at 50% 20%,rgba(87,215,255,.20),transparent 38%),linear-gradient(180deg,rgba(21,130,198,.26),rgba(2,50,108,.38));box-shadow:inset 0 1px rgba(255,255,255,.22)}
.pet-fighter-v9121{display:grid;place-items:center;gap:8px;text-align:center}.pet-fighter-v9121 span{font-size:76px;filter:drop-shadow(0 8px 8px rgba(0,0,0,.24))}.pet-fighter-v9121 b{font-size:14px}
.pet-battle-vs-v9121{font-size:28px;font-weight:900;text-align:center;color:#fff;text-shadow:0 0 12px rgba(75,213,255,.55)}
.pet-battle-log-v9121{margin-top:12px;min-height:120px;max-height:190px;overflow:auto;padding:12px;border-radius:12px;border:1px solid rgba(190,235,255,.17);background:rgba(0,39,84,.34);font-size:10px}.pet-battle-log-v9121>div{padding:5px 2px;border-bottom:1px solid rgba(255,255,255,.05)}.pet-battle-log-v9121 .winner{color:#a6ffb0;font-weight:800}.pet-battle-log-v9121 .loser{color:#ffc1c5}.pet-battle-log-v9121 .error{color:#ffd392}
.pet-battle-actions-v9121{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.pet-battle-actions-v9121 button{min-height:40px;padding:0 15px;border-radius:10px;border:1px solid rgba(191,238,255,.28);color:#fff;background:rgba(0,64,122,.34);cursor:pointer}.pet-battle-actions-v9121 #petBattleStartV9121{background:linear-gradient(180deg,rgba(211,80,70,.84),rgba(128,31,43,.86));border-color:rgba(255,191,183,.34);font-weight:800}.pet-battle-actions-v9121 button:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:560px){.pet-battle-arena-v9121{grid-template-columns:1fr 50px 1fr;min-height:170px;padding:12px}.pet-fighter-v9121 span{font-size:54px}.pet-battle-vs-v9121{font-size:21px}}
/* v91.2.2 — hierarquia de janelas */
#profileOverlayV84{
position:fixed!important;
inset:0!important;
z-index:10000!important;
}
#petOverlayV91{
position:fixed!important;
inset:0!important;
z-index:11000!important;
}
#petBattleOverlayV9121{
position:fixed!important;
inset:0!important;
z-index:12000!important;
isolation:isolate!important;
}
#petBattleOverlayV9121 .pet-battle-window-v9121{
position:relative!important;
z-index:12001!important;
}
/* Garante que transforms/filtros de janelas inferiores não cubram a arena */
#profileOverlayV84[hidden],
#petOverlayV91[hidden],
#petBattleOverlayV9121[hidden]{
display:none!important;
}
/* v91.2.4 — correção estrutural do Perfil Koshinet */
#profileOverlayV84{
align-items:center!important;
justify-content:center!important;
padding:16px!important;
overflow:hidden!important;
}
.profile-window-v84{
width:min(760px,calc(100vw - 32px))!important;
max-width:760px!important;
height:auto!important;
max-height:90vh!important;
display:flex!important;
flex-direction:column!important;
overflow:hidden!important;
}
.profile-window-v84>header{
position:relative!important;
flex:0 0 auto!important;
min-height:58px!important;
padding:10px 14px!important;
z-index:3!important;
backdrop-filter:blur(12px)!important;
-webkit-backdrop-filter:blur(12px)!important;
}
.profile-window-v84 .account-security-body{
flex:1 1 auto!important;
min-height:0!important;
overflow-y:auto!important;
overflow-x:hidden!important;
padding:12px!important;
scrollbar-gutter:stable!important;
overscroll-behavior:contain!important;
}
/* hero mais compacto para não consumir metade da janela */
.profile-hero-v84{
min-height:150px!important;
padding:16px 18px!important;
gap:14px!important;
}
.profile-avatar-v84{
width:82px!important;
height:82px!important;
font-size:29px!important;
}
.profile-identity-v84 h2{
font-size:22px!important;
}
.profile-identity-v84 span{
font-size:10px!important;
}
/* Pet mais compacto no próprio perfil */
.profile-pet-card-v911{
padding:10px 12px!important;
gap:10px!important;
}
.profile-pet-preview-v911>span{
width:46px!important;
height:46px!important;
font-size:29px!important;
}
.profile-pet-preview-v911 b{
font-size:12px!important;
}
/* edição do perfil ocupa menos altura */
.profile-edit-v84{
padding:12px!important;
margin-top:10px!important;
}
.profile-edit-v84 label{
margin-bottom:7px!important;
}
.profile-edit-v84 input{
height:38px!important;
}
.profile-background-picker-v85{
min-height:40px!important;
}
/* avaliações continuam grandes o bastante, mas sem desperdiçar altura */
.profile-ratings-v84{
padding:12px!important;
margin-top:10px!important;
}
.profile-rating-grid-v84{
gap:8px!important;
}
.profile-rating-grid-v84>div{
min-height:70px!important;
padding:9px 10px!important;
}
.rating-glyphs-v84 i{
font-size:14px!important;
}
.profile-my-rating-v84{
margin-top:10px!important;
padding-top:10px!important;
}
/* scrollbar Aero discreta dentro do perfil */
.profile-window-v84 .account-security-body::-webkit-scrollbar{
width:10px;
}
.profile-window-v84 .account-security-body::-webkit-scrollbar-track{
background:rgba(0,45,91,.18);
border-radius:10px;
}
.profile-window-v84 .account-security-body::-webkit-scrollbar-thumb{
background:linear-gradient(180deg,rgba(94,205,240,.65),rgba(13,111,179,.68));
border:2px solid rgba(0,42,86,.18);
border-radius:10px;
}
/* O próprio perfil não precisa de ação de batalha */
#profilePetBattleV912[hidden]{
display:none!important;
}
@media(max-height:760px){
.profile-window-v84{
max-height:94vh!important;
}
.profile-hero-v84{
min-height:125px!important;
padding:12px 15px!important;
}
.profile-avatar-v84{
width:70px!important;
height:70px!important;
}
.profile-identity-v84 h2{
font-size:19px!important;
}
.profile-edit-v84,
.profile-ratings-v84{
padding:10px!important;
}
}
@media(max-width:620px){
#profileOverlayV84{
padding:6px!important;
}
.profile-window-v84{
width:calc(100vw - 12px)!important;
max-height:96vh!important;
border-radius:14px!important;
}
.profile-window-v84 .account-security-body{
padding:8px!important;
}
.profile-hero-v84{
min-height:120px!important;
padding:12px!important;
}
.profile-pet-actions-v912{
width:100%!important;
}
.profile-pet-card-v911{
flex-direction:column!important;
align-items:stretch!important;
}
}
/* v91.3.0 — Duelos Koshi Pets */
#koshiDuelInviteOverlayV913{z-index:13000!important}#koshiDuelOverlayV913{z-index:13100!important}
.koshi-duel-invite-window-v913{width:min(530px,calc(100vw - 22px))!important}.koshi-duel-invite-body-v913{padding:18px!important}.koshi-duel-invite-pets-v913{display:grid;grid-template-columns:1fr 55px 1fr;align-items:center;gap:10px}.koshi-duel-invite-pets-v913>div{display:grid;place-items:center;gap:4px;padding:14px;border-radius:14px;background:rgba(0,51,105,.25);border:1px solid rgba(190,238,255,.17)}.koshi-duel-invite-pets-v913 span{font-size:58px}.koshi-duel-invite-pets-v913 strong{text-align:center;font-size:20px}.koshi-duel-invite-pets-v913 small{opacity:.68}.koshi-duel-invite-body-v913 p{font-size:10px;line-height:1.45;opacity:.82;margin:14px 0}.koshi-duel-invite-actions-v913{display:flex;justify-content:flex-end;gap:8px}.koshi-duel-invite-actions-v913 button{min-height:40px;padding:0 16px;border-radius:10px;border:1px solid rgba(192,238,255,.28);color:#fff;background:rgba(0,61,119,.36);font-weight:700}.koshi-duel-invite-actions-v913 #koshiDuelAcceptV913{background:linear-gradient(180deg,rgba(38,177,119,.9),rgba(8,111,82,.92))}
.koshi-duel-window-v913{width:min(760px,calc(100vw - 24px))!important;max-height:94vh!important}.koshi-duel-body-v913{padding:16px!important;overflow:auto!important}.koshi-duel-score-v913{display:grid;grid-template-columns:1fr 120px 1fr;align-items:center;gap:12px;padding:12px;border-radius:16px;background:linear-gradient(180deg,rgba(24,132,201,.28),rgba(1,53,113,.35));border:1px solid rgba(190,238,255,.22)}.koshi-duel-score-v913>div{display:grid;grid-template-columns:58px 1fr 42px;align-items:center;gap:8px}.koshi-duel-score-v913>div:last-child{text-align:right;grid-template-columns:42px 1fr 58px}.koshi-duel-score-v913>div:last-child span{grid-column:3;grid-row:1}.koshi-duel-score-v913>div:last-child b{grid-column:2;grid-row:1}.koshi-duel-score-v913>div:last-child small{grid-column:1;grid-row:1}.koshi-duel-score-v913 span{font-size:42px}.koshi-duel-score-v913 b{font-size:12px}.koshi-duel-score-v913 small{font-size:24px;font-weight:900;color:#fff}.koshi-duel-score-v913>strong{text-align:center;font-size:13px}.koshi-duel-narration-v913{margin:12px 0;padding:11px 13px;border-radius:12px;background:rgba(0,40,86,.30);border:1px solid rgba(187,235,255,.14);font-size:10px;min-height:38px}.koshi-duel-cards-v913{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.koshi-duel-card-v913{min-height:142px;border-radius:15px;border:1px solid rgba(200,240,255,.26);color:#fff;display:grid;grid-template-rows:1fr auto auto;place-items:center;padding:10px 6px;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.18),0 5px 14px rgba(0,25,62,.18);transition:.14s transform,.14s filter,.14s box-shadow}.koshi-duel-card-v913:hover{transform:translateY(-4px);filter:brightness(1.08);box-shadow:inset 0 1px rgba(255,255,255,.28),0 8px 18px rgba(0,25,62,.28),0 0 10px rgba(91,211,255,.18)}.koshi-duel-card-v913:disabled{opacity:.43;transform:none;cursor:not-allowed}.koshi-duel-card-v913 span{font-size:34px}.koshi-duel-card-v913 b{font-size:10px}.koshi-duel-card-v913 strong{font-size:28px}.koshi-duel-card-v913.attack{background:linear-gradient(180deg,rgba(199,73,68,.72),rgba(113,30,44,.78))}.koshi-duel-card-v913.defense{background:linear-gradient(180deg,rgba(44,136,211,.75),rgba(17,66,139,.80))}.koshi-duel-card-v913.trick{background:linear-gradient(180deg,rgba(155,88,206,.72),rgba(79,39,132,.80))}.koshi-duel-round-reveal-v913{margin-top:12px;display:grid;grid-template-columns:1fr 70px 1fr;align-items:center;gap:10px;padding:12px;border-radius:14px;background:rgba(0,43,91,.30);border:1px solid rgba(190,235,255,.15)}.koshi-duel-round-reveal-v913[hidden]{display:none!important}.koshi-duel-round-reveal-v913>div{display:grid;grid-template-columns:40px 1fr 55px;gap:7px;align-items:center}.koshi-duel-round-reveal-v913>div:last-child{text-align:right}.koshi-duel-round-reveal-v913 span{font-size:26px}.koshi-duel-round-reveal-v913 strong{text-align:center;font-size:24px}.koshi-duel-round-reveal-v913 small{opacity:.68}.koshi-duel-footer-v913{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;font-size:9px}.koshi-duel-footer-v913 button{min-height:34px;padding:0 12px;border-radius:9px;border:1px solid rgba(255,180,186,.25);background:rgba(127,33,47,.42);color:#fff}.profile-pet-actions-v912 #profilePetDuelV913{background:linear-gradient(180deg,rgba(115,85,209,.76),rgba(58,43,143,.80));border-color:rgba(215,202,255,.34)}
@media(max-width:650px){.koshi-duel-cards-v913{grid-template-columns:repeat(3,1fr)}.koshi-duel-card-v913{min-height:116px}.koshi-duel-score-v913{grid-template-columns:1fr 75px 1fr}.koshi-duel-score-v913>div,.koshi-duel-score-v913>div:last-child{grid-template-columns:1fr;place-items:center;text-align:center}.koshi-duel-score-v913>div:last-child span,.koshi-duel-score-v913>div:last-child b,.koshi-duel-score-v913>div:last-child small{grid-column:auto;grid-row:auto}.koshi-duel-score-v913 span{font-size:34px}.koshi-duel-score-v913 small{font-size:20px}.profile-pet-actions-v912{flex-wrap:wrap}}
/* v91.3.1 — feedback de ataque e refinamento de duelo */
#profilePetDuelV913:disabled{
opacity:.42!important;
filter:grayscale(.55)!important;
cursor:not-allowed!important;
}
.koshi-duel-score-v913>div>span{
display:inline-block;
transform-origin:50% 75%;
}
.koshi-duel-attacking-v9131{
animation:koshiDuelAttackShakeV9131 .72s cubic-bezier(.36,.07,.19,.97) both!important;
filter:drop-shadow(0 0 9px rgba(255,105,70,.55))!important;
}
@keyframes koshiDuelAttackShakeV9131{
0%{transform:translate3d(0,0,0) rotate(0)}
12%{transform:translate3d(9px,-2px,0) rotate(4deg)}
24%{transform:translate3d(-5px,2px,0) rotate(-3deg)}
36%{transform:translate3d(12px,-1px,0) rotate(5deg)}
48%{transform:translate3d(-7px,1px,0) rotate(-4deg)}
62%{transform:translate3d(8px,0,0) rotate(3deg)}
78%{transform:translate3d(-3px,0,0) rotate(-2deg)}
100%{transform:translate3d(0,0,0) rotate(0)}
}
/* v91.4.0 — Privacidade e sons */
#privacyOverlayV914{z-index:11500!important}
.privacy-window-v914{width:min(590px,calc(100vw - 24px))!important}
.privacy-body-v914{padding:16px!important}
.privacy-intro-v914{margin:0 0 13px;font-size:10px;line-height:1.45;opacity:.78}
.privacy-sound-card-v914{margin-bottom:11px;padding:14px;border-radius:15px;border:1px solid rgba(191,238,255,.20);background:linear-gradient(180deg,rgba(12,92,157,.23),rgba(0,48,103,.20));box-shadow:inset 0 1px rgba(255,255,255,.09)}
.privacy-sound-head-v914{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:11px;margin-bottom:12px}
.privacy-sound-icon-v914{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-size:24px;background:linear-gradient(145deg,rgba(69,179,225,.38),rgba(3,71,139,.40));border:1px solid rgba(207,244,255,.30);box-shadow:inset 0 1px rgba(255,255,255,.20)}
.privacy-sound-head-v914 b{display:block;font-size:12px}.privacy-sound-head-v914 small{display:block;margin-top:2px;font-size:8px;opacity:.66}.privacy-sound-head-v914 strong{font-size:15px;color:#bdf3ff}
.privacy-sound-card-v914 input[type="range"]{width:100%;accent-color:#36c7ff;cursor:pointer}
.privacy-range-labels-v914{display:flex;justify-content:space-between;margin-top:2px;font-size:8px;opacity:.55}
.privacy-test-v914{margin-top:9px;min-height:34px;padding:0 12px;border-radius:9px;border:1px solid rgba(191,238,255,.24);background:linear-gradient(180deg,rgba(31,151,209,.42),rgba(4,80,149,.46));color:#fff;font-size:9px;font-weight:700;cursor:pointer}
.privacy-test-v914:hover{filter:brightness(1.08)}
.privacy-note-v914{padding:9px 11px;border-radius:10px;background:rgba(0,43,90,.20);font-size:8px;line-height:1.4;opacity:.72}
@media(max-width:540px){.privacy-sound-head-v914{grid-template-columns:40px 1fr auto;gap:8px}.privacy-sound-icon-v914{width:40px;height:40px}.privacy-body-v914{padding:10px!important}}
/* v91.5.0 — Ocupado e chamada em azul */
.presence-call-v87{
--presence-color-v87:rgba(75,176,255,.98)!important;
--presence-glow-v87:rgba(49,154,255,.76)!important;
border-color:rgba(117,199,255,.98)!important;
box-shadow:inset 0 1px rgba(255,255,255,.26),0 0 0 1px rgba(63,165,255,.28),0 0 7px rgba(45,157,255,.52),0 0 14px rgba(45,157,255,.18)!important
}
.presence-busy-v915{
--presence-color-v87:rgba(255,69,83,.98);
--presence-glow-v87:rgba(255,50,68,.78);
border-color:rgba(255,111,123,.98)!important;
box-shadow:inset 0 1px rgba(255,255,255,.27),0 0 0 1px rgba(255,60,77,.30),0 0 8px rgba(255,50,69,.58),0 0 16px rgba(255,50,69,.22)!important
}
.profile-hero-v84.profile-busy-v915{
border-color:rgba(255,102,117,.82)!important;
box-shadow:inset 0 1px rgba(255,255,255,.35),0 0 0 1px rgba(255,61,78,.28),0 0 16px rgba(255,50,69,.48),0 0 30px rgba(255,50,69,.18)!important
}
#profilePresenceV84.busy{color:#ff9aa5!important;text-shadow:0 0 7px rgba(255,58,75,.62)!important}
.privacy-busy-card-v915{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px;padding:14px;border-radius:15px;border:1px solid rgba(255,145,155,.22);background:linear-gradient(180deg,rgba(130,40,57,.24),rgba(66,15,31,.20));box-shadow:inset 0 1px rgba(255,255,255,.08)}
.privacy-busy-copy-v915{display:flex;align-items:center;gap:11px}.privacy-busy-copy-v915>span{font-size:28px}.privacy-busy-copy-v915 b{display:block;font-size:12px}.privacy-busy-copy-v915 small{display:block;max-width:380px;margin-top:3px;font-size:8px;line-height:1.35;opacity:.72}
.privacy-switch-v915{position:relative;width:48px;height:27px;flex:0 0 auto}.privacy-switch-v915 input{position:absolute;opacity:0;pointer-events:none}.privacy-switch-v915 span{position:absolute;inset:0;border-radius:20px;background:rgba(0,43,90,.48);border:1px solid rgba(194,236,255,.24);cursor:pointer;transition:.18s}.privacy-switch-v915 span::after{content:"";position:absolute;width:21px;height:21px;left:2px;top:2px;border-radius:50%;background:#d9edf6;box-shadow:0 1px 4px rgba(0,0,0,.3);transition:.18s}.privacy-switch-v915 input:checked+span{background:linear-gradient(180deg,#ed5364,#ad253c);border-color:rgba(255,183,190,.55);box-shadow:0 0 9px rgba(255,55,74,.35)}.privacy-switch-v915 input:checked+span::after{transform:translateX(21px);background:#fff}
/* v91.5.1 — presença com cor completa */
.contact.presence-call-v87{
--presence-color-v87:rgba(66,174,255,.98)!important;
--presence-glow-v87:rgba(47,153,255,.78)!important;
border-color:rgba(112,199,255,.98)!important;
background:linear-gradient(180deg,rgba(37,141,216,.48),rgba(5,75,153,.56))!important;
box-shadow:inset 0 1px rgba(255,255,255,.28),0 0 0 1px rgba(62,167,255,.28),0 0 7px rgba(45,157,255,.52),0 0 14px rgba(45,157,255,.18)!important;
}
.contact.presence-call-v87.has-profile-bg-v84{
background-image:linear-gradient(180deg,rgba(27,137,218,.70),rgba(4,69,151,.78)),var(--profile-bg-v84)!important;
}
.contact.presence-busy-v915{
--presence-color-v87:rgba(255,63,80,.98)!important;
--presence-glow-v87:rgba(255,45,65,.80)!important;
border-color:rgba(255,108,120,.98)!important;
background:linear-gradient(180deg,rgba(179,47,67,.50),rgba(102,18,43,.56))!important;
}
.contact.presence-busy-v915.has-profile-bg-v84{
background-image:linear-gradient(180deg,rgba(180,42,64,.72),rgba(93,14,40,.80)),var(--profile-bg-v84)!important;
}
.presence-dot-v9151{display:inline-block;line-height:1}
.contact.presence-busy-v915 .friend-presence,
.contact.presence-busy-v915 .online-dot,
.contact.presence-busy-v915 .dot.online{background:#ff4357!important;box-shadow:0 0 7px rgba(255,55,76,.85)!important}
.contact.presence-call-v87 .friend-presence,
.contact.presence-call-v87 .online-dot,
.contact.presence-call-v87 .dot.online{background:#43adff!important;box-shadow:0 0 7px rgba(55,165,255,.85)!important}
/* v91.5.5 — somente Amigos e Na Rede.
Clubes Sociais ficam intocados em relação à v91.5.2. */
.contact-folder-v9155{
margin:8px 8px 10px!important;
border:1px solid rgba(183,233,255,.34)!important;
border-radius:13px!important;
background:
linear-gradient(180deg,rgba(51,163,221,.17),rgba(3,73,145,.14))!important;
box-shadow:
inset 0 1px rgba(255,255,255,.18),
0 3px 10px rgba(0,49,104,.08)!important;
overflow:hidden!important;
}
/* Cabeçalho deixa de ser um card separado quando o corpo está aberto. */
.contact-folder-v9155>.contact-folder-head-v9155{
width:100%!important;
min-height:42px!important;
margin:0!important;
padding:0 11px!important;
border:0!important;
border-radius:12px 12px 0 0!important;
background:
linear-gradient(180deg,rgba(67,174,226,.20),rgba(8,89,165,.13))!important;
box-shadow:none!important;
opacity:1!important;
}
/* Neutraliza só a borda visual antiga do toggle. */
.contact-folder-v9155>.contact-folder-head-v9155::before,
.contact-folder-v9155>.contact-folder-head-v9155::after{
display:none!important;
content:none!important;
}
.contact-folder-v9155>.contact-folder-head-v9155 span:first-child{
font-size:8.5px!important;
font-weight:900!important;
}
.contact-folder-v9155>.contact-folder-head-v9155 span:last-child{
font-size:8.5px!important;
opacity:.92!important;
}
/* Corpo no mesmo vidro. */
.contact-folder-v9155>.contact-folder-body-v9155{
margin:0!important;
padding:8px!important;
border:0!important;
border-top:1px solid rgba(185,235,255,.13)!important;
background:rgba(0,54,119,.08)!important;
border-radius:0!important;
}
/* Mantém cards originais. Só corrige encaixe e espaçamento. */
.contact-folder-v9155>.contact-folder-body-v9155>.contact{
width:100%!important;
margin:0 0 7px!important;
box-sizing:border-box!important;
}
.contact-folder-v9155>.contact-folder-body-v9155>.contact:last-child{
margin-bottom:0!important;
}
/* Recolhido fica como um único botão, sem “casca” dupla. */
.contact-folder-v9155.is-collapsed{
background:
linear-gradient(180deg,rgba(55,171,226,.25),rgba(5,87,163,.21))!important;
}
.contact-folder-v9155.is-collapsed>.contact-folder-head-v9155{
border-radius:12px!important;
background:transparent!important;
}
.contact-folder-v9155>.contact-folder-body-v9155[hidden]{
display:none!important;
}
/* Não deixa regras antigas de margem do corpo empurrarem os cards para fora. */
#contacts .friends-sidebar-body-v79.contact-folder-body-v9155,
#contacts .network-sidebar-body-v81.contact-folder-body-v9155{
margin-left:0!important;
margin-right:0!important;
}
@media(max-width:720px){
.contact-folder-v9155{
margin-left:6px!important;
margin-right:6px!important;
}
}
/* ==========================================================
v91.5.6 — Amigos / Na Rede
Contêiner único, sem borda dupla e sem primeiro card subir.
========================================================== */
.contact-folder-v9155{
position:relative!important;
margin:9px 8px 11px!important;
padding:0!important;
border:1px solid rgba(184,235,255,.34)!important;
border-radius:14px!important;
background:
linear-gradient(180deg,rgba(48,160,220,.18),rgba(3,72,145,.15))!important;
box-shadow:
inset 0 1px rgba(255,255,255,.18),
inset 0 -1px rgba(0,48,105,.12),
0 4px 11px rgba(0,48,101,.08)!important;
overflow:hidden!important;
}
/* O cabeçalho é a tampa do vidro, não outro card dentro dele. */
.contact-folder-v9155>.contact-folder-head-v9155{
position:relative!important;
z-index:3!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
width:100%!important;
min-height:44px!important;
margin:0!important;
padding:0 11px!important;
box-sizing:border-box!important;
border:0!important;
outline:0!important;
border-radius:13px 13px 0 0!important;
background:
linear-gradient(180deg,rgba(72,181,231,.22),rgba(8,91,167,.15))!important;
box-shadow:
inset 0 1px rgba(255,255,255,.13),
inset 0 -1px rgba(176,229,255,.10)!important;
color:#f5fbff!important;
opacity:1!important;
}
.contact-folder-v9155>.contact-folder-head-v9155::before,
.contact-folder-v9155>.contact-folder-head-v9155::after{
content:none!important;
display:none!important;
}
.contact-folder-v9155>.contact-folder-head-v9155 span:first-child{
font-size:8.5px!important;
font-weight:900!important;
letter-spacing:.02em!important;
}
.contact-folder-v9155>.contact-folder-head-v9155 span:last-child{
font-size:8.5px!important;
font-weight:800!important;
opacity:.94!important;
}
.contact-folder-v9155>.contact-folder-head-v9155 i{
font-style:normal!important;
}
/* Espaço real entre cabeçalho e primeiro card.
12px no topo evita o halo do contato encostar/subir no header. */
.contact-folder-v9155>.contact-folder-body-v9155{
position:relative!important;
z-index:1!important;
margin:0!important;
padding:12px 8px 8px!important;
border:0!important;
border-top:1px solid rgba(184,234,255,.12)!important;
border-radius:0!important;
background:
linear-gradient(180deg,rgba(0,60,128,.07),rgba(0,37,88,.11))!important;
box-shadow:none!important;
overflow:visible!important;
}
.contact-folder-v9155>.contact-folder-body-v9155>.contact{
width:100%!important;
margin:0 0 9px!important;
box-sizing:border-box!important;
}
.contact-folder-v9155>.contact-folder-body-v9155>.contact:last-child{
margin-bottom:0!important;
}
/* Recolhido: somente UMA borda e UM vidro. */
.contact-folder-v9155.is-collapsed{
background:
linear-gradient(180deg,rgba(55,171,226,.25),rgba(5,87,163,.21))!important;
}
.contact-folder-v9155.is-collapsed>.contact-folder-head-v9155{
border-radius:13px!important;
background:transparent!important;
box-shadow:inset 0 1px rgba(255,255,255,.10)!important;
}
.contact-folder-v9155>.contact-folder-body-v9155[hidden]{
display:none!important;
}
/* Neutraliza margens históricas apenas dentro destas duas caixas. */
#contacts .contact-folder-v9155 .friends-sidebar-body-v79,
#contacts .contact-folder-v9155 .network-sidebar-body-v81{
margin-left:0!important;
margin-right:0!important;
}
/* ==========================================================
v91.5.6 — Clubes Sociais
Restaurado para o modelo visual aprovado da v91.5.3.
========================================================== */
#koshiClubsSection.sidebar-glass-section-v9153{
margin:8px 8px 10px!important;
padding:0!important;
border:1px solid rgba(184,235,255,.34)!important;
border-radius:14px!important;
background:
linear-gradient(180deg,rgba(49,157,216,.20),rgba(3,75,148,.18))!important;
box-shadow:
inset 0 1px rgba(255,255,255,.20),
inset 0 -1px rgba(0,47,107,.18),
0 4px 12px rgba(0,48,101,.10)!important;
overflow:hidden!important;
}
#koshiClubsSection.sidebar-glass-section-v9153.is-collapsed{
background:linear-gradient(180deg,rgba(51,163,221,.28),rgba(4,82,158,.24))!important;
}
#koshiClubsSection.sidebar-glass-section-v9153>#koshiClubsToggleV79{
width:100%!important;
min-height:43px!important;
margin:0!important;
padding:0 12px!important;
border:0!important;
border-radius:13px 13px 0 0!important;
background:
linear-gradient(180deg,rgba(76,184,233,.22),rgba(10,95,171,.17))!important;
box-shadow:inset 0 1px rgba(255,255,255,.14)!important;
color:#f4fbff!important;
opacity:1!important;
}
#koshiClubsSection.sidebar-glass-section-v9153.is-collapsed>#koshiClubsToggleV79{
border-radius:13px!important;
background:transparent!important;
}
#koshiClubsToggleV79 span:first-child{
font-size:9px!important;
font-weight:900!important;
letter-spacing:.025em!important;
}
#koshiClubsToggleV79 span:last-child{
font-size:9px!important;
font-weight:800!important;
opacity:.94!important;
}
#koshiClubsBodyV79{
margin:0!important;
padding:8px!important;
border:0!important;
border-top:1px solid rgba(185,235,255,.14)!important;
border-radius:0 0 13px 13px!important;
background:
linear-gradient(180deg,rgba(0,63,132,.08),rgba(0,39,92,.13))!important;
}
#koshiClubsBodyV79[hidden]{display:none!important}
.koshi-clubs-sidebar{
display:flex!important;
flex-direction:column!important;
gap:0!important;
margin:0!important;
padding:0!important;
}
.koshi-club-card.contact-like-card-v9153{
width:100%!important;
min-height:66px!important;
margin:0 0 7px!important;
padding:8px 10px!important;
box-sizing:border-box!important;
border-radius:13px!important;
display:flex!important;
align-items:center!important;
gap:9px!important;
position:relative!important;
border:1px solid rgba(202,239,255,.45)!important;
background:
linear-gradient(180deg,rgba(53,158,215,.24),rgba(5,86,158,.25))!important;
color:#fff!important;
text-align:left!important;
box-shadow:
inset 0 1px rgba(255,255,255,.20),
0 0 0 1px rgba(140,218,255,.05),
0 3px 8px rgba(0,47,101,.10)!important;
cursor:pointer!important;
transition:filter .16s,transform .16s,border-color .16s,box-shadow .16s!important;
}
.koshi-clubs-sidebar .koshi-club-card:last-child{margin-bottom:0!important}
.koshi-club-card.contact-like-card-v9153:hover{
filter:brightness(1.08)!important;
border-color:rgba(191,240,255,.72)!important;
}
.koshi-club-card.contact-like-card-v9153.selected{
border-color:rgba(121,224,255,.95)!important;
background:
linear-gradient(180deg,rgba(53,181,228,.42),rgba(4,103,177,.38))!important;
box-shadow:
inset 0 1px rgba(255,255,255,.25),
0 0 7px rgba(57,204,255,.32)!important;
}
.koshi-club-thumb{
width:46px!important;height:46px!important;min-width:46px!important;flex:0 0 46px!important;
border-radius:11px!important;overflow:hidden!important;display:grid!important;place-items:center!important;
position:relative!important;font-size:23px!important;
background:linear-gradient(145deg,rgba(76,178,222,.62),rgba(7,80,152,.72))!important;
border:1px solid rgba(221,247,255,.76)!important;
box-shadow:inset 0 1px 4px rgba(255,255,255,.50),0 2px 7px rgba(0,37,83,.22)!important;
}
.koshi-club-thumb img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.koshi-club-card-copy{flex:1 1 auto!important;min-width:0!important}
.koshi-club-card-copy .contact-name-line{display:flex!important;align-items:center!important;min-width:0!important}
.koshi-club-card-copy b{
font-size:11px!important;font-weight:800!important;white-space:nowrap!important;
overflow:hidden!important;text-overflow:ellipsis!important;
}
.koshi-club-card-copy small{
display:block!important;margin-top:3px!important;font-size:8px!important;opacity:.78!important;
white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
.koshi-club-arrow{margin-left:auto!important;font-size:15px!important;opacity:.66!important}
.club-voice-pulse-v77{
position:absolute!important;right:-2px!important;bottom:-2px!important;width:17px!important;height:17px!important;
display:grid!important;place-items:center!important;border-radius:50%!important;font-size:9px!important;font-style:normal!important;
background:#167bc5!important;border:1px solid rgba(223,249,255,.92)!important;box-shadow:0 0 7px rgba(48,186,255,.72)!important;
}
.club-unread-badge-v77{
position:static!important;min-width:20px!important;height:20px!important;padding:0 5px!important;
display:grid!important;place-items:center!important;border-radius:10px!important;
background:#ffcf45!important;color:#18395f!important;font-size:8px!important;font-weight:900!important;
}
.koshi-club-create-open{
width:100%!important;min-height:35px!important;margin:8px 0 0!important;border-radius:10px!important;
border:1px dashed rgba(190,235,255,.32)!important;background:rgba(11,91,161,.16)!important;
box-shadow:inset 0 1px rgba(255,255,255,.08)!important;font-size:9px!important;
}
@media(max-width:720px){
.contact-folder-v9155,
#koshiClubsSection.sidebar-glass-section-v9153{
margin-left:6px!important;
margin-right:6px!important;
}
.koshi-club-card.contact-like-card-v9153{min-height:62px!important}
}
/* v91.5.7 — remove a segunda moldura de Amigos e Na Rede */
.contact-folder-v9155{
overflow:hidden!important;
}
/* O contêiner externo é o ÚNICO vidro/borda.
O botão interno vira só conteúdo clicável transparente. */
.contact-folder-v9155>.contact-folder-head-v9155{
border:0!important;
outline:0!important;
background:transparent!important;
box-shadow:none!important;
border-radius:0!important;
min-height:44px!important;
}
/* Nenhuma camada pseudo ou herança antiga pode desenhar outra moldura */
.contact-folder-v9155>.contact-folder-head-v9155::before,
.contact-folder-v9155>.contact-folder-head-v9155::after{
content:none!important;
display:none!important;
border:0!important;
box-shadow:none!important;
background:none!important;
}
/* Hover só ilumina levemente, sem criar outro card */
.contact-folder-v9155>.contact-folder-head-v9155:hover{
background:rgba(80,190,235,.06)!important;
filter:none!important;
box-shadow:none!important;
}
/* Quando aberto, a linha separadora é somente do corpo */
.contact-folder-v9155>.contact-folder-body-v9155{
border-top:1px solid rgba(184,234,255,.12)!important;
}
/* Quando recolhido, também não existe borda interna */
.contact-folder-v9155.is-collapsed>.contact-folder-head-v9155{
border:0!important;
background:transparent!important;
box-shadow:none!important;
border-radius:0!important;
}
/* Neutraliza regras antigas muito específicas dos toggles */
#friendsSidebarToggleV79,
#networkSidebarToggleV81,
#friendsSidebarToggleV79.contacts-toggle-v79,
#networkSidebarToggleV81.contacts-toggle-v79{
border:0!important;
outline:0!important;
box-shadow:none!important;
background:transparent!important;
}
/* v91.6.0 — navegação global */
.top-global-nav-v916{
margin-left:auto;
display:flex;
align-items:center;
gap:8px;
padding-right:2px;
}
.top-global-nav-v916 button{
min-height:38px;
padding:0 13px;
border-radius:12px;
border:1px solid rgba(190,238,255,.34);
background:
linear-gradient(180deg,rgba(47,158,215,.48),rgba(4,82,154,.48));
color:#fff;
box-shadow:
inset 0 1px rgba(255,255,255,.24),
0 2px 7px rgba(0,45,95,.15);
font:inherit;
font-size:12px;
cursor:pointer;
}
.top-global-nav-v916 button:hover{
filter:brightness(1.09);
border-color:rgba(211,246,255,.58);
}
.top-global-nav-v916 button:disabled{
opacity:.42;
cursor:not-allowed;
filter:grayscale(.45);
}
/* status da conexão agora vive ao redor da foto do próprio usuário */
#avatar.connection-online-v916{
border-color:rgba(159,255,171,.98)!important;
box-shadow:
inset 0 1px 4px rgba(255,255,255,.70),
0 0 0 2px rgba(83,255,108,.30),
0 0 10px rgba(71,255,102,.62),
0 0 19px rgba(71,255,102,.22)!important;
}
#avatar.connection-offline-v916{
border-color:rgba(188,207,220,.70)!important;
box-shadow:
inset 0 1px 4px rgba(255,255,255,.58),
0 0 0 1px rgba(180,201,216,.16),
0 0 7px rgba(156,182,201,.18)!important;
}
/* O Mural é página Home, não chat. */
#form[hidden]{
display:none!important;
}
.chat:has(#form[hidden]) .messages{
bottom:0!important;
}
.chat:has(#form[hidden]) .typing{
display:none!important;
}
/* Sem Mural na lateral, o primeiro painel não ganha espaço fantasma. */
#contacts.contacts:empty{
display:none!important;
}
/* Conta Koshinet: Aparência segue o mesmo padrão dos demais atalhos */
#accountAppearanceOpenV916 .account-tool-icon-v71{
text-shadow:0 0 8px rgba(97,216,255,.42);
}
@media(max-width:760px){
.top-global-nav-v916{
gap:4px;
overflow-x:auto;
scrollbar-width:none;
max-width:calc(100vw - 120px);
}
.top-global-nav-v916::-webkit-scrollbar{display:none}
.top-global-nav-v916 button{
min-width:38px;
padding:0 9px;
}
.top-global-nav-v916 button span{
display:none;
}
}
#form.composer[hidden]{display:none!important;}
/* v91.7.0 — Ranking de Duelos Koshi Pets */
#duelRankingOverlayV917{z-index:11600!important}
.duel-ranking-window-v917{width:min(820px,calc(100vw - 24px))!important;max-height:92vh!important}
.duel-ranking-body-v917{padding:14px!important;overflow:auto!important}
.duel-ranking-summary-v917{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;margin-bottom:10px;border-radius:13px;border:1px solid rgba(190,236,255,.18);background:linear-gradient(180deg,rgba(14,100,165,.22),rgba(0,48,101,.18))}
.duel-ranking-summary-v917 b{display:block;font-size:11px}.duel-ranking-summary-v917 small{display:block;margin-top:2px;font-size:8px;opacity:.67}
.duel-ranking-summary-v917 button{min-height:34px;padding:0 12px;border-radius:9px;border:1px solid rgba(197,239,255,.26);background:linear-gradient(180deg,rgba(45,164,219,.45),rgba(5,82,151,.48));color:#fff;font-weight:700;cursor:pointer}
.duel-rank-categories-v917{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:11px}
.duel-rank-categories-v917>span{padding:7px 9px;border-radius:10px;border:1px solid rgba(193,236,255,.15);background:rgba(0,54,112,.20);font-size:8px;font-weight:800}
.duel-rank-categories-v917 small{display:block;margin-top:2px;font-size:7px;opacity:.58}
.duel-ranking-message-v917{padding:24px;text-align:center;font-size:10px;opacity:.75}
.duel-ranking-list-v917{display:flex;flex-direction:column;gap:7px}
.duel-rank-card-v917{display:grid;grid-template-columns:52px minmax(180px,1fr) 150px 210px;align-items:center;gap:10px;min-height:72px;padding:9px 11px;border:1px solid rgba(197,237,255,.22);border-radius:13px;background:linear-gradient(180deg,rgba(26,116,183,.22),rgba(2,59,120,.24));box-shadow:inset 0 1px rgba(255,255,255,.11)}
.duel-rank-card-v917.is-mine{border-color:rgba(105,224,255,.75);box-shadow:inset 0 1px rgba(255,255,255,.18),0 0 9px rgba(55,198,255,.22)}
.duel-rank-position-v917{text-align:center;font-size:20px;font-weight:900;text-shadow:0 2px 5px rgba(0,0,0,.25)}
.duel-rank-pet-v917{display:flex;align-items:center;gap:10px;min-width:0}
.duel-rank-emoji-v917{width:48px;height:48px;display:grid;place-items:center;flex:0 0 48px;font-size:29px;border-radius:12px;border:1px solid rgba(220,246,255,.40);background:linear-gradient(145deg,rgba(75,180,225,.42),rgba(5,76,148,.48));box-shadow:inset 0 1px 4px rgba(255,255,255,.32)}
.duel-rank-pet-v917 b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.duel-rank-pet-v917 small{display:block;margin-top:3px;font-size:8px;opacity:.66;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.duel-rank-category-v917 strong{display:inline-block;padding:5px 8px;border-radius:9px;font-size:9px;border:1px solid rgba(196,237,255,.16);background:rgba(0,48,100,.23)}.duel-rank-category-v917 small{display:block;margin-top:3px;font-size:7px;opacity:.55}
.duel-rank-stats-v917{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.duel-rank-stats-v917 span{padding:6px 4px;text-align:center;border-radius:9px;background:rgba(0,42,92,.22);border:1px solid rgba(192,234,255,.10)}.duel-rank-stats-v917 b{display:block;font-size:11px}.duel-rank-stats-v917 small{display:block;font-size:7px;opacity:.58}
.duel-rank-card-v917.master .duel-rank-category-v917 strong{color:#ffe89a;box-shadow:0 0 8px rgba(255,218,93,.22)}
.duel-rank-card-v917.legend{border-color:rgba(255,220,100,.55);background:linear-gradient(180deg,rgba(129,103,29,.25),rgba(45,65,111,.27))}
.duel-rank-card-v917.legend .duel-rank-category-v917 strong{color:#fff0a6;border-color:rgba(255,226,114,.36);box-shadow:0 0 10px rgba(255,214,71,.30)}
@media(max-width:760px){.duel-rank-categories-v917{grid-template-columns:repeat(2,1fr)}.duel-rank-card-v917{grid-template-columns:42px 1fr;gap:8px}.duel-rank-position-v917{grid-row:1 / span 2}.duel-rank-category-v917{grid-column:2}.duel-rank-stats-v917{grid-column:2}}
.mural-edit-v918{background:linear-gradient(180deg,rgba(255,199,74,.48),rgba(170,108,17,.45))!important;border-color:rgba(255,225,151,.46)!important}
#muralEditorOverlayV918{z-index:11700!important}
.mural-editor-window-v918{width:min(760px,calc(100vw - 24px))!important;max-height:92vh!important}
.mural-editor-body-v918{padding:14px!important;overflow:auto!important}
.mural-editor-field-v918{display:block;margin-bottom:11px}.mural-editor-field-v918>b{display:block;margin-bottom:5px;font-size:10px}
.mural-editor-field-v918 input,.mural-editor-field-v918 textarea,.mural-editor-guide-row-v918 input,.mural-editor-guide-row-v918 textarea,.mural-editor-update-row-v918 input{width:100%;box-sizing:border-box;border:1px solid rgba(190,234,255,.25);border-radius:9px;background:rgba(0,48,99,.30);color:#fff;padding:8px 9px;font:inherit;font-size:9px;outline:none}
.mural-editor-section-v918{margin-top:12px;padding:11px;border:1px solid rgba(188,235,255,.16);border-radius:12px;background:rgba(0,50,105,.14)}
.mural-editor-section-head-v918{display:flex;justify-content:space-between;margin-bottom:8px}.mural-editor-section-head-v918 b{font-size:10px}.mural-editor-section-head-v918 small{font-size:8px;opacity:.6}
.mural-editor-guide-row-v918{display:grid;grid-template-columns:55px 150px 1fr 32px;gap:6px;margin-bottom:7px;align-items:start}.mural-editor-guide-row-v918 textarea{resize:vertical;min-height:52px}
.mural-editor-update-row-v918{display:grid;grid-template-columns:90px 1fr 32px;gap:6px;margin-bottom:7px}
.mural-editor-guide-row-v918 button,.mural-editor-update-row-v918 button{height:32px;border-radius:8px;border:1px solid rgba(255,188,194,.25);background:rgba(151,35,49,.35);color:#fff;cursor:pointer}
#muralEditorAddGuideV918,#muralEditorAddUpdateV918{min-height:32px;padding:0 10px;border-radius:8px;border:1px dashed rgba(190,235,255,.28);background:rgba(7,85,153,.20);color:#fff;cursor:pointer}
.mural-editor-actions-v918{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px}.mural-editor-actions-v918 span{font-size:9px;opacity:.8}
#muralEditorSaveV918{min-height:38px;padding:0 14px;border-radius:9px;border:1px solid rgba(188,239,255,.34);background:linear-gradient(180deg,rgba(36,170,221,.66),rgba(4,91,161,.70));color:#fff;font-weight:800;cursor:pointer}
@media(max-width:650px){.mural-editor-guide-row-v918{grid-template-columns:48px 1fr 32px}.mural-editor-guide-row-v918 textarea{grid-column:1 / -1}.mural-editor-update-row-v918{grid-template-columns:72px 1fr 32px}}
.appearance-window-styles-v919{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.appearance-window-style-v919{padding:10px;border:1px solid rgba(190,236,255,.25);border-radius:12px;background:rgba(10,90,160,.25);color:#fff;text-align:left;cursor:pointer}
.appearance-window-style-v919.is-active{border-color:rgba(109,224,255,.95);box-shadow:0 0 9px rgba(66,201,255,.35)}
.appearance-window-style-v919 b,.appearance-window-style-v919 small{display:block}.appearance-window-style-v919 small{font-size:8px;opacity:.65;margin-top:2px}
.appearance-window-preview-v919{height:42px;display:block;margin-bottom:6px}
.aero-preview-v919{border:1px solid rgba(206,244,255,.7);border-radius:9px;background:linear-gradient(180deg,rgba(67,182,229,.65) 0 30%,rgba(5,78,148,.45) 31% 100%);box-shadow:inset 0 1px rgba(255,255,255,.4),0 0 8px rgba(56,202,255,.25)}
.classic-preview-v919{border:2px solid #0b4ea2;border-radius:2px;background:linear-gradient(#0a67d9 0 28%,#ece9d8 29% 100%);box-shadow:inset 1px 1px #fff,inset -1px -1px #7f9db9}
.appearance-window-hint-v919{margin-top:6px;font-size:8px;opacity:.58}
body.window-style-classic-v919{--classic-panel:#ece9d8;--classic-blue:#0a63c9;--classic-blue-dark:#003c93;--classic-border:#7f9db9}
body.window-style-classic-v919 .app,
body.window-style-classic-v919 .account-security-window,
body.window-style-classic-v919 .appearance-panel,
body.window-style-classic-v919 .wink-panel,
body.window-style-classic-v919 .koshi-club-window,
body.window-style-classic-v919 .profile-window-v84,
body.window-style-classic-v919 .pet-window-v91,
body.window-style-classic-v919 .pet-battle-window-v9121,
body.window-style-classic-v919 .koshi-duel-window-v913,
body.window-style-classic-v919 .duel-ranking-window-v917,
body.window-style-classic-v919 .mural-editor-window-v918{
backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-radius:3px!important;
border:2px solid var(--classic-blue-dark)!important;background:var(--classic-panel)!important;color:#12335f!important;
box-shadow:inset 1px 1px #fff,inset -1px -1px #627f9f,2px 3px 7px rgba(0,0,0,.22)!important
}
body.window-style-classic-v919 .topbar,
body.window-style-classic-v919 .account-security-window>header,
body.window-style-classic-v919 .appearance-panel-head,
body.window-style-classic-v919 .wink-panel-head,
body.window-style-classic-v919 .koshi-club-window-head,
body.window-style-classic-v919 .profile-window-v84>header,
body.window-style-classic-v919 .pet-window-v91>header,
body.window-style-classic-v919 .pet-battle-window-v9121>header,
body.window-style-classic-v919 .koshi-duel-window-v913>header,
body.window-style-classic-v919 .duel-ranking-window-v917>header,
body.window-style-classic-v919 .mural-editor-window-v918>header{
border-radius:0!important;background:linear-gradient(180deg,#258cf0,#0865ce 50%,#0450b4)!important;color:#fff!important;
box-shadow:inset 0 1px #73c0ff,inset 0 -1px #003987!important
}
body.window-style-classic-v919 .sidebar,
body.window-style-classic-v919 .chat{background:#edf3f8!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body.window-style-classic-v919 .contact,
body.window-style-classic-v919 .koshi-club-card,
body.window-style-classic-v919 .account-tool-v71,
body.window-style-classic-v919 .mural-manual-v79,
body.window-style-classic-v919 .mural-guide-grid-v79>div,
body.window-style-classic-v919 .privacy-sound-card-v914,
body.window-style-classic-v919 .privacy-busy-card-v915,
body.window-style-classic-v919 .duel-rank-card-v917{
border-radius:2px!important;border:1px solid var(--classic-border)!important;background:linear-gradient(#f9fcff,#dce7f1)!important;
color:#153763!important;box-shadow:inset 1px 1px #fff,inset -1px -1px #a9bac8!important
}
body.window-style-classic-v919 .top-global-nav-v916 button,
body.window-style-classic-v919 .chat-actions button,
body.window-style-classic-v919 .composer button,
body.window-style-classic-v919 .appearance-window-style-v919,
body.window-style-classic-v919 .appearance-theme,
body.window-style-classic-v919 .appearance-image-button{
border-radius:2px!important;border:1px solid #7f9db9!important;background:linear-gradient(#fff,#e5ebf0)!important;color:#123f7c!important;
text-shadow:none!important;box-shadow:inset 1px 1px #fff,inset -1px -1px #a9b9c8!important
}
body.window-style-classic-v919 input:not([type=range]),
body.window-style-classic-v919 textarea,
body.window-style-classic-v919 select{border-radius:0!important;border:1px solid #7f9db9!important;background:#fff!important;color:#111!important}
body.window-style-classic-v919 .bubble{border-radius:2px!important;border:1px solid #7aa4d2!important;background:#f7fbff!important;color:#133b6e!important;box-shadow:none!important}
body.window-style-classic-v919 .mine .bubble{background:#dcecff!important}
body.window-style-classic-v919 .contact-folder-v9155,
body.window-style-classic-v919 #koshiClubsSection.sidebar-glass-section-v9153{border-radius:2px!important;border:1px solid #7f9db9!important;background:#eaf2fb!important;box-shadow:inset 1px 1px #fff,inset -1px -1px #b3c1ce!important}
@media(max-width:640px){.appearance-window-styles-v919{grid-template-columns:1fr}}
/* ============================================================
v91.9.1 — modo Clássico: contraste + chamadas/voz
============================================================ */
/* Contraste global. No modo Clássico, texto precisa ser texto, não névoa decorativa. */
body.window-style-classic-v919,
body.window-style-classic-v919 .sidebar,
body.window-style-classic-v919 .chat,
body.window-style-classic-v919 .messages,
body.window-style-classic-v919 .account-panel{
color:#102f5c!important;
}
body.window-style-classic-v919 .sidebar b,
body.window-style-classic-v919 .sidebar strong,
body.window-style-classic-v919 .sidebar .section-title,
body.window-style-classic-v919 .sidebar .contacts-title,
body.window-style-classic-v919 .sidebar .contacts-subtitle,
body.window-style-classic-v919 .contact b,
body.window-style-classic-v919 .koshi-club-card b,
body.window-style-classic-v919 .mural-manual-v79 h2,
body.window-style-classic-v919 .mural-manual-v79 b,
body.window-style-classic-v919 .chat-title b{
color:#0b326a!important;
text-shadow:none!important;
opacity:1!important;
}
body.window-style-classic-v919 .sidebar small,
body.window-style-classic-v919 .contact small,
body.window-style-classic-v919 .koshi-club-card small,
body.window-style-classic-v919 .mural-manual-v79 p,
body.window-style-classic-v919 .mural-manual-v79 span,
body.window-style-classic-v919 .chat-title small{
color:#365a83!important;
text-shadow:none!important;
opacity:1!important;
}
/* Os cabeçalhos sobre azul continuam brancos. */
body.window-style-classic-v919 .topbar *,
body.window-style-classic-v919 .account-security-window>header *,
body.window-style-classic-v919 .appearance-panel-head *,
body.window-style-classic-v919 .wink-panel-head *,
body.window-style-classic-v919 .profile-window-v84>header *,
body.window-style-classic-v919 .pet-window-v91>header *,
body.window-style-classic-v919 .pet-battle-window-v9121>header *,
body.window-style-classic-v919 .koshi-duel-window-v913>header *,
body.window-style-classic-v919 .duel-ranking-window-v917>header *,
body.window-style-classic-v919 .mural-editor-window-v918>header *,
body.window-style-classic-v919 .call-card .call-head *,
body.window-style-classic-v919 .group-card .group-head *,
body.window-style-classic-v919 .voice-rooms-card .voice-rooms-head *{
color:#fff!important;
}
/* Mural e recaps mais legíveis */
body.window-style-classic-v919 .mural-manual-v79{
background:#f4f8fc!important;
}
body.window-style-classic-v919 .mural-guide-grid-v79>div{
background:#e8f0f8!important;
}
body.window-style-classic-v919 .mural-recap-v79{
border-top:1px solid #9bb0c5!important;
}
body.window-style-classic-v919 .mural-recap-v79 span{
background:#d7e3ee!important;
color:#123a6e!important;
}
/* Sidebar clássica sólida e contraste das seções */
body.window-style-classic-v919 .sidebar{
background:#eef4f8!important;
}
body.window-style-classic-v919 .contact-folder-v9155,
body.window-style-classic-v919 #koshiClubsSection.sidebar-glass-section-v9153{
background:#e5eef7!important;
}
body.window-style-classic-v919 .contact-folder-head-v9155,
body.window-style-classic-v919 #koshiClubsToggleV79{
color:#0a3977!important;
background:#d3e4f3!important;
}
body.window-style-classic-v919 .contact-folder-body-v9155,
body.window-style-classic-v919 #koshiClubsBodyV79{
background:#edf3f8!important;
}
/* ---------------- Chamada individual ---------------- */
body.window-style-classic-v919 .call-overlay,
body.window-style-classic-v919 .group-overlay,
body.window-style-classic-v919 .group-picker-overlay,
body.window-style-classic-v919 .voice-rooms-overlay{
backdrop-filter:none!important;
-webkit-backdrop-filter:none!important;
background:rgba(28,48,74,.45)!important;
}
body.window-style-classic-v919 .call-card,
body.window-style-classic-v919 .group-card,
body.window-style-classic-v919 .group-picker-card,
body.window-style-classic-v919 .voice-rooms-card{
border:2px solid #003c93!important;
border-radius:3px!important;
background:#ece9d8!important;
color:#102f5c!important;
box-shadow:
inset 1px 1px #fff,
inset -1px -1px #5f7fa7,
3px 4px 10px rgba(0,0,0,.28)!important;
backdrop-filter:none!important;
-webkit-backdrop-filter:none!important;
}
/* Barras de título XP */
body.window-style-classic-v919 .call-card .call-head,
body.window-style-classic-v919 .group-head,
body.window-style-classic-v919 .voice-rooms-head{
background:linear-gradient(180deg,#2c91ef 0%,#0a6bd5 48%,#0750b6 100%)!important;
border-bottom:1px solid #003982!important;
border-radius:0!important;
color:#fff!important;
box-shadow:inset 0 1px #7bc6ff,inset 0 -1px #003784!important;
}
/* Conteúdo da chamada */
body.window-style-classic-v919 .call-identity,
body.window-style-classic-v919 .call-status,
body.window-style-classic-v919 .call-timer,
body.window-style-classic-v919 .call-note,
body.window-style-classic-v919 .group-status,
body.window-style-classic-v919 .group-timer,
body.window-style-classic-v919 .group-note,
body.window-style-classic-v919 .voice-rooms-subtitle,
body.window-style-classic-v919 .group-picker-hint{
color:#173c6a!important;
text-shadow:none!important;
opacity:1!important;
}
body.window-style-classic-v919 .call-avatar,
body.window-style-classic-v919 .group-participant-avatar,
body.window-style-classic-v919 .voice-room-avatar{
border-radius:3px!important;
border:1px solid #7f9db9!important;
background:#fff!important;
box-shadow:inset 1px 1px #fff,inset -1px -1px #aab8c7!important;
}
/* Botões de chamada: aparência clássica, mas sem destruir cores semânticas. */
body.window-style-classic-v919 .call-controls button,
body.window-style-classic-v919 .group-controls button,
body.window-style-classic-v919 .group-head-actions button,
body.window-style-classic-v919 .group-picker-actions button,
body.window-style-classic-v919 .voice-rooms-card button,
body.window-style-classic-v919 .voice-room-item{
border-radius:2px!important;
border:1px solid #7f9db9!important;
background:linear-gradient(180deg,#ffffff,#e3eaf1)!important;
color:#123c73!important;
text-shadow:none!important;
box-shadow:inset 1px 1px #fff,inset -1px -1px #a8b7c5!important;
}
body.window-style-classic-v919 .call-hangup,
body.window-style-classic-v919 .call-reject{
border-color:#9b3a34!important;
background:linear-gradient(180deg,#ffd0ca,#ef8b7d)!important;
color:#7a150d!important;
}
body.window-style-classic-v919 .call-accept,
body.window-style-classic-v919 .club-voice-primary-v79{
border-color:#57954e!important;
background:linear-gradient(180deg,#efffe9,#bdddaf)!important;
color:#245b1e!important;
}
/* Participantes em grupo */
body.window-style-classic-v919 .group-participants{
background:#f4f7f9!important;
border:1px solid #9cb1c5!important;
border-radius:2px!important;
}
body.window-style-classic-v919 .group-participant,
body.window-style-classic-v919 .group-picker-list label,
body.window-style-classic-v919 .voice-room-item{
border-radius:2px!important;
border:1px solid #9bb0c4!important;
background:#edf3f8!important;
color:#133b6e!important;
box-shadow:inset 1px 1px #fff!important;
}
body.window-style-classic-v919 .group-participant b,
body.window-style-classic-v919 .voice-room-info b{
color:#103b73!important;
}
body.window-style-classic-v919 .group-participant small,
body.window-style-classic-v919 .voice-room-info small{
color:#466586!important;
opacity:1!important;
}
/* Controles individuais de volume */
body.window-style-classic-v919 .group-volume-control-v79,
body.window-style-classic-v919 .group-participant-volume-v79{
background:#dde8f2!important;
border:1px solid #9bb0c4!important;
border-radius:2px!important;
color:#183d68!important;
}
body.window-style-classic-v919 input[type="range"]{
accent-color:#1769b5;
}
/* Área de vídeo/tela fica escura, como uma janela de mídia clássica */
body.window-style-classic-v919 .group-screen-stage,
body.window-style-classic-v919 .call-camera,
body.window-style-classic-v919 .group-video-stage{
border-radius:2px!important;
border:1px solid #54718f!important;
background:#101820!important;
box-shadow:inset 1px 1px #31465c,inset -1px -1px #000!important;
}
body.window-style-classic-v919 .group-screen-empty,
body.window-style-classic-v919 .group-screen-label{
color:#dcecff!important;
text-shadow:none!important;
}
/* ---------------- Salas de voz ---------------- */
body.window-style-classic-v919 .voice-room-section-title{
color:#0f3b72!important;
border-bottom:1px solid #9bb0c4!important;
}
body.window-style-classic-v919 .voice-room-enter{
color:#0c4e93!important;
font-weight:700!important;
}
body.window-style-classic-v919 .voice-room-create{
border-radius:2px!important;
border:1px solid #8da5bc!important;
background:#e3ebf2!important;
}
/* Configuração de câmera/microfone também abandona o Aero */
body.window-style-classic-v919 .media-devices-window,
body.window-style-classic-v919 .media-devices-card,
body.window-style-classic-v919 .media-device-preview{
backdrop-filter:none!important;
-webkit-backdrop-filter:none!important;
border-radius:2px!important;
border:1px solid #7f9db9!important;
background:#ece9d8!important;
color:#12375f!important;
box-shadow:inset 1px 1px #fff,inset -1px -1px #aab7c5!important;
}
/* Overlays e painéis internos genéricos que ainda herdavam transparência */
body.window-style-classic-v919 [class*="glass"],
body.window-style-classic-v919 [class*="aero-card"]{
backdrop-filter:none!important;
-webkit-backdrop-filter:none!important;
}
/* Textos muito claros herdados do Aero */
body.window-style-classic-v919 .sidebar [style*="color: white"],
body.window-style-classic-v919 .chat [style*="color: white"]{
color:#173d6b!important;
}
/* ==========================================================
v91.10.0 — Minha Coleção
========================================================== */
#collectionOverlayV9110{z-index:11650!important}
.collection-window-v9110{
width:min(980px,calc(100vw - 24px))!important;
max-height:92vh!important;
}
.collection-body-v9110{
padding:14px!important;
overflow:auto!important;
}
.collection-wallet-v9110{
display:flex;
align-items:center;
gap:12px;
padding:12px 14px;
margin-bottom:11px;
border:1px solid rgba(194,237,255,.18);
border-radius:14px;
background:
radial-gradient(circle at 15% 0%,rgba(109,220,255,.20),transparent 38%),
linear-gradient(180deg,rgba(21,117,182,.26),rgba(2,62,126,.24));
box-shadow:inset 0 1px rgba(255,255,255,.13);
}
.collection-wallet-icon-v9110{
width:48px;height:48px;display:grid;place-items:center;
border-radius:50%;font-size:27px;
border:1px solid rgba(255,237,155,.46);
background:linear-gradient(145deg,rgba(255,218,91,.38),rgba(151,104,15,.30));
box-shadow:0 0 10px rgba(255,211,72,.18),inset 0 1px rgba(255,255,255,.35);
}
.collection-wallet-v9110 small{display:block;font-size:8px;opacity:.64}
.collection-wallet-v9110 strong{display:block;margin-top:2px;font-size:20px}
.collection-wallet-meta-v9110{
margin-left:auto;
display:flex;align-items:center;gap:10px;
font-size:9px;
}
.collection-wallet-meta-v9110 button{
min-height:32px;padding:0 10px;border-radius:9px;
border:1px solid rgba(193,237,255,.24);
background:rgba(9,83,153,.30);color:#fff;cursor:pointer;
}
.collection-filters-v9110{
display:flex;
flex-wrap:wrap;
gap:6px;
margin-bottom:12px;
}
.collection-filters-v9110 button{
min-height:34px;padding:0 12px;
border-radius:10px;
border:1px solid rgba(190,235,255,.20);
background:rgba(7,77,145,.22);
color:#fff;
cursor:pointer;
}
.collection-filters-v9110 button.is-active{
border-color:rgba(109,224,255,.82);
background:linear-gradient(180deg,rgba(45,169,220,.50),rgba(6,93,165,.48));
box-shadow:0 0 8px rgba(60,201,255,.18);
}
.collection-message-v9110{
padding:30px 15px;text-align:center;
font-size:10px;opacity:.7;
}
.collection-grid-v9110{
display:grid;
grid-template-columns:repeat(auto-fill,minmax(190px,1fr));
gap:10px;
}
.collection-card-v9110{
position:relative;
min-height:270px;
overflow:hidden;
border-radius:15px;
border:1px solid rgba(200,240,255,.26);
background:
linear-gradient(180deg,rgba(32,126,189,.38),rgba(2,56,117,.45));
box-shadow:
inset 0 1px rgba(255,255,255,.18),
0 4px 10px rgba(0,39,82,.14);
}
.collection-card-v9110::after{
content:"";
position:absolute;inset:-45% -60%;
pointer-events:none;
background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.10) 48%,transparent 58%);
transform:translateX(-28%);
}
.collection-card-top-v9110{
display:flex;align-items:center;justify-content:space-between;
padding:9px 10px 5px;
}
.collection-card-type-icon-v9110{font-size:19px}
.collection-card-power-v9110{
width:32px;height:32px;
display:grid;place-items:center;
border-radius:50%;
font-size:16px;font-weight:900;
background:rgba(0,39,88,.42);
border:1px solid rgba(218,247,255,.38);
box-shadow:inset 0 1px rgba(255,255,255,.18);
}
.collection-card-art-v9110{
height:86px;
margin:0 10px 9px;
display:grid;place-items:center;
overflow:hidden;
border-radius:11px;
background:
radial-gradient(circle at 50% 30%,rgba(134,223,255,.32),transparent 55%),
rgba(0,48,105,.24);
border:1px solid rgba(195,237,255,.16);
}
.collection-card-art-v9110 span{font-size:44px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.25))}
.collection-card-art-v9110 img{width:100%;height:100%;object-fit:cover}
.collection-card-copy-v9110{padding:0 10px 8px}
.collection-card-copy-v9110 b{
display:block;font-size:12px;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.collection-card-copy-v9110 small{
display:block;margin-top:3px;font-size:8px;opacity:.68;
}
.collection-card-copy-v9110 p{
margin:8px 0 0;
min-height:34px;
font-size:8px;line-height:1.35;
opacity:.73;
}
.collection-card-footer-v9110{
display:flex;justify-content:space-between;gap:6px;
padding:8px 10px;
border-top:1px solid rgba(198,239,255,.12);
font-size:7px;
}
.collection-card-footer-v9110 span{opacity:.6}
.collection-card-footer-v9110 strong{font-weight:700;opacity:.72}
/* Raridades */
.collection-card-v9110.rarity-common{
border-color:rgba(197,226,239,.28);
}
.collection-card-v9110.rarity-uncommon{
border-color:rgba(95,203,255,.54);
box-shadow:inset 0 1px rgba(255,255,255,.18),0 0 9px rgba(49,181,255,.14);
}
.collection-card-v9110.rarity-rare{
border-color:rgba(190,116,255,.67);
background:linear-gradient(180deg,rgba(88,77,181,.42),rgba(35,48,116,.50));
box-shadow:inset 0 1px rgba(255,255,255,.18),0 0 11px rgba(171,93,255,.18);
}
.collection-card-v9110.rarity-legendary{
border-color:rgba(255,210,86,.72);
background:
radial-gradient(circle at 50% 0%,rgba(255,220,99,.18),transparent 38%),
linear-gradient(180deg,rgba(143,109,24,.42),rgba(69,66,62,.50));
box-shadow:inset 0 1px rgba(255,255,255,.22),0 0 13px rgba(255,198,49,.22);
}
.collection-card-v9110.rarity-legendary .collection-card-power-v9110{
color:#fff3b1;border-color:rgba(255,229,142,.58);
}
.collection-card-v9110.rarity-koshi{
border-color:rgba(151,245,255,.90);
background:
radial-gradient(circle at 25% 0%,rgba(93,255,219,.22),transparent 34%),
radial-gradient(circle at 85% 20%,rgba(211,116,255,.20),transparent 34%),
linear-gradient(160deg,rgba(20,113,166,.55),rgba(61,49,126,.54));
box-shadow:
inset 0 1px rgba(255,255,255,.26),
0 0 12px rgba(84,234,255,.30),
0 0 24px rgba(164,92,255,.12);
}
.collection-card-v9110.rarity-koshi::after{
animation:collectionKoshiShineV9110 3.5s linear infinite;
background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.25) 49%,transparent 59%);
}
@keyframes collectionKoshiShineV9110{
from{transform:translateX(-45%) rotate(0deg)}
to{transform:translateX(45%) rotate(0deg)}
}
/* Classic window style */
body.window-style-classic-v919 .collection-wallet-v9110,
body.window-style-classic-v919 .collection-card-v9110{
border-radius:2px!important;
border:1px solid #7f9db9!important;
background:linear-gradient(#f9fcff,#dce7f1)!important;
color:#143761!important;
box-shadow:inset 1px 1px #fff,inset -1px -1px #a9bac8!important;
}
body.window-style-classic-v919 .collection-wallet-v9110 strong,
body.window-style-classic-v919 .collection-card-copy-v9110 b{
color:#10396e!important;
}
body.window-style-classic-v919 .collection-card-art-v9110{
border-radius:1px!important;
border:1px solid #9bb0c4!important;
background:#edf3f8!important;
}
body.window-style-classic-v919 .collection-filters-v9110 button,
body.window-style-classic-v919 .collection-wallet-meta-v9110 button{
border-radius:2px!important;
border:1px solid #7f9db9!important;
background:linear-gradient(#fff,#e4eaf0)!important;
color:#123f7c!important;
box-shadow:inset 1px 1px #fff,inset -1px -1px #a9b9c8!important;
}
body.window-style-classic-v919 .collection-filters-v9110 button.is-active{
border:2px solid #0b65c9!important;
background:#d8ebff!important;
}
body.window-style-classic-v919 .collection-card-footer-v9110{
border-top:1px solid #a3b5c6!important;
}
@media(max-width:640px){
.collection-grid-v9110{grid-template-columns:repeat(2,minmax(0,1fr))}
.collection-wallet-v9110{align-items:flex-start}
.collection-wallet-meta-v9110{flex-direction:column;align-items:flex-end}
}
@media(max-width:430px){
.collection-grid-v9110{grid-template-columns:1fr}
}
/* ============================================================
v91.11.0 — Coleção legível + Administração Koshi
============================================================ */
/* Coleção: cards maiores e tipografia utilizável */
.collection-window-v9110{width:min(1120px,calc(100vw - 28px))!important}
.collection-grid-v9110{
grid-template-columns:repeat(auto-fill,minmax(255px,1fr))!important;
gap:14px!important;
}
.collection-card-v9110{
min-height:340px!important;
}
.collection-card-top-v9110{padding:13px 14px 8px!important}
.collection-card-type-icon-v9110{font-size:25px!important}
.collection-card-power-v9110{
width:40px!important;height:40px!important;
font-size:20px!important;
}
.collection-card-art-v9110{
height:122px!important;
margin:0 14px 12px!important;
}
.collection-card-art-v9110 span{font-size:58px!important}
.collection-card-copy-v9110{padding:0 14px 11px!important}
.collection-card-copy-v9110 b{font-size:16px!important}
.collection-card-copy-v9110 small{font-size:11px!important;margin-top:4px!important}
.collection-card-copy-v9110 p{
min-height:48px!important;
margin-top:10px!important;
font-size:11px!important;
line-height:1.45!important;
}
.collection-card-footer-v9110{
padding:10px 14px!important;
font-size:9px!important;
}
.collection-filters-v9110 button{
min-height:39px!important;
font-size:13px!important;
}
.collection-wallet-v9110 small{font-size:10px!important}
.collection-wallet-v9110 strong{font-size:24px!important}
.collection-wallet-meta-v9110{font-size:11px!important}
/* Admin menu */
.account-admin-koshi-v9111{
border-color:rgba(255,217,97,.38)!important;
background:linear-gradient(180deg,rgba(127,105,23,.28),rgba(16,78,129,.25))!important;
}
.account-admin-koshi-v9111 .account-tool-icon-v71{
box-shadow:0 0 10px rgba(255,215,82,.20)!important;
}
#koshiAdminOverlayV9111{z-index:11800!important}
.koshi-admin-window-v9111{
width:min(1050px,calc(100vw - 28px))!important;
max-height:94vh!important;
}
.koshi-admin-body-v9111{
padding:16px!important;
overflow:auto!important;
}
.koshi-admin-message-v9111{
min-height:20px;
margin-bottom:8px;
font-size:11px;
font-weight:700;
}
.koshi-admin-message-v9111[data-kind="success"]{color:#aaffb2}
.koshi-admin-message-v9111[data-kind="error"]{color:#ffc1c5}
.koshi-admin-summary-v9111{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:9px;
margin-bottom:14px;
}
.koshi-admin-summary-v9111 article{
padding:13px;
min-height:86px;
border-radius:13px;
border:1px solid rgba(193,237,255,.18);
background:linear-gradient(180deg,rgba(23,119,182,.27),rgba(2,57,117,.24));
box-shadow:inset 0 1px rgba(255,255,255,.12);
}
.koshi-admin-summary-v9111 small,
.koshi-admin-summary-v9111 span{display:block;font-size:9px;opacity:.68}
.koshi-admin-summary-v9111 strong{display:block;margin:6px 0;font-size:21px}
.koshi-admin-grid-v9111{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
}
.koshi-admin-card-v9111{
padding:14px;
border-radius:13px;
border:1px solid rgba(193,237,255,.18);
background:linear-gradient(180deg,rgba(20,102,166,.22),rgba(1,51,105,.20));
}
.koshi-admin-card-v9111 h3{margin:0 0 5px;font-size:14px}
.koshi-admin-card-v9111 p{margin:0 0 12px;font-size:10px;opacity:.66;line-height:1.4}
.koshi-admin-card-v9111 label{
display:block;
margin:8px 0;
font-size:10px;
font-weight:700;
}
.koshi-admin-card-v9111 input,
.koshi-admin-card-v9111 select{
display:block;
width:100%;
min-height:38px;
box-sizing:border-box;
margin-top:5px;
padding:7px 9px;
border-radius:8px;
border:1px solid rgba(190,234,255,.25);
background:rgba(0,45,96,.30);
color:#fff;
}
.koshi-admin-card-v9111>button,
.koshi-admin-section-head-v9111 button{
min-height:38px;
padding:0 13px;
border-radius:9px;
border:1px solid rgba(190,237,255,.28);
background:linear-gradient(180deg,rgba(43,168,219,.58),rgba(5,88,157,.60));
color:#fff;
font-weight:800;
cursor:pointer;
}
.koshi-admin-note-inputs-v9111{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:7px;
}
.koshi-admin-recent-v9111{
margin-top:13px;
padding:12px;
border-radius:13px;
border:1px solid rgba(193,237,255,.15);
background:rgba(0,47,99,.14);
}
.koshi-admin-section-head-v9111{
display:flex;align-items:center;justify-content:space-between;
margin-bottom:8px;
}
.koshi-admin-recent-row-v9111{
display:flex;align-items:center;justify-content:space-between;gap:12px;
padding:8px 5px;
border-bottom:1px solid rgba(194,237,255,.10);
}
.koshi-admin-recent-row-v9111 span b{display:block;font-size:10px}
.koshi-admin-recent-row-v9111 span small{display:block;margin-top:2px;font-size:8px;opacity:.54}
.koshi-admin-recent-row-v9111 time{font-size:8px;opacity:.58;white-space:nowrap}
/* Classic mode */
body.window-style-classic-v919 .koshi-admin-summary-v9111 article,
body.window-style-classic-v919 .koshi-admin-card-v9111,
body.window-style-classic-v919 .koshi-admin-recent-v9111{
border-radius:2px!important;
border:1px solid #7f9db9!important;
background:#edf3f8!important;
color:#123862!important;
box-shadow:inset 1px 1px #fff,inset -1px -1px #a9b8c7!important;
}
body.window-style-classic-v919 .koshi-admin-card-v9111 input,
body.window-style-classic-v919 .koshi-admin-card-v9111 select{
background:#fff!important;color:#111!important;border-radius:0!important;
}
body.window-style-classic-v919 .koshi-admin-message-v9111[data-kind="success"]{color:#1e6f25!important}
body.window-style-classic-v919 .koshi-admin-message-v9111[data-kind="error"]{color:#a71e27!important}
@media(max-width:800px){
.koshi-admin-summary-v9111{grid-template-columns:repeat(2,1fr)}
.koshi-admin-grid-v9111{grid-template-columns:1fr}
}
@media(max-width:600px){
.collection-grid-v9110{grid-template-columns:1fr!important}
.koshi-admin-summary-v9111{grid-template-columns:1fr}
}
/* ============================================================
v91.12.0 — Duelos com cartas reais da coleção
============================================================ */
.koshi-duel-card-v913{
min-height:168px!important;
grid-template-rows:1fr auto auto auto!important;
gap:3px!important;
padding:11px 8px!important;
}
.koshi-duel-card-v913 b{
max-width:100%;
font-size:11px!important;
line-height:1.2;
text-align:center;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.koshi-duel-card-v913>small{
max-width:100%;
font-size:7px;
line-height:1.2;
text-align:center;
opacity:.72;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.koshi-duel-card-v913.rarity-rare{box-shadow:inset 0 1px rgba(255,255,255,.20),0 0 10px rgba(180,101,255,.28)}
.koshi-duel-card-v913.rarity-legendary{border-color:rgba(255,221,99,.72)!important;box-shadow:inset 0 1px rgba(255,255,255,.24),0 0 12px rgba(255,207,66,.30)}
.koshi-duel-card-v913.rarity-koshi{border-color:rgba(130,244,255,.92)!important;box-shadow:inset 0 1px rgba(255,255,255,.26),0 0 13px rgba(94,235,255,.36),0 0 22px rgba(181,102,255,.18)}
.koshi-duel-round-reveal-v913>div b{font-size:10px;line-height:1.2}
.koshi-duel-round-reveal-v913>div small{font-size:8px}
@media(max-width:650px){
.koshi-duel-card-v913{min-height:145px!important}
}
/* v91.13.0 — turnos manuais dos Duelos Koshi Pets */
.koshi-duel-ready-panel-v9130{margin-top:12px;padding:11px 12px;border-radius:13px;border:1px solid rgba(174,232,255,.22);background:linear-gradient(180deg,rgba(12,86,153,.28),rgba(1,52,108,.24));display:flex;align-items:center;justify-content:space-between;gap:12px}
.koshi-duel-ready-panel-v9130[hidden]{display:none!important}
.koshi-duel-ready-state-v9130{display:flex;flex-direction:column;gap:4px;font-size:9px}
.koshi-duel-ready-state-v9130 span:first-child{font-weight:800}
#koshiDuelReadyV9130{min-height:38px;padding:0 14px;border-radius:10px;border:1px solid rgba(158,244,181,.42);background:linear-gradient(180deg,rgba(72,181,108,.72),rgba(28,108,70,.76));color:#fff;font-weight:900;cursor:pointer}
#koshiDuelReadyV9130:disabled{opacity:.55;cursor:default}
#koshiDuelNarrationV913{min-height:58px;line-height:1.5!important}
#koshiDuelSuspenseV9130{display:grid;place-items:center;min-height:48px;font-size:28px!important;animation:koshiDuelSuspensePulseV9130 .72s ease-in-out infinite alternate}
@keyframes koshiDuelSuspensePulseV9130{from{transform:scale(.92);opacity:.6}to{transform:scale(1.08);opacity:1}}
.koshi-duel-exit-confirm-v9130{z-index:13000!important}
.koshi-duel-exit-window-v9130{width:min(470px,calc(100vw - 26px))!important}
.koshi-duel-exit-window-v9130 p{margin:2px 0 16px;font-size:11px;line-height:1.55}
.koshi-duel-exit-actions-v9130{display:flex;justify-content:flex-end;gap:8px}
.koshi-duel-exit-actions-v9130 button{min-height:38px;padding:0 13px;border-radius:9px;border:1px solid rgba(190,235,255,.25);background:rgba(9,81,148,.32);color:#fff;cursor:pointer}
#koshiDuelExitConfirmBtnV9130{border-color:rgba(255,151,158,.45)!important;background:linear-gradient(180deg,rgba(198,73,83,.72),rgba(119,30,47,.78))!important;font-weight:900}
body.window-style-classic-v919 .koshi-duel-ready-panel-v9130{border-radius:2px!important;border:1px solid #7f9db9!important;background:#edf3f8!important;color:#153d6d!important}
body.window-style-classic-v919 #koshiDuelReadyV9130,body.window-style-classic-v919 .koshi-duel-exit-actions-v9130 button{border-radius:2px!important}
@media(max-width:620px){.koshi-duel-ready-panel-v9130{flex-direction:column;align-items:stretch}.koshi-duel-ready-state-v9130{flex-direction:row;justify-content:space-between}}
/* ============================================================
v91.14.0 — Publicidade no Mural Comunitário
============================================================ */
.mural-ad-v9140{margin:16px 0;border:1px solid rgba(177,232,255,.36);border-radius:15px;overflow:hidden;background:linear-gradient(180deg,rgba(12,100,175,.32),rgba(0,55,116,.33));box-shadow:inset 0 1px rgba(255,255,255,.16),0 7px 22px rgba(0,30,68,.16)}
.mural-ad-head-v9140{display:flex;align-items:center;gap:9px;padding:10px 12px}.mural-ad-avatar-v9140{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#57dcff,#0751ad);box-shadow:0 0 8px rgba(75,218,255,.35)}.mural-ad-head-v9140>div:last-child{display:grid;grid-template-columns:auto auto;column-gap:7px;align-items:center}.mural-ad-head-v9140 b{font-size:12px}.mural-ad-head-v9140 span{font-size:8px;padding:2px 6px;border-radius:8px;background:rgba(111,106,255,.45);border:1px solid rgba(190,185,255,.4)}.mural-ad-head-v9140 small{grid-column:1/-1;font-size:8px;opacity:.62;margin-top:2px}
.mural-ad-media-v9140{margin:0 10px;border:1px solid rgba(190,237,255,.22);border-radius:10px;overflow:hidden;background:#07376c}.mural-ad-media-v9140 img{display:block;width:100%;max-height:620px;object-fit:contain;background:#031d40}.mural-ad-copy-v9140{padding:11px 13px 5px}.mural-ad-copy-v9140 h3{margin:0 0 5px;font-size:16px}.mural-ad-copy-v9140 p{margin:0;font-size:10px;line-height:1.45;opacity:.82}.mural-ad-foot-v9140{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px 11px;font-size:9px;border-top:1px solid rgba(188,235,255,.12)}.mural-ad-foot-v9140 button{min-height:34px;padding:0 13px;border-radius:9px;border:1px solid rgba(170,232,255,.36);background:linear-gradient(180deg,rgba(48,167,222,.62),rgba(4,83,156,.66));color:#fff;font-weight:800;cursor:pointer}.mural-ad-empty-v9140{min-height:180px;display:grid;place-items:center;text-align:center;opacity:.62;padding:20px}
.ads-window-v9140{width:min(1050px,calc(100vw - 28px))!important;max-height:94vh!important}.ads-body-v9140,.ads-admin-body-v9140{padding:15px!important;overflow:auto!important}.ads-price-card-v9140{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:9px;align-items:center;padding:12px;margin-bottom:12px;border:1px solid rgba(188,235,255,.20);border-radius:13px;background:rgba(8,87,154,.22)}.ads-price-card-v9140 small{display:block;font-size:8px;opacity:.62}.ads-price-card-v9140 strong{display:block;margin-top:3px;font-size:16px}.ads-price-card-v9140 button,.ads-form-actions-v9140 button,.ads-list-head-v9140 button,.ads-admin-settings-v9140 button{min-height:37px;padding:0 12px;border-radius:9px;border:1px solid rgba(186,235,255,.26);background:linear-gradient(180deg,rgba(45,163,216,.58),rgba(5,82,151,.62));color:#fff;font-weight:800;cursor:pointer}.ads-message-v9140{min-height:20px;font-size:10px;font-weight:700}.ads-create-v9140{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(360px,1.2fr);gap:14px;padding:13px;margin:8px 0 15px;border:1px solid rgba(186,235,255,.18);border-radius:13px;background:rgba(0,49,104,.16)}.ads-create-v9140[hidden]{display:none!important}.ads-create-form-v9140 label,.ads-admin-settings-v9140 label{display:block;font-size:9px;font-weight:700;margin-bottom:8px}.ads-create-form-v9140 input,.ads-create-form-v9140 textarea,.ads-admin-settings-v9140 input,.ads-admin-review-v9140 input{box-sizing:border-box;width:100%;margin-top:4px;padding:8px;border:1px solid rgba(187,233,255,.24);border-radius:8px;background:rgba(0,46,96,.34);color:#fff}.ads-file-v9140 input{display:none}.ads-file-v9140 span{display:block;margin-top:5px;padding:11px;text-align:center;border:1px dashed rgba(190,237,255,.38);border-radius:9px;cursor:pointer}.ads-form-actions-v9140{display:flex;justify-content:flex-end;gap:7px}.ads-preview-v9140{margin:5px 0!important}.ads-list-head-v9140{display:flex;align-items:center;justify-content:space-between;margin:8px 0}.ads-list-v9140{display:grid;gap:8px}.ads-row-v9140{display:grid;grid-template-columns:110px 1fr auto;gap:10px;align-items:center;padding:9px;border:1px solid rgba(186,235,255,.16);border-radius:11px;background:rgba(4,65,126,.18)}.ads-row-v9140>img{width:110px;height:65px;object-fit:cover;border-radius:7px}.ads-row-v9140>div{display:grid;gap:3px}.ads-row-v9140 b{font-size:11px}.ads-row-v9140 span,.ads-row-v9140 small,.ads-row-v9140 em{font-size:8px}.ads-row-v9140 em{font-style:normal;opacity:.72}.ads-row-v9140>button{min-height:32px;border-radius:8px;border:1px solid rgba(255,173,180,.28);background:rgba(129,37,49,.38);color:#fff}.ads-empty-v9140{padding:28px;text-align:center;opacity:.65}
.ads-admin-window-v9140{width:min(1100px,calc(100vw - 28px))!important;max-height:94vh!important}.ads-admin-settings-v9140{display:grid;grid-template-columns:1fr 1fr 1.5fr auto;gap:8px;align-items:end;padding:11px;border:1px solid rgba(188,235,255,.18);border-radius:12px;margin-bottom:11px}.ads-admin-list-v9140{display:grid;gap:14px}.ads-admin-row-v9140{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.6fr);gap:12px;padding:11px;border:1px solid rgba(188,235,255,.17);border-radius:13px}.ads-admin-row-v9140 .mural-ad-v9140{margin:0}.ads-admin-review-v9140{display:flex;flex-direction:column;gap:9px;justify-content:center}.ads-admin-review-v9140>div{display:flex;gap:7px}.ads-admin-review-v9140 button{flex:1;min-height:38px;border-radius:9px;border:1px solid rgba(189,235,255,.25);background:rgba(7,80,148,.38);color:#fff;font-weight:800}.ads-admin-review-v9140 [data-ad-reject-v9140]{background:rgba(142,42,55,.52)}.ads-admin-review-v9140 [data-ad-approve-v9140]{background:rgba(35,139,82,.58)}
.koshi-admin-ad-card-v9140{grid-column:1/-1}.koshi-admin-ad-card-v9140>button{min-height:38px;padding:0 13px;border-radius:9px;border:1px solid rgba(190,237,255,.28);background:linear-gradient(180deg,rgba(43,168,219,.58),rgba(5,88,157,.60));color:#fff;font-weight:800;cursor:pointer}
body.window-style-classic-v919 .mural-ad-v9140,body.window-style-classic-v919 .ads-create-v9140,body.window-style-classic-v919 .ads-row-v9140,body.window-style-classic-v919 .ads-admin-row-v9140,body.window-style-classic-v919 .ads-price-card-v9140,body.window-style-classic-v919 .ads-admin-settings-v9140{border-radius:2px!important;border:1px solid #7f9db9!important;background:#edf3f8!important;color:#123862!important;box-shadow:none!important}body.window-style-classic-v919 .ads-create-form-v9140 input,body.window-style-classic-v919 .ads-create-form-v9140 textarea,body.window-style-classic-v919 .ads-admin-settings-v9140 input,body.window-style-classic-v919 .ads-admin-review-v9140 input{background:#fff!important;color:#111!important;border-radius:0!important}
@media(max-width:800px){.ads-price-card-v9140{grid-template-columns:1fr 1fr}.ads-create-v9140,.ads-admin-row-v9140{grid-template-columns:1fr}.ads-admin-settings-v9140{grid-template-columns:1fr 1fr}.ads-row-v9140{grid-template-columns:80px 1fr}.ads-row-v9140>img{width:80px;height:55px}.ads-row-v9140>button{grid-column:1/-1}.mural-ad-media-v9140 img{max-height:420px}}
/* v91.14.3 — Publicidades mais legíveis e exclusão */
.ads-row-v9143{display:grid;grid-template-columns:240px minmax(0,1fr);gap:16px;padding:14px;margin-bottom:12px;border:1px solid rgba(190,235,255,.2);border-radius:14px;background:rgba(5,69,128,.22)}
.ads-row-media-v9143{min-height:150px;border-radius:10px;overflow:hidden;background:rgba(0,35,75,.25)}
.ads-row-media-v9143 img{width:100%;height:100%;object-fit:cover;display:block}
.ads-row-content-v9143{min-width:0;padding:2px 0}
.ads-row-title-v9143{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.ads-row-title-v9143 b{display:block;font-size:17px;line-height:1.2}
.ads-row-title-v9143 span{display:block;margin-top:5px;font-size:11px}
.ads-row-title-v9143 strong{font-size:14px;white-space:nowrap}
.ads-row-content-v9143>p{font-size:12px;line-height:1.5;margin:10px 0}
.ads-row-url-v9143,.ads-admin-url-v9143{padding:9px 10px;margin:9px 0;border-radius:9px;background:rgba(0,39,82,.25);border:1px solid rgba(192,235,255,.14)}
.ads-row-url-v9143 small,.ads-admin-url-v9143 small{display:block;font-size:9px;opacity:.65;margin-bottom:4px}
.ads-row-url-v9143 a,.ads-admin-url-v9143 a{display:block;color:#bcecff;font-size:11px;word-break:break-all;text-decoration:underline}
.ads-row-stats-v9143{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:10px;font-size:10px;opacity:.8}
.ads-row-reason-v9143{margin-top:10px;padding:8px 10px;border-radius:8px;background:rgba(130,38,50,.2);border:1px solid rgba(255,160,168,.18);font-size:10px;line-height:1.4}
.ads-row-actions-v9143{display:flex;justify-content:flex-end;margin-top:12px}
.ads-row-actions-v9143 button,.ads-admin-delete-v9143{min-height:35px;padding:0 11px;border-radius:8px;border:1px solid rgba(255,154,162,.28);background:rgba(126,31,47,.35);color:#fff;cursor:pointer}
.ads-admin-row-v9143{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.5fr);gap:12px;margin-bottom:14px;padding:12px;border:1px solid rgba(190,235,255,.18);border-radius:14px;background:rgba(0,51,103,.18)}
.ads-admin-review-v9143{display:flex;flex-direction:column;gap:10px}
.ads-admin-review-v9143 input{min-height:36px;padding:0 8px;border-radius:7px;border:1px solid rgba(192,235,255,.22);background:rgba(0,43,91,.28);color:#fff}
.ads-admin-review-v9143>div{display:flex;gap:7px}
.ads-admin-review-v9143 button{min-height:36px;padding:0 10px;border-radius:8px;border:1px solid rgba(190,235,255,.22);background:rgba(8,82,148,.35);color:#fff;cursor:pointer}
.ads-admin-section-title-v9143{margin:14px 0 10px;font-size:14px}
.ads-delete-confirm-v9143{z-index:13100!important}
.ads-delete-window-v9143{width:min(520px,calc(100vw - 28px))!important}
.ads-delete-window-v9143 p{font-size:11px;line-height:1.55}
.ads-admin-delete-reason-v9143{display:block;font-size:10px;font-weight:800}
.ads-admin-delete-reason-v9143 textarea{width:100%;box-sizing:border-box;margin-top:6px;padding:9px;border-radius:8px;border:1px solid rgba(192,235,255,.22);background:rgba(0,43,91,.28);color:#fff;resize:vertical}
.ads-delete-actions-v9143{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}
.ads-delete-actions-v9143 button{min-height:38px;padding:0 13px;border-radius:9px;border:1px solid rgba(190,235,255,.22);background:rgba(8,82,148,.32);color:#fff}
#adsDeleteConfirmBtnV9143,#adsAdminDeleteDoV9143{background:linear-gradient(180deg,rgba(192,66,78,.75),rgba(111,27,43,.8));border-color:rgba(255,158,166,.4);font-weight:900}
@media(max-width:760px){.ads-row-v9143,.ads-admin-row-v9143{grid-template-columns:1fr}.ads-row-media-v9143{min-height:190px}}
/* ============================================================
v91.14.4 — Correções dos Duelos Koshi Pets
============================================================ */
/* A confirmação de saída deve ficar acima de qualquer modal do duelo. */
#koshiDuelExitConfirmV9130{
z-index:2147483000!important;
position:fixed!important;
inset:0!important;
isolation:isolate;
}
#koshiDuelExitConfirmV9130 .koshi-duel-exit-window-v9130{
position:relative;
z-index:2147483001!important;
}
/* Garante que o overlay principal do duelo permaneça abaixo. */
#koshiDuelOverlayV913{
z-index:12000!important;
}
/* ============================================================
v91.14.5 — Mural limpo + menu administrativo restrito
============================================================ */
/* O atributo hidden precisa vencer qualquer display:flex dos cards. */
#accountKoshiAdminOpenV9111[hidden],
#accountKoshiAdminOpenV9111[aria-hidden="true"]{
display:none!important;
}
/* Painéis administrativos também respeitam hidden sem exceção. */
#koshiAdminOverlayV9111[hidden],
#adsAdminOverlayV9140[hidden]{
display:none!important;
}
/* ============================================================
v91.15.0 — Mobile + GIF de perfil + emoji no nome
============================================================ */
.display-custom-emoji-v9150{
display:inline-grid;
place-items:center;
width:1.35em;
height:1.35em;
vertical-align:-.22em;
margin:0 .08em;
border-radius:.28em;
overflow:hidden;
line-height:1;
}
.display-custom-emoji-v9150 img{
display:block;
width:100%;
height:100%;
object-fit:contain;
}
.profile-display-name-note-v9150{
display:block;
margin-top:4px;
font-size:8px!important;
opacity:.66;
font-weight:400!important;
}
/* O background do perfil aceita GIF sem perder a animação. */
.profile-hero-v84.has-bg-v84::before,
.profile-hero-v84.has-bg-v84 .profile-aero-layer-v84{
animation:none;
}
/* Mobile: topbar deixa de permitir que a marca invada os botões. */
@media(max-width:760px){
.topbar{
display:grid!important;
grid-template-columns:46px minmax(72px,1fr) auto!important;
align-items:center!important;
gap:6px!important;
height:62px!important;
min-height:62px!important;
padding:0 8px!important;
}
#menuToggle{
grid-column:1;
justify-self:start;
width:44px!important;
min-width:44px!important;
height:44px!important;
margin:0!important;
}
.brand{
grid-column:2;
min-width:0!important;
max-width:100%!important;
justify-self:center!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
gap:6px!important;
overflow:hidden!important;
white-space:nowrap!important;
font-size:20px!important;
}
.brand-logo{
width:26px!important;
height:26px!important;
flex:none!important;
}
.brand span{
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.top-global-nav-v916{
grid-column:3;
justify-self:end!important;
display:flex!important;
flex:none!important;
gap:3px!important;
width:auto!important;
max-width:none!important;
overflow:visible!important;
}
.top-global-nav-v916 button{
width:36px!important;
min-width:36px!important;
height:40px!important;
min-height:40px!important;
padding:0!important;
display:grid!important;
place-items:center!important;
font-size:15px!important;
line-height:1!important;
}
.top-global-nav-v916 button span{display:none!important}
/* A sidebar começa abaixo da nova altura real da topbar. */
.sidebar{top:62px!important}
.sidebar-backdrop{top:62px!important}
/* Cabeçalho do chat pode usar uma segunda linha para ações contextuais. */
.chat-head{
min-height:66px!important;
padding:9px 10px!important;
gap:7px!important;
}
.chat-head.is-club-context-v9150{
flex-wrap:wrap!important;
align-content:flex-start!important;
min-height:110px!important;
}
.chat-head.is-club-context-v9150 .chat-title-wrap{
flex:1 1 100%!important;
width:100%!important;
}
.chat-head.is-club-context-v9150 .chat-actions{
width:100%!important;
flex:1 1 100%!important;
justify-content:flex-end!important;
flex-wrap:wrap!important;
gap:5px!important;
}
/* Em clube, nada de quadradinhos misteriosos. */
.chat-head.is-club-context-v9150 #clubVoiceChat,
.chat-head.is-club-context-v9150 #clubManageChat,
.chat-head.is-club-context-v9150 #clubLeaveChat,
.chat-head.is-club-context-v9150 #attention{
width:auto!important;
min-width:0!important;
height:36px!important;
padding:0 10px!important;
font-size:0!important;
}
.chat-head.is-club-context-v9150 #clubVoiceChat::before{
content:"📞 Voz";
font-size:11px;
font-weight:800;
}
.chat-head.is-club-context-v9150 #clubManageChat::before{
content:"⚙️ Gerenciar";
font-size:11px;
font-weight:800;
}
.chat-head.is-club-context-v9150 #clubLeaveChat::before{
content:"🚪 Sair";
font-size:11px;
font-weight:800;
}
.chat-head.is-club-context-v9150 #attention::before{
content:"🔔 Atenção";
font-size:11px;
font-weight:800;
}
}
@media(max-width:430px){
.topbar{
grid-template-columns:46px minmax(54px,1fr) auto!important;
gap:4px!important;
}
.brand{font-size:17px!important;gap:4px!important}
.brand-logo{width:23px!important;height:23px!important}
.top-global-nav-v916 button{
width:34px!important;
min-width:34px!important;
height:38px!important;
min-height:38px!important;
font-size:14px!important;
}
}
@media(max-width:365px){
.brand span{display:none!important}
.brand-logo{width:27px!important;height:27px!important}
}
/* v91.17.0 — Catálogos administrativos */
.catalog-overlay-v9170{z-index:14500!important}.catalog-window-v9170{width:min(980px,calc(100vw - 28px))!important;max-height:min(86vh,900px)}.catalog-editor-window-v9170{width:min(820px,calc(100vw - 28px))!important}.catalog-toolbar-v9170{display:grid;grid-template-columns:minmax(160px,1fr) 150px 160px auto;gap:8px;margin-bottom:12px}.catalog-toolbar-v9170 input,.catalog-toolbar-v9170 select,.catalog-editor-fields-v9170 input,.catalog-editor-fields-v9170 select,.catalog-editor-fields-v9170 textarea{width:100%;box-sizing:border-box;min-height:36px;padding:7px 9px;border-radius:8px;border:1px solid rgba(190,235,255,.2);background:rgba(0,52,105,.28);color:#fff}.catalog-toolbar-v9170 button,.catalog-card-v9170>button,.catalog-editor-actions-v9170 button,.catalog-editor-preview-v9170 button{min-height:36px;padding:0 11px;border-radius:8px;border:1px solid rgba(190,235,255,.22);background:rgba(16,103,176,.38);color:#fff;cursor:pointer}.catalog-list-v9170{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}.catalog-card-v9170{display:grid;grid-template-columns:74px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border-radius:12px;border:1px solid rgba(190,235,255,.18);background:rgba(0,57,116,.22)}.catalog-card-v9170.is-inactive{opacity:.55}.catalog-art-v9170{width:74px;height:74px;border-radius:10px;overflow:hidden;display:grid;place-items:center;background:rgba(0,39,82,.3);font-size:32px}.catalog-art-v9170 img,.catalog-preview-art-v9170 img,.pet-catalog-img-v9170{width:100%;height:100%;object-fit:cover;display:block}.catalog-copy-v9170{min-width:0}.catalog-copy-v9170 b{display:block;font-size:13px}.catalog-copy-v9170 span,.catalog-copy-v9170 small{display:block;margin-top:3px;font-size:9px;opacity:.75}.catalog-editor-grid-v9170{display:grid!important;grid-template-columns:280px minmax(0,1fr);gap:18px}.catalog-editor-preview-v9170{text-align:center}.catalog-preview-art-v9170{width:100%;aspect-ratio:4/3;border-radius:14px;overflow:hidden;display:grid;place-items:center;background:rgba(0,41,88,.28);border:1px solid rgba(190,235,255,.16);font-size:54px}.catalog-editor-preview-v9170>div:last-child{display:flex;gap:7px;justify-content:center;margin-top:10px}.catalog-editor-fields-v9170{display:flex;flex-direction:column;gap:10px}.catalog-editor-fields-v9170 label{font-size:9px;font-weight:800}.catalog-inline-v9170{display:grid;grid-template-columns:1fr 90px 1fr;gap:8px}.catalog-check-v9170{display:flex!important;align-items:center;gap:8px}.catalog-check-v9170 input{width:auto!important;min-height:auto!important}.catalog-warning-v9170{font-size:9px;line-height:1.45;color:#ffe8a8}.catalog-editor-actions-v9170{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.catalog-editor-actions-v9170 button:last-child{font-weight:900;background:linear-gradient(180deg,rgba(48,164,112,.7),rgba(21,102,72,.75))}#cardEditorDeleteV9170,#petEditorDeleteV9170{margin-right:auto;background:rgba(136,35,51,.4);border-color:rgba(255,158,166,.3)}#petEmojiV91 .pet-catalog-img-v9170{width:120px;height:120px;border-radius:18px}#profilePetEmojiV911 .pet-catalog-img-v9170{width:56px;height:56px;border-radius:12px}@media(max-width:760px){.catalog-toolbar-v9170{grid-template-columns:1fr 1fr}.catalog-toolbar-v9170 button{grid-column:1/-1}.catalog-editor-grid-v9170{grid-template-columns:1fr}.catalog-list-v9170{grid-template-columns:1fr}}
.pet-species-picker-img-v9170{width:38px;height:38px;object-fit:cover;border-radius:8px;display:block}
/* ============================================================
v91.17.1 — imagens dos pets/cartas em ranking, perfil e duelo
============================================================ */
.pet-image-v9171{
display:block;
width:100%;
height:100%;
object-fit:cover;
object-position:center;
}
.pet-emoji-v9171{
display:grid;
place-items:center;
width:100%;
height:100%;
}
/* Perfil: mantém o retrato perfeitamente centralizado */
#profilePetEmojiV911{
display:grid!important;
place-items:center!important;
overflow:hidden!important;
padding:0!important;
}
#profilePetEmojiV911 .profile-pet-image-v9171{
width:100%!important;
height:100%!important;
max-width:none!important;
max-height:none!important;
object-fit:cover!important;
object-position:center!important;
border-radius:inherit!important;
transform:none!important;
margin:0!important;
}
/* Ranking */
.duel-rank-emoji-v917{
display:grid!important;
place-items:center!important;
overflow:hidden!important;
padding:0!important;
}
.duel-rank-emoji-v917 .ranking-pet-image-v9171{
width:100%!important;
height:100%!important;
object-fit:cover!important;
object-position:center!important;
border-radius:inherit!important;
}
/* Convite e cabeçalho do duelo */
.duel-invite-pet-visual-v9171,
#koshiDuelMyEmojiV913,
#koshiDuelEnemyEmojiV913{
display:grid!important;
place-items:center!important;
overflow:hidden!important;
padding:0!important;
}
.duel-invite-pet-visual-v9171 .duel-pet-image-v9171,
#koshiDuelMyEmojiV913 .duel-pet-image-v9171,
#koshiDuelEnemyEmojiV913 .duel-pet-image-v9171{
width:100%!important;
height:100%!important;
object-fit:cover!important;
object-position:center!important;
border-radius:inherit!important;
}
/* Arte das cartas durante a escolha */
.koshi-duel-card-art-v9171{
width:100%!important;
height:92px!important;
display:grid!important;
place-items:center!important;
overflow:hidden!important;
border-radius:10px!important;
background:rgba(0,39,82,.24)!important;
}
.koshi-duel-card-art-v9171 .duel-card-image-v9171{
width:100%!important;
height:100%!important;
display:block!important;
object-fit:cover!important;
object-position:center!important;
}
.koshi-duel-card-art-v9171 .duel-card-fallback-v9171{
font-size:42px;
}
/* Arte das cartas na revelação do turno */
.duel-reveal-art-v9171{
width:52px!important;
height:52px!important;
display:grid!important;
place-items:center!important;
overflow:hidden!important;
border-radius:9px!important;
background:rgba(0,39,82,.24)!important;
}
.duel-reveal-art-v9171 .duel-card-image-v9171{
width:100%!important;
height:100%!important;
object-fit:cover!important;
object-position:center!important;
display:block!important;
}
.duel-reveal-art-v9171 .duel-card-fallback-v9171{
font-size:28px;
}
/* ============================================================
v91.18.0 — vídeo local de fundo (Microsoft Edge)
============================================================ */
.local-wallpaper-video-v9180{
position:fixed;
inset:0;
width:100vw;
height:100dvh;
object-fit:cover;
object-position:center;
pointer-events:none;
z-index:0;
background:#071d36;
}
body.theme-wallpaper-video-v9180,
body.theme-video{
background:transparent!important;
}
body.theme-wallpaper-video-v9180::before,
body.theme-video::before{
z-index:1!important;
}
body.theme-wallpaper-video-v9180::after,
body.theme-video::after{
z-index:1!important;
}
body.theme-wallpaper-video-v9180 .app,
body.theme-video .app{
position:relative;
z-index:2;
}
.appearance-video-local-v9180{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px solid rgba(175,229,255,.20);
background:rgba(0,52,105,.20);
}
.appearance-video-local-v9180[hidden]{display:none!important}
.appearance-video-local-head-v9180{
margin-bottom:8px;
}
.appearance-video-local-head-v9180>span{
display:block;
font-size:11px;
font-weight:900;
}
.appearance-video-local-head-v9180>small{
display:block;
margin-top:3px;
font-size:8px;
line-height:1.4;
opacity:.68;
}
.appearance-video-actions-v9180{
display:flex;
gap:6px;
margin-top:6px;
}
.appearance-video-actions-v9180 button{
min-height:30px;
padding:0 9px;
border-radius:7px;
border:1px solid rgba(178,230,255,.22);
background:rgba(10,86,154,.30);
color:#fff;
cursor:pointer;
}
.appearance-video-actions-v9180 button[hidden]{display:none!important}
.appearance-video-status-v9180{
margin-top:7px;
font-size:8px;
line-height:1.45;
opacity:.72;
word-break:break-word;
}
.appearance-video-status-v9180[data-kind="success"]{color:#aef9c7;opacity:1}
.appearance-video-status-v9180[data-kind="warning"]{color:#ffe6a6;opacity:1}
.appearance-video-status-v9180[data-kind="error"]{color:#ffc0c5;opacity:1}
#appearanceVideoButtonV9180.is-active{
box-shadow:0 0 0 1px rgba(104,242,255,.65),0 0 18px rgba(38,196,255,.30)!important;
}
.edge-install-only-v9180[hidden]{
display:none!important;
}
body.window-style-classic-v919 .appearance-video-local-v9180{
border-radius:2px!important;
border:1px solid #7f9db9!important;
background:#eef4f9!important;
color:#143963!important;
}
body.window-style-classic-v919 .appearance-video-actions-v9180 button{
border-radius:2px!important;
color:#143963!important;
background:#f4f7fa!important;
border:1px solid #7f9db9!important;
}
/* ============================================================
v91.18.1 — molduras Aero para imagens dos Koshi Pets
============================================================ */
.duel-invite-pet-visual-v9171,
#koshiDuelMyEmojiV913,#koshiDuelEnemyEmojiV913,
#profilePetEmojiV911,#petEmojiV91,.duel-rank-emoji-v917{
position:relative!important;box-sizing:border-box!important;overflow:hidden!important;padding:4px!important;
border:1px solid rgba(170,231,255,.78)!important;border-radius:13px!important;
background:linear-gradient(180deg,rgba(196,240,255,.34),rgba(24,115,184,.22))!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.72),inset 0 -1px 0 rgba(0,42,92,.28),0 0 0 1px rgba(0,62,122,.38),0 3px 10px rgba(0,34,77,.28),0 0 14px rgba(72,206,255,.18)!important
}
.duel-invite-pet-visual-v9171::after,#koshiDuelMyEmojiV913::after,#koshiDuelEnemyEmojiV913::after,
#profilePetEmojiV911::after,#petEmojiV91::after,.duel-rank-emoji-v917::after{
content:"";position:absolute;inset:3px;pointer-events:none;border-radius:9px;border:1px solid rgba(255,255,255,.30);
box-shadow:inset 0 0 9px rgba(0,43,88,.20);z-index:3
}
.duel-invite-pet-visual-v9171 .pet-image-v9171,#koshiDuelMyEmojiV913 .pet-image-v9171,#koshiDuelEnemyEmojiV913 .pet-image-v9171,
#profilePetEmojiV911 .pet-image-v9171,#petEmojiV91 .pet-image-v9171,.duel-rank-emoji-v917 .pet-image-v9171{
width:100%!important;height:100%!important;display:block!important;box-sizing:border-box!important;border-radius:8px!important;
object-fit:cover!important;object-position:center!important
}
#koshiDuelMyEmojiV913,#koshiDuelEnemyEmojiV913{width:58px!important;height:58px!important;min-width:58px!important;flex:0 0 58px!important;border-radius:12px!important}
.duel-invite-pet-visual-v9171{width:112px!important;height:112px!important;margin:0 auto 8px!important;border-radius:16px!important;padding:5px!important}
.duel-invite-pet-visual-v9171::after{inset:4px;border-radius:11px}.duel-invite-pet-visual-v9171 .pet-image-v9171{border-radius:10px!important}
#petEmojiV91{width:112px!important;height:112px!important;min-width:112px!important;padding:5px!important;border-radius:17px!important}
#petEmojiV91::after{inset:4px;border-radius:12px}#petEmojiV91 .pet-image-v9171{object-fit:cover!important;border-radius:11px!important}
#profilePetEmojiV911{padding:3px!important;border-radius:12px!important}#profilePetEmojiV911::after{inset:2px;border-radius:8px}
.duel-rank-emoji-v917{padding:3px!important;border-radius:11px!important}.duel-rank-emoji-v917::after{inset:2px;border-radius:7px}
body.window-style-classic-v919 .duel-invite-pet-visual-v9171,body.window-style-classic-v919 #koshiDuelMyEmojiV913,
body.window-style-classic-v919 #koshiDuelEnemyEmojiV913,body.window-style-classic-v919 #profilePetEmojiV911,
body.window-style-classic-v919 #petEmojiV91,body.window-style-classic-v919 .duel-rank-emoji-v917{
border:2px solid #7f9db9!important;border-radius:2px!important;padding:3px!important;background:#eaf2f8!important;
box-shadow:inset 1px 1px #fff,inset -1px -1px #a9b7c5!important
}
body.window-style-classic-v919 .duel-invite-pet-visual-v9171::after,body.window-style-classic-v919 #koshiDuelMyEmojiV913::after,
body.window-style-classic-v919 #koshiDuelEnemyEmojiV913::after,body.window-style-classic-v919 #profilePetEmojiV911::after,
body.window-style-classic-v919 #petEmojiV91::after,body.window-style-classic-v919 .duel-rank-emoji-v917::after{display:none}
@media(max-width:600px){.duel-invite-pet-visual-v9171{width:92px!important;height:92px!important}#koshiDuelMyEmojiV913,#koshiDuelEnemyEmojiV913{width:50px!important;height:50px!important;min-width:50px!important;flex-basis:50px!important}#petEmojiV91{width:96px!important;height:96px!important;min-width:96px!important}}
/* v91.18.2 — tela cheia do compartilhamento de tela em Clubes */
.group-screen-fullscreen-v9182{position:absolute;right:12px;top:12px;z-index:6;min-height:34px;padding:0 12px;border:1px solid rgba(178,231,255,.7);border-radius:8px;background:rgba(3,55,104,.82);color:#fff;font-weight:800;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.22),0 2px 8px rgba(0,0,0,.28);backdrop-filter:blur(8px)}
.group-screen-fullscreen-v9182:hover{background:rgba(12,105,172,.92)}
.group-screen-fullscreen-v9182[hidden]{display:none!important}
.group-screen-stage:fullscreen{width:100vw!important;height:100vh!important;max-height:none!important;aspect-ratio:auto!important;border:0!important;border-radius:0!important;background:#05080b!important}
.group-screen-stage:fullscreen video{width:100%!important;height:100%!important;object-fit:contain!important}
.group-screen-stage:fullscreen .group-screen-fullscreen-v9182{position:fixed;top:18px;right:18px}
body.window-style-classic-v919 .group-screen-fullscreen-v9182{border-radius:2px;background:#ece9d8;color:#123b68;border:1px solid #7f9db9;backdrop-filter:none}
@media(max-width:640px){.group-screen-fullscreen-v9182{right:8px;top:8px;min-height:32px;padding:0 9px;font-size:11px}}
/* ============================================================
v91.18.3 — cabeçalho dos Clubes Sociais em duas fileiras
============================================================ */
.chat-head.club-header-two-row-v9183{
display:grid!important;
grid-template-columns:minmax(0,1fr)!important;
grid-template-rows:auto auto!important;
align-items:stretch!important;
gap:0!important;
padding:0!important;
min-height:0!important;
}
/* Fileira superior: identidade e estado do clube */
.chat-head.club-header-two-row-v9183 .chat-title-wrap{
grid-row:1!important;
width:100%!important;
min-width:0!important;
box-sizing:border-box!important;
display:grid!important;
grid-template-columns:58px minmax(0,1fr)!important;
grid-template-rows:auto auto auto!important;
column-gap:12px!important;
row-gap:2px!important;
align-items:center!important;
padding:12px 16px 10px!important;
border-bottom:1px solid rgba(188,232,255,.16);
background:linear-gradient(180deg,rgba(42,142,213,.18),rgba(3,76,140,.09));
}
.club-header-image-v9183{
grid-column:1!important;
grid-row:1/4!important;
width:56px!important;
height:56px!important;
box-sizing:border-box!important;
display:grid!important;
place-items:center!important;
overflow:hidden!important;
border-radius:12px!important;
border:1px solid rgba(177,232,255,.70)!important;
padding:3px!important;
font-size:27px!important;
background:linear-gradient(180deg,rgba(190,239,255,.30),rgba(10,91,158,.28))!important;
box-shadow:
inset 0 1px rgba(255,255,255,.58),
0 0 0 1px rgba(0,61,121,.32),
0 3px 12px rgba(0,39,83,.24)!important;
}
.club-header-image-v9183[hidden]{display:none!important}
.club-header-image-v9183 img{
display:block;
width:100%;
height:100%;
object-fit:cover;
object-position:center;
border-radius:8px;
}
.chat-head.club-header-two-row-v9183 .chat-title-line{
grid-column:2!important;
grid-row:1!important;
min-width:0!important;
}
.chat-head.club-header-two-row-v9183 #chatSubtitle{
grid-column:2!important;
grid-row:2!important;
min-width:0!important;
}
.chat-head.club-header-two-row-v9183 #clubMemberRosterV79{
grid-column:2!important;
grid-row:3!important;
min-width:0!important;
margin-top:4px!important;
}
/* Fileira inferior: somente ações, todas com exatamente a mesma largura/altura */
.chat-head.club-header-two-row-v9183 .chat-actions{
grid-row:2!important;
width:100%!important;
box-sizing:border-box!important;
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:8px!important;
padding:9px 16px 11px!important;
justify-content:stretch!important;
align-items:stretch!important;
background:linear-gradient(180deg,rgba(5,83,150,.12),rgba(1,53,108,.20));
}
/* hidden continua realmente escondido e os visíveis ocupam suas células */
.chat-head.club-header-two-row-v9183 .chat-actions>button{
width:100%!important;
min-width:0!important;
max-width:none!important;
height:40px!important;
min-height:40px!important;
margin:0!important;
padding:0 10px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
gap:6px!important;
box-sizing:border-box!important;
border-radius:10px!important;
font-size:11px!important;
font-weight:800!important;
white-space:nowrap!important;
}
.chat-head.club-header-two-row-v9183 .chat-actions>button[hidden]{
display:none!important;
}
/* Quando há menos ações visíveis, elas dividem o espaço sem crescer absurdamente.
auto-fit não funciona bem com hidden em grid fixo, então limitamos o conjunto. */
.chat-head.club-header-two-row-v9183 .chat-actions:has(#clubManageChat[hidden]){
grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
/* O botão principal permanece principal, mas sem quebrar o padrão geométrico */
.chat-head.club-header-two-row-v9183 #clubVoiceChat{
border-color:rgba(101,246,217,.55)!important;
}
.chat-head.club-header-two-row-v9183 #clubLeaveChat{
border-color:rgba(255,162,171,.30)!important;
}
/* Neutraliza a regra mobile antiga que colocava os botões na mesma fileira do título */
@media(max-width:760px){
.chat-head.club-header-two-row-v9183{
min-height:0!important;
flex-wrap:initial!important;
}
.chat-head.club-header-two-row-v9183 .chat-title-wrap{
width:100%!important;
grid-template-columns:50px minmax(0,1fr)!important;
padding:10px 10px 8px!important;
}
.club-header-image-v9183{
width:48px!important;
height:48px!important;
}
.chat-head.club-header-two-row-v9183 .chat-actions{
width:100%!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
padding:8px 10px 10px!important;
gap:6px!important;
}
.chat-head.club-header-two-row-v9183 .chat-actions:has(#clubManageChat[hidden]){
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.chat-head.club-header-two-row-v9183 .chat-actions>button{
width:100%!important;
height:38px!important;
min-height:38px!important;
padding:0 8px!important;
font-size:10px!important;
}
/* desfaz os pseudo-rótulos da v91.15.0 para não duplicar o texto real */
.chat-head.club-header-two-row-v9183 #clubVoiceChat,
.chat-head.club-header-two-row-v9183 #clubManageChat,
.chat-head.club-header-two-row-v9183 #clubLeaveChat,
.chat-head.club-header-two-row-v9183 #attention{
font-size:10px!important;
}
.chat-head.club-header-two-row-v9183 #clubVoiceChat::before,
.chat-head.club-header-two-row-v9183 #clubManageChat::before,
.chat-head.club-header-two-row-v9183 #clubLeaveChat::before,
.chat-head.club-header-two-row-v9183 #attention::before{
content:none!important;
}
}
/* Modo clássico mantém a mesma estrutura, com acabamento coerente */
body.window-style-classic-v919 .chat-head.club-header-two-row-v9183 .chat-title-wrap,
body.window-style-classic-v919 .chat-head.club-header-two-row-v9183 .chat-actions{
background:#eaf2f8!important;
border-color:#9db6cf!important;
}
body.window-style-classic-v919 .club-header-image-v9183{
border-radius:2px!important;
border:2px solid #7f9db9!important;
background:#fff!important;
box-shadow:inset 1px 1px #fff,inset -1px -1px #a9b7c5!important;
}
body.window-style-classic-v919 .chat-head.club-header-two-row-v9183 .chat-actions>button{
border-radius:2px!important;
}
/* ============================================================
v91.19.0 — chamada em modo reunião / apresentação
============================================================ */
/* Janela sem compartilhamento: mais compacta e quase quadrada */
#groupOverlay.is-meeting-v9190:not(.is-minimized) .group-card{
width:min(760px,calc(100vw - 36px))!important;
min-height:min(620px,calc(100dvh - 40px))!important;
max-height:calc(100dvh - 36px)!important;
display:flex!important;
flex-direction:column!important;
}
.group-meeting-layout-v9190{
flex:1 1 auto;
min-height:0;
display:grid;
grid-template-columns:minmax(0,1fr);
gap:12px;
padding:12px 18px 8px;
}
.group-card.has-music-side-v9190 .group-meeting-layout-v9190{
grid-template-columns:minmax(0,1fr) 230px;
}
.group-meeting-main-v9190{
min-width:0;
min-height:0;
display:flex;
flex-direction:column;
}
/* Sem tela, o stage não reserva nenhum espaço. */
#groupOverlay.is-meeting-v9190 #groupScreenStage{
display:none!important;
}
/* Grid de participantes grande */
#groupOverlay.is-meeting-v9190 #groupParticipants{
flex:1 1 auto;
min-height:0;
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr));
grid-auto-rows:minmax(190px,1fr);
gap:14px!important;
align-content:center;
justify-content:center;
padding:6px!important;
overflow:auto;
}
#groupOverlay.is-meeting-v9190 #groupParticipants:has(.group-participant:only-child){
grid-template-columns:minmax(240px,360px)!important;
justify-content:center!important;
}
#groupOverlay.is-meeting-v9190 #groupParticipants:has(.group-participant:nth-child(5)){
grid-template-columns:repeat(3,minmax(0,1fr))!important;
grid-auto-rows:minmax(150px,1fr)!important;
}
#groupOverlay.is-meeting-v9190 .group-participant{
position:relative!important;
min-width:0!important;
width:auto!important;
height:auto!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
gap:9px!important;
padding:14px 12px 12px!important;
border-radius:18px!important;
border:1px solid rgba(173,231,255,.24)!important;
background:
radial-gradient(circle at 50% 18%,rgba(86,202,255,.13),transparent 48%),
linear-gradient(180deg,rgba(8,82,148,.30),rgba(2,48,99,.24))!important;
box-shadow:inset 0 1px rgba(255,255,255,.10)!important;
}
.group-participant-portrait-v9190{
position:relative;
width:126px;
height:126px;
flex:none;
}
.group-participant-avatar-v9190{
width:100%;
height:100%;
box-sizing:border-box;
display:grid;
place-items:center;
overflow:hidden;
border-radius:22px;
padding:5px;
border:1px solid rgba(180,236,255,.78);
background:linear-gradient(180deg,rgba(199,242,255,.34),rgba(12,102,174,.26));
box-shadow:
inset 0 1px rgba(255,255,255,.70),
0 0 0 1px rgba(0,55,112,.35),
0 5px 18px rgba(0,29,69,.26),
0 0 18px rgba(65,210,255,.14);
font-size:52px;
font-weight:900;
}
.group-participant-avatar-v9190 img{
width:100%;
height:100%;
object-fit:cover;
object-position:center;
display:block;
border-radius:17px;
}
.group-participant-pet-v9190{
position:absolute;
right:-11px;
bottom:-8px;
width:48px;
height:48px;
box-sizing:border-box;
display:grid;
place-items:center;
overflow:hidden;
border-radius:14px;
padding:3px;
border:1px solid rgba(184,239,255,.86);
background:linear-gradient(180deg,rgba(207,245,255,.88),rgba(28,126,194,.86));
box-shadow:0 4px 12px rgba(0,35,74,.38),0 0 12px rgba(67,223,255,.28);
z-index:4;
font-size:25px;
}
.group-participant-pet-v9190[hidden]{display:none!important}
.group-participant-pet-v9190 img{
width:100%;
height:100%;
display:block;
object-fit:cover;
object-position:center;
border-radius:10px;
}
.group-participant-copy-v9190{
min-width:0;
text-align:center;
}
.group-participant-copy-v9190 .group-participant-name{
display:block;
max-width:220px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
font-size:13px!important;
}
.group-participant-pet-name-v9190{
display:block;
min-height:13px;
margin-top:3px;
font-size:8px;
opacity:.65;
}
#groupOverlay.is-meeting-v9190 .group-participant-state{
position:absolute;
top:10px;
right:11px;
font-size:10px;
}
#groupOverlay.is-meeting-v9190 .group-volume-v79{
width:min(180px,90%)!important;
margin-top:1px!important;
}
/* Fala ativa ilumina a moldura inteira */
#groupOverlay.is-meeting-v9190 .group-participant.is-speaking,
#groupOverlay.is-meeting-v9190 .group-participant.voice-active,
#groupOverlay.is-meeting-v9190 .group-participant[data-speaking="true"]{
border-color:rgba(112,255,198,.80)!important;
box-shadow:inset 0 1px rgba(255,255,255,.16),0 0 18px rgba(83,255,184,.20)!important;
}
#groupOverlay.is-meeting-v9190 .group-participant.is-speaking .group-participant-avatar-v9190,
#groupOverlay.is-meeting-v9190 .group-participant.voice-active .group-participant-avatar-v9190{
box-shadow:inset 0 1px rgba(255,255,255,.75),0 0 0 2px rgba(92,255,185,.72),0 0 24px rgba(68,255,178,.28)!important;
}
/* Koshi Music lateral */
.group-music-side-v9190{
min-width:0;
overflow:hidden;
border-radius:16px;
border:1px solid rgba(172,229,255,.20);
background:linear-gradient(180deg,rgba(4,62,120,.34),rgba(2,42,87,.30));
box-shadow:inset 0 1px rgba(255,255,255,.10);
padding:13px;
}
.group-music-side-v9190[hidden]{display:none!important}
.group-music-side-title-v9190{
padding-bottom:10px;
font-size:13px;
font-weight:900;
border-bottom:1px solid rgba(187,233,255,.13);
}
.group-music-side-now-v9190{
margin-top:12px;
padding:11px;
border-radius:11px;
background:rgba(11,100,170,.24);
border:1px solid rgba(177,232,255,.13);
}
.group-music-side-now-v9190 small,
.group-music-side-next-label-v9190{
display:block;
font-size:7px;
font-weight:900;
letter-spacing:.08em;
opacity:.58;
}
.group-music-side-now-v9190 b{
display:block;
margin-top:5px;
font-size:11px;
line-height:1.35;
}
.group-music-side-now-v9190 span{
display:block;
margin-top:4px;
font-size:7px;
opacity:.58;
}
.group-music-side-next-label-v9190{margin:14px 3px 7px}
.group-music-side-queue-v9190{
max-height:360px;
overflow:auto;
display:flex;
flex-direction:column;
gap:5px;
}
.group-music-side-item-v9190{
display:grid;
grid-template-columns:22px minmax(0,1fr);
gap:6px;
align-items:center;
padding:7px 6px;
border-radius:8px;
background:rgba(0,45,93,.18);
}
.group-music-side-item-v9190>span{
display:grid;
place-items:center;
width:20px;
height:20px;
border-radius:6px;
background:rgba(39,140,208,.27);
font-size:8px;
font-weight:900;
}
.group-music-side-item-v9190 b{
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
font-size:8px;
}
.group-music-side-item-v9190 small{
display:block;
margin-top:2px;
font-size:6px;
opacity:.52;
}
.group-music-side-empty-v9190{
padding:15px 5px;
text-align:center;
font-size:8px;
opacity:.55;
}
/* No modo reunião a barra horizontal da música é redundante. */
#groupOverlay.is-meeting-v9190 #koshiMusicBar{
display:none!important;
}
/* Controles ficam como dock inferior */
#groupOverlay.is-meeting-v9190 .group-controls{
flex:none;
display:flex!important;
justify-content:center!important;
flex-wrap:wrap!important;
gap:8px!important;
padding:10px 18px 6px!important;
border-top:1px solid rgba(185,232,255,.12);
}
#groupOverlay.is-meeting-v9190 .group-controls>button{
min-width:112px;
}
/* APRESENTAÇÃO: mantém o compartilhamento grande, como já funcionava */
#groupOverlay.is-presentation-v9190:not(.is-minimized) .group-card{
width:min(1040px,calc(100vw - 28px))!important;
max-height:calc(100dvh - 24px)!important;
}
#groupOverlay.is-presentation-v9190 .group-meeting-layout-v9190{
display:block!important;
padding:0 18px 8px!important;
}
#groupOverlay.is-presentation-v9190 #groupScreenStage{
display:block!important;
}
#groupOverlay.is-presentation-v9190 #groupParticipants{
display:flex!important;
flex-wrap:wrap!important;
gap:7px!important;
padding:8px 0 0!important;
}
#groupOverlay.is-presentation-v9190 .group-participant{
display:flex!important;
flex-direction:row!important;
align-items:center!important;
width:auto!important;
min-width:0!important;
padding:4px 10px 4px 4px!important;
border-radius:12px!important;
}
#groupOverlay.is-presentation-v9190 .group-participant-portrait-v9190{
width:32px!important;
height:32px!important;
}
#groupOverlay.is-presentation-v9190 .group-participant-avatar-v9190{
width:32px!important;
height:32px!important;
padding:2px!important;
border-radius:9px!important;
font-size:14px!important;
}
#groupOverlay.is-presentation-v9190 .group-participant-avatar-v9190 img{
border-radius:6px!important;
}
#groupOverlay.is-presentation-v9190 .group-participant-pet-v9190{
width:16px!important;
height:16px!important;
right:-5px!important;
bottom:-4px!important;
padding:1px!important;
border-radius:5px!important;
font-size:9px!important;
}
#groupOverlay.is-presentation-v9190 .group-participant-pet-v9190 img{border-radius:3px!important}
#groupOverlay.is-presentation-v9190 .group-participant-copy-v9190{
text-align:left!important;
margin-left:5px;
}
#groupOverlay.is-presentation-v9190 .group-participant-copy-v9190 .group-participant-name{
font-size:8px!important;
max-width:150px;
}
#groupOverlay.is-presentation-v9190 .group-participant-pet-name-v9190{display:none!important}
#groupOverlay.is-presentation-v9190 .group-participant-state{font-size:7px!important}
#groupOverlay.is-presentation-v9190 .group-volume-v79{display:none!important}
#groupOverlay.is-presentation-v9190 #groupMusicSideV9190{display:none!important}
/* Minimizadas continuam usando o layout compacto antigo */
#groupOverlay.is-minimized .group-meeting-layout-v9190{
display:block!important;
padding:0!important;
}
#groupOverlay.is-minimized #groupMusicSideV9190{display:none!important}
/* Mobile */
@media(max-width:760px){
#groupOverlay.is-meeting-v9190:not(.is-minimized) .group-card{
width:calc(100vw - 14px)!important;
min-height:calc(100dvh - 14px)!important;
max-height:calc(100dvh - 14px)!important;
}
.group-card.has-music-side-v9190 .group-meeting-layout-v9190{
grid-template-columns:1fr!important;
}
#groupOverlay.is-meeting-v9190 #groupParticipants{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
grid-auto-rows:minmax(150px,1fr)!important;
gap:8px!important;
}
.group-participant-portrait-v9190{
width:94px;
height:94px;
}
.group-participant-pet-v9190{
width:38px;
height:38px;
}
.group-music-side-v9190{
max-height:180px;
}
.group-music-side-queue-v9190{
max-height:100px;
}
#groupOverlay.is-meeting-v9190 .group-controls>button{
min-width:calc(50% - 8px)!important;
}
}
/* Clássico */
body.window-style-classic-v919 #groupOverlay.is-meeting-v9190 .group-participant,
body.window-style-classic-v919 .group-music-side-v9190{
border-radius:2px!important;
border:1px solid #7f9db9!important;
background:#eef4f9!important;
color:#143963!important;
box-shadow:none!important;
}
body.window-style-classic-v919 .group-participant-avatar-v9190,
body.window-style-classic-v919 .group-participant-pet-v9190{
border-radius:2px!important;
border:2px solid #7f9db9!important;
background:#fff!important;
box-shadow:inset 1px 1px #fff,inset -1px -1px #a9b7c5!important;
}
/* ============================================================
v91.19.1 — chamada minimizada integrada ao cabeçalho do clube
============================================================ */
/* Nunca renderiza conteúdo de apresentação na versão minimizada */
#groupOverlay.is-minimized #groupMeetingLayoutV9190,
#groupOverlay.is-minimized #groupScreenStage,
#groupOverlay.is-minimized #groupSharedScreen,
#groupOverlay.is-minimized #groupParticipants,
#groupOverlay.is-minimized .group-note,
#groupOverlay.is-minimized .group-controls{
display:none!important;
}
/* No clube, overlay minimizado vira uma terceira faixa do cabeçalho */
.chat-head + #groupOverlay.is-minimized,
.chat-head.club-header-two-row-v9183 + #groupOverlay.is-minimized{
position:relative!important;
inset:auto!important;
width:100%!important;
height:auto!important;
min-height:0!important;
margin:0!important;
padding:0!important;
display:block!important;
background:transparent!important;
backdrop-filter:none!important;
-webkit-backdrop-filter:none!important;
z-index:auto!important;
overflow:visible!important;
}
.chat-head + #groupOverlay.is-minimized .group-card,
.chat-head.club-header-two-row-v9183 + #groupOverlay.is-minimized .group-card{
position:relative!important;
width:100%!important;
max-width:none!important;
min-width:0!important;
height:auto!important;
min-height:0!important;
max-height:none!important;
margin:0!important;
padding:0!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
background:transparent!important;
display:block!important;
overflow:visible!important;
}
/* Terceira fileira: informações resumidas + controles da call */
.chat-head + #groupOverlay.is-minimized .group-head,
.chat-head.club-header-two-row-v9183 + #groupOverlay.is-minimized .group-head{
width:100%!important;
min-height:54px!important;
box-sizing:border-box!important;
display:grid!important;
grid-template-columns:minmax(0,1fr) auto!important;
gap:12px!important;
align-items:center!important;
padding:8px 16px!important;
border-top:1px solid rgba(185,232,255,.14)!important;
border-bottom:1px solid rgba(185,232,255,.14)!important;
background:linear-gradient(180deg,rgba(5,84,151,.18),rgba(1,55,110,.26))!important;
}
#groupOverlay.is-minimized .group-head>div:first-child{
min-width:0!important;
}
#groupOverlay.is-minimized .group-head h2{
margin:0!important;
font-size:11px!important;
line-height:1.2!important;
}
#groupOverlay.is-minimized .group-status{
margin-top:3px!important;
font-size:7px!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
opacity:.68!important;
}
/* Só mutar, ouvir e sair permanecem. O relógio continua ao lado. */
#groupOverlay.is-minimized .group-head-actions{
display:grid!important;
grid-template-columns:auto repeat(3,42px)!important;
gap:6px!important;
align-items:center!important;
}
#groupOverlay.is-minimized #groupMinimize{
display:none!important;
}
#groupOverlay.is-minimized .group-timer{
min-width:46px!important;
font-size:10px!important;
text-align:right!important;
}
#groupOverlay.is-minimized #groupMute,
#groupOverlay.is-minimized #groupListen,
#groupOverlay.is-minimized #groupLeave{
width:42px!important;
min-width:42px!important;
height:36px!important;
min-height:36px!important;
padding:0!important;
margin:0!important;
display:grid!important;
place-items:center!important;
border-radius:9px!important;
font-size:0!important;
}
#groupOverlay.is-minimized #groupMute::before{
content:"🎙️";
font-size:15px;
}
#groupOverlay.is-minimized #groupMute.is-muted::before{
content:"🔇";
}
#groupOverlay.is-minimized #groupListen::before{
content:"🔊";
font-size:15px;
}
#groupOverlay.is-minimized #groupListen.is-muted::before{
content:"🔇";
}
#groupOverlay.is-minimized #groupLeave::before{
content:"☎";
font-size:15px;
}
/* Quarta faixa: Koshi Music */
#groupOverlay.is-minimized + #koshiMusicBar,
.chat-head + #groupOverlay.is-minimized + #koshiMusicBar{
position:relative!important;
width:100%!important;
box-sizing:border-box!important;
margin:0!important;
border-radius:0!important;
border-left:0!important;
border-right:0!important;
display:grid!important;
grid-template-columns:minmax(0,1fr) 100px 36px 36px 36px!important;
gap:7px!important;
align-items:center!important;
padding:7px 16px!important;
background:linear-gradient(180deg,rgba(4,78,143,.17),rgba(1,49,99,.24))!important;
border-top:0!important;
border-bottom:1px solid rgba(185,232,255,.14)!important;
box-shadow:none!important;
}
/* Oculta totalmente qualquer resíduo visual de tela compartilhada */
#groupOverlay.is-minimized.is-presentation-v9190::before,
#groupOverlay.is-minimized.is-presentation-v9190::after{
display:none!important;
}
/* Mobile: controles continuam legíveis, sem mostrar transmissão */
@media(max-width:760px){
.chat-head + #groupOverlay.is-minimized .group-head,
.chat-head.club-header-two-row-v9183 + #groupOverlay.is-minimized .group-head{
grid-template-columns:1fr!important;
gap:7px!important;
padding:8px 10px!important;
}
#groupOverlay.is-minimized .group-head-actions{
grid-template-columns:minmax(48px,1fr) repeat(3,minmax(48px,1fr))!important;
width:100%!important;
}
#groupOverlay.is-minimized .group-timer{
text-align:left!important;
}
#groupOverlay.is-minimized #groupMute,
#groupOverlay.is-minimized #groupListen,
#groupOverlay.is-minimized #groupLeave{
width:100%!important;
min-width:0!important;
}
#groupOverlay.is-minimized + #koshiMusicBar{
grid-template-columns:minmax(0,1fr) 70px 34px 34px 34px!important;
padding:7px 10px!important;
}
}
/* Modo clássico preserva estrutura, muda apenas acabamento */
body.window-style-classic-v919 .chat-head + #groupOverlay.is-minimized .group-head,
body.window-style-classic-v919 .chat-head.club-header-two-row-v9183 + #groupOverlay.is-minimized .group-head,
body.window-style-classic-v919 #groupOverlay.is-minimized + #koshiMusicBar{
background:#eaf2f8!important;
color:#143963!important;
border-color:#9db6cf!important;
}
/* ============================================================
v91.19.2 — brilho de voz restaurado
============================================================ */
#groupOverlay .group-participant.is-speaking-v68 .group-participant-avatar-v9190,
#groupOverlay .group-participant.is-speaking .group-participant-avatar-v9190,
#groupOverlay .group-participant.voice-active .group-participant-avatar-v9190,
#groupOverlay .group-participant[data-speaking="true"] .group-participant-avatar-v9190{
border-color:rgba(112,255,191,.98)!important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.86),
0 0 0 2px rgba(85,255,175,.92),
0 0 14px rgba(73,255,176,.84),
0 0 30px rgba(47,222,255,.55),
0 0 44px rgba(34,165,255,.25)!important;
animation:koshiSpeakingGlowV9192 .85s ease-in-out infinite alternate;
}
#groupOverlay .group-participant.is-speaking-v68,
#groupOverlay .group-participant.is-speaking,
#groupOverlay .group-participant.voice-active,
#groupOverlay .group-participant[data-speaking="true"]{
border-color:rgba(104,255,187,.75)!important;
box-shadow:
inset 0 1px rgba(255,255,255,.16),
0 0 12px rgba(70,255,179,.30),
0 0 25px rgba(42,188,255,.18)!important;
}
#groupOverlay .group-participant.is-speaking-v68 .group-participant-pet-v9190,
#groupOverlay .group-participant.is-speaking .group-participant-pet-v9190,
#groupOverlay .group-participant.voice-active .group-participant-pet-v9190,
#groupOverlay .group-participant[data-speaking="true"] .group-participant-pet-v9190{
border-color:rgba(136,255,204,.98)!important;
box-shadow:
0 0 0 1px rgba(75,255,174,.70),
0 0 11px rgba(76,255,176,.82),
0 0 19px rgba(51,214,255,.34),
0 4px 12px rgba(0,35,74,.38)!important;
}
@keyframes koshiSpeakingGlowV9192{
from{filter:brightness(1.02);transform:scale(1)}
to{filter:brightness(1.11);transform:scale(1.018)}
}
#groupOverlay.is-presentation-v9190 .group-participant.is-speaking-v68 .group-participant-avatar-v9190,
#groupOverlay.is-presentation-v9190 .group-participant.is-speaking .group-participant-avatar-v9190,
#groupOverlay.is-presentation-v9190 .group-participant.voice-active .group-participant-avatar-v9190{
box-shadow:
0 0 0 2px rgba(91,255,181,.92),
0 0 10px rgba(68,255,179,.80),
0 0 18px rgba(47,205,255,.42)!important;
}
@media (prefers-reduced-motion: reduce){
#groupOverlay .group-participant.is-speaking-v68 .group-participant-avatar-v9190,
#groupOverlay .group-participant.is-speaking .group-participant-avatar-v9190,
#groupOverlay .group-participant.voice-active .group-participant-avatar-v9190{
animation:none!important;
}
}
/* v91.20.0 — saída do clube foi movida para Conta Koshinet > Meus Clubes */
#clubLeaveChat{
display:none!important;
}
/* ============================================================
v91.20.0 — Conta Koshinet > Meus Clubes
============================================================ */
.my-clubs-overlay-v9200{z-index:14600!important}
.my-clubs-window-v9200{
width:min(820px,calc(100vw - 28px))!important;
max-height:min(86vh,860px);
}
.my-clubs-section-v9200 + .my-clubs-section-v9200{
margin-top:18px;
}
.my-clubs-section-head-v9200{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
margin-bottom:8px;
padding-bottom:7px;
border-bottom:1px solid rgba(188,232,255,.15);
}
.my-clubs-section-head-v9200 h3{
margin:0;
font-size:13px;
}
.my-clubs-section-head-v9200 span{
display:grid;
place-items:center;
min-width:26px;
height:24px;
border-radius:8px;
background:rgba(12,99,170,.28);
border:1px solid rgba(185,232,255,.16);
font-size:9px;
font-weight:900;
}
.my-clubs-list-v9200{
display:flex;
flex-direction:column;
gap:8px;
}
.my-club-card-v9200{
display:grid;
grid-template-columns:58px minmax(0,1fr) auto;
gap:11px;
align-items:center;
padding:10px;
border-radius:13px;
border:1px solid rgba(184,232,255,.18);
background:linear-gradient(180deg,rgba(8,92,160,.26),rgba(2,57,112,.22));
cursor:pointer;
transition:transform .12s ease,border-color .12s ease,background .12s ease;
}
.my-club-card-v9200:hover{
transform:translateY(-1px);
border-color:rgba(180,236,255,.42);
background:linear-gradient(180deg,rgba(15,111,186,.32),rgba(3,67,126,.28));
}
.my-club-image-v9200{
width:56px;
height:56px;
box-sizing:border-box;
display:grid;
place-items:center;
overflow:hidden;
padding:3px;
border-radius:12px;
border:1px solid rgba(180,235,255,.68);
background:linear-gradient(180deg,rgba(197,241,255,.32),rgba(18,108,178,.25));
box-shadow:inset 0 1px rgba(255,255,255,.6),0 3px 10px rgba(0,36,78,.25);
font-size:28px;
}
.my-club-image-v9200 img{
width:100%;
height:100%;
display:block;
object-fit:cover;
border-radius:8px;
}
.my-club-copy-v9200{min-width:0}
.my-club-copy-v9200 b{
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
font-size:12px;
}
.my-club-copy-v9200 span,
.my-club-copy-v9200 small{
display:block;
margin-top:3px;
font-size:8px;
opacity:.68;
}
.my-club-copy-v9200 small{opacity:.52}
.my-club-actions-v9200{
display:flex;
align-items:center;
gap:7px;
}
.my-club-actions-v9200 button{
min-width:112px;
height:36px;
padding:0 11px;
border-radius:9px;
border:1px solid rgba(183,233,255,.24);
background:linear-gradient(180deg,rgba(35,137,206,.58),rgba(7,88,156,.58));
color:#fff;
font-size:9px;
font-weight:800;
cursor:pointer;
}
.my-club-actions-v9200 button.danger-v9200{
border-color:rgba(255,167,177,.28);
background:linear-gradient(180deg,rgba(154,75,100,.54),rgba(106,45,70,.60));
}
.my-clubs-leave-overlay-v9200{z-index:14700!important}
.my-clubs-leave-window-v9200{
width:min(500px,calc(100vw - 28px))!important;
}
.my-clubs-leave-window-v9200 p{
font-size:10px;
line-height:1.55;
}
.my-clubs-leave-actions-v9200{
display:flex;
justify-content:flex-end;
gap:8px;
margin-top:14px;
}
.my-clubs-leave-actions-v9200 button{
min-width:112px;
min-height:38px;
padding:0 12px;
border-radius:9px;
border:1px solid rgba(184,232,255,.22);
background:rgba(12,98,168,.30);
color:#fff;
font-weight:800;
}
#myClubsLeaveDoV9200{
border-color:rgba(255,164,174,.32);
background:linear-gradient(180deg,rgba(184,68,83,.72),rgba(119,34,51,.78));
}
/* Com o botão Sair removido do cabeçalho, as três ações restantes dividem igualmente a linha. */
.chat-head.club-header-two-row-v9183 .chat-actions{
grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.chat-head.club-header-two-row-v9183 .chat-actions:has(#clubManageChat[hidden]){
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
@media(max-width:620px){
.my-club-card-v9200{
grid-template-columns:50px minmax(0,1fr);
}
.my-club-image-v9200{width:48px;height:48px}
.my-club-actions-v9200{
grid-column:1/-1;
}
.my-club-actions-v9200 button{
width:100%;
}
}
/* Clássico */
body.window-style-classic-v919 .my-club-card-v9200{
border-radius:2px!important;
border:1px solid #9db6cf!important;
background:#eef4f9!important;
color:#143963!important;
}
body.window-style-classic-v919 .my-club-image-v9200,
body.window-style-classic-v919 .my-club-actions-v9200 button{
border-radius:2px!important;
}
/* ============================================================
v91.21.0 — SoundCloud + histórico do Koshi Music
============================================================ */
.koshi-soundcloud-host-v9210{
position:fixed!important;
width:1px!important;
height:1px!important;
overflow:hidden!important;
opacity:.001!important;
pointer-events:none!important;
left:-10000px!important;
top:-10000px!important;
}
.koshi-soundcloud-host-v9210 iframe{
width:1px!important;
height:1px!important;
border:0!important;
}
.koshi-music-history-v9210{
margin-top:12px;
padding-top:10px;
border-top:1px solid rgba(185,232,255,.13);
}
.koshi-music-history-title-v9210{
margin-bottom:6px;
font-size:8px;
font-weight:900;
text-transform:uppercase;
letter-spacing:.06em;
opacity:.62;
}
.koshi-music-history-list-v9210{
display:flex;
flex-direction:column;
gap:4px;
max-height:150px;
overflow:auto;
}
.koshi-music-history-item-v9210{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:8px;
align-items:center;
padding:6px 7px;
border-radius:7px;
background:rgba(0,50,103,.16);
font-size:8px;
}
.koshi-music-history-item-v9210 span{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.koshi-music-history-item-v9210 small{
font-size:7px;
opacity:.48;
}
.koshi-music-history-empty-v9210{
padding:8px 4px;
font-size:8px;
opacity:.48;
}
/* v91.21.1 — download do Koshinet Desktop */
#desktopDownloadButtonV91211{
border-color:rgba(116,239,208,.38)!important;
background:linear-gradient(180deg,rgba(25,161,141,.72),rgba(7,101,115,.72))!important;
}
#desktopDownloadButtonV91211:hover{
border-color:rgba(143,255,226,.72)!important;
box-shadow:0 0 14px rgba(54,229,198,.26)!important;
}
@media(max-width:760px){
#desktopDownloadButtonV91211 span{display:none}
#desktopDownloadButtonV91211{min-width:42px!important;width:42px!important;padding:0!important}
}
/* ============================================================
v91.21.2 — integração com Koshinet Desktop
============================================================ */
/* Dentro do cliente Windows não faz sentido oferecer o próprio instalador. */
html.koshinet-desktop-app #desktopDownloadButtonV91211{
display:none!important;
}
/* Meus Clubes usa exatamente o mesmo componente visual das demais opções. */
#accountMyClubsOpenV9200{
width:100%;
}
/* ============================================================
v91.21.3 — player SoundCloud realmente invisível
============================================================ */
#koshiSoundCloudHostV9210,
.koshi-soundcloud-host-v9210{
position:fixed!important;
left:-10000px!important;
top:-10000px!important;
width:1px!important;
height:1px!important;
min-width:0!important;
min-height:0!important;
max-width:1px!important;
max-height:1px!important;
overflow:hidden!important;
opacity:0!important;
visibility:hidden!important;
pointer-events:none!important;
border:0!important;
margin:0!important;
padding:0!important;
z-index:-2147483647!important;
contain:strict!important;
}
#koshiSoundCloudHostV9210 iframe,
.koshi-soundcloud-host-v9210 iframe{
position:fixed!important;
left:-10000px!important;
top:-10000px!important;
width:1px!important;
height:1px!important;
min-width:0!important;
min-height:0!important;
max-width:1px!important;
max-height:1px!important;
opacity:0!important;
visibility:hidden!important;
pointer-events:none!important;
border:0!important;
margin:0!important;
padding:0!important;
}