*{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-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}
@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-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}
}
@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-peer-audio{display:none}
/* 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{
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-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-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{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-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-picker-overlay{background:rgba(31,72,88,.38);backdrop-filter:blur(5px) saturate(1.2)}
.video-stage{border:1px solid #6caac0;box-shadow:inset 0 0 24px rgba(28,101,128,.35),0 2px 8px rgba(0,95,128,.14)}
/* 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}
.call-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{
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{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}
@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{left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));width:auto}
.call-overlay.is-minimized .call-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{
left:8px;
right:8px;
bottom:calc(64px + max(8px, env(safe-area-inset-bottom)));
width:auto;
}
.call-overlay.is-minimized .call-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-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-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-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-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-picker-card h2, .group-picker-name{color:#f3fbff!important}
.call-status, .call-note, .group-picker-hint{color:#bddae9!important}
.video-stage{border-color:rgba(146,220,247,.62);background:rgba(3,23,44,.64)}
.group-picker-item{color:#eefaff;background:rgba(57,126,174,.24);border-color:rgba(154,218,242,.37)}
/* 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{
left:14px;right:14px;bottom:calc(68px + max(10px,env(safe-area-inset-bottom)));
}
.call-overlay.is-minimized .call-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{
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{
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{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.call-overlay.is-minimized .call-status{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.call-overlay.is-minimized .call-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{
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{
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{
font-size:14px!important;
min-width:42px!important;
}
.call-overlay.is-minimized .call-controls{
position:absolute;
right:9px;
bottom:8px;
margin:0!important;
gap:5px!important;
}
.call-overlay.is-minimized .call-card{
position:relative;
padding-right:92px!important;
}
.call-overlay.is-minimized #callMute, .call-overlay.is-minimized #callHangup{
width:36px!important;
height:34px!important;
padding:0!important;
min-width:36px!important;
}
}
@media (max-width:430px){
.call-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{
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-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. */
.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;
}
/* 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{
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{
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{
min-height:40px!important;
margin:0!important;
align-items:center!important;
}
.call-overlay.is-minimized .call-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{position:relative!important}
.call-overlay.is-minimized .call-controls button{display:none!important}
.call-overlay.is-minimized #callMute, .call-overlay.is-minimized #callHangup{
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}
.call-overlay.is-minimized .call-avatar{width:38px!important;height:38px!important}
.call-overlay.is-minimized .call-status{color:rgba(238,250,255,.82)!important}
.call-overlay.is-minimized .call-timer{color:#fff!important}
.call-overlay.is-minimized .video-stage, .call-overlay.is-minimized .call-note{display:none!important}
/* Deixa espaço no chat para a barra quando uma chamada é minimizada. */
body:has(.call-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{
left:0!important;
right:0!important;
bottom:calc(66px + env(safe-area-inset-bottom))!important;
}
.call-overlay.is-minimized .call-card{
min-height:56px!important;
max-height:64px!important;
padding:7px 9px!important;
}
.call-overlay.is-minimized .call-controls{
right:78px!important;
}
.call-overlay.is-minimized #callMute, .call-overlay.is-minimized #callHangup{
width:31px!important;
min-width:31px!important;
height:31px!important;
}
.call-overlay.is-minimized .call-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{right:58px!important}
}
/* Koshinet v37 — chamada minimizada integrada como barra do chat */
.chat > .call-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{
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{
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{
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{
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{
font-size:13px!important;
min-width:42px!important;
}
.chat > .call-overlay.is-minimized .call-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{
width:34px!important;
height:32px!important;
min-width:34px!important;
padding:0!important;
border-radius:9px!important;
}
.chat > .call-overlay.is-minimized .video-stage, .chat > .call-overlay.is-minimized .call-note{
display:none!important;
}
/* A barra deve ter a mesma largura e ritmo visual do compositor. */
.chat > .call-overlay.is-minimized + .composer{
border-top:0!important;
}
@media (max-width:760px){
.chat > .call-overlay.is-minimized{
width:100%!important;
padding:5px 7px!important;
}
.chat > .call-overlay.is-minimized .call-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{
width:31px!important;height:30px!important;min-width:31px!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}
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}
}
@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. */
@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}
}
/* Koshinet v40 — correção definitiva da barra minimizada e do Wink */
#winkButton[hidden]{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. */
#callMinimize{
font-family:"Segoe UI Symbol","Arial Unicode MS",sans-serif!important;
line-height:1!important;
}
.chat > .call-overlay.is-minimized #callMinimize{
font-size:0!important;
}
.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}
.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 */
#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 */
.call-avatar{transition:box-shadow .12s ease,border-color .12s ease,filter .12s ease}
.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}
.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}}
/* 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 .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-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-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 .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 .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 .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-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-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 .voice-room-info b{
color:#103b73!important;
}
body.window-style-classic-v919 .voice-room-info small{
color:#466586!important;
opacity:1!important;
}
/* Controles individuais de volume */
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 .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;
}
/* ---------------- 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 */
/* ============================================================
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 */
/* Sem tela, o stage não reserva nenhum espaço. */
/* Grid de participantes grande */
/* Fala ativa ilumina a moldura inteira */
/* Koshi Music lateral */
/* No modo reunião a barra horizontal da música é redundante. */
/* Controles ficam como dock inferior */
/* APRESENTAÇÃO: mantém o compartilhamento grande, como já funcionava */
/* Minimizadas continuam usando o layout compacto antigo */
/* Mobile */
/* Clássico */
/* ============================================================
v91.19.1 — chamada minimizada integrada ao cabeçalho do clube
============================================================ */
/* Nunca renderiza conteúdo de apresentação na versão minimizada */
/* No clube, overlay minimizado vira uma terceira faixa do cabeçalho */
/* Terceira fileira: informações resumidas + controles da call */
/* Só mutar, ouvir e sair permanecem. O relógio continua ao lado. */
/* Quarta faixa: Koshi Music */
/* Oculta totalmente qualquer resíduo visual de tela compartilhada */
/* Mobile: controles continuam legíveis, sem mostrar transmissão */
/* Modo clássico preserva estrutura, muda apenas acabamento */
/* ============================================================
v91.19.2 — brilho de voz restaurado
============================================================ */
@keyframes koshiSpeakingGlowV9192{
from{filter:brightness(1.02);transform:scale(1)}
to{filter:brightness(1.11);transform:scale(1.018)}
}
/* 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;
}
/* ============================================================
v91.23.0 — Skins dos Koshi Pets
============================================================ */
.pet-skin-actions-v9230{display:flex;align-items:center;gap:10px;margin:10px 0;padding:9px 11px;border:1px solid rgba(182,233,255,.18);border-radius:12px;background:rgba(5,77,139,.22)}
.pet-skin-actions-v9230[hidden]{display:none!important}.pet-skin-actions-v9230 button{min-height:36px;padding:0 14px}.pet-skin-actions-v9230 span{font-size:9px;opacity:.75}
.pet-skins-window-v9230{width:min(900px,calc(100vw - 28px))!important;max-height:88vh}.pet-skins-current-v9230{display:grid;grid-template-columns:82px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid rgba(185,234,255,.20);border-radius:14px;background:rgba(6,77,139,.23);margin-bottom:14px}
.pet-skin-current-art-v9230, .pet-skin-art-v9230{overflow:hidden;border-radius:13px;border:1px solid rgba(180,235,255,.58);background:rgba(14,106,177,.25)}.pet-skin-current-art-v9230{width:80px;height:80px;display:grid;place-items:center}.pet-skin-current-art-v9230 img, .pet-skin-art-v9230 img{width:100%;height:100%;object-fit:cover;display:block}.pet-skins-current-v9230 small, .pet-skins-current-v9230 b, .pet-skins-current-v9230 span{display:block}.pet-skins-current-v9230 small{font-size:7px;opacity:.55}.pet-skins-current-v9230 b{font-size:13px;margin:3px 0}.pet-skins-current-v9230 span{font-size:8px;opacity:.6}
.pet-skins-grid-v9230{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:9px}.pet-skin-card-v9230{display:grid;grid-template-columns:68px minmax(0,1fr);gap:9px;padding:9px;border-radius:12px;border:1px solid rgba(184,232,255,.18);background:linear-gradient(180deg,rgba(8,92,160,.27),rgba(2,57,112,.22))}.pet-skin-card-v9230.is-equipped{border-color:rgba(94,255,186,.72);box-shadow:0 0 14px rgba(67,255,181,.15)}.pet-skin-card-v9230.is-incompatible{opacity:.45}.pet-skin-art-v9230{width:66px;height:66px;grid-row:1/3}.pet-skin-copy-v9230{min-width:0}.pet-skin-copy-v9230 b, .pet-skin-copy-v9230 span, .pet-skin-copy-v9230 small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pet-skin-copy-v9230 b{font-size:10px}.pet-skin-copy-v9230 span{font-size:7px;margin-top:3px;opacity:.68}.pet-skin-copy-v9230 small{font-size:6px;margin-top:4px;opacity:.45}.pet-skin-card-v9230 button{grid-column:2;min-height:31px}.pet-skin-issue-v9230{margin-top:14px;padding-top:12px;border-top:1px solid rgba(185,232,255,.16)}.pet-skin-issue-v9230 h4{margin:0 0 8px}.pet-skin-admin-window-v9230{width:min(880px,calc(100vw - 28px))!important}
@media (max-width:600px){.pet-skins-current-v9230{grid-template-columns:64px 1fr}.pet-skin-current-art-v9230{width:62px;height:62px}.pet-skins-current-v9230 button{grid-column:1/-1}.pet-skins-grid-v9230{grid-template-columns:1fr}}
/* v91.23.1 — emissão/transferência administrativa de skins */
.pet-skin-admin-actions-v9231{display:flex;gap:6px;align-items:center}.pet-skin-admin-actions-v9231 button{min-width:68px}
.pet-skin-bank-v9231{margin-top:16px;padding-top:14px;border-top:1px solid rgba(185,232,255,.18)}.pet-skin-bank-head-v9231{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.pet-skin-bank-head-v9231 b, .pet-skin-bank-head-v9231 small{display:block}.pet-skin-bank-head-v9231 small{font-size:7px;opacity:.58;margin-top:2px}
.pet-skin-instances-v9231{display:grid;gap:7px;max-height:310px;overflow:auto}.pet-skin-instance-v9231{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px;border:1px solid rgba(184,232,255,.16);border-radius:10px;background:rgba(5,65,123,.22)}.pet-skin-instance-v9231 img{width:46px;height:46px;object-fit:cover;border-radius:9px;border:1px solid rgba(185,232,255,.28)}.pet-skin-instance-v9231 b, .pet-skin-instance-v9231 span, .pet-skin-instance-v9231 small{display:block}.pet-skin-instance-v9231 b{font-size:9px}.pet-skin-instance-v9231 span{font-size:6px;opacity:.5;margin-top:2px}.pet-skin-instance-v9231 small{font-size:7px;opacity:.72;margin-top:3px}.pet-skin-owned-v9231{padding:6px 8px;border-radius:8px;background:rgba(80,180,130,.16);font-size:7px!important}
.pet-skin-issue-window-v9231, .pet-skin-send-window-v9231{width:min(520px,calc(100vw - 28px))!important}.pet-skin-issue-preview-v9231{display:grid;grid-template-columns:72px 1fr;align-items:center;gap:10px;padding:9px;margin-bottom:12px;border:1px solid rgba(184,232,255,.16);border-radius:11px;background:rgba(5,65,123,.22)}.pet-skin-issue-preview-v9231 img{width:70px;height:70px;object-fit:cover;border-radius:10px}.pet-skin-issue-preview-v9231 b, .pet-skin-issue-preview-v9231 span{display:block}.pet-skin-issue-preview-v9231 span{font-size:7px;opacity:.62;margin-top:4px}
/* ============================================================
v91.24.0 — botão Minhas skins
============================================================ */
#petSkinsOpenV9230.pet-skins-open-v9240{
min-width:150px!important;
min-height:38px!important;
padding:0 16px!important;
border:1px solid rgba(159,229,255,.68)!important;
border-radius:10px!important;
background:linear-gradient(180deg,rgba(48,166,222,.92),rgba(5,105,175,.92))!important;
color:#fff!important;
font:inherit!important;
font-weight:800!important;
box-shadow:inset 0 1px rgba(255,255,255,.42),0 3px 9px rgba(0,45,91,.22)!important;
cursor:pointer!important;
}
#petSkinsOpenV9230.pet-skins-open-v9240:hover{
filter:brightness(1.08);
box-shadow:inset 0 1px rgba(255,255,255,.52),0 0 13px rgba(64,201,255,.26)!important;
}
#petSkinsCurrentDescriptionV9240{
margin:3px 0 5px!important;
max-width:430px;
font-size:8px;
line-height:1.4;
opacity:.72;
}
.pet-skin-copy-v9230 p{
margin:3px 0 5px!important;
font-size:7px!important;
line-height:1.35!important;
opacity:.68!important;
white-space:normal!important;
overflow:visible!important;
}
/* ============================================================
v91.24.0 — Mercado Koshi
============================================================ */
.market-window-v9240{width:min(1120px,calc(100vw - 26px))!important;max-height:92vh!important}
.market-body-v9240{min-height:560px}
.market-wallet-v9240{
display:flex;align-items:center;justify-content:space-between;gap:15px;
padding:13px 16px;border:1px solid rgba(183,234,255,.22);border-radius:14px;
background:linear-gradient(180deg,rgba(31,145,211,.34),rgba(2,79,145,.26));margin-bottom:12px
}
.market-wallet-v9240 small, .market-wallet-v9240 strong{display:block}.market-wallet-v9240 small{font-size:8px;opacity:.66}.market-wallet-v9240 strong{font-size:19px;margin-top:2px}
.market-wallet-v9240>div:last-child{display:flex;align-items:center;gap:10px}.market-wallet-v9240 span{font-size:8px;opacity:.68}
.market-tabs-v9240, .market-filterbar-v9240{display:flex;gap:7px;flex-wrap:wrap}
.market-tabs-v9240{margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid rgba(183,232,255,.13)}
.market-tabs-v9240 button, .market-filterbar-v9240 button, .market-wallet-v9240 button{
min-height:35px;padding:0 13px;border-radius:9px;border:1px solid rgba(183,232,255,.25);
background:linear-gradient(180deg,rgba(35,137,206,.58),rgba(7,88,156,.58));color:#fff;font-weight:800;cursor:pointer
}
.market-tabs-v9240 button.is-active, .market-filterbar-v9240 button.is-active{
border-color:rgba(117,244,220,.72);background:linear-gradient(180deg,rgba(26,168,151,.76),rgba(5,104,124,.72));box-shadow:0 0 11px rgba(64,237,211,.15)
}
.market-filterbar-v9240{margin-bottom:10px}
.market-section-copy-v9240{margin-bottom:10px}.market-section-copy-v9240 b, .market-section-copy-v9240 small{display:block}.market-section-copy-v9240 b{font-size:11px}.market-section-copy-v9240 small{font-size:8px;opacity:.62;margin-top:3px}
.market-grid-v9240{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:10px}
.market-item-v9240{
display:grid;grid-template-columns:82px minmax(0,1fr);gap:10px;padding:10px;
border:1px solid rgba(184,232,255,.19);border-radius:13px;
background:linear-gradient(180deg,rgba(7,94,162,.29),rgba(2,54,108,.27));
box-shadow:inset 0 1px rgba(255,255,255,.07)
}
.market-art-v9240{
width:80px;height:80px;grid-row:1/3;display:grid;place-items:center;overflow:hidden;border-radius:11px;
border:1px solid rgba(182,234,255,.48);background:rgba(4,66,126,.36);font-size:32px
}
.market-art-v9240 img{width:100%;height:100%;object-fit:cover;display:block}
.market-copy-v9240{min-width:0}
.market-copy-v9240 small, .market-copy-v9240 b, .market-copy-v9240 p, .market-copy-v9240 span, .market-copy-v9240 em, .market-copy-v9240 strong, .market-copy-v9240 i{display:block}
.market-copy-v9240 small{font-size:7px;opacity:.58}.market-copy-v9240 b{font-size:11px;margin:2px 0}.market-copy-v9240 p{font-size:7px;line-height:1.35;opacity:.7;margin:3px 0 5px;min-height:19px}
.market-copy-v9240 span{font-size:7px;opacity:.66}.market-copy-v9240 em{font-size:6px;opacity:.42;font-style:normal;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.market-copy-v9240 strong{font-size:12px;margin-top:7px}.market-copy-v9240 i{font-size:7px;font-style:normal;opacity:.56;margin-top:2px}
.market-item-actions-v9240{grid-column:2;display:flex;flex-direction:column;gap:6px}
.market-item-actions-v9240 button{
min-height:33px;padding:0 10px;border-radius:8px;border:1px solid rgba(176,233,255,.26);
background:linear-gradient(180deg,rgba(34,146,211,.72),rgba(5,91,158,.76));color:#fff;font-weight:800;cursor:pointer
}
.market-item-actions-v9240 button:disabled{opacity:.48;cursor:not-allowed}
.market-item-actions-v9240 button.danger-v9240{background:linear-gradient(180deg,rgba(151,72,95,.66),rgba(99,39,61,.72));border-color:rgba(255,164,180,.26)}
.market-price-row-v9240 label{display:flex;align-items:center;gap:5px;font-size:8px;font-weight:900}
.market-price-row-v9240 input{width:100%;min-width:0;height:30px;border-radius:7px;border:1px solid rgba(184,232,255,.24);background:rgba(0,49,98,.34);color:#fff;padding:0 8px}
#marketMessageV9240{margin-top:10px}
@media (max-width:650px){
.market-window-v9240{width:calc(100vw - 12px)!important}
.market-wallet-v9240{align-items:flex-start;flex-direction:column}
.market-grid-v9240{grid-template-columns:1fr}
.market-tabs-v9240 button{flex:1 1 46%}
}
/* ============================================================
v91.24.1 — pesquisa Mercado Koshi
============================================================ */
.market-search-v9241{
display:grid;
grid-template-columns:auto minmax(0,1fr) auto;
align-items:center;
gap:8px;
margin:0 0 12px;
padding:7px 9px;
border:1px solid rgba(183,233,255,.24);
border-radius:11px;
background:linear-gradient(180deg,rgba(7,83,149,.34),rgba(1,54,108,.28));
box-shadow:inset 0 1px rgba(255,255,255,.08);
}
.market-search-v9241>span{
font-size:16px;
opacity:.82;
}
.market-search-v9241 input{
width:100%;
min-width:0;
height:36px;
border:0;
outline:0;
background:transparent;
color:#fff;
font-size:10px;
}
.market-search-v9241 input::placeholder{
color:rgba(221,244,255,.48);
}
.market-search-v9241 button{
width:32px;
height:32px;
padding:0;
border-radius:8px;
border:1px solid rgba(183,233,255,.18);
background:rgba(10,91,157,.42);
color:#fff;
font-size:16px;
cursor:pointer;
}
.market-search-v9241 button:hover{
background:rgba(21,125,196,.56);
}
/* ============================================================
v91.25.0 — Loja Koshi
============================================================ */
.store-window-v9250{width:min(900px,calc(100vw - 26px))!important;max-height:90vh}
.store-wallet-v9250{
display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;
border:1px solid rgba(184,233,255,.22);border-radius:13px;
background:linear-gradient(180deg,rgba(30,148,213,.33),rgba(3,75,139,.26));margin-bottom:12px
}
.store-wallet-v9250 small, .store-wallet-v9250 strong{display:block}.store-wallet-v9250 small{font-size:8px;opacity:.65}.store-wallet-v9250 strong{font-size:20px}
.store-wallet-v9250>span{font-size:8px;padding:6px 9px;border-radius:8px;background:rgba(4,54,107,.24)}
.store-products-v9250{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px}
.store-product-v9250{
display:grid;grid-template-columns:82px minmax(0,1fr);gap:11px;padding:12px;
border:1px solid rgba(180,234,255,.22);border-radius:14px;
background:linear-gradient(180deg,rgba(6,96,166,.32),rgba(2,52,107,.28))
}
.store-product-coin-v9250{
width:80px;height:80px;grid-row:1/3;display:flex;flex-direction:column;align-items:center;justify-content:center;
border-radius:50%;border:1px solid rgba(255,238,127,.72);
background:radial-gradient(circle at 35% 28%,rgba(255,255,216,.9),rgba(255,204,55,.74) 37%,rgba(146,96,3,.7) 78%);
color:#513700;text-shadow:0 1px rgba(255,255,255,.5);box-shadow:0 0 17px rgba(255,214,69,.2)
}
.store-product-coin-v9250 b{font-size:18px}.store-product-copy-v9250 b, .store-product-copy-v9250 p, .store-product-copy-v9250 strong{display:block}
.store-product-copy-v9250 b{font-size:12px}.store-product-copy-v9250 p{font-size:8px;line-height:1.4;opacity:.7;margin:4px 0 7px}.store-product-copy-v9250 strong{font-size:16px}
.store-product-v9250 button{
grid-column:2;min-height:36px;border-radius:9px;border:1px solid rgba(115,246,211,.48);
background:linear-gradient(180deg,rgba(28,170,150,.82),rgba(4,100,121,.84));color:#fff;font-weight:900;cursor:pointer
}
.store-product-v9250 button:disabled{opacity:.45;cursor:not-allowed}
.store-waiting-v9250{
margin-top:12px;padding:12px;border:1px solid rgba(255,224,111,.28);border-radius:12px;background:rgba(104,81,8,.18)
}
.store-waiting-v9250 b, .store-waiting-v9250 p, .store-waiting-v9250 span{display:block}
.store-waiting-v9250 p{font-size:8px;line-height:1.45;opacity:.72}.store-waiting-v9250 span{font-size:7px;opacity:.5}
.store-orders-v9250{margin-top:16px}.store-orders-v9250 h3{font-size:11px}
.store-order-v9250, .admin-store-order-v9250{
display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;margin-top:6px;
border:1px solid rgba(182,232,255,.14);border-radius:9px;background:rgba(2,62,119,.18)
}
.store-order-v9250 b, .store-order-v9250 small{display:block}.store-order-v9250 small, .admin-store-order-v9250 small{font-size:7px;opacity:.55;margin-top:2px}
.store-order-v9250>span, .admin-store-order-v9250>strong{font-size:8px;padding:5px 7px;border-radius:7px;background:rgba(14,93,157,.34)}
.status-credited{color:#94ffbd!important}.status-failed, .status-cancelled{color:#ffafb8!important}.status-pending, .status-paid{color:#ffe792!important}
.admin-store-window-v9250{width:min(950px,calc(100vw - 26px))!important;max-height:90vh}
.admin-store-status-v9250{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:10px;background:rgba(4,70,131,.23);margin-bottom:10px}
.admin-store-status-v9250 span{font-size:8px}
.admin-store-toolbar-v9250{display:flex;gap:7px;margin-bottom:10px}
.admin-store-products-v9250{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:8px}
.admin-store-product-v9250{
display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px;border-radius:11px;border:1px solid rgba(183,233,255,.17);background:rgba(4,75,137,.2)
}
.admin-store-product-v9250.is-inactive{opacity:.48}
.admin-store-product-v9250 b, .admin-store-product-v9250 span, .admin-store-product-v9250 small{display:block}
.admin-store-product-v9250 span{font-size:8px;margin-top:3px}.admin-store-product-v9250 small{font-size:7px;opacity:.55;margin-top:3px}
.admin-store-orders-title-v9250{margin-top:17px}
.admin-store-order-v9250>div b, .admin-store-order-v9250>div span, .admin-store-order-v9250>div small{display:block}
.admin-store-order-v9250>div span{font-size:8px;margin-top:2px}.admin-store-order-v9250 b small{display:inline}
.admin-store-editor-v9250{width:min(620px,calc(100vw - 26px))!important}
.admin-store-form-v9250 label{display:flex;flex-direction:column;gap:4px;font-size:8px;font-weight:800;margin-bottom:9px}
.admin-store-form-v9250 input, .admin-store-form-v9250 textarea{
width:100%;box-sizing:border-box;border-radius:8px;border:1px solid rgba(181,232,255,.22);background:rgba(0,53,105,.28);color:#fff;padding:8px
}
.admin-store-form-row-v9250{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
@media (max-width:620px){
.store-product-v9250{grid-template-columns:65px minmax(0,1fr)}
.store-product-coin-v9250{width:63px;height:63px}
.admin-store-form-row-v9250{grid-template-columns:1fr}
}
/* v91.25.1 — reconciliação de pagamentos Mercado Pago */
.admin-store-order-actions-v9251{
display:flex;
align-items:center;
gap:7px;
}
.admin-store-order-actions-v9251 button{
min-height:28px;
padding:0 8px;
border-radius:7px;
border:1px solid rgba(182,232,255,.22);
background:linear-gradient(180deg,rgba(34,145,208,.66),rgba(5,86,151,.72));
color:#fff;
font-size:7px;
font-weight:800;
cursor:pointer;
}
/* v91.25.3 — Loja Koshi
O ambiente teste/produção fica visível somente na Administração. */
/* ============================================================
v91.26.0 — Pix direto
============================================================ */
.store-product-actions-v9260{
grid-column:2;
display:grid;
grid-template-columns:1.2fr .8fr;
gap:7px;
}
.store-product-actions-v9260 button{
min-height:36px;
border-radius:9px;
color:#fff;
font-weight:900;
cursor:pointer;
}
.store-product-actions-v9260 .store-buy-pix-v9260{
border:1px solid rgba(112,255,218,.58);
background:linear-gradient(180deg,rgba(26,178,151,.92),rgba(4,113,123,.94));
}
.store-product-actions-v9260 .store-buy-mp-v9260{
border:1px solid rgba(176,229,255,.35);
background:linear-gradient(180deg,rgba(33,133,203,.84),rgba(6,82,149,.90));
}
.store-product-actions-v9260 button:hover{filter:brightness(1.08)}
.store-product-actions-v9260 button:disabled{opacity:.42;cursor:not-allowed}
.store-pix-window-v9260{
width:min(650px,calc(100vw - 24px))!important;
max-height:92vh!important;
}
.store-pix-form-v9260 label, .store-pix-copy-v9260{
display:flex;
flex-direction:column;
gap:5px;
font-size:9px;
font-weight:800;
margin-top:10px;
}
.store-pix-form-v9260 input, .store-pix-copy-v9260 textarea{
width:100%;
box-sizing:border-box;
border:1px solid rgba(184,234,255,.25);
border-radius:9px;
background:rgba(1,52,103,.27);
color:#fff;
padding:10px;
outline:none;
}
.store-pix-summary-v9260{
padding:12px 14px;
border-radius:12px;
border:1px solid rgba(183,234,255,.20);
background:linear-gradient(180deg,rgba(23,139,207,.25),rgba(4,71,132,.22));
}
.store-pix-summary-v9260 span, .store-pix-summary-v9260 b, .store-pix-summary-v9260 strong{display:block}
.store-pix-summary-v9260 span{font-size:8px;opacity:.62}
.store-pix-summary-v9260 b{font-size:13px;margin-top:2px}
.store-pix-summary-v9260 strong{font-size:21px;margin-top:7px}
.store-pix-privacy-v9260{
margin:10px 0 4px;
padding:9px 10px;
border-radius:9px;
background:rgba(4,61,116,.24);
font-size:8px;
line-height:1.45;
opacity:.72;
}
.store-pix-primary-v9260{
width:100%;
min-height:42px;
margin-top:13px;
border-radius:10px;
border:1px solid rgba(111,255,215,.58);
background:linear-gradient(180deg,#20b798,#087c82);
color:#fff;
font-weight:900;
cursor:pointer;
}
.store-pix-status-v9260{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
margin-bottom:10px;
}
.store-pix-status-v9260 b{font-size:14px}
.store-pix-status-v9260 span{font-size:7px;opacity:.5}
.store-pix-qr-v9260{
width:min(320px,80vw);
aspect-ratio:1;
margin:0 auto 12px;
padding:12px;
border-radius:16px;
background:#fff;
display:grid;
place-items:center;
}
.store-pix-qr-v9260 img{width:100%;height:100%;object-fit:contain;display:block}
.store-pix-qr-v9260 div{color:#18324b;text-align:center;font-size:12px;line-height:1.45}
.store-pix-copy-v9260 textarea{
resize:none;
font-family:Consolas,monospace;
font-size:8px;
line-height:1.35;
}
.store-pix-payment-actions-v9260{
display:flex;
gap:8px;
margin-top:9px;
}
.store-pix-payment-actions-v9260 button, .store-pix-payment-actions-v9260 a{
flex:1;
min-height:36px;
border-radius:8px;
border:1px solid rgba(180,234,255,.30);
background:linear-gradient(180deg,rgba(34,145,208,.72),rgba(5,86,151,.82));
color:#fff;
font-weight:800;
text-decoration:none;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
}
.store-pix-waiting-v9260{
display:flex;
align-items:center;
gap:10px;
margin-top:13px;
padding:10px 12px;
border-radius:10px;
border:1px solid rgba(255,226,115,.20);
background:rgba(98,77,7,.15);
}
.store-pix-waiting-v9260 b, .store-pix-waiting-v9260 small{display:block}
.store-pix-waiting-v9260 b{font-size:10px}
.store-pix-waiting-v9260 small{font-size:7px;opacity:.58;margin-top:2px}
.store-pix-pulse-v9260{
width:13px;height:13px;border-radius:50%;
background:#ffe277;
box-shadow:0 0 0 0 rgba(255,226,119,.45);
animation:storePixPulseV9260 1.5s infinite;
}
@keyframes storePixPulseV9260{
0%{box-shadow:0 0 0 0 rgba(255,226,119,.42)}
70%{box-shadow:0 0 0 9px rgba(255,226,119,0)}
100%{box-shadow:0 0 0 0 rgba(255,226,119,0)}
}
@media (max-width:560px){
.store-product-actions-v9260{grid-template-columns:1fr}
.store-pix-payment-actions-v9260{flex-direction:column}
}
/* ============================================================
v91.26.1 — Loja Koshi premium / imagens de pacotes
============================================================ */
.store-window-v9250{
width:min(1100px,calc(100vw - 26px))!important;
max-height:92vh!important;
border-color:rgba(184,236,255,.62)!important;
box-shadow:0 25px 80px rgba(0,26,71,.42),inset 0 1px rgba(255,255,255,.32)!important;
}
.store-window-v9250>header{
background:linear-gradient(180deg,rgba(35,151,218,.76),rgba(6,91,158,.70))!important;
}
.store-window-v9250>header>div>b{font-size:17px!important}
.store-window-v9250>header>div>small{font-size:8px!important;opacity:.72}
.store-wallet-v9250{
position:relative;
overflow:hidden;
padding:15px 18px!important;
border-color:rgba(177,234,255,.32)!important;
background:
radial-gradient(circle at 78% 20%,rgba(90,220,255,.15),transparent 34%),
linear-gradient(180deg,rgba(29,148,215,.36),rgba(3,77,143,.30))!important;
}
.store-wallet-v9250:after{
content:"Compra segura • Liberação automática";
position:absolute;right:18px;top:50%;transform:translateY(-50%);
font-size:8px;font-weight:800;opacity:.60
}
.store-wallet-v9250 strong{font-size:23px!important}
.store-products-v9250{
grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;
gap:12px!important;
}
.store-product-v9261{
position:relative;
overflow:hidden;
display:flex;
flex-direction:column;
min-height:390px;
border:1px solid rgba(187,237,255,.35);
border-radius:16px;
background:linear-gradient(180deg,rgba(13,110,181,.72),rgba(2,61,118,.76));
box-shadow:inset 0 1px rgba(255,255,255,.17),0 8px 20px rgba(0,32,78,.20);
transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;
}
.store-product-v9261:hover{
transform:translateY(-2px);
border-color:rgba(132,225,255,.67);
box-shadow:inset 0 1px rgba(255,255,255,.24),0 12px 28px rgba(0,36,88,.30),0 0 20px rgba(64,192,255,.10);
}
.store-product-v9261.is-featured{
border-color:rgba(119,231,255,.72);
box-shadow:inset 0 1px rgba(255,255,255,.25),0 0 22px rgba(60,202,255,.17);
}
.store-product-badge-v9261{
position:absolute;z-index:2;right:9px;top:9px;
padding:5px 8px;border-radius:999px;
background:linear-gradient(180deg,#c9f4ff,#55c8f4);
color:#075b9b;font-size:7px;font-weight:900;
box-shadow:0 3px 12px rgba(0,55,112,.28)
}
.store-product-image-v9261{
width:100%;aspect-ratio:16/9;overflow:hidden;
background:linear-gradient(135deg,rgba(72,176,229,.26),rgba(4,65,128,.32));
border-bottom:1px solid rgba(185,235,255,.18);
}
.store-product-image-v9261 img{width:100%;height:100%;display:block;object-fit:cover}
.store-product-fallback-v9261{
width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;
background:
radial-gradient(circle at 50% 45%,rgba(255,225,97,.78),rgba(173,118,10,.24) 37%,transparent 65%),
linear-gradient(135deg,rgba(40,143,208,.54),rgba(7,76,142,.60));
color:#fff0a3;text-shadow:0 1px 4px rgba(77,49,0,.7)
}
.store-product-fallback-v9261 span{font-size:13px}.store-product-fallback-v9261 b{font-size:31px}
.store-product-copy-v9261{padding:12px 13px 8px;flex:1}
.store-product-copy-v9261>b{display:block;font-size:13px}
.store-product-copy-v9261 p{min-height:34px;margin:5px 0 10px;font-size:8px;line-height:1.45;opacity:.74}
.store-product-copy-v9261 strong{display:block;font-size:20px;letter-spacing:-.3px}
.store-product-actions-v9261{
display:grid;grid-template-columns:1fr;gap:7px;padding:0 12px 12px
}
.store-product-actions-v9261 button{
min-height:40px;padding:5px 10px;border-radius:10px;color:#fff;font-weight:900;
display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;
box-shadow:inset 0 1px rgba(255,255,255,.28)
}
.store-product-actions-v9261 button img{
width:28px;height:22px;object-fit:contain;flex:none;
filter:drop-shadow(0 1px 2px rgba(0,0,0,.18))
}
.store-buy-pix-v9261{
border:1px solid rgba(114,255,222,.65);
background:linear-gradient(180deg,#16b99d,#047f88)
}
.store-buy-mp-v9261{
border:1px solid rgba(153,225,255,.50);
background:linear-gradient(180deg,#158fd8,#075fa9)
}
.store-product-actions-v9261 button:hover{filter:brightness(1.08)}
.store-product-actions-v9261 button:disabled{opacity:.42;cursor:not-allowed}
.store-trust-v9261{
display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 4px
}
.store-trust-v9261 article{
display:flex;align-items:center;gap:9px;padding:10px 11px;
border:1px solid rgba(181,234,255,.16);border-radius:11px;background:rgba(2,64,122,.18)
}
.store-trust-v9261 article>span{font-size:20px}
.store-trust-v9261 b, .store-trust-v9261 small{display:block}
.store-trust-v9261 b{font-size:9px}.store-trust-v9261 small{font-size:7px;opacity:.59;margin-top:2px}
.store-orders-v9250{margin-top:16px!important}
.store-orders-v9250 h3{font-size:13px!important;margin-bottom:8px}
.store-order-v9261{
display:grid;grid-template-columns:34px minmax(0,1fr) auto auto;align-items:center;gap:9px;
padding:8px 10px;margin-top:6px;border:1px solid rgba(182,233,255,.13);
border-radius:9px;background:linear-gradient(180deg,rgba(6,85,151,.20),rgba(2,54,108,.18))
}
.store-order-icon-v9261{
width:32px;height:32px;display:grid;place-items:center;border-radius:8px;
border:1px solid rgba(181,232,255,.20);background:rgba(15,100,165,.30)
}
.store-order-copy-v9261 b, .store-order-copy-v9261 small{display:block}
.store-order-copy-v9261 b{font-size:9px}.store-order-copy-v9261 small{font-size:6px;opacity:.47;margin-top:2px}
.store-order-v9261>strong{font-size:9px}
.store-order-v9261>span{font-size:7px;padding:5px 7px;border-radius:7px;background:rgba(10,84,145,.34)}
.admin-store-product-v9261{
display:grid;grid-template-columns:68px minmax(0,1fr) auto;align-items:center;gap:10px;
padding:9px;border-radius:11px;border:1px solid rgba(183,233,255,.17);
background:rgba(4,75,137,.20)
}
.admin-store-product-v9261.is-inactive{opacity:.48}
.admin-store-product-thumb-v9261{
width:68px;height:48px;display:grid;place-items:center;overflow:hidden;border-radius:8px;
border:1px solid rgba(181,233,255,.25);background:rgba(2,58,115,.28);font-size:20px
}
.admin-store-product-thumb-v9261 img{width:100%;height:100%;object-fit:cover}
.admin-store-product-copy-v9261 b, .admin-store-product-copy-v9261 span, .admin-store-product-copy-v9261 small{display:block}
.admin-store-product-copy-v9261 b{font-size:9px}.admin-store-product-copy-v9261 span{font-size:8px;margin-top:2px}.admin-store-product-copy-v9261 small{font-size:7px;opacity:.55;margin-top:2px}
.admin-store-image-editor-v9261{
display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(160px,1fr);gap:11px;margin-bottom:13px;
padding:10px;border:1px solid rgba(181,233,255,.18);border-radius:11px;background:rgba(3,67,126,.20)
}
.admin-store-image-preview-v9261{
aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;
border:1px dashed rgba(181,233,255,.38);border-radius:9px;background:rgba(1,49,99,.25)
}
.admin-store-image-preview-v9261 img{width:100%;height:100%;object-fit:cover}
.admin-store-image-preview-v9261>span{font-size:28px}.admin-store-image-preview-v9261>small{font-size:7px;opacity:.48;margin-top:4px}
.admin-store-image-actions-v9261{display:flex;flex-direction:column;justify-content:center;gap:7px}
.admin-store-image-actions-v9261 button{min-height:34px}
.admin-store-image-actions-v9261 small{font-size:7px;line-height:1.4;opacity:.52}
@media (max-width:780px){
.store-wallet-v9250:after{display:none}
.store-trust-v9261{grid-template-columns:1fr}
.store-products-v9250{grid-template-columns:1fr 1fr!important}
}
@media (max-width:560px){
.store-products-v9250{grid-template-columns:1fr!important}
.store-product-v9261{min-height:0}
.store-order-v9261{grid-template-columns:32px 1fr auto}
.store-order-v9261>strong{display:none}
.admin-store-image-editor-v9261{grid-template-columns:1fr}
}
/* ============================================================
Koshinet v91.27.0 — Mural em largura total + menu lateral Aero
O menu de contatos passa a ser uma gaveta sobre o conteúdo em
desktop e mobile. O mural deixa de perder largura para a sidebar.
============================================================ */
.menu-toggle{
display:grid!important;
place-items:center;
flex:0 0 auto;
position:relative;
overflow:hidden;
width:48px;
height:46px;
padding:0;
border-radius:14px!important;
border:1px solid rgba(190,239,255,.82)!important;
background:
linear-gradient(180deg,rgba(112,202,250,.72) 0%,rgba(32,133,203,.72) 45%,rgba(5,72,137,.82) 48%,rgba(20,104,174,.74) 100%)!important;
color:#fff!important;
font-size:24px!important;
font-weight:700;
line-height:1;
cursor:pointer;
box-shadow:
inset 0 1px rgba(255,255,255,.80),
inset 0 -8px 14px rgba(0,35,88,.18),
0 3px 10px rgba(0,35,82,.28),
0 0 13px rgba(63,205,255,.16)!important;
text-shadow:0 1px 2px rgba(0,42,90,.85),0 0 8px rgba(112,226,255,.42)!important;
transition:filter .16s ease,transform .16s ease,box-shadow .16s ease;
}
.menu-toggle::before{
content:"";
position:absolute;
left:3px;right:3px;top:2px;height:42%;
border-radius:11px 11px 50% 50%;
background:linear-gradient(180deg,rgba(255,255,255,.30),rgba(255,255,255,.04));
pointer-events:none;
}
.menu-toggle:hover{filter:brightness(1.12);box-shadow:inset 0 1px #fff,0 4px 14px rgba(0,36,84,.34),0 0 18px rgba(69,218,255,.28)!important}
.menu-toggle:active{transform:translateY(1px);filter:brightness(.98)}
.menu-toggle[aria-expanded="true"]{
background:linear-gradient(180deg,rgba(94,196,242,.76),rgba(12,91,164,.86))!important;
box-shadow:inset 0 1px rgba(255,255,255,.78),0 0 18px rgba(65,220,255,.34)!important;
}
.layout{position:relative!important;overflow:hidden!important}
.chat{width:100%!important;flex:1 1 100%!important}
.sidebar{
position:absolute!important;
z-index:120!important;
top:10px!important;
left:10px!important;
bottom:10px!important;
width:min(330px,calc(100% - 28px))!important;
height:auto!important;
padding:18px 16px 22px!important;
transform:translateX(calc(-100% - 22px));
opacity:.35;
visibility:hidden;
pointer-events:none;
transition:transform .21s cubic-bezier(.2,.75,.2,1),opacity .18s ease,visibility .21s ease!important;
border:1px solid rgba(188,237,255,.72)!important;
border-radius:0 18px 18px 18px!important;
background:
linear-gradient(155deg,rgba(35,111,171,.88),rgba(7,51,98,.91))!important;
box-shadow:
13px 10px 38px rgba(0,25,66,.44),
inset 0 1px rgba(255,255,255,.36),
inset -1px 0 rgba(255,255,255,.10)!important;
backdrop-filter:blur(22px) saturate(1.45)!important;
-webkit-backdrop-filter:blur(22px) saturate(1.45)!important;
}
.sidebar::before{
content:"";
position:sticky;
display:block;
z-index:-1;
top:-18px;
height:0;
pointer-events:none;
box-shadow:0 0 34px 18px rgba(82,216,255,.08);
}
.sidebar.is-open{
transform:translateX(0)!important;
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
}
.sidebar-backdrop{
display:block!important;
position:absolute!important;
z-index:110!important;
inset:0!important;
border-radius:0!important;
background:rgba(0,24,57,.26)!important;
backdrop-filter:blur(4px)!important;
-webkit-backdrop-filter:blur(4px)!important;
opacity:0;
visibility:hidden;
pointer-events:none;
transition:opacity .20s ease,visibility .20s ease!important;
}
.sidebar-backdrop.is-open{
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
}
body.contacts-open{overflow:hidden}
/* O conteúdo do mural/conversa agora usa toda a área disponível. */
#muralViewV918, .messages{width:100%}
@media (max-width:760px){
.sidebar{
top:8px!important;
left:8px!important;
bottom:8px!important;
width:min(350px,86vw)!important;
border-radius:0 18px 18px 18px!important;
}
.sidebar-backdrop{inset:0!important}
}
@media (max-width:430px){
.menu-toggle{width:44px;height:42px;font-size:21px!important}
.sidebar{top:5px!important;left:5px!important;bottom:5px!important;width:min(330px,88vw)!important}
}
/* =========================================================
Koshinet v91.28.0 — marca centralizada + mural só anúncios
========================================================= */
@media (min-width:761px){
.topbar{
position:relative!important;
}
.topbar .brand{
position:absolute!important;
left:50%!important;
top:50%!important;
transform:translate(-50%,-50%)!important;
margin:0!important;
z-index:2!important;
justify-content:center!important;
}
.top-global-nav-v916{
position:relative!important;
z-index:3!important;
}
#menuToggle{
position:relative!important;
z-index:3!important;
}
}
/* O antigo conteúdo fixado foi removido da renderização; anúncios começam no topo do mural. */
.messages .mural-ad-v9140:first-child{
margin-top:14px;
}
#muralEditV918{
display:none!important;
}
/* ============================================================
Koshinet v91.29.0 — Mercado Koshi agrupado por item
============================================================ */
.market-copy-v9240 small{font-size:8px}
.market-copy-v9240 b{font-size:14px;line-height:1.2;margin:3px 0 4px}
.market-copy-v9240 p{font-size:9px;line-height:1.45;opacity:.82;margin:4px 0 7px;min-height:28px}
.market-copy-v9240 span{font-size:8px;line-height:1.35}
.market-copy-v9240 strong{font-size:13px;margin-top:8px}
.market-copy-v9240 i{font-size:8px;margin-top:3px}
.market-group-v9290{align-content:start}
.market-stock-v9290{opacity:.86}
.market-instances-v9290{
grid-column:1/-1;
display:flex;
flex-direction:column;
gap:6px;
margin-top:4px;
padding-top:9px;
border-top:1px solid rgba(183,232,255,.16);
}
.market-instances-v9290[hidden]{display:none!important}
.market-instance-row-v9290{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(145px,190px);
gap:10px;
align-items:center;
padding:8px 9px;
border:1px solid rgba(183,232,255,.15);
border-radius:9px;
background:rgba(0,43,91,.22);
}
.market-instance-info-v9290{min-width:0}
.market-instance-info-v9290 b, .market-instance-info-v9290 span{display:block}
.market-instance-info-v9290 b{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.market-instance-info-v9290 span{font-size:8px;opacity:.68;margin-top:2px}
.market-instance-actions-v9290{display:flex;align-items:center;gap:6px;justify-content:flex-end}
.market-instance-actions-v9290 .market-price-row-v9240{flex:1;min-width:72px}
.market-instance-actions-v9290 button{
min-height:31px;padding:0 9px;border-radius:8px;border:1px solid rgba(176,233,255,.26);
background:linear-gradient(180deg,rgba(34,146,211,.72),rgba(5,91,158,.76));color:#fff;font-weight:800;cursor:pointer
}
.market-instance-actions-v9290 button:disabled{opacity:.48;cursor:not-allowed}
.market-instance-actions-v9290 button.danger-v9240{background:linear-gradient(180deg,rgba(151,72,95,.66),rgba(99,39,61,.72));border-color:rgba(255,164,180,.26)}
@media (max-width:650px){
.market-copy-v9240 b{font-size:13px}
.market-copy-v9240 p{font-size:9px}
.market-instance-row-v9290{grid-template-columns:1fr}
.market-instance-actions-v9290{justify-content:stretch}
.market-instance-actions-v9290 button{flex:1}
}
/* ============================================================
Koshinet v91.30.0 — Banner + cartas do Mercado como coleção
============================================================ */
.market-banner-v9300{
width:100%;aspect-ratio:5/1;min-height:118px;max-height:220px;
margin:0 0 13px;overflow:hidden;border-radius:15px;
border:1px solid rgba(190,237,255,.34);
background:linear-gradient(180deg,rgba(25,134,205,.34),rgba(0,62,119,.32));
box-shadow:inset 0 1px rgba(255,255,255,.15),0 5px 16px rgba(0,38,80,.18)
}
.market-banner-v9300[hidden]{display:none!important}
.market-banner-v9300 img{width:100%;height:100%;display:block;object-fit:cover}
.market-banner-admin-window-v9300{width:min(880px,calc(100vw - 28px))!important}
.market-banner-admin-body-v9300{display:flex;flex-direction:column;gap:12px}
.market-banner-admin-preview-v9300{
width:100%;aspect-ratio:5/1;min-height:120px;display:grid;place-items:center;overflow:hidden;
border-radius:14px;border:1px dashed rgba(194,237,255,.38);background:rgba(0,55,111,.24)
}
.market-banner-admin-preview-v9300 img{width:100%;height:100%;object-fit:cover;display:block}
.market-banner-admin-preview-v9300 span{opacity:.58;font-size:11px}
.market-banner-admin-actions-v9300{display:flex;gap:8px;flex-wrap:wrap}
.market-banner-admin-actions-v9300 button{
min-height:36px;padding:0 13px;border-radius:9px;border:1px solid rgba(183,232,255,.25);
background:linear-gradient(180deg,rgba(35,137,206,.58),rgba(7,88,156,.58));color:#fff;font-weight:800;cursor:pointer
}
.market-banner-admin-note-v9300{font-size:9px;opacity:.62;line-height:1.4}
/* O mercado continua agrupando por item, mas as cartas usam a mesma linguagem visual da Minha Coleção. */
.market-grid-v9240{grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:13px}
.market-item-v9240.market-collection-card-v9300{
position:relative;display:flex;flex-direction:column;gap:0;min-height:365px;padding:0;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)
}
.market-item-v9240.market-collection-card-v9300::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%)
}
.market-card-top-v9300{display:flex;align-items:center;justify-content:space-between;padding:13px 14px 8px;z-index:1}
.market-card-type-v9300{font-size:25px}
.market-card-power-v9300{
width:40px;height:40px;display:grid;place-items:center;border-radius:50%;font-size:20px;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)
}
.market-collection-card-v9300 .market-art-v9240{
width:auto;height:150px;grid-row:auto;margin:0 14px 12px;border-radius:11px;z-index:1;
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)
}
.market-collection-card-v9300 .market-art-v9240 img{object-fit:cover}
.market-collection-card-v9300 .market-copy-v9240{padding:0 14px 12px;z-index:1}
.market-collection-card-v9300 .market-copy-v9240 small{font-size:8px;opacity:.62}
.market-collection-card-v9300 .market-copy-v9240 b{font-size:16px;line-height:1.2;margin:3px 0 3px}
.market-collection-card-v9300 .market-copy-v9240 .market-meta-v9300{font-size:9px;opacity:.7;margin-top:3px}
.market-collection-card-v9300 .market-copy-v9240 p{font-size:9px;line-height:1.45;min-height:42px;margin:9px 0 6px;opacity:.78}
.market-collection-card-v9300 .market-copy-v9240 strong{font-size:15px;margin-top:8px}
.market-collection-card-v9300 .market-copy-v9240 i{font-size:8px}
.market-collection-card-v9300 .market-item-actions-v9240{grid-column:auto;margin-top:auto;padding:0 14px 13px;z-index:1}
.market-collection-card-v9300 .market-item-actions-v9240 button{width:100%}
.market-collection-card-v9300 .market-instances-v9290{margin:0 14px 13px;padding-top:9px;z-index:2}
.market-collection-card-v9300.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)}
.market-collection-card-v9300.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)}
.market-collection-card-v9300.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)}
.market-collection-card-v9300.rarity-legendary .market-card-power-v9300{color:#fff3b1;border-color:rgba(255,229,142,.58)}
.market-collection-card-v9300.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)}
.market-collection-card-v9300.rarity-koshi::after{animation:collectionKoshiShineV9110 3.5s linear infinite;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.25) 49%,transparent 59%)}
/* Skins continuam mais simples, mas ganham a mesma proporção visual do novo mercado. */
.market-item-v9240.market-skin-card-v9300{grid-template-columns:105px minmax(0,1fr);padding:11px;gap:11px}
.market-skin-card-v9300 .market-art-v9240{width:103px;height:103px}
.market-skin-card-v9300 .market-copy-v9240 b{font-size:14px}
.market-skin-card-v9300 .market-copy-v9240 p{font-size:9px;min-height:32px}
.market-skin-card-v9300 .market-meta-v9300{font-size:8px;opacity:.68}
@media (max-width:650px){
.market-banner-v9300{min-height:92px;aspect-ratio:4/1}
.market-grid-v9240{grid-template-columns:repeat(2,minmax(0,1fr))}
.market-item-v9240.market-collection-card-v9300{min-height:330px}
.market-collection-card-v9300 .market-art-v9240{height:115px;margin-left:10px;margin-right:10px}
.market-collection-card-v9300 .market-copy-v9240{padding-left:10px;padding-right:10px}
.market-collection-card-v9300 .market-copy-v9240 b{font-size:13px}
.market-collection-card-v9300 .market-item-actions-v9240{padding-left:10px;padding-right:10px}
.market-item-v9240.market-skin-card-v9300{grid-template-columns:78px minmax(0,1fr)}
.market-skin-card-v9300 .market-art-v9240{width:76px;height:76px}
}
@media (max-width:430px){.market-grid-v9240{grid-template-columns:1fr}}
/* ============================================================
Koshinet v91.31.0 — catálogo separado + painel de instâncias
============================================================ */
.market-panel-v9240 > .market-grid-v9240{display:block}
.market-catalog-section-v9310{margin:0 0 18px}
.market-catalog-section-v9310:last-child{margin-bottom:0}
.market-catalog-heading-v9310{display:flex;align-items:end;justify-content:space-between;margin:0 0 9px;padding:0 2px}
.market-catalog-heading-v9310 b, .market-catalog-heading-v9310 small{display:block}
.market-catalog-heading-v9310 b{font-size:15px}.market-catalog-heading-v9310 small{font-size:8px;opacity:.58;margin-top:2px}
.market-card-grid-v9310{grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:12px}
.market-skin-grid-v9310{grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:12px}
/* Skins têm uma identidade própria: imagem grande, card leve e informação vertical. */
.market-item-v9240.market-skin-card-v9310{
position:relative;display:flex;flex-direction:column;gap:0;padding:10px;min-height:355px;overflow:hidden;
border:1px solid rgba(186,235,255,.24);border-radius:15px;
background:linear-gradient(180deg,rgba(20,113,183,.34),rgba(2,61,121,.38));
box-shadow:inset 0 1px rgba(255,255,255,.12),0 4px 10px rgba(0,39,82,.12)
}
.market-skin-card-v9310 .market-art-v9240{
width:100%;height:auto;aspect-ratio:1/1;grid-row:auto;margin:0 0 10px;border-radius:12px;
border:1px solid rgba(199,240,255,.28);background:rgba(0,48,104,.28);font-size:38px
}
.market-skin-card-v9310 .market-art-v9240 img{object-fit:cover}
.market-skin-card-v9310 .market-copy-v9240{display:flex;flex-direction:column;min-height:0;flex:1;padding:0 2px}
.market-skin-card-v9310 .market-copy-v9240 small{font-size:8px;opacity:.62}
.market-skin-card-v9310 .market-copy-v9240 b{font-size:15px;line-height:1.2;margin:4px 0 3px}
.market-skin-card-v9310 .market-copy-v9240 .market-meta-v9300{font-size:8px;opacity:.66;line-height:1.35}
.market-skin-card-v9310 .market-copy-v9240 p{font-size:9px;line-height:1.45;opacity:.8;margin:8px 0 8px;min-height:40px}
.market-skin-card-v9310 .market-copy-v9240 strong{font-size:14px;margin-top:auto}
.market-skin-card-v9310 .market-copy-v9240 i{font-size:8px;margin-top:3px}
.market-skin-card-v9310 .market-item-actions-v9240{grid-column:auto;margin-top:10px;padding:0 2px}
.market-skin-card-v9310 .market-item-actions-v9240 button{width:100%}
.market-skin-card-v9310.rarity-uncommon{border-color:rgba(83,208,255,.43)}
.market-skin-card-v9310.rarity-rare{border-color:rgba(187,116,255,.50);box-shadow:inset 0 1px rgba(255,255,255,.13),0 0 12px rgba(169,95,255,.12)}
.market-skin-card-v9310.rarity-legendary{border-color:rgba(255,211,93,.60);box-shadow:inset 0 1px rgba(255,255,255,.16),0 0 14px rgba(255,205,67,.15)}
.market-skin-card-v9310.rarity-koshi{border-color:rgba(121,240,255,.72);box-shadow:inset 0 1px rgba(255,255,255,.18),0 0 15px rgba(84,234,255,.17)}
/* A lista de instâncias não mora mais espremida dentro do card. */
.market-item-v9240 > .market-instances-v9290{display:none!important}
.market-instance-panel-v9310{
position:fixed;z-index:10024;top:50%;right:max(18px,calc((100vw - min(1120px,calc(100vw - 26px)))/2 + 18px));
transform:translateY(-50%);width:min(390px,calc(100vw - 34px));max-height:min(760px,84vh);overflow:auto;
padding:12px;border:1px solid rgba(191,238,255,.34);border-radius:16px;
background:linear-gradient(180deg,rgba(8,78,142,.97),rgba(1,44,94,.98));
box-shadow:0 20px 55px rgba(0,22,55,.48),inset 0 1px rgba(255,255,255,.13);backdrop-filter:blur(18px)
}
.market-instance-panel-v9310[hidden]{display:none!important}
.market-instance-panel-head-v9310{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:1px 1px 10px;border-bottom:1px solid rgba(191,236,255,.14)}
.market-instance-panel-head-v9310 b, .market-instance-panel-head-v9310 small{display:block}.market-instance-panel-head-v9310 b{font-size:13px}.market-instance-panel-head-v9310 small{font-size:8px;opacity:.57;margin-top:2px}
.market-instance-panel-head-v9310 button{width:31px;height:31px;border-radius:8px;border:1px solid rgba(190,236,255,.2);background:rgba(8,93,161,.5);color:#fff;font-size:18px;cursor:pointer}
.market-instance-panel-product-v9310{display:grid;grid-template-columns:96px minmax(0,1fr);gap:11px;padding:12px 0;border-bottom:1px solid rgba(191,236,255,.14)}
.market-instance-panel-art-v9310{width:96px;height:96px;border-radius:12px;overflow:hidden;border:1px solid rgba(190,237,255,.28);display:grid;place-items:center;background:rgba(0,52,108,.35);font-size:34px}
.market-instance-panel-art-v9310 img{width:100%;height:100%;object-fit:cover;display:block}
.market-instance-panel-copy-v9310{min-width:0}.market-instance-panel-copy-v9310 small, .market-instance-panel-copy-v9310 b, .market-instance-panel-copy-v9310 span, .market-instance-panel-copy-v9310 p, .market-instance-panel-copy-v9310 strong{display:block}
.market-instance-panel-copy-v9310 small{font-size:8px;opacity:.6}.market-instance-panel-copy-v9310 b{font-size:16px;margin:3px 0}.market-instance-panel-copy-v9310 span{font-size:8px;line-height:1.35;opacity:.67}.market-instance-panel-copy-v9310 p{font-size:9px;line-height:1.45;margin:7px 0;opacity:.8}.market-instance-panel-copy-v9310 strong{font-size:13px}
.market-instance-panel-list-v9310{display:flex;flex-direction:column;gap:8px;padding-top:11px}
.market-instance-row-v9310{
grid-template-columns:42px minmax(0,1fr) auto!important;gap:9px!important;padding:9px!important;
background:linear-gradient(180deg,rgba(5,89,155,.36),rgba(0,53,111,.34))!important
}
.market-instance-thumb-v9310{width:42px;height:42px;border-radius:8px;overflow:hidden;border:1px solid rgba(188,235,255,.2);display:grid;place-items:center;background:rgba(0,46,99,.3);font-size:18px}
.market-instance-thumb-v9310 img{width:100%;height:100%;object-fit:cover;display:block}
.market-instance-row-v9310 .market-instance-info-v9290 b{font-size:9px}.market-instance-row-v9310 .market-instance-info-v9290 span{font-size:8px}.market-instance-row-v9310 .market-instance-info-v9290 strong{display:block;font-size:11px;margin-top:4px}
.market-instance-row-v9310 .market-instance-actions-v9290{min-width:112px}.market-instance-row-v9310 .market-instance-actions-v9290 button{white-space:nowrap}
.market-instance-row-v9310 .market-price-row-v9240{min-width:86px}
@media (min-width:900px){
.market-instance-open-v9310 .market-window-v9240{padding-right:0}
.market-instance-open-v9310 .market-body-v9240{padding-right:405px}
.market-instance-open-v9310 .market-banner-v9300, .market-instance-open-v9310 .market-wallet-v9240, .market-instance-open-v9310 .market-tabs-v9240, .market-instance-open-v9310 .market-search-v9241{margin-right:-405px}
.market-instance-open-v9310 .market-card-grid-v9310{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.market-instance-open-v9310 .market-skin-grid-v9310{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
}
@media (max-width:899px){
.market-instance-panel-v9310{left:50%;right:auto;top:auto;bottom:12px;transform:translateX(-50%);width:min(620px,calc(100vw - 20px));max-height:72vh}
.market-instance-panel-product-v9310{grid-template-columns:78px minmax(0,1fr)}
.market-instance-panel-art-v9310{width:78px;height:78px}
}
@media (max-width:650px){
.market-card-grid-v9310, .market-skin-grid-v9310{grid-template-columns:repeat(2,minmax(0,1fr))}
.market-item-v9240.market-skin-card-v9310{min-height:300px;padding:8px}
.market-skin-card-v9310 .market-copy-v9240 b{font-size:13px}.market-skin-card-v9310 .market-copy-v9240 p{font-size:8px;min-height:34px}
.market-instance-row-v9310{grid-template-columns:36px minmax(0,1fr)!important}.market-instance-thumb-v9310{width:36px;height:36px}.market-instance-row-v9310 .market-instance-actions-v9290{grid-column:1/-1;min-width:0;justify-content:stretch}.market-instance-row-v9310 .market-instance-actions-v9290 button{flex:1}
}
@media (max-width:430px){.market-card-grid-v9310, .market-skin-grid-v9310{grid-template-columns:1fr}}
/* ============================================================
Koshinet v91.31.1 — correção do painel lateral de instâncias
============================================================ */
.market-window-v9240{container-type:inline-size}
.market-body-v9240{position:relative}
/* Estado compacto: o painel vira uma folha sobreposta somente quando
a própria janela do Mercado não tem largura suficiente para duas colunas. */
.market-instance-panel-v9310{
position:fixed;
left:50%;right:auto;top:auto;bottom:14px;
transform:translateX(-50%);
width:min(620px,calc(100vw - 24px));
max-height:min(72vh,720px);
overflow:auto;
}
.market-instance-open-v9310 .market-body-v9240{padding-right:14px}
.market-instance-open-v9310 .market-banner-v9300, .market-instance-open-v9310 .market-wallet-v9240, .market-instance-open-v9310 .market-tabs-v9240, .market-instance-open-v9310 .market-search-v9241{margin-right:0}
/* A decisão de usar o painel lateral passa a depender da largura REAL
da janela do Mercado, e não da largura da viewport. Isso evita o painel
centralizado indevidamente em zoom/escala de sistema diferentes. */
@container (min-width: 820px){
.market-instance-open-v9310 .market-body-v9240{
display:grid;
grid-template-columns:minmax(0,1fr) 370px;
grid-template-rows:auto auto auto auto minmax(0,1fr) auto;
column-gap:14px;
align-items:start;
padding-right:14px;
}
.market-instance-open-v9310 .market-banner-v9300{grid-column:1/-1;grid-row:1}
.market-instance-open-v9310 .market-wallet-v9240{grid-column:1/-1;grid-row:2}
.market-instance-open-v9310 .market-tabs-v9240{grid-column:1/-1;grid-row:3}
.market-instance-open-v9310 .market-search-v9241{grid-column:1/-1;grid-row:4}
.market-instance-open-v9310 #marketBrowseV9240, .market-instance-open-v9310 #marketSellV9240, .market-instance-open-v9310 #marketMineV9240, .market-instance-open-v9310 #marketBankV9240{grid-column:1;grid-row:5;min-width:0}
.market-instance-open-v9310 #marketMessageV9240{grid-column:1/-1;grid-row:6}
.market-instance-panel-v9310{
position:sticky;
z-index:4;
grid-column:2;
grid-row:5;
align-self:start;
top:12px;
left:auto;right:auto;bottom:auto;
transform:none;
width:100%;
max-width:none;
max-height:calc(92vh - 92px);
margin:0;
box-sizing:border-box;
}
.market-instance-open-v9310 .market-card-grid-v9310{
grid-template-columns:repeat(auto-fill,minmax(210px,1fr));
}
.market-instance-open-v9310 .market-skin-grid-v9310{
grid-template-columns:repeat(auto-fill,minmax(185px,1fr));
}
}
@container (min-width: 1020px){
.market-instance-open-v9310 .market-body-v9240{
grid-template-columns:minmax(0,1fr) 390px;
column-gap:16px;
}
}
/* v91.32.0 — Habitats e consumíveis dos Koshi Pets */
.pet-stage-v91.has-habitat-v9320{
background-size:cover!important;
background-position:center!important;
background-repeat:no-repeat!important;
min-height:230px;
position:relative;
overflow:hidden;
}
.pet-stage-v91.has-habitat-v9320:before{
content:"";position:absolute;inset:0;pointer-events:none;
background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(0,48,96,.12));
}
.pet-stage-v91.has-habitat-v9320>*{position:relative;z-index:1}
.pet-items-window-v9320{width:min(980px,94vw);max-height:88vh}
.pet-items-tabs-v9320{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.pet-items-tabs-v9320 button.is-active{box-shadow:0 0 0 2px rgba(79,255,225,.75) inset;background:linear-gradient(180deg,#22a8ba,#087c9f)}
.pet-items-grid-v9320{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.pet-item-card-v9320{display:flex;flex-direction:column;gap:9px;padding:11px;border:1px solid rgba(187,228,255,.3);border-radius:14px;background:linear-gradient(180deg,rgba(26,122,188,.55),rgba(5,70,137,.7));min-height:285px}
.pet-item-art-v9320{height:130px;border-radius:11px;overflow:hidden;display:grid;place-items:center;font-size:48px;background:rgba(0,42,91,.38)}
.pet-item-art-v9320 img{width:100%;height:100%;object-fit:cover}
.pet-item-card-v9320>div:nth-child(2){display:flex;flex-direction:column;gap:4px;flex:1}
.pet-item-card-v9320 b{font-size:17px}.pet-item-card-v9320 p{margin:2px 0;font-size:13px;line-height:1.35}.pet-item-card-v9320 span{font-size:10px;opacity:.68;overflow-wrap:anywhere}
.pet-items-admin-window-v9320{width:min(1050px,95vw)}
.market-pet-item-card-v9320 .market-art-v9240{height:150px}
.market-pet-item-card-v9320 .market-art-v9240 img{width:100%;height:100%;object-fit:cover;border-radius:10px}
.market-habitats-section-v9320 .market-pet-item-card-v9320 .market-art-v9240{height:170px}
@media (max-width:720px){.pet-items-grid-v9320{grid-template-columns:1fr 1fr}.pet-item-card-v9320{min-height:250px}.pet-item-art-v9320{height:110px}}
@media (max-width:480px){.pet-items-grid-v9320{grid-template-columns:1fr}}
/* v91.33.0 — pacotes consumíveis reutilizáveis */
.pet-item-uses-v9330{display:inline-flex;align-items:center;gap:5px;margin:4px 0 6px;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.12);font-size:12px}
.market-instance-uses-v9330{font-weight:700;color:rgba(230,248,255,.95)}
#petItemEditorMaxUsesWrapV9330 small{display:block;margin-top:4px;font-size:11px;line-height:1.25;opacity:.72}
/* v91.35.0 — códigos de resgate: global único + uma vez por conta */
.redeem-window-v9340{width:min(520px,calc(100vw - 24px))}.redeem-body-v9340{display:grid;gap:14px}.redeem-ticket-v9340{display:flex;gap:12px;align-items:center;padding:16px;border:1px solid rgba(255,255,255,.35);border-radius:16px;background:rgba(255,255,255,.13)}.redeem-ticket-v9340>span{font-size:34px}.redeem-ticket-v9340 div{display:grid;gap:3px}.redeem-ticket-v9340 small{opacity:.72}.redeem-code-label-v9340{display:grid;gap:7px;font-weight:700}.redeem-code-label-v9340 input{text-transform:uppercase;letter-spacing:.08em;font-size:17px}.redeem-admin-window-v9340{width:min(860px,calc(100vw - 24px))}.redeem-admin-create-v9340{padding:14px;border:1px solid rgba(255,255,255,.28);border-radius:16px;background:rgba(255,255,255,.09);margin-bottom:16px}.redeem-admin-grid-v9340{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.redeem-admin-grid-v9340 label{display:grid;gap:5px}.redeem-admin-list-v9340{display:grid;gap:8px;margin-top:10px}.redeem-admin-row-v9340{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.08)}.redeem-admin-row-v9340>div{display:grid;gap:3px}.redeem-admin-row-v9340 span, .redeem-admin-row-v9340 small{opacity:.78}.redeem-admin-row-v9340.is-done{opacity:.58}@media (max-width:620px){.redeem-admin-grid-v9340{grid-template-columns:1fr}}
/* ============================================================
v91.35.1 — Correções visuais do Mercado e Itens dos Koshi Pets
============================================================ */
/* Habitats e consumíveis: cards próprios, sem herdar o layout estreito
dos itens antigos do Mercado. */
.market-habitats-section-v9320 .market-skin-grid-v9310{
grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
gap:14px;
}
.market-consumables-section-v9320 .market-skin-grid-v9310{
grid-template-columns:repeat(auto-fill,minmax(230px,1fr));
gap:14px;
}
.market-item-v9240.market-pet-item-card-v9320{
position:relative;
display:flex;
flex-direction:column;
gap:0;
min-height:0;
padding:11px;
overflow:hidden;
border:1px solid rgba(191,237,255,.28);
border-radius:16px;
background:linear-gradient(180deg,rgba(31,137,204,.40),rgba(2,65,128,.48));
box-shadow:inset 0 1px rgba(255,255,255,.16),0 5px 14px rgba(0,37,82,.14);
}
.market-pet-item-card-v9320 .market-art-v9240{
width:100%;
height:auto;
grid-row:auto;
margin:0 0 11px;
border-radius:12px;
border:1px solid rgba(203,241,255,.36);
background:rgba(0,48,101,.32);
box-shadow:inset 0 1px rgba(255,255,255,.16);
}
.market-habitats-section-v9320 .market-pet-item-card-v9320 .market-art-v9240{
height:auto;
aspect-ratio:16/9;
}
.market-consumables-section-v9320 .market-pet-item-card-v9320 .market-art-v9240{
height:auto;
aspect-ratio:4/3;
}
.market-pet-item-card-v9320 .market-art-v9240 img{width:100%;height:100%;object-fit:cover;border-radius:0}
.market-pet-item-card-v9320 .market-copy-v9240{display:flex;flex-direction:column;flex:1;min-width:0;padding:0 2px}
.market-pet-item-card-v9320 .market-copy-v9240 small{font-size:8px;opacity:.68}
.market-pet-item-card-v9320 .market-copy-v9240 b{font-size:16px;line-height:1.18;margin:4px 0}
.market-pet-item-card-v9320 .market-copy-v9240 .market-meta-v9300{font-size:8px;line-height:1.35;opacity:.7}
.market-pet-item-card-v9320 .market-copy-v9240 p{font-size:9px;line-height:1.45;min-height:42px;margin:8px 0;opacity:.82}
.market-pet-item-card-v9320 .market-copy-v9240 strong{font-size:14px;margin-top:auto}
.market-pet-item-card-v9320 .market-copy-v9240 i{font-size:8px;margin-top:3px}
.market-pet-item-card-v9320 .market-item-actions-v9240{grid-column:auto;margin-top:10px;padding:0 2px}
.market-pet-item-card-v9320 .market-item-actions-v9240 button{width:100%;min-height:38px;font-size:12px}
/* Menu de itens do pet: todos os controles seguem o vidro Aero da interface. */
.pet-items-tabs-v9320 button, .pet-item-card-v9320 button{
appearance:none;
min-height:38px;
padding:0 14px;
border-radius:10px;
border:1px solid rgba(194,239,255,.46);
color:#fff;
font-weight:800;
cursor:pointer;
background:linear-gradient(180deg,rgba(61,178,226,.82),rgba(5,101,174,.84));
box-shadow:inset 0 1px rgba(255,255,255,.38),0 2px 7px rgba(0,40,88,.18);
text-shadow:0 1px 1px rgba(0,40,82,.48);
}
.pet-items-tabs-v9320 button:hover, .pet-item-card-v9320 button:hover{
background:linear-gradient(180deg,rgba(82,197,238,.90),rgba(7,116,190,.90));
border-color:rgba(215,248,255,.66);
}
.pet-items-tabs-v9320 button.is-active{
border-color:rgba(150,255,231,.82);
background:linear-gradient(180deg,rgba(48,191,197,.90),rgba(6,119,151,.92));
box-shadow:inset 0 1px rgba(255,255,255,.48),0 0 0 1px rgba(75,246,222,.18),0 0 12px rgba(54,225,216,.22);
}
.pet-item-card-v9320 button:disabled{
cursor:default;
opacity:.72;
border-color:rgba(197,236,255,.28);
background:linear-gradient(180deg,rgba(48,125,174,.52),rgba(7,74,139,.56));
}
.pet-items-tabs-v9320{padding:2px 0 3px;border-bottom:1px solid rgba(196,237,255,.16)}
.pet-item-card-v9320{
border-color:rgba(193,237,255,.34);
background:linear-gradient(180deg,rgba(39,143,207,.48),rgba(4,70,139,.68));
box-shadow:inset 0 1px rgba(255,255,255,.14),0 5px 14px rgba(0,36,81,.12);
}
/* Instâncias agora abrem como uma janela ampla e centralizada.
O painel foi movido para fora da área rolável do Mercado para que zoom,
escala do sistema e backdrop-filter não alterem sua referência espacial. */
#marketOverlayV9240.market-instance-open-v9310:after{
content:"";
position:absolute;
inset:0;
z-index:30;
background:rgba(0,24,58,.28);
backdrop-filter:blur(3px);
pointer-events:none;
}
.market-instance-panel-v9310{
position:absolute!important;
z-index:40!important;
left:50%!important;
top:50%!important;
right:auto!important;
bottom:auto!important;
transform:translate(-50%,-50%)!important;
width:min(900px,calc(100vw - 48px))!important;
max-width:900px!important;
max-height:min(82vh,760px)!important;
box-sizing:border-box;
overflow:auto;
padding:16px!important;
border-radius:20px!important;
border:1px solid rgba(202,243,255,.62)!important;
background:linear-gradient(180deg,rgba(28,132,199,.98),rgba(2,62,127,.99))!important;
box-shadow:inset 0 1px rgba(255,255,255,.42),0 26px 75px rgba(0,20,56,.62)!important;
backdrop-filter:blur(22px) saturate(140%);
}
.market-instance-panel-head-v9310{position:sticky;top:-16px;z-index:4;margin:-16px -16px 0;padding:14px 16px 12px;background:rgba(9,91,163,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(205,243,255,.25)}
.market-instance-panel-head-v9310 b{font-size:16px}
.market-instance-panel-head-v9310 small{font-size:9px}
.market-instance-panel-head-v9310 button{width:34px;height:34px;border-radius:9px;background:linear-gradient(180deg,rgba(70,173,224,.72),rgba(6,91,160,.82));border-color:rgba(207,242,255,.46)}
.market-instance-panel-product-v9310{grid-template-columns:132px minmax(0,1fr);gap:16px;padding:16px 2px}
.market-instance-panel-art-v9310{width:132px;height:132px;border-radius:14px}
.market-instance-panel-copy-v9310 b{font-size:20px;margin:4px 0 5px}
.market-instance-panel-copy-v9310 p{font-size:11px;line-height:1.5;max-width:650px}
.market-instance-panel-copy-v9310 span, .market-instance-panel-copy-v9310 small{font-size:9px}
.market-instance-panel-copy-v9310 strong{font-size:15px}
.market-instance-panel-list-v9310{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:14px}
.market-instance-row-v9310{min-width:0}
/* Abrir a janela de instâncias não deve mais comprimir nem reorganizar o Mercado. */
.market-instance-open-v9310 .market-body-v9240{
display:flex!important;
flex-direction:column!important;
padding-right:13px!important;
}
.market-instance-open-v9310 .market-banner-v9300, .market-instance-open-v9310 .market-wallet-v9240, .market-instance-open-v9310 .market-tabs-v9240, .market-instance-open-v9310 .market-search-v9241{margin-right:0!important}
@media (max-width:720px){
.market-habitats-section-v9320 .market-skin-grid-v9310, .market-consumables-section-v9320 .market-skin-grid-v9310{grid-template-columns:repeat(2,minmax(0,1fr))}
.market-instance-panel-v9310{width:calc(100vw - 18px)!important;max-height:88vh!important;padding:12px!important;border-radius:16px!important}
.market-instance-panel-head-v9310{top:-12px;margin:-12px -12px 0;padding:11px 12px}
.market-instance-panel-product-v9310{grid-template-columns:86px minmax(0,1fr);gap:10px}
.market-instance-panel-art-v9310{width:86px;height:86px}
.market-instance-panel-list-v9310{grid-template-columns:1fr}
}
@media (max-width:480px){
.market-habitats-section-v9320 .market-skin-grid-v9310, .market-consumables-section-v9320 .market-skin-grid-v9310{grid-template-columns:1fr}
}
/* v91.36.0 — Empregos dos Koshi Pets */
.pet-job-actions-v9360{display:flex;align-items:center;gap:10px;margin-top:10px;padding:10px 12px;border:1px solid rgba(192,237,255,.28);border-radius:13px;background:linear-gradient(180deg,rgba(47,150,207,.34),rgba(5,76,143,.46));box-shadow:inset 0 1px rgba(255,255,255,.14)}
.pet-job-actions-v9360 button{min-height:38px;padding:0 16px;border-radius:10px;border:1px solid rgba(204,242,255,.45);color:#fff;font-weight:800;background:linear-gradient(180deg,rgba(70,181,226,.88),rgba(4,102,174,.90));box-shadow:inset 0 1px rgba(255,255,255,.4),0 3px 8px rgba(0,39,83,.2);text-shadow:0 1px rgba(0,43,83,.55);cursor:pointer}
.pet-job-actions-v9360 span{font-size:11px;opacity:.88}
.pet-working-away-v9360{min-width:150px;min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px dashed rgba(218,246,255,.46);border-radius:18px;background:rgba(3,70,130,.24);box-shadow:inset 0 1px rgba(255,255,255,.14)}
.pet-working-away-v9360 span{font-size:48px;filter:drop-shadow(0 4px 8px rgba(0,20,60,.28))}.pet-working-away-v9360 b{font-size:15px}.pet-working-away-v9360 small{font-size:9px;opacity:.75;text-align:center;max-width:130px}
.pet-jobs-window-v9360{width:min(940px,calc(100vw - 28px));max-height:88vh}.pet-jobs-window-v9360 .account-security-body{overflow:auto}
.pet-jobs-grid-v9360{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:12px}.pet-job-card-v9360{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;padding:13px;border:1px solid rgba(199,239,255,.33);border-radius:16px;background:linear-gradient(180deg,rgba(41,148,207,.45),rgba(4,67,133,.68));box-shadow:inset 0 1px rgba(255,255,255,.18),0 6px 18px rgba(0,31,76,.18)}
.pet-job-card-v9360.is-full{opacity:.67}.pet-job-card-icon-v9360{width:64px;height:64px;display:grid;place-items:center;font-size:34px;border-radius:15px;background:linear-gradient(180deg,rgba(130,218,246,.34),rgba(4,81,151,.48));border:1px solid rgba(207,243,255,.35);box-shadow:inset 0 1px rgba(255,255,255,.26)}
.pet-job-card-copy-v9360{min-width:0;display:flex;flex-direction:column}.pet-job-card-copy-v9360 small{font-size:9px;opacity:.7}.pet-job-card-copy-v9360 b{font-size:15px;margin:3px 0}.pet-job-card-copy-v9360 p{font-size:10px;line-height:1.45;opacity:.82;min-height:30px;margin:4px 0 8px}.pet-job-card-copy-v9360>div{display:flex;justify-content:space-between;gap:10px;align-items:center}.pet-job-card-copy-v9360 strong{font-size:14px}.pet-job-card-copy-v9360 span{font-size:10px;opacity:.82}
.pet-job-card-v9360>button{grid-column:1/-1;min-height:39px;border-radius:10px;border:1px solid rgba(204,242,255,.48);color:#fff;font-weight:800;background:linear-gradient(180deg,rgba(68,181,226,.9),rgba(4,102,174,.92));box-shadow:inset 0 1px rgba(255,255,255,.42),0 3px 8px rgba(0,39,83,.2);text-shadow:0 1px rgba(0,43,83,.55);cursor:pointer}.pet-job-card-v9360>button:disabled{opacity:.55;cursor:default}
.pet-job-current-v9360{display:grid;grid-template-columns:78px minmax(0,1fr);gap:14px;padding:15px;margin-bottom:14px;border-radius:17px;border:1px solid rgba(156,255,224,.52);background:linear-gradient(180deg,rgba(31,172,178,.36),rgba(4,91,131,.60));box-shadow:inset 0 1px rgba(255,255,255,.22),0 0 18px rgba(54,225,216,.12)}.pet-job-current-icon-v9360{width:78px;height:78px;display:grid;place-items:center;font-size:42px;border-radius:17px;background:rgba(10,89,143,.34);border:1px solid rgba(202,247,255,.32)}.pet-job-current-v9360>div:last-child{display:flex;flex-direction:column}.pet-job-current-v9360 small{font-size:8px;letter-spacing:.08em;opacity:.7}.pet-job-current-v9360 b{font-size:18px;margin:2px 0}.pet-job-current-v9360 span{font-size:10px}.pet-job-current-v9360 strong{font-size:25px;margin:5px 0;font-variant-numeric:tabular-nums}.pet-job-current-v9360 p{font-size:9px;opacity:.75;margin:0}
.pet-jobs-admin-window-v9360{width:min(900px,calc(100vw - 30px));max-height:88vh}.pet-job-admin-icon-v9360{width:52px;height:52px;display:grid;place-items:center;font-size:29px;border-radius:13px;border:1px solid rgba(202,240,255,.28);background:rgba(24,125,190,.34)}
.pet-job-editor-window-v9360{width:min(820px,calc(100vw - 30px))}.pet-job-editor-grid-v9360{grid-template-columns:180px minmax(0,1fr)}.pet-job-editor-icon-v9360{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border-radius:18px;border:1px solid rgba(203,241,255,.3);background:linear-gradient(180deg,rgba(57,159,215,.34),rgba(4,70,139,.5));text-align:center;padding:18px}.pet-job-editor-icon-v9360 span{font-size:72px}.pet-job-editor-icon-v9360 small{font-size:9px;opacity:.7;line-height:1.4}.pet-job-editor-numbers-v9360{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@media (max-width:650px){.pet-job-editor-grid-v9360{grid-template-columns:1fr}.pet-job-editor-icon-v9360{min-height:120px}.pet-job-editor-icon-v9360 span{font-size:55px}.pet-job-editor-numbers-v9360{grid-template-columns:1fr}.pet-jobs-grid-v9360{grid-template-columns:1fr}.pet-job-current-v9360{grid-template-columns:62px minmax(0,1fr)}.pet-job-current-icon-v9360{width:62px;height:62px;font-size:34px}}
/* ============================================================
v91.36.3 — alinhamento do estado Trabalhando + botões Aero do pet
============================================================ */
.pet-pet-zone-v911{
place-items:center!important;
}
#petEmojiV91{
display:grid;
place-items:center;
}
#petEmojiV91 .pet-working-away-v9360{
width:118px;
min-width:118px;
height:108px;
min-height:108px;
box-sizing:border-box;
padding:8px 6px;
margin:0 auto;
display:grid;
grid-template-rows:1fr auto;
place-items:center;
align-content:center;
gap:3px;
overflow:hidden;
text-align:center;
}
#petEmojiV91 .pet-working-away-v9360 span{
font-size:42px;
line-height:1;
display:grid;
place-items:center;
margin:0;
}
#petEmojiV91 .pet-working-away-v9360 b{
font-size:13px;
line-height:1.05;
width:100%;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
#petEmojiV91 .pet-working-away-v9360 small{
display:none;
}
/* Botões de itens/skins seguem o mesmo tratamento Aero, inclusive desabilitados */
#petItemsOpenV9320, #petSkinsOpenV9230.pet-skins-open-v9240{
min-width:150px!important;
min-height:38px!important;
padding:0 16px!important;
border:1px solid rgba(159,229,255,.72)!important;
border-radius:10px!important;
background:
linear-gradient(180deg,rgba(91,201,241,.94) 0%,rgba(29,147,207,.94) 48%,rgba(5,92,163,.96) 52%,rgba(3,74,143,.98) 100%)!important;
color:#fff!important;
font:inherit!important;
font-weight:800!important;
text-shadow:0 1px 1px rgba(0,38,78,.72)!important;
box-shadow:
inset 0 1px rgba(255,255,255,.65),
inset 0 -1px rgba(0,43,94,.55),
0 3px 9px rgba(0,45,91,.24)!important;
cursor:pointer!important;
}
#petItemsOpenV9320:hover:not(:disabled), #petSkinsOpenV9230.pet-skins-open-v9240:hover:not(:disabled){
filter:brightness(1.08);
box-shadow:inset 0 1px rgba(255,255,255,.72),0 0 13px rgba(64,201,255,.30)!important;
}
#petItemsOpenV9320:disabled, #petSkinsOpenV9230.pet-skins-open-v9240:disabled{
opacity:.58!important;
color:rgba(255,255,255,.86)!important;
background:
linear-gradient(180deg,rgba(80,167,205,.78) 0%,rgba(30,122,178,.78) 48%,rgba(8,80,145,.82) 52%,rgba(4,64,125,.84) 100%)!important;
border-color:rgba(159,229,255,.48)!important;
cursor:not-allowed!important;
filter:saturate(.72)!important;
}
/* ============================================================
v91.37.0 — Koshi Fazenda
============================================================ */
.farm-window-v91370{width:min(980px,calc(100vw - 32px));max-height:min(88vh,900px)}
.farm-body-v91370, .farm-manage-body-v91370{overflow:auto}
.farm-list-v91370{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}
.farm-card-v91370{display:grid;grid-template-rows:170px 1fr auto;gap:10px;padding:12px;border:1px solid rgba(113,185,218,.55);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(220,244,255,.68));box-shadow:inset 0 1px rgba(255,255,255,.85),0 8px 24px rgba(31,86,117,.14)}
.farm-card-art-v91370, .farm-hero-art-v91370, .farm-stock-art-v91370{display:grid;place-items:center;overflow:hidden;background:rgba(255,255,255,.52);border:1px solid rgba(107,177,208,.38);border-radius:12px}
.farm-card-art-v91370 img, .farm-hero-art-v91370 img, .farm-stock-art-v91370 img{width:100%;height:100%;object-fit:cover}
.farm-card-art-v91370 span, .farm-hero-art-v91370 span{font-size:62px}
.farm-card-copy-v91370{display:grid;gap:5px;align-content:start}.farm-card-copy-v91370>b{font-size:18px}.farm-card-copy-v91370>small{opacity:.7}.farm-card-copy-v91370 p{margin:0;min-height:38px}.farm-card-copy-v91370>div{display:flex;gap:8px;flex-wrap:wrap;font-size:12px}
.farm-card-v91370>button, .farm-plot-v91370 button, .farm-stock-row-v91370 button, .farm-tabs-v91370 button, .farm-admin-tabs-v91370 button{min-height:36px;border:1px solid rgba(65,150,196,.62);border-radius:9px;background:linear-gradient(180deg,rgba(241,252,255,.95),rgba(164,220,244,.86));font-weight:700;cursor:pointer}
.farm-manage-window-v91370{width:min(1120px,calc(100vw - 24px));height:min(90vh,920px)}
.farm-hero-v91370{display:grid;grid-template-columns:minmax(220px,36%) 1fr;gap:18px;align-items:center;padding:12px;border:1px solid rgba(91,174,210,.45);border-radius:16px;background:rgba(255,255,255,.5)}
.farm-hero-art-v91370{height:190px}.farm-hero-v91370 h2{margin:0 0 6px}.farm-hero-v91370 p{margin:0 0 12px}.farm-hero-v91370 span{font-weight:700}
.farm-tabs-v91370, .farm-admin-tabs-v91370{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.farm-tabs-v91370 button.is-active, .farm-admin-tabs-v91370 button.is-active{box-shadow:inset 0 0 0 2px rgba(255,255,255,.65);background:linear-gradient(180deg,#eaffff,#75cbed)}
.farm-pane-v91370{min-height:220px}.farm-plots-v91370{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.farm-plot-v91370{min-height:190px;padding:12px;display:grid;gap:8px;align-content:start;border-radius:14px;border:1px solid rgba(111,167,100,.5);background:linear-gradient(180deg,rgba(247,255,238,.92),rgba(210,237,188,.72))}.farm-plot-v91370>strong{font-size:13px;opacity:.8}.farm-plot-empty-v91370{display:grid;place-items:center;min-height:88px;border-radius:10px;background:rgba(125,90,51,.12);font-size:13px;text-align:center}.farm-plot-crop-v91370{display:grid;grid-template-rows:78px auto;gap:5px;text-align:center}.farm-plot-crop-v91370 img{width:100%;height:78px;object-fit:contain}.farm-plot-crop-v91370 span{font-size:42px}.farm-progress-v91370{height:8px;overflow:hidden;border-radius:99px;background:rgba(46,91,49,.16)}.farm-progress-v91370 i{display:block;height:100%;background:linear-gradient(90deg,#87c95d,#47a742)}.farm-watered-v91370{font-size:12px;text-align:center;color:#32743a;font-weight:700}
.farm-inventory-v91370{display:grid;gap:10px}.farm-stock-row-v91370{display:grid;grid-template-columns:74px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px;border:1px solid rgba(100,174,208,.42);border-radius:12px;background:rgba(255,255,255,.6)}.farm-stock-art-v91370{width:74px;height:64px}.farm-stock-art-v91370 span{font-size:34px}.farm-stock-row-v91370>div:nth-child(2){display:grid;gap:3px}.farm-stock-row-v91370 small{opacity:.72}.farm-stock-actions-v91370{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.farm-stock-actions-v91370 button{white-space:nowrap}
.farm-small-window-v91370{width:min(650px,calc(100vw - 28px));max-height:80vh}.farm-small-window-v91370 label{display:grid;gap:5px;margin:8px 0}.farm-small-window-v91370 input, .farm-small-window-v91370 select{min-height:38px;border-radius:8px;border:1px solid rgba(78,151,188,.5);padding:0 9px}
.farm-admin-window-v91370{width:min(980px,calc(100vw - 30px));max-height:88vh}.farm-admin-tabs-v91370 #farmAdminNewV91370{margin-left:auto}.farm-editor-special-v91370{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.farm-editor-issue-v91370{padding:12px;border-radius:12px;border:1px solid rgba(81,158,195,.45);background:rgba(218,245,255,.58)}.farm-editor-issue-v91370 h4{margin:0 0 8px}.farm-editor-issue-v91370 label{display:grid;gap:4px;margin-bottom:8px}
.market-farm-land-v91370, .market-farm-seed-v91370, .market-farm-box-v91370{border-color:rgba(111,169,102,.55)}
@media (max-width:700px){.farm-hero-v91370{grid-template-columns:1fr}.farm-hero-art-v91370{height:150px}.farm-stock-row-v91370{grid-template-columns:60px 1fr}.farm-stock-art-v91370{width:60px;height:56px}.farm-stock-row-v91370>button, .farm-stock-actions-v91370{grid-column:1/-1}.farm-editor-special-v91370{grid-template-columns:1fr}.farm-card-v91370{grid-template-rows:145px 1fr auto}}
/* ============================================================
v91.37.2 — Fazenda: cards consistentes com Consumíveis
============================================================ */
.market-farm-section-v91370 .market-skin-grid-v9310{
grid-template-columns:repeat(auto-fill,minmax(230px,1fr));
gap:14px;
}
.market-farm-section-v91370 .market-pet-item-card-v9320 .market-art-v9240, .market-consumables-section-v9320 .market-farm-box-v91370 .market-art-v9240{
height:auto;
aspect-ratio:4/3;
}
.market-farm-section-v91370 .market-farm-land-v91370 .market-art-v9240{
aspect-ratio:4/3;
}
.market-farm-land-v91370, .market-farm-seed-v91370, .market-farm-box-v91370{
border-color:rgba(191,237,255,.28);
}
/* Minhas Fazendas: cards horizontais compactos; uma única fazenda não ocupa a janela inteira. */
.farm-list-v91370{
grid-template-columns:repeat(auto-fill,minmax(390px,460px));
justify-content:start;
align-items:start;
gap:14px;
}
.farm-card-v91370{
grid-template-columns:150px minmax(0,1fr);
grid-template-rows:minmax(0,1fr) auto;
gap:10px 12px;
width:100%;
min-width:0;
min-height:190px;
padding:11px;
box-sizing:border-box;
}
.farm-card-art-v91370{
grid-column:1;
grid-row:1 / 3;
width:150px;
height:168px;
align-self:center;
}
.farm-card-copy-v91370{
grid-column:2;
grid-row:1;
min-width:0;
}
.farm-card-copy-v91370>small{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.farm-card-copy-v91370 p{
min-height:0;
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
overflow:hidden;
}
.farm-card-v91370>button{
grid-column:2;
grid-row:2;
width:100%;
}
@media (max-width:700px){
.farm-list-v91370{grid-template-columns:1fr}
.farm-card-v91370{grid-template-columns:110px minmax(0,1fr);min-height:160px}
.farm-card-art-v91370{width:110px;height:138px}
}
@media (max-width:480px){
.farm-card-v91370{grid-template-columns:1fr;grid-template-rows:135px auto auto}
.farm-card-art-v91370{grid-column:1;grid-row:1;width:100%;height:135px}
.farm-card-copy-v91370{grid-column:1;grid-row:2}
.farm-card-v91370>button{grid-column:1;grid-row:3}
}
/* v91.37.3 — caixas agrícolas no inventário de comidas */
.pet-item-card-v9320.farm-pet-food-v91370.is-market-listed-v91373{opacity:.72}
.pet-item-card-v9320.farm-pet-food-v91370.is-market-listed-v91373 .pet-item-art-v9320{filter:saturate(.75)}
/* ============================================================
v91.38.0 — inventário agrícola, visitas e roubos de fazenda
============================================================ */
.farm-home-tabs-v91380{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.farm-home-tabs-v91380 button{min-height:36px;padding:0 14px;border:1px solid rgba(65,150,196,.62);border-radius:9px;background:linear-gradient(180deg,rgba(241,252,255,.95),rgba(164,220,244,.86));font-weight:800;cursor:pointer}
.farm-home-tabs-v91380 button.is-active{box-shadow:inset 0 0 0 2px rgba(255,255,255,.68);background:linear-gradient(180deg,#eaffff,#75cbed)}
.farm-section-title-v91380{margin:16px 0 8px;font-size:14px}
.farm-stolen-stock-v91380, .farm-stolen-box-v91380{border-color:rgba(174,91,197,.5)!important;background:linear-gradient(180deg,rgba(255,250,255,.82),rgba(240,219,250,.68))!important}
.farm-stolen-stock-v91380 b, .farm-stolen-box-v91380 b{color:#71378a}
.farm-history-v91380{display:grid;gap:9px}
.farm-history-row-v91380{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;padding:11px;border:1px solid rgba(112,169,198,.4);border-radius:12px;background:rgba(255,255,255,.62)}
.farm-history-row-v91380>span{font-size:26px;text-align:center}.farm-history-row-v91380>div{display:grid;gap:3px}.farm-history-row-v91380 small{opacity:.72}
.profile-farm-card-v91380{margin:10px 0;padding:9px;border:1px solid rgba(107,180,211,.45);border-radius:12px;background:rgba(233,249,255,.62)}
.profile-farm-card-v91380 button{width:100%;min-height:38px;border:1px solid rgba(65,150,196,.62);border-radius:9px;background:linear-gradient(180deg,rgba(241,252,255,.95),rgba(164,220,244,.86));font-weight:800;cursor:pointer}
.farm-robbery-state-v91380{margin:12px 0;padding:10px 12px;border:1px solid rgba(119,156,184,.45);border-radius:10px;background:rgba(241,250,255,.72);font-size:13px;font-weight:700}
.farm-steal-btn-v91380{border-color:rgba(144,73,167,.62)!important;background:linear-gradient(180deg,#f8eaff,#d9a7eb)!important;color:#552064}
.farm-plot-v91370.state-robbed{border-color:rgba(180,84,103,.55);background:linear-gradient(180deg,rgba(255,244,246,.94),rgba(244,204,213,.76))}
.farm-robbed-plot-art-v91380 img{filter:grayscale(.25) saturate(.72)}
.farm-robbed-visitor-v91380{background:rgba(168,58,79,.10);color:#8b3246;font-weight:800}
@media (max-width:600px){.farm-home-tabs-v91380 button{flex:1}.farm-history-row-v91380{grid-template-columns:34px minmax(0,1fr)}}
/* ============================================================
v91.39.0 — Polícia Koshi
============================================================ */
.pet-police-window-v91390{width:min(720px,calc(100vw - 28px))!important;}
.pet-police-sign-v91390{display:flex;gap:14px;align-items:center;padding:14px 16px;margin-bottom:14px;border:1px solid rgba(132,210,245,.55);border-radius:14px;background:linear-gradient(180deg,rgba(235,250,255,.88),rgba(183,225,245,.72));box-shadow:inset 0 1px rgba(255,255,255,.85);}
.pet-police-sign-v91390>span{font-size:38px}.pet-police-sign-v91390 div{display:grid;gap:3px}.pet-police-sign-v91390 small{opacity:.72}
.pet-police-content-v91390{min-height:180px}.pet-police-empty-v91390{min-height:180px;display:grid;place-items:center;align-content:center;text-align:center;gap:7px;padding:24px;border:1px dashed rgba(70,145,190,.45);border-radius:14px;background:rgba(255,255,255,.42)}.pet-police-empty-v91390>span{font-size:44px}.pet-police-empty-v91390 small{opacity:.72}
.pet-police-case-v91390{display:grid;grid-template-columns:116px 1fr;gap:18px;padding:18px;border:1px solid rgba(78,163,211,.55);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(213,239,252,.72));box-shadow:inset 0 1px rgba(255,255,255,.9),0 8px 24px rgba(0,75,120,.12)}
.pet-police-case-icon-v91390{height:116px;display:grid;place-items:center;font-size:62px;border-radius:18px;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.95),rgba(132,207,240,.55) 55%,rgba(36,119,176,.55));border:1px solid rgba(107,188,229,.75);box-shadow:inset 0 2px 9px rgba(255,255,255,.8)}
.pet-police-case-copy-v91390{display:grid;gap:9px}.pet-police-case-copy-v91390 h2{margin:0;font-size:20px}.pet-police-case-copy-v91390 p{margin:0;line-height:1.4;opacity:.82}.pet-police-case-tag-v91390{width:max-content;padding:4px 8px;border-radius:999px;background:#ffe49a;border:1px solid #d5a83a;font-size:11px;font-weight:900;letter-spacing:.08em;color:#6e4a00}.pet-police-fine-v91390{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:10px 12px;border-radius:11px;background:rgba(255,255,255,.62);border:1px solid rgba(101,176,214,.4)}.pet-police-fine-v91390 b{font-size:19px}.pet-police-fine-v91390 small{grid-column:1/-1;opacity:.7}.pet-police-short-v91390{color:#8b4b00}
@media (max-width:620px){.pet-police-case-v91390{grid-template-columns:1fr}.pet-police-case-icon-v91390{height:94px}.pet-police-case-copy-v91390 h2{font-size:18px}}
/* v91.40.0 — estabilidade visual / PageSpeed */
img{height:auto;max-width:100%}
.market-banner-v9300 img, .market-banner-admin-preview-v9300 img{height:100%}
@media (prefers-reduced-motion:reduce){*, *::before, *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/* v91.41.0: estabilidade do mural e reserva do slot publicitário */
.mural-ad-placeholder-v91410{min-height:560px;margin:14px 0 16px;border:1px solid rgba(177,232,255,.22);border-radius:15px;background:linear-gradient(110deg,rgba(20,91,148,.16) 8%,rgba(132,204,240,.12) 18%,rgba(20,91,148,.16) 33%);background-size:200% 100%;animation:muralPlaceholderV91410 1.4s linear infinite}
.mural-ad-media-v9140{aspect-ratio:16/9;overflow:hidden;background:rgba(0,35,70,.28)}
.mural-ad-media-v9140>img{display:block;width:100%;height:100%;object-fit:cover}
@keyframes muralPlaceholderV91410{to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.mural-ad-placeholder-v91410{animation:none}}
/* =========================================================
Koshinet v91.43.1 — Governo Koshi mantém caixas compradas como ativos
========================================================= */
/* Recursos aposentados também precisam continuar mortos no mobile,
apesar de regras antigas com !important tentarem ressuscitá-los. */
#groupCall, #voiceRoomsButton, #corporateButton{display:none!important}
.farm-government-rates-v91430{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 14px}
.farm-government-rates-v91430 span{padding:8px 10px;border-radius:10px;border:1px solid rgba(181,231,255,.22);background:rgba(4,73,132,.18);font-size:9px}
.farm-government-rates-v91430 b{font-size:11px}
.farm-government-card-v91430{position:relative}
.farm-government-card-v91430>button{align-self:end}
.farm-government-admin-v91430{padding:14px;border:1px solid rgba(180,231,255,.28);border-radius:14px;background:rgba(5,76,136,.12)}
.farm-government-admin-v91430 h3{margin:0 0 5px}
.farm-government-admin-v91430 p{margin:0 0 12px;font-size:9px;opacity:.78}
.farm-government-admin-grid-v91430{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}
.farm-government-admin-grid-v91430 label{display:grid;gap:5px;font-size:9px;font-weight:800}
.pet-job-cooldown-v91430{grid-column:1/-1;padding:12px 14px;margin-bottom:10px;border-radius:13px;border:1px solid rgba(156,224,255,.32);background:rgba(8,93,151,.20);font-size:10px}
.pet-job-cooldown-v91430 strong{font-variant-numeric:tabular-nums}
@media (max-width:620px){.farm-government-admin-grid-v91430{grid-template-columns:1fr}}
/* v91.43.2 — Governo Koshi: lista compacta e administração visível */
.farm-government-toolbar-v91432{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 14px}
.farm-government-toolbar-v91432 .farm-government-rates-v91430{margin:0}
.farm-government-admin-shortcut-v91432{flex:0 0 auto;padding:9px 12px;border-radius:10px;border:1px solid rgba(188,233,255,.55);background:linear-gradient(#eaf8ff,#9ed5f2);color:#063c66;font-weight:900;cursor:pointer}
#marketGovernmentListV91430{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
.farm-government-row-v91432{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;border:1px solid rgba(187,230,255,.30);border-radius:13px;background:linear-gradient(180deg,rgba(107,181,225,.26),rgba(20,105,167,.22));min-height:76px}
.farm-government-thumb-v91432{width:64px;height:64px;border-radius:11px;overflow:hidden;background:rgba(0,42,82,.24);display:grid;place-items:center}
.farm-government-thumb-v91432 img{width:100%;height:100%;object-fit:cover}
.farm-government-info-v91432{display:grid;gap:3px;min-width:0}
.farm-government-info-v91432 b{font-size:13px}.farm-government-info-v91432 span{font-size:10px}.farm-government-info-v91432 small{font-size:8px;opacity:.72;overflow:hidden;text-overflow:ellipsis}
.farm-government-offer-v91432{display:grid;grid-template-columns:auto auto;align-items:center;gap:3px 10px;text-align:right}
.farm-government-offer-v91432 small{grid-column:1/-1;font-size:8px;opacity:.72}.farm-government-offer-v91432 strong{font-size:16px;white-space:nowrap}
.farm-government-offer-v91432 button{padding:8px 12px;border-radius:9px;border:1px solid rgba(255,255,255,.62);background:linear-gradient(#f9fdff,#b7e2f7);color:#063c66;font-weight:900;cursor:pointer}
@media (max-width:620px){.farm-government-toolbar-v91432{align-items:stretch;flex-direction:column}.farm-government-row-v91432{grid-template-columns:54px minmax(0,1fr)}.farm-government-thumb-v91432{width:50px;height:50px}.farm-government-offer-v91432{grid-column:1/-1;grid-template-columns:1fr auto auto;text-align:left}.farm-government-offer-v91432 small{grid-column:auto}.farm-government-offer-v91432 strong{font-size:14px}}
/* v91.43.3 — caixas roubadas visíveis no Governo Koshi, mas inelegíveis */
.farm-government-row-v91432.is-stolen-v91433{border-color:rgba(255,183,92,.55);background:linear-gradient(180deg,rgba(145,84,28,.28),rgba(87,49,17,.24))}
.farm-government-row-v91432.is-stolen-v91433 .farm-government-info-v91432>small:first-of-type{color:#ffe1aa;opacity:1;font-weight:800}
.farm-government-serial-v91433{opacity:.62!important;color:inherit!important;font-weight:400!important}
.farm-government-refused-v91433{font-size:13px!important;color:#ffd29a}
.farm-government-offer-v91432 button:disabled{cursor:not-allowed;opacity:.55;filter:saturate(.35)}
/* v91.43.4 — origem não validada nunca é tratada como produção regular */
.farm-government-row-v91432.is-unknown-v91434{border-color:rgba(255,215,96,.48);background:linear-gradient(180deg,rgba(115,95,20,.22),rgba(68,55,12,.18))}
.farm-government-row-v91432.is-unknown-v91434 .farm-government-info-v91432>small:first-of-type{color:#ffe69c;opacity:1;font-weight:800}
/* v91.43.6 — easter egg de fonte corrigido */
html body.koshi-font-chaos-v91435, html body.koshi-font-chaos-v91435 *:not(script):not(style):not(svg):not(path){
font-size:var(--koshi-font-chaos-size-v91435,34px)!important;
}
/* Koshinet v91.44.0 — shell 4:3, navegação principal e tela pública */
body{background:radial-gradient(circle at 20% 0%,rgba(74,177,255,.34),transparent 30%),linear-gradient(180deg,#041a3a,#07518d 60%,#0b72bb);}
.koshi-legacy-nav-v91440{display:none!important}
.koshi-topbar-v91440{height:64px;gap:12px;justify-content:flex-start;background:linear-gradient(180deg,rgba(56,167,235,.95),rgba(7,88,154,.96));border-bottom-color:rgba(255,255,255,.55);color:#fff}
.koshi-topbar-v91440 .brand{color:#fff;font-weight:800;display:flex;align-items:center;gap:9px}
.koshi-global-search-v91440{position:relative;margin-left:auto;width:min(420px,38%);display:flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.65);background:rgba(1,55,108,.4);border-radius:18px;padding:7px 12px;color:#dff5ff}
.koshi-global-search-v91440 input{width:100%;border:0;outline:0;background:transparent;color:#fff;font-size:13px}.koshi-global-search-v91440 input::placeholder{color:#cae1f2}
.koshi-global-search-results-v91440{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:500;background:rgba(239,249,255,.98);border:1px solid #9ac7e3;border-radius:12px;box-shadow:0 14px 35px rgba(0,37,78,.28);overflow:hidden;color:#174b72;max-height:360px;overflow-y:auto}
.koshi-search-row-v91440{display:flex;align-items:center;gap:9px;width:100%;border:0;border-bottom:1px solid #d5e5f0;background:transparent;text-align:left;padding:10px 12px;cursor:pointer;color:#174b72}.koshi-search-row-v91440:hover{background:#e1f3ff}.koshi-search-row-v91440 span{font-size:19px}.koshi-search-row-v91440 b{display:block}.koshi-search-row-v91440 small{display:block;color:#6c879c}.koshi-search-empty-v91440{padding:14px;text-align:center;color:#6e8798}
.koshi-top-icon-v91440{border:0;background:rgba(5,65,119,.28);color:#fff;border-radius:12px;width:39px;height:39px;cursor:pointer}.koshi-profile-button-v91440{display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.28);background:rgba(4,53,101,.28);color:#fff;border-radius:13px;padding:5px 9px;cursor:pointer}.koshi-profile-avatar-v91440{width:34px;height:34px;border-radius:9px;background:rgba(255,255,255,.18);display:grid;place-items:center;overflow:hidden}.koshi-profile-avatar-v91440 img{width:100%;height:100%;object-fit:cover}.koshi-profile-copy-v91440{text-align:left}.koshi-profile-copy-v91440 b, .koshi-profile-copy-v91440 small{display:block}.koshi-profile-copy-v91440 small{font-size:10px;color:#c9ffd1}
.koshi-profile-menu-v91440{position:absolute;right:14px;top:58px;z-index:520;width:220px;padding:8px;background:rgba(235,247,255,.98);border:1px solid #8fc4e5;border-radius:12px;box-shadow:0 18px 45px rgba(0,33,70,.28)}.koshi-profile-menu-v91440 button{width:100%;border:0;background:transparent;text-align:left;padding:9px 10px;border-radius:8px;color:#194c72;cursor:pointer}.koshi-profile-menu-v91440 button:hover{background:#dcefff}.koshi-profile-menu-v91440 .is-danger-v91440{color:#a13939}
.koshi-main-nav-v91440{height:50px;flex:none;display:flex;gap:5px;align-items:center;padding:6px 12px;background:linear-gradient(180deg,rgba(18,111,184,.97),rgba(7,73,132,.98));border-bottom:1px solid rgba(255,255,255,.36);overflow-x:auto}.koshi-main-nav-v91440 button{white-space:nowrap;border:1px solid transparent;background:transparent;color:#fff;border-radius:9px;padding:8px 12px;font-weight:700;cursor:pointer}.koshi-main-nav-v91440 button:hover, .koshi-main-nav-v91440 button.is-active{background:linear-gradient(180deg,#50bdff,#1778d1);border-color:#d8f3ff;box-shadow:inset 0 1px rgba(255,255,255,.8),0 0 10px rgba(87,196,255,.35)}
.sidebar{order:2;border-right:0;border-left:1px solid #c7d7e2}.chat{order:1}.sidebar-backdrop{order:0}
.koshi-section-hub-window-v91440{width:min(760px,94vw)}.koshi-section-hub-body-v91440{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.koshi-hub-card-v91440{border:1px solid #abd1e9;background:linear-gradient(180deg,#f5fbff,#d9eefb);border-radius:13px;padding:16px;text-align:left;color:#174d74;cursor:pointer}.koshi-hub-card-v91440:hover{filter:brightness(1.02);box-shadow:0 7px 20px rgba(22,90,137,.12)}.koshi-hub-card-v91440 strong{display:block;font-size:16px;margin-bottom:4px}.koshi-hub-card-v91440 small{color:#68869b}
.mural-ad-cta-v91440{min-height:145px;border:1px solid #8bc8eb;border-radius:16px;padding:18px;background:linear-gradient(135deg,rgba(17,114,191,.95),rgba(83,191,239,.92));color:#fff;display:flex;align-items:center;justify-content:space-between;gap:18px;box-shadow:0 8px 24px rgba(0,76,138,.17)}.mural-ad-cta-v91440 h3{margin:0 0 5px;font-size:22px}.mural-ad-cta-v91440 p{margin:0;opacity:.88}.mural-ad-cta-v91440 button{border:1px solid rgba(255,255,255,.8);background:linear-gradient(#fff,#cfeeff);color:#0c5f9a;border-radius:10px;padding:10px 15px;font-weight:800;cursor:pointer;white-space:nowrap}
.koshi-welcome-gate-v91440{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 20% 10%,rgba(68,176,255,.38),transparent 30%),linear-gradient(180deg,#061b3d,#0a5c9d)}.koshi-welcome-gate-v91440[hidden]{display:none!important}.koshi-welcome-hero-v91440{aspect-ratio:4/3;width:min(calc((100vh - 36px)*4/3),calc(100vw - 36px));max-width:1180px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.75);border-radius:28px;background-image:linear-gradient(180deg,rgba(9,93,169,.18),rgba(2,31,71,.35)),radial-gradient(circle at 70% 30%,rgba(127,214,255,.4),transparent 24%),linear-gradient(135deg,#0b4e91,#1595d2 52%,#102968);background-size:cover;background-position:center;box-shadow:0 25px 80px rgba(0,20,55,.48),inset 0 0 0 5px rgba(255,255,255,.07);color:#fff}.koshi-welcome-hero-v91440:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,31,71,.18),transparent 48%,rgba(255,255,255,.06))}.koshi-welcome-brand-v91440{position:absolute;left:7%;top:9%;display:flex;gap:14px;align-items:center;z-index:2}.koshi-welcome-brand-v91440 img{border-radius:50%;box-shadow:0 0 25px #70d5ff}.koshi-welcome-brand-v91440 strong{display:block;font-size:35px}.koshi-welcome-brand-v91440 span{font-size:11px;letter-spacing:1.1px}.koshi-welcome-copy-v91440{position:absolute;left:8%;top:38%;z-index:2}.koshi-welcome-copy-v91440 h1{font-size:clamp(28px,4vw,54px);margin:0 0 10px;text-shadow:0 4px 18px rgba(0,35,82,.45)}.koshi-welcome-copy-v91440 p{font-size:17px;opacity:.9}.koshi-welcome-actions-v91440{position:absolute;left:8%;top:63%;width:min(390px,50%);display:grid;gap:10px;z-index:3}.koshi-welcome-actions-v91440 button{min-height:54px;border:1px solid rgba(255,255,255,.88);border-radius:12px;background:linear-gradient(180deg,rgba(65,179,255,.96),rgba(18,108,205,.96));box-shadow:inset 0 1px rgba(255,255,255,.85),0 7px 20px rgba(0,52,110,.24);color:#fff;font-size:18px;font-weight:800;cursor:pointer}.koshi-welcome-actions-v91440 button+button{background:linear-gradient(180deg,rgba(240,249,255,.95),rgba(183,222,248,.95));color:#124f7e}.koshi-welcome-features-v91440{position:absolute;left:7%;right:7%;bottom:5%;display:flex;justify-content:space-between;gap:12px;z-index:2;font-size:13px}.koshi-welcome-auth-v91440{position:absolute;right:7%;top:16%;width:min(360px,42%);padding:20px;z-index:5;border:1px solid rgba(255,255,255,.7);border-radius:18px;background:rgba(219,239,252,.93);backdrop-filter:blur(18px);box-shadow:0 18px 45px rgba(0,30,70,.32);color:#174b72}.koshi-welcome-auth-v91440 form{display:grid;gap:10px}.koshi-welcome-auth-v91440 label{font-size:12px;font-weight:700}.koshi-welcome-auth-v91440 input{display:block;width:100%;margin-top:4px;border:1px solid #8dbbda;border-radius:8px;padding:10px;background:#fff}.koshi-welcome-auth-v91440 form button{border:1px solid #bfeaff;border-radius:9px;background:linear-gradient(#4fbaff,#1678d1);color:#fff;padding:10px;font-weight:800}.koshi-welcome-auth-close-v91440{position:absolute;right:10px;top:8px;border:0;background:transparent;color:#416d8c;font-size:23px}.koshi-welcome-forgot-v91440{border:0;background:transparent;color:#17699f;margin-top:8px;cursor:pointer}.koshi-welcome-auth-message-v91440{min-height:18px;font-size:12px;margin-top:8px;color:#9d3636}
.koshi-welcome-admin-window-v91440{width:min(760px,95vw)}.koshi-welcome-admin-preview-v91440{aspect-ratio:16/9;border:1px dashed #8fbdd9;border-radius:13px;background:#d9edf8;display:grid;place-items:center;overflow:hidden;color:#5b7d95}.koshi-welcome-admin-preview-v91440 img{width:100%;height:100%;object-fit:cover}.koshi-welcome-admin-actions-v91440{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.koshi-welcome-admin-actions-v91440 button{border:1px solid #8fc5e6;background:#e4f4ff;color:#155a88;border-radius:8px;padding:9px 12px;cursor:pointer}.koshi-welcome-admin-actions-v91440 #koshiWelcomeAdminSaveV91440{background:#1684c5;color:#fff}
@media (min-width:761px){.app{width:min(calc((100vh - 28px)*4/3),calc(100vw - 28px),1280px);height:auto;aspect-ratio:4/3;margin:14px auto;border-radius:24px;box-shadow:0 25px 70px rgba(0,24,58,.35);border:1px solid rgba(255,255,255,.65)}.layout{min-height:0}.sidebar{width:285px}.messages{background:linear-gradient(180deg,#eaf6ff,#d6ecfb)} }
@media (max-width:760px){.koshi-topbar-v91440{height:54px}.koshi-global-search-v91440{display:none}.koshi-profile-copy-v91440{display:none}.koshi-profile-button-v91440{margin-left:auto}.koshi-main-nav-v91440{height:48px}.koshi-main-nav-v91440 button{padding:7px 10px}.sidebar{left:auto!important;right:0!important;transform:translateX(105%)!important;border-left:1px solid #c7d7e2!important;border-right:0!important}.sidebar.is-open{transform:translateX(0)!important}.sidebar-backdrop{top:102px!important}.koshi-section-hub-body-v91440{grid-template-columns:1fr}.koshi-welcome-hero-v91440{width:min(calc((100vh - 18px)*4/3),calc(100vw - 18px))}.koshi-welcome-copy-v91440{left:7%;top:29%}.koshi-welcome-actions-v91440{left:7%;top:57%;width:86%}.koshi-welcome-features-v91440{font-size:10px;flex-wrap:wrap}.koshi-welcome-auth-v91440{left:7%;right:7%;top:13%;width:auto}.koshi-welcome-brand-v91440 strong{font-size:26px}}
/* ============================================================
Koshinet v91.44.1 — shell visual fiel ao protótipo 4:3
============================================================ */
.koshi-topbar-v91440{position:relative!important;z-index:900!important;overflow:visible!important;padding:9px 16px!important;height:68px!important;display:flex!important;align-items:center!important;gap:14px!important;justify-content:flex-start!important}
.koshi-topbar-v91440 .menu-toggle{display:none!important}
.koshi-topbar-v91440 .brand{position:static!important;transform:none!important;left:auto!important;top:auto!important;margin:0!important;min-width:190px!important;display:flex!important;align-items:center!important;gap:10px!important;font-size:24px!important}
.koshi-topbar-v91440 .brand-logo{width:40px!important;height:40px!important}
.koshi-global-search-v91440{margin-left:auto!important;width:min(420px,38%)!important;flex:0 1 420px!important}
.koshi-profile-menu-v91440{top:calc(100% - 4px)!important;right:14px!important;z-index:5000!important}
.koshi-main-nav-v91440{position:relative!important;z-index:650!important;height:50px!important;flex:none!important}
.koshi-main-nav-v91440 button{font-size:13px!important}
.koshi-dashboard-v91441{flex:1;min-height:0;padding:12px;position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(5,80,143,.18),rgba(7,58,109,.10))}
.koshi-dashboard-v91441[hidden]{display:none!important}
.koshi-dash-page-v91441{display:none;height:100%;min-height:0}.koshi-dash-page-v91441.is-active{display:block}
.koshi-dash-panel-v91441{background:linear-gradient(180deg,rgba(238,248,255,.96),rgba(199,228,248,.94));border:1px solid rgba(255,255,255,.92);border-radius:15px;box-shadow:inset 0 1px rgba(255,255,255,.98),0 8px 24px rgba(0,55,104,.10);color:#123f69;overflow:hidden}
.koshi-dash-mural-grid-v91441{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:12px;height:100%;min-height:0}
.koshi-dash-feed-panel-v91441{display:flex;flex-direction:column;min-height:0}
.koshi-dash-section-head-v91441{padding:14px 16px 10px;border-bottom:1px solid rgba(94,146,186,.22);flex:none}
.koshi-dash-section-head-v91441 h2, .koshi-dash-module-v91441 h2{margin:0;font-size:21px;color:#10497c}.koshi-dash-section-head-v91441 p, .koshi-dash-module-v91441 header p{margin:4px 0 0;color:#607e99;font-size:12px}
.koshi-dash-filter-row-v91441{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.koshi-dash-filter-row-v91441 button{border:1px solid #9ccced;background:#dceeff;color:#245c84;border-radius:9px;padding:6px 10px;font-size:11px}.koshi-dash-filter-row-v91441 button.is-active{background:linear-gradient(#51bbff,#187bd5);color:#fff;border-color:#d8f2ff}
.koshi-dash-mural-feed-v91441{padding:12px;overflow:auto;display:grid;gap:12px;align-content:start;min-height:0}
.koshi-dash-mural-feed-v91441 .mural-ad-v9140{margin:0!important;padding:12px!important;border-radius:14px!important;background:rgba(255,255,255,.86)!important;border:1px solid #bedbed!important;box-shadow:none!important;min-height:0!important}
.koshi-dash-mural-feed-v91441 .mural-ad-head-v9140{margin-bottom:8px!important}.koshi-dash-mural-feed-v91441 .mural-ad-media-v9140{border-radius:11px!important;aspect-ratio:auto!important;max-height:none!important;overflow:hidden!important;background:#bfe1f7!important}.koshi-dash-mural-feed-v91441 .mural-ad-media-v9140 img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important}.koshi-dash-mural-feed-v91441 .mural-ad-copy-v9140{padding:9px 2px 4px!important}.koshi-dash-mural-feed-v91441 .mural-ad-copy-v9140 h3{font-size:18px!important;margin:0 0 4px!important}.koshi-dash-mural-feed-v91441 .mural-ad-copy-v9140 p{font-size:12px!important;margin:0!important}.koshi-dash-mural-feed-v91441 .mural-ad-foot-v9140{padding-top:8px!important}
.koshi-dash-side-v91441{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:12px;min-height:0}.koshi-dash-side-v91441>.koshi-dash-panel-v91441{padding:11px}.koshi-dash-side-v91441 h3{margin:0 0 9px;font-size:14px;color:#143f69}
.koshi-news-v91441 #koshiDashNewsV91441{display:grid;gap:8px;font-size:11px;color:#365f82}.koshi-news-item-v91441{display:flex;gap:7px;line-height:1.3}.koshi-news-item-v91441 i{font-style:normal;color:#1783d7}
.koshi-advertise-v91441{min-height:118px!important;padding:14px!important;text-align:left!important;color:white!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;align-items:flex-start!important;position:relative!important;cursor:pointer!important;background:linear-gradient(135deg,#2680d0,#7cd7ff)!important}.koshi-advertise-v91441:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-8px;top:-25px;background:radial-gradient(circle,#f5ffff 0 10%,#79dcff 11% 42%,#2f83c9 43% 62%,transparent 63%);opacity:.9}.koshi-advertise-v91441 b, .koshi-advertise-v91441 span, .koshi-advertise-v91441 i{position:relative;z-index:1}.koshi-advertise-v91441 b{font-size:15px}.koshi-advertise-v91441 span{font-size:11px;margin-top:3px}.koshi-advertise-v91441 i{position:absolute;right:12px;bottom:10px;font-style:normal;font-size:18px}
.koshi-online-v91441{min-height:0;overflow:auto}.koshi-panel-title-v91441{display:flex;align-items:center;justify-content:space-between}.koshi-panel-title-v91441 button{border:0;background:transparent;color:#3479a5;font-size:10px;cursor:pointer}.koshi-online-row-v91441{display:flex;align-items:center;gap:8px;padding:5px 0}.koshi-online-avatar-v91441{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#5c68ca,#f1d6fb);color:#fff;font-weight:800}.koshi-online-avatar-v91441 img{width:100%;height:100%;object-fit:cover}.koshi-online-row-v91441 b{display:block;font-size:11px}.koshi-online-row-v91441 small{display:block;font-size:9px;color:#37935a}
.koshi-dash-two-col-v91441{display:grid;grid-template-columns:1fr 1fr;gap:12px;height:100%;min-height:0}.koshi-dash-module-v91441{padding:14px;overflow:auto;min-height:0}.koshi-dash-module-v91441>header{margin-bottom:12px}.koshi-dash-list-v91441{display:grid;gap:10px}.koshi-friend-card-v91441, .koshi-club-card-v91441, .koshi-request-card-v91441{background:rgba(255,255,255,.77);border:1px solid #b8d9ef;border-radius:12px;padding:10px;display:flex;align-items:center;gap:10px}.koshi-friend-avatar-v91441, .koshi-club-avatar-v91441{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#5768c4,#f4d7f7);font-weight:800;color:#fff;flex:none}.koshi-friend-avatar-v91441 img, .koshi-club-avatar-v91441 img{width:100%;height:100%;object-fit:cover}.koshi-card-copy-v91441{min-width:0;flex:1}.koshi-card-copy-v91441 b{display:block;font-size:14px;color:#134a7a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.koshi-card-copy-v91441 small{font-size:10px;color:#687f94}.koshi-card-copy-v91441 small.is-online{color:#2d9750}.koshi-card-actions-v91441{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.koshi-card-actions-v91441 button, .koshi-create-club-card-v91441 button, .koshi-dash-search-form-v91441 button, .koshi-primary-v91441{border:1px solid #8dc8ef;background:linear-gradient(#f0faff,#bfe6ff);color:#145681;border-radius:8px;padding:7px 10px;font-weight:750;cursor:pointer}.koshi-card-actions-v91441 button.primary, .koshi-primary-v91441{background:linear-gradient(#4fbcff,#177bd4);color:white;border-color:#d8f2ff}.koshi-dash-search-form-v91441{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;background:rgba(201,232,251,.88);border:1px solid #add4ed;border-radius:12px;padding:8px;margin-bottom:12px}.koshi-dash-search-form-v91441 input{border:0;background:transparent;outline:0;color:#18496f;min-width:0}.koshi-request-card-v91441{font-size:11px}.koshi-request-card-v91441 .koshi-card-actions-v91441{margin-left:auto}
.koshi-create-club-card-v91441{background:rgba(255,255,255,.72);border:1px solid #b6d7eb;border-radius:13px;padding:16px;display:grid;grid-template-columns:58px 1fr auto;gap:12px;align-items:center}.koshi-create-club-orb-v91441{width:58px;height:58px;border-radius:16px;background:linear-gradient(145deg,#9fe6ff,#4ca8e7);display:grid;place-items:center;font-size:28px}.koshi-create-club-card-v91441 b{font-size:16px}.koshi-create-club-card-v91441 p{margin:4px 0 0;color:#6a8398;font-size:11px}
.koshi-dash-wide-v91441{height:100%;padding:14px}.koshi-market-tabs-v91441{display:flex;gap:7px;margin:12px 0}.koshi-market-tabs-v91441 button{border:1px solid #9dcced;background:#dceeff;color:#1e5881;border-radius:9px;padding:8px 12px;font-weight:750;cursor:pointer}.koshi-market-tabs-v91441 button.is-active{background:linear-gradient(#4dbdff,#1979d1);color:#fff}.koshi-feature-card-grid-v91441{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.koshi-feature-card-v91441{border:1px solid #b6d8ed;background:rgba(255,255,255,.76);border-radius:12px;padding:10px;min-height:180px;display:flex;flex-direction:column;cursor:pointer;text-align:left;color:#164b76}.koshi-feature-art-v91441{height:100px;border-radius:10px;background:linear-gradient(135deg,#78d6ff,#7fbf7c);display:grid;place-items:center;font-size:38px;margin-bottom:9px}.koshi-feature-card-v91441 b{font-size:14px}.koshi-feature-card-v91441 small{color:#6d8599;margin-top:4px}.koshi-feature-card-v91441 span{margin-top:auto;color:#0f6ba6;font-size:11px;font-weight:750}
.koshi-pet-stage-v91441{min-height:220px;border-radius:14px;background:linear-gradient(180deg,#b9eaff,#edfaff 58%,#a9d58e 59%);display:flex;align-items:center;justify-content:center;gap:15px;overflow:hidden}.koshi-pet-orb-v91441{width:130px;height:130px;border-radius:45% 45% 50% 50%;display:grid;place-items:center;font-size:48px;background:linear-gradient(145deg,#a7eeff,#55b8ed);box-shadow:0 0 0 7px rgba(255,255,255,.4),0 13px 25px rgba(0,76,121,.17)}.koshi-pet-stage-v91441 b, .koshi-pet-stage-v91441 small{display:block}.koshi-action-grid-v91441{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.koshi-action-grid-v91441 button{border:1px solid #8fc8ec;background:#e6f5ff;color:#155983;border-radius:8px;padding:8px 10px;font-weight:700;cursor:pointer}.koshi-farm-stage-v91441{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.koshi-farm-plot-v91441{min-height:115px;border:1px solid #b4d6ea;border-radius:12px;background:linear-gradient(145deg,#dff3ff,#b9dca5);display:grid;place-items:center;align-content:center;gap:5px;font-size:30px}.koshi-farm-plot-v91441 b{font-size:12px;color:#25516e}.koshi-primary-v91441{width:100%;padding:10px}
.koshi-more-drawer-v91441{position:absolute;right:0;top:118px;bottom:0;width:300px;z-index:2600;background:linear-gradient(180deg,rgba(15,91,158,.98),rgba(5,57,107,.99));border-left:1px solid rgba(255,255,255,.7);box-shadow:-18px 0 44px rgba(0,31,72,.3);transform:translateX(104%);transition:transform .18s ease;color:#fff;padding:14px}.koshi-more-drawer-v91441.is-open{transform:translateX(0)}.koshi-more-drawer-v91441 header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.2)}.koshi-more-drawer-v91441 header b, .koshi-more-drawer-v91441 header small{display:block}.koshi-more-drawer-v91441 header b{font-size:20px}.koshi-more-drawer-v91441 header small{font-size:10px;color:#c9e6f8}.koshi-more-drawer-v91441 header button{border:0;background:transparent;color:white;font-size:24px;cursor:pointer}.koshi-more-list-v91441{display:grid;gap:7px;margin-top:12px}.koshi-more-list-v91441>button{display:flex;align-items:center;gap:10px;width:100%;border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.07);color:white;border-radius:9px;padding:10px;text-align:left;cursor:pointer}.koshi-more-list-v91441>button:hover{background:rgba(255,255,255,.14)}.koshi-more-list-v91441 span b, .koshi-more-list-v91441 span small{display:block}.koshi-more-list-v91441 span small{font-size:9px;color:#c8e0ef;margin-top:2px}
body.koshi-dashboard-open-v91441 #koshiLegacyMainV91441{display:none!important}
body:not(.koshi-dashboard-open-v91441) #koshiDashboardV91441{display:none!important}
body.koshi-dashboard-open-v91441 .app{overflow:hidden!important}
@media (min-width:761px){.app{grid-template-rows:auto auto minmax(0,1fr)}.koshi-dashboard-v91441{height:calc(100% - 118px)}}
@media (max-width:760px){.koshi-topbar-v91440 .brand{min-width:auto!important}.koshi-topbar-v91440 .brand span{display:none}.koshi-global-search-v91440{display:none!important}.koshi-dash-mural-grid-v91441, .koshi-dash-two-col-v91441{grid-template-columns:1fr}.koshi-dash-side-v91441{display:none}.koshi-dashboard-v91441{padding:8px;overflow:auto}.koshi-dash-page-v91441{height:auto;min-height:100%}.koshi-feature-card-grid-v91441{grid-template-columns:1fr 1fr}.koshi-more-drawer-v91441{top:102px;width:min(310px,92vw)}.koshi-create-club-card-v91441{grid-template-columns:48px 1fr}.koshi-create-club-card-v91441 button{grid-column:1/-1}.koshi-pet-stage-v91441{min-height:180px}.koshi-pet-orb-v91441{width:100px;height:100px}.koshi-dashboard-v91441 .koshi-dash-panel-v91441{border-radius:12px}}
/* v91.44.2 — integração funcional do novo shell */
.koshi-welcome-auth-panel-v91442[hidden]{display:none!important}
.koshi-welcome-install-v91442{position:absolute;left:8%;top:78%;z-index:4;min-height:42px;padding:0 18px;border:1px solid rgba(255,255,255,.78);border-radius:10px;background:rgba(8,70,130,.46);color:#fff;font-weight:750;cursor:pointer;backdrop-filter:blur(12px);box-shadow:inset 0 1px rgba(255,255,255,.45)}
.koshi-welcome-install-v91442:hover{background:rgba(22,107,181,.72)}
.koshi-functional-page-v91442{display:flex;flex-direction:column;min-height:0}
.koshi-live-mount-v91442{flex:1;min-height:0;overflow:auto;border-radius:12px}
.koshi-inline-functional-v91442{height:auto!important;min-height:100%!important;max-height:none!important;overflow:visible!important;padding:4px!important;background:transparent!important}
.koshi-live-mount-v91442 .market-body-v9240, .koshi-live-mount-v91442 .collection-body-v9110, .koshi-live-mount-v91442 .ads-body-v9140, .koshi-live-mount-v91442 .pet-body-v91, .koshi-live-mount-v91442 .farm-body-v91370{width:100%!important}
.koshi-live-mount-v91442 .market-grid-v9240{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))!important}
.koshi-live-mount-v91442 .store-products-v9250{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))!important}
.koshi-farm-live-grid-v91442>.koshi-dash-panel-v91441{overflow:hidden}
.koshi-farm-live-grid-v91442 .koshi-live-mount-v91442{overflow:auto}
.koshi-farm-live-grid-v91442 .pet-stage-v91{margin-top:0}
.koshi-more-list-v91441>button[hidden]{display:none!important}
#koshiProfileMenuV91440{z-index:9000!important}
@media (max-width:760px){.koshi-welcome-install-v91442{left:7%;top:auto;bottom:13%;}.koshi-farm-live-grid-v91442{grid-template-columns:1fr!important}.koshi-inline-functional-v91442{min-height:0!important}}
/* v91.44.4 — conta rápida e avatar editável */
#koshiProfileAvatarV91440{cursor:pointer;position:relative}
#koshiProfileAvatarV91440:hover{filter:brightness(1.12);box-shadow:0 0 0 2px rgba(255,255,255,.55),0 0 14px rgba(83,211,255,.55)}
#profileAvatarV84{cursor:pointer}
.koshi-account-quick-window-v91444{width:min(520px,92vw);max-height:min(760px,88vh)}
#koshiAccountQuickMountV91444{overflow:auto}
#koshiAccountQuickMountV91444 #accountPanel{display:block!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
#koshiAccountQuickMountV91444 .account-tools-v71{display:grid;gap:8px}
#profileAvatarChangeV91444{border:1px solid rgba(145,203,236,.9);background:linear-gradient(#f4fbff,#cbeaff);color:#14577f;border-radius:8px;padding:8px 10px;font-weight:700;cursor:pointer}
/* v91.44.6 — painel de instâncias também acompanha o Mercado embutido. */
#koshiDashMarketMountV91442 > #marketInstancePanelV9310.market-instance-panel-v9310{
z-index:10040;
}
#koshiDashMarketMountV91442 > #marketInstancePanelV9310.market-instance-panel-v9310:not([hidden]){
display:block;
}
/* v91.46.0 — qualidade e volume do compartilhamento de tela */
.screen-quality-control-v91450{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:5px 8px;border-radius:10px;border:1px solid rgba(72,133,184,.45);background:linear-gradient(180deg,rgba(245,252,255,.92),rgba(192,224,247,.88));color:#164f7d;font-size:12px;font-weight:700;box-shadow:inset 0 1px rgba(255,255,255,.9)}
.screen-quality-control-v91450 select{border:1px solid #8fc3e7;border-radius:7px;background:#fff;color:#164f7d;padding:5px 6px;font:inherit;cursor:pointer}
.screen-volume-row-v91450{display:flex;align-items:center;gap:9px;margin:8px 0 0;padding:7px 10px;border-radius:10px;border:1px solid rgba(90,151,199,.35);background:rgba(219,240,255,.82);color:#174e79;font-size:12px}
.screen-volume-row-v91450[hidden]{display:none!important}.screen-volume-row-v91450 input[type=range]{flex:1;min-width:90px}.screen-volume-row-v91450 b{min-width:38px;text-align:right}
@media (max-width:720px){.screen-quality-control-v91450 span{display:none}.screen-quality-control-v91450{padding:4px}.screen-quality-control-v91450 select{padding:5px 3px}}
/* v91.46.0 — painel de roteamento WebRTC */
.call-routing-v91460{white-space:nowrap}
.routing-overlay-v91460{position:fixed;inset:0;z-index:10080;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(12,26,38,.42);backdrop-filter:blur(5px)}
.routing-overlay-v91460.is-open{display:flex}
.routing-window-v91460{width:min(680px,96vw);max-height:min(760px,90vh);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.82);border-radius:18px;background:linear-gradient(180deg,rgba(245,253,255,.96),rgba(219,239,247,.94));box-shadow:0 22px 60px rgba(0,35,56,.35),inset 0 1px 0 #fff;color:#16364a}
.routing-head-v91460{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 17px;border-bottom:1px solid rgba(80,130,154,.28);background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(191,226,239,.5))}
.routing-head-v91460 h2{margin:0;font-size:18px}.routing-head-v91460 small{display:block;margin-top:3px;color:#527184}.routing-head-v91460 button{border:1px solid #a9c8d6;background:#fff;border-radius:8px;width:34px;height:32px;cursor:pointer}
.routing-body-v91460{overflow:auto;padding:12px;display:grid;gap:10px}
.routing-pair-v91460{border:1px solid rgba(80,130,154,.25);border-radius:13px;background:rgba(255,255,255,.72);padding:11px;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.routing-pair-v91460.has-problem{border-color:rgba(184,126,57,.42)}
.routing-pair-head-v91460{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.routing-pair-head-v91460 b{font-size:14px}.routing-pair-head-v91460 button, .routing-foot-v91460 button{border:1px solid #9dbdcb;background:linear-gradient(#fff,#e6f2f6);border-radius:8px;padding:6px 10px;cursor:pointer;color:#21495d}.routing-pair-head-v91460 button:disabled{opacity:.65;cursor:wait}
.routing-direction-v91460{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;align-items:center;padding:7px 2px;border-top:1px solid rgba(92,137,157,.12)}.routing-direction-v91460:first-of-type{border-top:0}.routing-direction-v91460 small{grid-column:1/-1;color:#6a8390}.routing-arrow-v91460{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.routing-status-v91460{font-weight:700;font-size:12px}.routing-status-v91460.is-ok{color:#187149}.routing-status-v91460.is-unstable{color:#a46a00}.routing-status-v91460.is-failed{color:#a13333}.routing-status-v91460.is-nomedia{color:#aa5a13}.routing-status-v91460.is-connecting{color:#637984}
.routing-foot-v91460{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;border-top:1px solid rgba(80,130,154,.25);background:rgba(236,248,252,.85)}.routing-foot-v91460 span{font-size:11px;color:#607d8b;max-width:390px}.routing-empty-v91460{padding:28px;text-align:center;color:#688290}
@media (max-width:620px){.routing-window-v91460{max-height:94vh}.routing-foot-v91460{align-items:stretch;flex-direction:column}.routing-foot-v91460 button{width:100%}.routing-direction-v91460{grid-template-columns:1fr}.routing-status-v91460{justify-self:start}}
/* v91.48.0 — clubes em chamada + presença detalhada no painel online */
.koshi-clubs-side-v91470{display:flex;flex-direction:column;min-height:0}
.koshi-club-calls-v91470{margin:14px 14px 16px;padding-top:14px;border-top:1px solid rgba(71,132,170,.22);min-height:0}
.koshi-club-calls-head-v91470{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.koshi-club-calls-head-v91470 h3{margin:0;color:#123f69;font-size:15px}.koshi-club-calls-head-v91470 p{margin:3px 0 0;color:#65839b;font-size:10px}.koshi-club-calls-head-v91470>span{min-width:28px;height:24px;padding:0 8px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(#58c9ff,#168fd8);box-shadow:inset 0 1px rgba(255,255,255,.7);color:white;font-size:11px;font-weight:800}
.koshi-club-calls-list-v91470{display:grid;gap:8px;overflow:auto;max-height:360px;padding-right:2px}.koshi-club-call-card-v91470{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;border:1px solid rgba(73,143,185,.30);border-radius:11px;padding:9px 10px;background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(230,246,255,.74));box-shadow:inset 0 1px #fff;color:#164b76;text-align:left;cursor:pointer}.koshi-club-call-card-v91470:hover{border-color:#3da9e7;box-shadow:0 4px 12px rgba(27,118,170,.12),inset 0 1px #fff}.koshi-club-call-pulse-v91470{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#8ef2c0 0 35%,#28bb75 38% 55%,rgba(40,187,117,.18) 58% 100%);animation:koshiCallPulseV91470 1.7s ease-in-out infinite}.koshi-club-call-copy-v91470{min-width:0}.koshi-club-call-copy-v91470 b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.koshi-club-call-copy-v91470 small{display:block;margin-top:3px;color:#597c94;font-size:9px}.koshi-club-call-copy-v91470 strong{color:#168b55}.koshi-club-call-enter-v91470{color:#187eb8;font-size:10px;font-weight:800;white-space:nowrap}.koshi-club-call-empty-v91470{min-height:110px;border:1px dashed rgba(80,143,180,.30);border-radius:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px;color:#64829a}.koshi-club-call-empty-v91470>span{font-size:24px}.koshi-club-call-empty-v91470 b{margin-top:5px;font-size:11px;color:#345e7c}.koshi-club-call-empty-v91470 small{margin-top:3px;max-width:210px;font-size:9px}
@keyframes koshiCallPulseV91470{0%,100%{box-shadow:0 0 0 0 rgba(40,187,117,.24)}50%{box-shadow:0 0 0 7px rgba(40,187,117,0)}}
.koshi-online-row-v91441 small.is-online-v91470{color:#37935a}.koshi-online-row-v91441 small.is-call-v91470{color:#2379c9;font-weight:700}.koshi-online-row-v91441 small.is-busy-v91470{color:#b44343;font-weight:700}
@media (max-width:760px){.koshi-club-calls-v91470{margin:10px}.koshi-club-calls-list-v91470{max-height:none}}
/* v91.48.0 — home responsiva e simplificada */
.koshi-welcome-copy-v91440, .koshi-welcome-features-v91440{display:none!important}
.koshi-welcome-actions-v91440{
left:8%;
top:50%;
transform:translateY(-18%);
width:min(390px,50%);
gap:12px;
}
.koshi-welcome-actions-v91440 .koshi-welcome-install-v91442{
position:static!important;
left:auto!important;
top:auto!important;
bottom:auto!important;
width:100%;
min-height:46px;
padding:0 18px;
border:1px solid rgba(255,255,255,.78);
border-radius:10px;
background:rgba(8,70,130,.52)!important;
color:#fff!important;
font-size:15px;
font-weight:750;
backdrop-filter:blur(12px);
box-shadow:inset 0 1px rgba(255,255,255,.45),0 7px 20px rgba(0,52,110,.18);
}
.koshi-welcome-actions-v91440 .koshi-welcome-install-v91442:hover{background:rgba(22,107,181,.76)!important}
@media (max-width:760px){
.koshi-welcome-actions-v91440{left:7%;top:50%;transform:translateY(-10%);width:86%;}
}
@media (max-height:620px){
.koshi-welcome-brand-v91440{top:6%}
.koshi-welcome-actions-v91440{top:48%;gap:8px}
.koshi-welcome-actions-v91440 button{min-height:46px;font-size:16px}
.koshi-welcome-actions-v91440 .koshi-welcome-install-v91442{min-height:40px;font-size:14px}
}
/* v91.48.0 — compartilhamento temporário de arquivos */
.composer .file-send-v91480{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;padding:0!important;box-shadow:inset 0 1px rgba(255,255,255,.48),0 3px 9px rgba(0,38,80,.24)!important;display:grid;place-items:center}
.composer .file-send-v91480[hidden]{display:none!important}.composer .file-send-v91480:disabled{opacity:.48;cursor:wait}
.file-message-v91480{max-width:min(560px,86%)}.file-bubble-v91480{display:grid!important;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;min-width:min(390px,68vw);padding:10px 12px!important}.file-icon-v91480{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:rgba(255,255,255,.48);font-size:21px}.file-copy-v91480{display:grid;min-width:0;gap:3px}.file-copy-v91480 b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-copy-v91480 small, .file-copy-v91480>span{font-size:10px;opacity:.72}.file-progress-v91480{height:5px;border-radius:99px;background:rgba(0,70,120,.13);overflow:hidden}.file-progress-v91480 i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#24a9e8,#6bdcff);transition:width .15s ease}.file-download-v91480{padding:7px 10px;border-radius:9px;border:1px solid rgba(77,164,207,.5);background:linear-gradient(#fff,#dff4ff);color:#12618d!important;text-decoration:none;font-size:11px;font-weight:700}.file-bubble-v91480.is-error{opacity:.65}.file-bubble-v91480.is-error .file-progress-v91480 i{width:100%!important;background:#ba5861}
@media (max-width:640px){.composer .file-send-v91480{width:47px!important;min-width:47px!important;height:47px!important}.file-bubble-v91480{min-width:min(300px,76vw);grid-template-columns:36px minmax(0,1fr);}.file-download-v91480{grid-column:1/-1;text-align:center}.file-icon-v91480{width:34px;height:34px}}
/* v91.50.0 — aceite explícito para arquivos privados */
.file-approval-v91500{display:flex;gap:7px;margin-top:7px;flex-wrap:wrap}.file-approval-v91500 button{min-width:78px;padding:6px 10px;border-radius:8px;border:1px solid rgba(77,164,207,.5);background:linear-gradient(#fff,#dff4ff);color:#12618d;font-size:10px;font-weight:800;cursor:pointer}.file-approval-v91500 button.danger{border-color:rgba(190,92,100,.45);background:linear-gradient(#fff,#ffe5e8);color:#8d2730}.file-bubble-v91480.is-pending .file-icon-v91480{filter:saturate(.7);opacity:.82}
/* v91.51.0 — Proteções Koshi, cargas e loja social */
.koshi-protections-v91510{display:grid;gap:10px;padding:12px;border:1px solid rgba(69,128,170,.35);border-radius:14px;background:rgba(235,248,255,.48)}
.koshi-protections-head-v91510, .koshi-protection-log-head-v91510, .social-store-head-v91510{display:flex;align-items:center;justify-content:space-between;gap:10px}.koshi-protections-head-v91510 div, .social-store-head-v91510 div{display:grid;gap:2px}.koshi-protections-head-v91510 small, .social-store-head-v91510 small, .koshi-protection-log-head-v91510 small{opacity:.7}
.koshi-protections-cards-v91510{display:grid;grid-template-columns:1fr 1fr;gap:8px}.koshi-protection-card-v91510{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border:1px solid rgba(80,120,150,.25);border-radius:12px;background:rgba(255,255,255,.55)}.koshi-protection-card-v91510.is-active{box-shadow:inset 0 0 0 1px rgba(56,151,97,.35)}.koshi-protection-card-v91510 div{display:grid;gap:3px}.koshi-protection-card-v91510 small{opacity:.72}
.koshi-protection-log-v91510{display:grid;gap:6px;max-height:220px;overflow:auto}.koshi-protection-log-row-v91510{display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;align-items:center;padding:8px;border-radius:10px;background:rgba(255,255,255,.55);border:1px solid rgba(80,120,150,.18)}.koshi-protection-log-row-v91510 div{display:grid}.koshi-protection-log-row-v91510 small, .koshi-protection-log-row-v91510 time{opacity:.65;font-size:.78rem}.koshi-protection-log-row-v91510 em{font-style:normal;font-size:.78rem}
.social-store-v91510{display:grid;gap:10px;margin-bottom:14px;padding:12px;border-radius:14px;border:1px solid rgba(70,125,170,.28);background:rgba(239,248,255,.52)}.social-store-products-v91510{display:grid;gap:8px}.social-store-product-v91510{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;padding:10px;border:1px solid rgba(80,120,150,.22);border-radius:12px;background:rgba(255,255,255,.58)}.social-store-product-v91510 p{margin:2px 0}.social-store-product-v91510 small{opacity:.7}.social-store-icon-v91510{font-size:1.6rem}.social-store-product-v91510 strong{white-space:nowrap}
.social-admin-window-v91510{max-width:780px}.social-admin-toolbar-v91510{display:flex;gap:8px;margin-bottom:10px}.social-admin-row-v91510{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px;border-bottom:1px solid rgba(80,120,150,.2)}.social-admin-row-v91510 div{display:grid;gap:2px}.social-admin-row-v91510 small{opacity:.7}.social-editor-window-v91510{max-width:620px}.social-editor-grid-v91510{display:grid;gap:10px}.social-editor-grid-v91510 label{display:grid;gap:4px}.social-admin-issue-v91510{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}.social-editor-check-v91510{display:flex!important;grid-auto-flow:column;justify-content:start;align-items:center}
@media (max-width:700px){.koshi-protections-cards-v91510{grid-template-columns:1fr}.koshi-protection-log-row-v91510{grid-template-columns:auto 1fr}.koshi-protection-log-row-v91510 em, .koshi-protection-log-row-v91510 time{grid-column:2}.social-store-product-v91510{grid-template-columns:auto 1fr}.social-store-product-v91510 strong, .social-store-product-v91510 button{grid-column:2}}
/* v91.51.2 — Proteções Koshi como área própria, visível somente para proprietários */
.koshi-protections-page-v91512{display:grid;gap:14px;max-width:1100px;margin:0 auto;width:100%}
.koshi-protections-page-head-v91512{display:flex;align-items:center;justify-content:space-between;gap:14px}
.koshi-protections-page-head-v91512>div{display:grid;gap:4px}.koshi-protections-page-head-v91512 h2, .koshi-protections-page-head-v91512 p{margin:0}
.koshi-protections-page-head-v91512>button{border:1px solid rgba(42,116,171,.35);border-radius:9px;padding:7px 12px;background:rgba(255,255,255,.7);color:#174f78;font-weight:700;cursor:pointer}
#koshiSocialProtectionsNavV91512[hidden]{display:none!important}
@media (max-width:700px){.koshi-protections-page-head-v91512{align-items:flex-start;flex-direction:column}.koshi-protections-page-head-v91512>button{align-self:flex-end}}
/* ============================================================
v91.51.7 — Mural: preservar proporção real dos criativos
============================================================ */
/*
v91.51.6 acabou gravando esta correção com "\\n" literais e o
navegador descartava o bloco. Estas regras são CSS real e ficam
depois das regras antigas de v91.41/v91.44.
*/
#koshiDashMuralFeedV91441{
grid-auto-rows:max-content!important;
align-content:start!important;
}
#koshiDashMuralFeedV91441 > .mural-ad-v9140, .koshi-dash-mural-feed-v91441 > .mural-ad-v9140{
display:block!important;
height:auto!important;
min-height:0!important;
max-height:none!important;
overflow:hidden!important;
align-self:start!important;
}
#koshiDashMuralFeedV91441 .mural-ad-media-v9140, .koshi-dash-mural-feed-v91441 .mural-ad-media-v9140{
display:block!important;
width:auto!important;
height:auto!important;
min-height:0!important;
max-height:none!important;
aspect-ratio:auto!important;
overflow:hidden!important;
}
#koshiDashMuralFeedV91441 .mural-ad-media-v9140 > img, .koshi-dash-mural-feed-v91441 .mural-ad-media-v9140 > img{
position:static!important;
display:block!important;
width:100%!important;
height:auto!important;
min-height:0!important;
max-height:none!important;
aspect-ratio:auto!important;
object-fit:contain!important;
object-position:center!important;
}
#koshiDashMuralFeedV91441 .mural-ad-copy-v9140, #koshiDashMuralFeedV91441 .mural-ad-foot-v9140, .koshi-dash-mural-feed-v91441 .mural-ad-copy-v9140, .koshi-dash-mural-feed-v91441 .mural-ad-foot-v9140{
position:static!important;
}
/* v91.52.0 — Clube Virtual efêmero */
.club-virtual-primary-v91520{background:linear-gradient(135deg,#2ebaca,#297fac)!important;color:#fff!important;border-color:#baffff99!important}
.club-virtual-overlay-v91520{position:fixed;inset:0;z-index:10040;background:#061722;display:none;align-items:center;justify-content:center}
.club-virtual-overlay-v91520.is-open{display:flex}.club-virtual-stage-v91520{position:relative;width:100%;height:100%;overflow:hidden;background:#071724}
#clubVirtualCanvasV91520{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}
.club-virtual-head-v91520{position:absolute;z-index:3;left:18px;right:18px;top:14px;min-height:62px;padding:10px 16px;border:1px solid #d8ffff80;border-radius:20px;background:linear-gradient(120deg,#315f63bb,#358dc6b8);box-shadow:inset 0 1px #fff8,0 10px 30px #05233855;backdrop-filter:blur(16px);display:flex;align-items:center;gap:14px;color:#fff}
.club-virtual-head-v91520 div:first-child{display:grid}.club-virtual-head-v91520 small{opacity:.8;margin-top:2px}.club-virtual-head-actions-v91520{margin-left:auto;display:flex;gap:8px}.club-virtual-head-actions-v91520 button, .club-virtual-composer-v91520 button, .club-virtual-profile-v91520 button{border:1px solid #e2ffff66;border-radius:12px;background:#e9ffff16;color:#fff;padding:9px 13px}
.club-virtual-head-actions-v91520 button.is-muted{background:#8f324ba8}.club-virtual-head-actions-v91520 #clubVirtualLeaveV91520{background:#a43b4db8}
.club-virtual-composer-v91520{position:absolute;z-index:3;left:50%;bottom:18px;transform:translateX(-50%);width:min(620px,calc(100% - 32px));padding:9px;border:1px solid #d8ffff80;border-radius:18px;background:#245b77b8;backdrop-filter:blur(16px);display:flex;gap:8px}.club-virtual-composer-v91520 input{min-width:0;flex:1;border:1px solid #d9ffff66;border-radius:12px;background:#efffffed;color:#12313e;padding:11px 14px;outline:none}.club-virtual-composer-v91520 button{background:#25a6c7}
.club-virtual-profile-v91520{position:absolute;z-index:5;width:210px;padding:14px;border:1px solid #e5ffff88;border-radius:18px;background:#16445ee8;box-shadow:0 18px 44px #00182788;backdrop-filter:blur(16px);color:#fff;display:grid;gap:7px}.club-virtual-profile-v91520[hidden]{display:none}.club-virtual-profile-v91520>[data-close]{position:absolute;right:7px;top:7px;padding:2px 8px}.club-virtual-profile-v91520 small{opacity:.78;margin-bottom:5px}
@media (max-width:650px){.club-virtual-head-v91520{left:6px;right:6px;top:6px;min-height:52px;padding:7px 9px}.club-virtual-head-v91520 small{display:none}.club-virtual-head-actions-v91520 button{font-size:0;padding:9px}.club-virtual-head-actions-v91520 button::first-letter{font-size:16px}.club-virtual-composer-v91520{bottom:8px}.club-virtual-profile-v91520{width:190px}}
/* v91.52.1 — janela do Clube Virtual alinhada ao protótipo */
.club-virtual-overlay-v91520{background:rgba(3,18,31,.48);backdrop-filter:blur(5px);padding:18px}
.club-virtual-stage-v91520{width:min(1180px,96vw);height:min(760px,92vh);border:1px solid #d9ffffa8;border-radius:26px;box-shadow:inset 0 1px #fff9,0 28px 90px #00121dcc}
#clubVirtualCanvasV91520{position:absolute;left:12px;right:12px;top:78px;bottom:80px;width:calc(100% - 24px);height:calc(100% - 158px);border:1px solid #d9ffff75;border-radius:18px;background:#071724}
.club-virtual-head-v91520{left:12px;right:12px;top:10px;min-height:58px;padding:9px 15px;border-radius:18px;background:linear-gradient(120deg,#315f63dd,#358dc6d2)}
.club-virtual-head-actions-v91520{align-items:center}.club-virtual-head-actions-v91520 span{font-size:12px;padding:8px 11px;border:1px solid #e2ffff50;border-radius:99px;background:#eaffff12;white-space:nowrap}
.club-virtual-composer-v91520{left:12px;right:12px;bottom:10px;transform:none;width:auto;height:60px;padding:8px;border-radius:18px;background:linear-gradient(120deg,#2c6076e8,#295878e8);align-items:center}
.club-virtual-composer-v91520 input{min-width:100px}.club-virtual-composer-v91520 button{white-space:nowrap;cursor:pointer}.club-virtual-composer-v91520 .club-virtual-leave-v91520{background:#a43b4d}
@media (max-width:650px){.club-virtual-overlay-v91520{padding:4px}.club-virtual-stage-v91520{width:100%;height:100%;border-radius:18px}.club-virtual-head-v91520{left:6px;right:6px;top:6px}.club-virtual-head-actions-v91520 span{display:none}#clubVirtualCanvasV91520{left:6px;right:6px;top:66px;bottom:68px;width:calc(100% - 12px);height:calc(100% - 134px)}.club-virtual-composer-v91520{left:6px;right:6px;bottom:6px;width:auto;height:56px}.club-virtual-composer-v91520 button{font-size:0;padding:9px}.club-virtual-composer-v91520 button::first-letter{font-size:16px}}
/* v91.53.0 — editor administrativo do mapa virtual */
.virtual-map-admin-window-v91530{width:min(1480px,98vw);max-width:none;height:min(880px,96vh)}
.virtual-map-admin-body-v91530{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px;padding:14px;min-height:0;height:calc(100% - 62px)}
.virtual-map-canvas-wrap-v91530{display:flex;flex-direction:column;gap:7px;min-width:0;min-height:0}.virtual-map-canvas-wrap-v91530 canvas{display:block;width:100%;aspect-ratio:16/9;max-height:calc(100% - 24px);object-fit:contain;border:1px solid #aeeeff88;border-radius:16px;background:#071724;cursor:move}.virtual-map-canvas-wrap-v91530 small{opacity:.72}
.virtual-map-tools-v91530{overflow:auto;display:flex;flex-direction:column;gap:10px;padding-right:3px}.virtual-map-tools-v91530 fieldset{border:1px solid #b8ebff50;border-radius:14px;padding:10px}.virtual-map-tools-v91530 legend{padding:0 7px;font-weight:700}.virtual-map-tools-v91530 label{display:grid;gap:4px;font-size:12px}.virtual-map-tools-v91530 input, .virtual-map-tools-v91530 select{width:100%;border:1px solid #b9edff70;border-radius:9px;background:#efffff;color:#173544;padding:8px}
.virtual-map-grid-v91530{display:grid;grid-template-columns:1fr 1fr;gap:8px}.virtual-map-tool-buttons-v91530, .virtual-map-save-row-v91530{display:flex;gap:8px}.virtual-map-tool-buttons-v91530 button, .virtual-map-save-row-v91530 button, #virtualMapDeleteV91530{flex:1;border:1px solid #b9efff75;border-radius:10px;background:#267da0;color:#fff;padding:9px}.virtual-map-save-row-v91530 #virtualMapSaveV91530{background:#159f83}.virtual-map-obstacle-list-v91530{display:grid;gap:5px;max-height:190px;overflow:auto}.virtual-map-obstacle-list-v91530 button{display:flex;justify-content:space-between;border:1px solid #b9edff45;border-radius:9px;background:#eaffff12;color:#fff;padding:8px;text-align:left}.virtual-map-obstacle-list-v91530 button.selected{background:#22a8c25c;border-color:#afffff}.virtual-map-obstacle-list-v91530 small{opacity:.7}
@media (max-width:900px){.virtual-map-admin-body-v91530{grid-template-columns:1fr;overflow:auto;height:calc(100% - 54px)}.virtual-map-canvas-wrap-v91530 canvas{max-height:none}.virtual-map-tools-v91530{overflow:visible}}
/* v91.54.0 — poses das skins no Clube Virtual */
.virtual-skin-editor-v91540{margin-top:16px;padding:14px;border:1px solid rgba(116,224,255,.42);border-radius:16px;background:rgba(0,83,118,.16);display:grid;gap:12px;text-align:left}
.virtual-skin-editor-v91540>div:first-child{display:grid;gap:3px}.virtual-skin-editor-v91540 small{opacity:.78;line-height:1.35}
.virtual-skin-poses-v91540{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important}
.virtual-skin-poses-v91540 button{padding:7px;display:grid;gap:5px;min-width:0;background:rgba(235,252,255,.12);border:1px solid rgba(162,232,255,.34);border-radius:12px;color:inherit}
.virtual-skin-poses-v91540 span{height:86px;border-radius:9px;background:rgba(0,28,48,.22);display:grid;place-items:center;overflow:hidden;font-size:12px}
.virtual-skin-poses-v91540 img{width:100%;height:100%;object-fit:contain}.virtual-skin-poses-v91540 small{text-align:center;font-size:10px}
#virtualSkinClearV91540{justify-self:start}
/* v91.56.0 — uma única janela de vidro sobre o cenário */
.club-virtual-overlay-v91520{padding:18px;background:rgba(1,20,33,.38);backdrop-filter:blur(8px)}
.club-virtual-stage-v91520{width:min(1500px,98vw);height:min(930px,96vh);border:1px solid rgba(219,255,255,.76);border-radius:28px;background:rgba(9,53,70,.18);box-shadow:inset 0 1px rgba(255,255,255,.78),0 30px 100px rgba(0,17,29,.64);overflow:hidden}
#clubVirtualCanvasV91520{inset:10px;width:calc(100% - 20px);height:calc(100% - 20px);border-radius:21px;border:1px solid rgba(218,255,255,.50)}
.club-virtual-head-v91520{left:26px;right:26px;top:22px;min-height:64px;border-radius:22px;background:linear-gradient(115deg,rgba(57,117,111,.62),rgba(43,140,203,.58));box-shadow:inset 0 1px rgba(255,255,255,.7),0 8px 25px rgba(1,39,59,.22);backdrop-filter:blur(22px) saturate(145%)}
.club-virtual-composer-v91520{left:50%;right:auto;bottom:24px;transform:translateX(-50%);width:min(900px,calc(100% - 72px));height:64px;padding:9px 11px;border-radius:24px;background:linear-gradient(110deg,rgba(206,229,245,.62),rgba(38,105,143,.72));box-shadow:inset 0 1px rgba(255,255,255,.72),0 10px 34px rgba(0,30,48,.30);backdrop-filter:blur(24px) saturate(140%)}
.club-virtual-composer-v91520 input{background:rgba(244,255,255,.88)}
.virtual-world-files-v91550{display:flex;gap:7px}.virtual-world-files-v91550 button{flex:1}
.virtual-map-tools-v91530 input[type=range]{padding:0;accent-color:#37bed3}.virtual-map-tools-v91530>fieldset>small{display:block;margin:6px 0;opacity:.72}
#marketOverlayV9240.virtual-market-mini-v91550{z-index:10060;background:rgba(0,20,34,.32);backdrop-filter:blur(7px);padding:5vh 8vw}
#marketOverlayV9240.virtual-market-mini-v91550 .market-window-v9240{width:min(920px,88vw);height:min(700px,82vh);border-radius:24px;box-shadow:0 25px 80px rgba(0,18,31,.65)}
@media (max-width:650px){.club-virtual-overlay-v91520{padding:3px}.club-virtual-composer-v91520{left:10px;right:10px;bottom:10px;transform:none;width:auto}.club-virtual-head-v91520{left:10px;right:10px;top:10px}}
/* v91.57.0 — diagnóstico de rota do Clube Virtual sempre acima do cenário */
#routingOverlayV91460{z-index:12080!important}
#clubVirtualRoutingV91570{white-space:nowrap;background:linear-gradient(180deg,#4bc1dc,#187d9d);border-color:#d9ffff99;box-shadow:inset 0 1px #fff8}
#clubVirtualRoutingV91570:hover{filter:brightness(1.12);box-shadow:inset 0 1px #fff,0 0 14px #6de8ff66}
/* v91.57.1 — roteamento acima de qualquer camada do Clube Virtual */
#routingOverlayV91460.is-open{display:flex!important;z-index:2147483000!important;pointer-events:auto!important}
/* v91.58.0 — Mundos Koshi */
.koshi-worlds-window-v91580{width:min(1120px,94vw);max-height:90vh}.koshi-worlds-hero-v91580{display:flex;gap:18px;align-items:center;padding:18px;border:1px solid rgba(109,229,255,.34);border-radius:18px;background:linear-gradient(135deg,rgba(75,205,238,.14),rgba(115,74,180,.14));margin-bottom:18px}.koshi-worlds-hero-v91580>span{font-size:26px;font-weight:900;padding:16px;border-radius:50%;box-shadow:inset 0 0 22px #fff8,0 0 22px #70e8ff55}.koshi-worlds-hero-v91580 h2, .koshi-worlds-hero-v91580 p{margin:2px 0}.koshi-worlds-grid-v91580{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.koshi-world-card-v91580{padding:16px;border:1px solid rgba(132,218,240,.28);border-radius:16px;background:rgba(13,24,38,.56);box-shadow:inset 0 1px #fff1}.koshi-world-card-v91580 h3{margin:8px 0 5px}.koshi-world-card-v91580 p{min-height:42px;opacity:.8}.koshi-world-card-v91580 button{width:100%;margin-top:10px}.koshi-world-badge-v91580{display:inline-block;padding:3px 8px;border-radius:999px;background:#693aa7;color:#fff;font-size:11px}.koshi-worlds-admin-v91580{width:min(900px,94vw);max-height:90vh}.koshi-worlds-admin-list-v91580{display:grid;gap:8px;margin-top:14px}.koshi-world-admin-row-v91580{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #ffffff20;border-radius:10px}.koshi-world-admin-row-v91580 span{flex:1}.koshi-world-player-v91580{position:fixed;inset:0;z-index:100000;background:#070b10;display:flex;flex-direction:column}.koshi-world-player-v91580[hidden]{display:none}.koshi-world-player-bar-v91580{height:48px;display:flex;align-items:center;gap:14px;padding:0 14px;background:rgba(10,25,39,.97);border-bottom:1px solid #75e7ff55;color:white}.koshi-world-player-bar-v91580 span{flex:1;opacity:.7}.koshi-world-player-v91580 canvas{width:100%;height:calc(100vh - 48px);object-fit:contain;background:#111}.koshi-world-dialogue-v91580{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);width:min(760px,88vw);padding:18px 20px;border:1px solid #8deeffaa;border-radius:16px;background:rgba(7,24,39,.94);box-shadow:0 0 28px #5deaff33,inset 0 1px #fff3;color:#fff;cursor:pointer}.koshi-world-dialogue-v91580 b{color:#bdf8ff}.koshi-world-dialogue-v91580 p{font-size:17px;line-height:1.45;min-height:2.5em}.koshi-world-choice-v91580{display:grid;gap:8px}.koshi-world-choice-v91580 button{text-align:left;padding:10px}.koshi-world-toast-v91580{position:absolute;left:50%;bottom:110px;transform:translateX(-50%);padding:9px 14px;border-radius:12px;background:#102f40ee;border:1px solid #77ecff;color:#fff}
/* v91.58.3 — Mundos Koshi em janela */
.koshi-world-player-v91580{
inset:50% auto auto 50% !important;
transform:translate(-50%,-50%);
width:min(1120px,94vw);
height:min(680px,88vh);
border:1px solid rgba(130,235,255,.65);
border-radius:18px;
overflow:hidden;
box-shadow:0 24px 80px #00131dcc,0 0 32px #5ce8ff33,inset 0 1px #fff4;
background:#071019;
}
.koshi-world-player-v91580::before{
content:"";position:fixed;inset:-100vh -100vw;z-index:-1;background:rgba(0,8,15,.68);backdrop-filter:blur(5px)
}
.koshi-world-player-v91580 canvas{
width:100%;height:auto;aspect-ratio:16/9;max-height:calc(100% - 48px);object-fit:contain;background:#0b1117
}
.koshi-world-player-bar-v91580{flex:0 0 48px}
/* ============================================================
v91.60.0 — Clube Voice Glass Atrium
Interface de chamada construída apenas com HTML/CSS.
============================================================ */
/* Janela panorâmica, horizonte e piso de vidro. */
/* Cards desaparecem: cada pessoa vira esfera + pedestal. */
/* Pedestal óptico sob a esfera. */
/* Fala ilumina a esfera, não um cartão inexistente. */
/* Koshi Music flutua no topo direito. */
/* Dock inferior */
/* ============================================================
v91.61.0 — salão de chamada Aero, composição igual ao conceito
Cenário 100% CSS: não depende da tela da Koshinet ao fundo.
============================================================ */
/* grandes janelas, skyline e vegetação do salão */
/* esfera: aro exterior espesso, lente interna e reflexos independentes */
/* pedestal individual, grosso e brilhante */
/* cabeça e player iguais a placas de vidro do conceito */
/* dock */
/* tela compartilhada mantém prioridade visual */
/* ============================================================
v91.61.1 — glass-orb pass
A foto é o núcleo. As camadas seguintes são a casca de vidro,
reflexos e sombra óptica, para não parecer apenas avatar circular.
============================================================ */
/* Núcleo fotográfico fica recuado dentro da esfera. */
/* Casca esférica: borda grossa variável, refração nas laterais e vinheta curva. */
/* Reflexo comprido que denuncia uma superfície curva, não um aro. */
/* sombra/rebatimento imediatamente sob a bola */
/* ============================================================
v91.61.2 — lente esférica real
A foto passa por um displacement map radial. Não é só clip circular:
o centro é ampliado e as bordas comprimidas/refratadas pela lente.
============================================================ */
.koshi-optical-filters-v91612{position:absolute!important;width:0!important;height:0!important;overflow:hidden!important;pointer-events:none!important}
/* A lente também cria vinheta/rebatimento sobre a fotografia, reforçando volume. */
/* v91.61.3 — canvas spherical lens. The bitmap itself is warped before rendering. */
/* ============================================================
v91.61.4 — cenário oficial da chamada
Fundo fornecido pelo usuário; preserva enquadramento 16:9.
============================================================ */
/* ============================================================
v91.61.5 — chamada contida na janela Koshinet + esfera refinada
============================================================ */
/* A foto ocupa o interior da bola, enquanto a casca fica claramente à frente. */
/* ============================================================
v91.61.6 — mini call, Koshi Music e casca de vidro refinados
============================================================ */
/* A chamada minimizada ocupa uma faixa própria entre o cabeçalho e as mensagens.
Não flutua sobre o histórico nem disputa espaço com o compositor. */
/* Controles reais do Koshi Music na chamada maximizada. */
/* Menos aro, mais esfera: a foto chega mais perto da casca e o vidro fica fino. */
/* v91.62.0 — Clube integrado à página Clubes */
.koshi-club-detail-v91620{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);gap:12px;height:100%;min-height:0}
.koshi-club-detail-v91620[hidden]{display:none!important}
.koshi-club-chat-panel-v91620, .koshi-club-control-panel-v91620{min-height:0;overflow:hidden}
.koshi-club-chat-panel-v91620{display:flex;flex-direction:column;padding:10px}
.koshi-club-back-v91620{align-self:flex-start;margin:0 0 8px;padding:8px 13px;border:1px solid #80bff0;border-radius:10px;background:linear-gradient(#f9fdff,#d9effd);color:#164f7a;font-weight:800;cursor:pointer}
.koshi-club-chat-mount-v91620{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;border:1px solid rgba(75,157,213,.38);border-radius:13px;background:rgba(255,255,255,.25)}
.koshi-club-chat-mount-v91620>.chat-head{flex:0 0 auto;border-radius:12px 12px 0 0}
.koshi-club-chat-mount-v91620>#messages{flex:1 1 auto;min-height:0;overflow:auto}
.koshi-club-chat-mount-v91620>#typing{flex:0 0 auto}
.koshi-club-chat-mount-v91620>#form{flex:0 0 auto;width:100%;box-sizing:border-box}
.koshi-club-chat-mount-v91620 .chat-actions{display:none!important}
.koshi-club-control-panel-v91620{display:flex;flex-direction:column;gap:10px;padding:10px;overflow:auto}
.koshi-club-side-card-v91620{padding:13px;border:1px solid rgba(83,164,220,.48);border-radius:13px;background:linear-gradient(145deg,rgba(255,255,255,.62),rgba(196,229,249,.52));box-shadow:inset 0 1px rgba(255,255,255,.8)}
.koshi-club-identity-row-v91620{display:grid;grid-template-columns:54px 1fr;gap:10px;align-items:center}.koshi-club-identity-row-v91620 img, .koshi-club-identity-avatar-v91620{width:54px;height:54px;border-radius:13px;object-fit:cover;display:grid;place-items:center;background:#75c8ef;font-size:26px}.koshi-club-identity-row-v91620 b{font-size:18px;color:#164f7a}.koshi-club-identity-row-v91620 small{display:block;color:#527895;margin-top:3px}
.koshi-side-title-v91620{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:9px;color:#174f78}.koshi-side-title-v91620>b{font-size:15px}.koshi-side-title-v91620>span{font-size:11px;color:#63839b}
.koshi-club-call-people-v91620{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 10px}.koshi-club-call-person-v91620{padding:4px 8px;border-radius:999px;background:rgba(34,151,219,.13);border:1px solid rgba(34,151,219,.28);font-size:11px;color:#245a7c}.koshi-club-call-person-v91620.is-speaking{box-shadow:0 0 0 2px rgba(52,220,108,.22);border-color:#4bdc79}
.koshi-club-side-card-v91620 button{border:1px solid #75b9e5;border-radius:9px;background:linear-gradient(#fff,#d8effd);color:#15527d;font-weight:800;padding:8px 10px;cursor:pointer}.koshi-club-side-card-v91620 button.primary{width:100%;background:linear-gradient(#36bdf1,#078bd5);color:#fff;border-color:#0781c6}.koshi-club-side-card-v91620 button.danger{background:linear-gradient(#ff8d99,#e8485b);color:#fff;border-color:#d83a4e}
.koshi-club-call-controls-v91620, .koshi-club-actions-v91620{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.koshi-club-call-controls-v91620[hidden]{display:none!important}.koshi-club-call-controls-v91620 .danger, .koshi-club-actions-v91620 .danger{grid-column:1/-1}
.koshi-club-music-now-v91620{min-height:34px;padding:8px 9px;border-radius:9px;background:rgba(20,116,177,.09);color:#235a7d;font-size:12px;margin-bottom:8px}.koshi-club-music-controls-v91620{display:grid;grid-template-columns:auto auto 1fr auto;gap:6px;align-items:center}.koshi-club-music-controls-v91620 input{min-width:70px;width:100%}
.koshi-club-chat-mount-v91620 .club-member-roster-v79{margin-top:6px}
.koshi-club-chat-mount-v91620 .club-call-context-v91620{margin-top:7px;padding:8px 10px;border-radius:10px;background:rgba(19,141,208,.10);border:1px solid rgba(31,148,213,.25);color:#215b80;font-size:12px}.club-call-context-people-v91620{display:flex;gap:5px;flex-wrap:wrap;margin-top:5px}.club-call-context-people-v91620 span{padding:3px 7px;border-radius:999px;background:rgba(255,255,255,.55)}
/* A chamada de clube minimizada passa a existir somente no painel direito. */
@media (max-width:850px){.koshi-club-detail-v91620{grid-template-columns:1fr;overflow:auto}.koshi-club-chat-panel-v91620{min-height:620px}.koshi-club-control-panel-v91620{overflow:visible}.koshi-club-music-controls-v91620{grid-template-columns:auto auto 1fr}.koshi-club-music-controls-v91620 #koshiClubMusicOpenV91620{grid-column:1/-1}}
#koshiClubsLobbyV91620[hidden]{display:none!important}
/* v91.62.1 — Clube: remove definitivamente a mini-barra legada da chamada.
A chamada continua ativa; seus controles vivem no painel direito do detalhe do Clube. */
/* v91.63.0 — chat e perfil inline na página Amigos */
.koshi-friends-workspace-v91630{min-width:0;overflow:hidden!important;padding:0!important;display:flex;flex-direction:column}
.koshi-friends-default-v91630{padding:16px;height:100%;overflow:auto}
.koshi-friends-inline-v91630{height:100%;min-height:0;display:flex;flex-direction:column}
.koshi-friends-inline-v91630[hidden]{display:none!important}
.koshi-inline-toolbar-v91630{flex:0 0 auto;padding:8px 10px;border-bottom:1px solid rgba(70,145,195,.28);background:rgba(224,244,255,.48)}
.koshi-inline-toolbar-v91630 button{border:1px solid #8fcdf3;border-radius:9px;background:linear-gradient(#fff,#ccecff);color:#14507b;font-weight:800;padding:6px 12px;cursor:pointer}
.koshi-friends-inline-mount-v91630{flex:1;min-height:0;overflow:hidden;display:flex}
.koshi-friends-inline-mount-v91630>.chat{display:flex!important;flex:1;min-width:0;min-height:0;height:100%;border:0!important;background:transparent!important}
.koshi-friends-inline-mount-v91630>.chat .chat-head{border-radius:0!important}
.koshi-friends-inline-mount-v91630>.profile-window-v84{display:flex;flex-direction:column;width:100%!important;max-width:none!important;height:100%;max-height:none!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.koshi-friends-inline-mount-v91630>.profile-window-v84>.account-security-body{overflow:auto;flex:1;min-height:0}
@media (max-width:760px){.koshi-friends-inline-mount-v91630>.chat{min-height:520px}.koshi-friends-workspace-v91630{min-height:560px}}
/* v91.64.0 — Biblioteca Koshi */
.koshi-library-page-v91640{padding:18px}.koshi-library-hero-v91640{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 26px;border:1px solid rgba(255,255,255,.72);border-radius:22px;background:linear-gradient(135deg,rgba(224,248,255,.94),rgba(111,193,239,.68));box-shadow:inset 0 1px 0 #fff,0 10px 30px rgba(20,91,137,.18)}.koshi-library-hero-v91640 h2{margin:0;font-size:25px}.koshi-library-hero-v91640 p{margin:5px 0 0}.koshi-library-hero-v91640 button, .koshi-library-tabs-v91640 button, .koshi-book-actions-v91640 button{border:1px solid rgba(41,113,160,.5);border-radius:12px;background:linear-gradient(#fff,#cdeeff);padding:9px 13px;font-weight:700;cursor:pointer}.koshi-library-hero-v91640 button, .koshi-book-actions-v91640 .primary, .koshi-library-tabs-v91640 .is-active{background:linear-gradient(#55c9ff,#168bd0);color:#fff;text-shadow:0 1px rgba(0,0,0,.25)}.koshi-library-tabs-v91640{display:flex;gap:8px;margin:14px 0}.koshi-library-status-v91640{min-height:20px}.koshi-library-shelf-v91640{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:20px;padding:24px;border-radius:18px;background:linear-gradient(rgba(255,255,255,.32),rgba(71,132,166,.18)),repeating-linear-gradient(0deg,rgba(91,55,30,.22) 0 6px,rgba(255,255,255,.08) 6px 9px);border:1px solid rgba(255,255,255,.65);box-shadow:inset 0 1px #fff}.koshi-book-card-v91640{min-width:0;padding:14px;border:1px solid rgba(255,255,255,.7);border-radius:15px;background:rgba(240,251,255,.78);box-shadow:0 9px 18px rgba(25,69,95,.18),inset 0 1px #fff;transition:transform .22s}.koshi-book-card-v91640:hover{transform:translateY(-6px) rotateX(2deg)}.koshi-book-cover-v91640{position:relative;aspect-ratio:3/4;margin:auto;max-width:145px;border-radius:4px 10px 10px 4px;overflow:hidden;background:linear-gradient(135deg,#226ea1,#9ee6ff);box-shadow:-6px 5px 0 #174d70,0 12px 20px rgba(0,0,0,.25)}.koshi-book-cover-v91640 img{width:100%;height:100%;object-fit:cover}.koshi-book-cover-v91640 i{position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.5) 42%,transparent 58%);transform:translateX(-120%);transition:.5s}.koshi-book-card-v91640:hover .koshi-book-cover-v91640 i{transform:translateX(120%)}.koshi-book-generic-v91640{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:12px;color:white;text-align:center;text-shadow:0 2px 3px #17445f}.koshi-book-generic-v91640 span{font-size:38px}.koshi-book-info-v91640{display:flex;flex-direction:column;gap:3px;margin-top:15px}.koshi-book-info-v91640>b{font-size:15px}.koshi-book-info-v91640 span, .koshi-book-info-v91640 small{opacity:.72}.koshi-book-info-v91640 em{font-style:normal;font-size:12px;margin-top:4px}.koshi-book-actions-v91640{display:grid;gap:6px;margin-top:10px}.koshi-book-actions-v91640 button:disabled{opacity:.55;cursor:not-allowed}.koshi-library-empty-v91640{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;padding:55px;text-align:center}.koshi-library-empty-v91640 span{font-size:54px}.koshi-library-dialog-v91640{max-width:520px}.koshi-library-upload-form-v91640{display:grid;gap:12px;padding:18px}.koshi-library-upload-form-v91640 label{display:grid;gap:5px;font-weight:700}.koshi-library-upload-form-v91640 input, .koshi-library-upload-form-v91640 textarea{padding:10px;border:1px solid #8ebbd4;border-radius:9px;background:rgba(255,255,255,.9)}.koshi-reader-overlay-v91640{background:rgba(5,20,35,.72)}.koshi-reader-window-v91640{width:min(1180px,94vw);height:min(860px,92vh);display:flex;flex-direction:column;border:1px solid #c8f1ff;border-radius:22px;overflow:hidden;background:linear-gradient(#b9ecff,#5da7d1);box-shadow:0 0 45px rgba(83,202,255,.45),inset 0 1px #fff}.koshi-reader-window-v91640>header, .koshi-reader-window-v91640>footer{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:linear-gradient(rgba(255,255,255,.88),rgba(189,229,248,.78))}.koshi-reader-window-v91640 header div{display:flex;flex-direction:column}.koshi-reader-window-v91640 header button{font-size:22px;border:0;background:transparent}.koshi-reader-stage-v91640{flex:1;min-height:0;padding:22px;display:flex;align-items:stretch;justify-content:center;background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.7),transparent 35%),linear-gradient(135deg,#5ab6d7,#17668e)}.koshi-reader-book-v91640{width:min(900px,100%);padding:9px 14px 14px;border-radius:8px 16px 16px 8px;background:#d7c8a7;box-shadow:-12px 9px 0 #7d5c38,0 24px 40px rgba(0,0,0,.4)}.koshi-reader-page-v91640{height:100%;background:#fffef5;box-shadow:inset 0 0 28px rgba(83,64,30,.15)}.koshi-reader-page-v91640 iframe{width:100%;height:100%;border:0;background:white}.koshi-reader-window-v91640 footer button{padding:8px 12px;border-radius:9px;border:1px solid #578daf;background:linear-gradient(#fff,#bfe8ff)}
@media (max-width:700px){.koshi-library-hero-v91640{align-items:stretch;flex-direction:column}.koshi-library-shelf-v91640{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;gap:10px}.koshi-reader-stage-v91640{padding:8px}.koshi-reader-window-v91640{width:96vw;height:88vh}.koshi-book-actions-v91640 button{padding:8px 5px;font-size:12px}}
/* v91.64.3 — Koshi Reader em canvas + ações de exemplar */
.koshi-reader-toolbar-v91643{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:7px 12px;background:linear-gradient(#effbff,#a9d9f2);border-top:1px solid #fff;border-bottom:1px solid #75abc8}.koshi-reader-toolbar-v91643 button{min-width:44px;padding:7px 10px;border:1px solid #5b91b2;border-radius:9px;background:linear-gradient(#fff,#c8ebff);font-weight:700;cursor:pointer}.koshi-reader-toolbar-v91643 span{font-weight:700;color:#174f70}.koshi-reader-page-v91640{display:flex;align-items:flex-start;justify-content:center;overflow:auto;position:relative}.koshi-reader-page-v91640 canvas{display:block;max-width:none;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.18)}#koshiReaderLoadingV91643{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:800;color:#31566b;background:#fffef5;z-index:2}.koshi-book-action-body-v91643{display:grid;gap:14px;padding:18px}.koshi-book-action-body-v91643 label{display:grid;gap:6px;font-weight:800}.koshi-book-action-body-v91643 select, .koshi-book-action-body-v91643 input{padding:10px;border:1px solid #8ebbd4;border-radius:9px;background:#fff}.koshi-book-actions-v91640 .danger-v91643{background:linear-gradient(#ffefef,#ef7777);border-color:#c64b4b;color:#6d1111}.koshi-reader-book-v91640{overflow:hidden}
/* v91.64.5 — livro aberto em duas páginas + virada 3D + contraste */
.koshi-reader-window-v91640>header, .koshi-reader-window-v91640>footer{color:#123e59;text-shadow:none}
.koshi-reader-window-v91640>header b{color:#0b3b5a;font-size:16px}.koshi-reader-window-v91640>header small{color:#315d75;font-weight:700}.koshi-reader-window-v91640>footer span{color:#174f70;font-weight:700}.koshi-reader-window-v91640>header button{color:#123e59;font-weight:900}
.koshi-reader-book-v91640{width:min(1080px,100%);padding:12px 16px 16px;background:linear-gradient(90deg,#80603b 0,#d9c7a1 2%,#e4d4b3 49.5%,#9b8059 50%,#e4d4b3 50.5%,#d9c7a1 98%,#80603b 100%);perspective:1800px;overflow:visible}
.koshi-reader-spread-v91644{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);align-items:start;width:100%;height:100%;overflow:auto;background:#f7f2e5;box-shadow:0 5px 18px rgba(0,0,0,.28)}
.koshi-reader-page-v91640{min-width:0;height:auto;min-height:100%;overflow:visible;background:#fffef8;box-shadow:none}
.koshi-reader-page-left-v91644{justify-content:flex-end;background:linear-gradient(90deg,#fff 0,#fffef9 88%,#eee8da 100%)}.koshi-reader-page-right-v91644{justify-content:flex-start;background:linear-gradient(90deg,#eee8da 0,#fffef9 12%,#fff 100%)}
.koshi-reader-page-v91640 canvas{max-width:none;box-shadow:none}.koshi-reader-gutter-v91644{position:sticky;top:0;height:100%;min-height:650px;background:radial-gradient(ellipse at center,rgba(44,31,18,.34),rgba(111,84,49,.12) 35%,transparent 72%);box-shadow:inset 6px 0 8px -8px #000,inset -6px 0 8px -8px #000;z-index:1}
.koshi-reader-turn-v91644{pointer-events:none;position:absolute;top:0;bottom:0;width:calc(50% - 9px);z-index:8;opacity:0;background:linear-gradient(100deg,#fff 0,#fffdf6 72%,#d7cdbb 100%);box-shadow:0 8px 22px rgba(0,0,0,.28);transform-style:preserve-3d;backface-visibility:hidden}.koshi-reader-turn-v91644.turn-next{right:0;transform-origin:left center}.koshi-reader-turn-v91644.turn-prev{left:0;transform-origin:right center;background:linear-gradient(80deg,#d7cdbb 0,#fffdf6 28%,#fff 100%)}
.koshi-reader-turn-v91644.turn-next.is-turning{animation:koshiPageNextV91644 .54s ease-in-out}.koshi-reader-turn-v91644.turn-prev.is-turning{animation:koshiPagePrevV91644 .54s ease-in-out}
@keyframes koshiPageNextV91644{0%{opacity:1;transform:rotateY(0deg)}48%{box-shadow:-22px 8px 28px rgba(0,0,0,.38)}100%{opacity:1;transform:rotateY(-180deg)}}@keyframes koshiPagePrevV91644{0%{opacity:1;transform:rotateY(0deg)}48%{box-shadow:22px 8px 28px rgba(0,0,0,.38)}100%{opacity:1;transform:rotateY(180deg)}}
@media (prefers-reduced-motion:reduce){.koshi-reader-turn-v91644.turn-next.is-turning, .koshi-reader-turn-v91644.turn-prev.is-turning{animation-duration:.01ms}}
@media (max-width:700px){.koshi-reader-spread-v91644{grid-template-columns:minmax(0,1fr)}.koshi-reader-page-right-v91644, .koshi-reader-gutter-v91644{display:none}.koshi-reader-turn-v91644{width:100%}}
/* v91.64.5 — Biblioteca dentro do Clube + zoom independente por página */
.koshi-club-control-panel-v91620{position:relative;overflow:hidden}
.koshi-club-library-panel-v91645{position:absolute;inset:0;z-index:12;display:flex;flex-direction:column;min-height:0;padding:12px;background:linear-gradient(145deg,rgba(235,249,255,.98),rgba(183,222,242,.98));color:#174f70}
.koshi-club-library-panel-v91645[hidden]{display:none!important}.koshi-club-library-panel-v91645>header{display:flex;align-items:center;gap:10px;padding:4px 2px 12px;border-bottom:1px solid rgba(61,130,169,.3)}.koshi-club-library-panel-v91645>header button{padding:8px 11px;border:1px solid #71acd0;border-radius:9px;background:linear-gradient(#fff,#c8ebff);color:#174f70;font-weight:800}.koshi-club-library-panel-v91645>header div{display:flex;flex-direction:column;min-width:0}.koshi-club-library-panel-v91645>header b{font-size:15px}.koshi-club-library-panel-v91645>header small{opacity:.72}.koshi-club-library-status-v91645{padding:8px 2px;font-size:12px}.koshi-club-library-shelf-v91645{display:flex;flex-direction:column;gap:9px;overflow:auto;min-height:0;padding:2px 2px 12px}.koshi-club-library-book-v91645{display:grid;grid-template-columns:64px minmax(0,1fr);gap:9px;padding:9px;border:1px solid rgba(89,157,195,.45);border-radius:12px;background:rgba(255,255,255,.68);box-shadow:inset 0 1px #fff}.koshi-club-library-cover-v91645{width:58px;height:78px;overflow:hidden;border-radius:3px 7px 7px 3px;background:#3c8dbc;box-shadow:-3px 3px #285d7a}.koshi-club-library-cover-v91645 img{width:100%;height:100%;object-fit:cover}.koshi-club-library-cover-v91645 .koshi-book-generic-v91640{font-size:8px;padding:4px}.koshi-club-library-cover-v91645 .koshi-book-generic-v91640 span{font-size:20px}.koshi-club-library-copy-v91645{display:flex;flex-direction:column;min-width:0}.koshi-club-library-copy-v91645 b, .koshi-club-library-copy-v91645 span, .koshi-club-library-copy-v91645 small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.koshi-club-library-copy-v91645 span, .koshi-club-library-copy-v91645 small{font-size:11px;opacity:.72}.koshi-club-library-copy-v91645 em{font-size:11px;font-style:normal;margin-top:3px}.koshi-club-library-actions-v91645{grid-column:1/-1;display:flex;gap:6px}.koshi-club-library-actions-v91645 button{flex:1;padding:7px;border:1px solid #70abd0;border-radius:8px;background:linear-gradient(#fff,#c9ebff);color:#174f70;font-weight:800}.koshi-club-library-actions-v91645 button.primary{background:linear-gradient(#4bc5fb,#138bcf);color:#fff}.koshi-club-library-actions-v91645 button:disabled{opacity:.55}.koshi-club-library-empty-v91645{display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;padding:35px 12px}.koshi-club-library-empty-v91645:first-letter{font-size:35px}
.koshi-reader-zoom-group-v91645{display:inline-flex;align-items:center;gap:5px;padding:3px 5px;border:1px solid rgba(72,137,176,.35);border-radius:10px;background:rgba(255,255,255,.35)}.koshi-reader-zoom-group-v91645 b{font-size:11px;color:#315d75}.koshi-reader-zoom-group-v91645 span{min-width:38px;text-align:center}
@media (max-width:700px){.koshi-reader-zoom-group-v91645:nth-of-type(2){display:none}.koshi-club-library-panel-v91645{padding:9px}}
/* ============================================================
Koshinet v91.65.0 — menu principal em bolhas Aero / tech demo
============================================================ */
.koshi-topbar-v91440 .brand{cursor:pointer;user-select:none}
body.koshi-bubble-home-v91650 .app{position:relative;overflow:hidden!important;background:linear-gradient(180deg,rgba(12,111,190,.08),rgba(1,54,111,.12));}
body.koshi-bubble-home-v91650 #koshiDashboardV91441, body.koshi-bubble-home-v91650 #koshiLegacyMainV91441{display:none!important}
body.koshi-bubble-home-v91650 .koshi-main-nav-v91440.koshi-bubble-nav-v91650{
display:block!important;position:relative!important;flex:1 1 auto!important;height:auto!important;min-height:0!important;overflow:hidden!important;padding:0!important;border:0!important;
background:
radial-gradient(circle at 50% 45%,rgba(185,242,255,.22),transparent 28%),
radial-gradient(circle at 15% 18%,rgba(255,255,255,.18),transparent 18%),
linear-gradient(180deg,rgba(23,151,222,.13),rgba(0,53,117,.13))!important;
isolation:isolate;
}
body.koshi-bubble-home-v91650 .koshi-bubble-nav-v91650:before{
content:"";position:absolute;inset:-15%;z-index:-2;pointer-events:none;
background:radial-gradient(circle at 18% 22%,rgba(255,255,255,.18),transparent 13%),radial-gradient(circle at 75% 33%,rgba(76,216,255,.22),transparent 17%),radial-gradient(circle at 45% 78%,rgba(72,179,255,.2),transparent 18%);
filter:blur(8px);animation:koshiBubbleAuroraV91650 12s ease-in-out infinite alternate;
}
body.koshi-bubble-home-v91650 .koshi-bubble-nav-v91650>[data-koshi-bubble-v91650]{
--bubble-x-v91650:50%;--bubble-y-v91650:50%;--bubble-scale-v91650:1;--bubble-tilt-v91650:0deg;
position:absolute!important;left:var(--bubble-x-v91650)!important;top:var(--bubble-y-v91650)!important;width:clamp(142px,15.5vw,205px)!important;aspect-ratio:1!important;height:auto!important;padding:22px 14px 18px!important;margin:0!important;overflow:visible!important;
transform:translate(-50%,-50%) scale(var(--bubble-scale-v91650)) rotate(var(--bubble-tilt-v91650));transform-origin:center;will-change:left,top,transform;
display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:3px;white-space:normal!important;text-align:center;
border-radius:50%!important;border:2px solid rgba(224,249,255,.92)!important;color:#fff!important;
background:
radial-gradient(circle at 31% 21%,rgba(255,255,255,.98) 0 2%,rgba(255,255,255,.43) 3%,transparent 13%),
radial-gradient(circle at 66% 76%,rgba(64,188,255,.22),transparent 34%),
linear-gradient(145deg,rgba(222,250,255,.36),rgba(25,156,226,.23) 46%,rgba(0,75,157,.35))!important;
box-shadow:inset 10px 12px 26px rgba(255,255,255,.34),inset -13px -18px 32px rgba(0,70,145,.28),0 12px 32px rgba(0,43,92,.28),0 0 0 5px rgba(119,218,255,.08),0 0 28px rgba(65,201,255,.28)!important;
backdrop-filter:blur(12px) saturate(1.45);-webkit-backdrop-filter:blur(12px) saturate(1.45);cursor:pointer;transition:filter .22s ease,box-shadow .22s ease!important;
}
body.koshi-bubble-home-v91650 .koshi-bubble-nav-v91650>[data-koshi-bubble-v91650]::before{
content:"";position:absolute;inset:6%;border-radius:50%;pointer-events:none;border:1px solid rgba(255,255,255,.36);background:linear-gradient(128deg,rgba(255,255,255,.3),transparent 29%,transparent 64%,rgba(126,221,255,.12));
}
body.koshi-bubble-home-v91650 .koshi-bubble-nav-v91650>[data-koshi-bubble-v91650]::after{
content:"";position:absolute;left:19%;right:19%;bottom:-12%;height:17%;border-radius:50%;pointer-events:none;background:rgba(88,204,255,.24);filter:blur(7px);transform:scaleX(1.25);box-shadow:0 0 18px rgba(110,220,255,.32);
}
body.koshi-bubble-home-v91650 .koshi-bubble-icon-v91650{font-size:clamp(38px,4.4vw,62px);line-height:1;filter:drop-shadow(0 4px 5px rgba(0,54,112,.34));transform:translateZ(0);}
body.koshi-bubble-home-v91650 .koshi-bubble-nav-v91650 strong{display:block;font-size:clamp(15px,1.65vw,22px);line-height:1.05;text-shadow:0 2px 5px #07518f,0 0 12px rgba(0,83,153,.7);position:relative;z-index:1}
body.koshi-bubble-home-v91650 .koshi-bubble-nav-v91650 small{display:block;max-width:88%;font-size:clamp(8px,.78vw,11px);line-height:1.15;color:#effbff;text-shadow:0 1px 4px #07518f;opacity:.96;position:relative;z-index:1}
body.koshi-bubble-home-v91650 .koshi-bubble-nav-v91650>[data-koshi-bubble-v91650]:hover, body.koshi-bubble-home-v91650 .koshi-bubble-nav-v91650>[data-koshi-bubble-v91650]:focus-visible{filter:brightness(1.13) saturate(1.18);box-shadow:inset 10px 12px 30px rgba(255,255,255,.46),inset -13px -18px 32px rgba(0,70,145,.22),0 18px 42px rgba(0,43,92,.34),0 0 0 7px rgba(151,231,255,.16),0 0 42px rgba(95,217,255,.5)!important;z-index:20!important;outline:none}
body.koshi-bubble-home-v91650 .koshi-bubble-nav-v91650>[data-koshi-main-v91440="mural"]{width:clamp(190px,21vw,275px)!important;z-index:8}
body.koshi-bubble-home-v91650 .koshi-bubble-nav-v91650>[data-koshi-main-v91440="more"]{width:clamp(125px,13vw,170px)!important}
body.koshi-bubble-home-v91650 .koshi-bubble-nav-v91650>[hidden]{display:none!important}
.koshi-bubble-ambient-v91650{display:none}
body.koshi-bubble-home-v91650 .koshi-bubble-ambient-v91650{display:block;position:absolute;inset:0;pointer-events:none;z-index:-1}
body.koshi-bubble-home-v91650 .koshi-bubble-ambient-v91650 i{position:absolute;width:44px;aspect-ratio:1;border-radius:50%;border:1px solid rgba(230,251,255,.8);background:radial-gradient(circle at 30% 22%,#fff 0 5%,rgba(255,255,255,.25) 7%,rgba(51,185,245,.16) 58%,rgba(0,87,169,.22));box-shadow:inset 4px 5px 10px rgba(255,255,255,.28),0 6px 18px rgba(0,64,130,.18);animation:koshiAmbientBubbleV91650 9s ease-in-out infinite alternate}
body.koshi-bubble-home-v91650 .koshi-bubble-ambient-v91650 i:nth-child(1){left:6%;top:48%;width:55px;animation-duration:11s}body.koshi-bubble-home-v91650 .koshi-bubble-ambient-v91650 i:nth-child(2){left:21%;top:12%;width:34px;animation-duration:8s;animation-delay:-3s}body.koshi-bubble-home-v91650 .koshi-bubble-ambient-v91650 i:nth-child(3){left:39%;top:17%;width:28px;animation-duration:13s;animation-delay:-7s}body.koshi-bubble-home-v91650 .koshi-bubble-ambient-v91650 i:nth-child(4){left:61%;top:54%;width:46px;animation-duration:10s;animation-delay:-5s}body.koshi-bubble-home-v91650 .koshi-bubble-ambient-v91650 i:nth-child(5){left:82%;top:14%;width:30px;animation-duration:12s;animation-delay:-2s}body.koshi-bubble-home-v91650 .koshi-bubble-ambient-v91650 i:nth-child(6){left:91%;top:75%;width:58px;animation-duration:14s;animation-delay:-9s}body.koshi-bubble-home-v91650 .koshi-bubble-ambient-v91650 i:nth-child(7){left:35%;top:83%;width:38px;animation-duration:9s;animation-delay:-4s}
@keyframes koshiAmbientBubbleV91650{0%{transform:translate3d(-8px,8px,0) scale(.88)}50%{transform:translate3d(13px,-12px,0) scale(1.12)}100%{transform:translate3d(-3px,-22px,0) scale(.97)}}
@keyframes koshiBubbleAuroraV91650{from{transform:translate3d(-2%,1%,0) scale(1)}to{transform:translate3d(3%,-2%,0) scale(1.08)}}
@media (max-width:760px){
body.koshi-bubble-home-v91650 .koshi-main-nav-v91440.koshi-bubble-nav-v91650{min-height:620px!important;overflow:auto!important}
body.koshi-bubble-home-v91650 .koshi-bubble-nav-v91650>[data-koshi-bubble-v91650]{width:126px!important}
body.koshi-bubble-home-v91650 .koshi-bubble-nav-v91650>[data-koshi-main-v91440="mural"]{width:158px!important}
body.koshi-bubble-home-v91650 .koshi-bubble-nav-v91650 strong{font-size:14px}body.koshi-bubble-home-v91650 .koshi-bubble-nav-v91650 small{font-size:8px}
}
@media (prefers-reduced-motion:reduce){body.koshi-bubble-home-v91650 .koshi-bubble-ambient-v91650 i, body.koshi-bubble-home-v91650 .koshi-bubble-nav-v91650:before{animation:none!important}}
/* ============================================================
Koshinet v91.65.1 — Bubble Home: navegação única + anti-colisão
============================================================ */
/* Fora do Home, a antiga barra horizontal NÃO existe visualmente. */
.koshi-main-nav-v91440.koshi-bubble-nav-v91650{display:none!important}
body.koshi-bubble-home-v91650 .koshi-main-nav-v91440.koshi-bubble-nav-v91650{display:block!important}
/* Retorno explícito para o Home de bolhas em todas as áreas internas. */
.koshi-bubble-home-back-v91651{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:7px 12px;border-radius:999px;border:1px solid rgba(211,246,255,.92);background:linear-gradient(180deg,rgba(79,193,247,.92),rgba(15,111,185,.96));box-shadow:inset 0 1px rgba(255,255,255,.8),0 3px 10px rgba(0,57,116,.22);color:#fff;font-weight:800;cursor:pointer;white-space:nowrap}
.koshi-bubble-home-back-v91651:hover{filter:brightness(1.1);box-shadow:inset 0 1px #fff,0 0 15px rgba(105,217,255,.48)}
body.koshi-bubble-home-v91650 .koshi-bubble-home-back-v91651{display:none!important}
/* A posição passa a ser calculada em px pelo resolvedor de colisão. */
body.koshi-bubble-home-v91650 .koshi-bubble-nav-v91650>[data-koshi-bubble-v91650]{left:var(--bubble-x-v91650)!important;top:var(--bubble-y-v91650)!important;transition:filter .22s ease,box-shadow .22s ease!important}
@media (max-width:760px){.koshi-bubble-home-back-v91651 span{display:none}.koshi-bubble-home-back-v91651{width:42px;padding:0;justify-content:center}.koshi-main-nav-v91440.koshi-bubble-nav-v91650{display:none!important}body.koshi-bubble-home-v91650 .koshi-main-nav-v91440.koshi-bubble-nav-v91650{display:block!important}}
/* ============================================================
Koshinet v91.65.2 — Bubble Glass visual pass
Vidro mais orgânico, menos "círculo CSS".
============================================================ */
body.koshi-bubble-home-v91650 .koshi-bubble-nav-v91650>[data-koshi-bubble-v91650]{
border:1px solid rgba(235,253,255,.74)!important;
background:
radial-gradient(ellipse at 27% 17%,rgba(255,255,255,.98) 0 1.8%,rgba(255,255,255,.62) 2.2%,rgba(255,255,255,.16) 8%,transparent 17%),
radial-gradient(ellipse at 72% 29%,rgba(183,244,255,.22) 0 8%,transparent 28%),
radial-gradient(ellipse at 36% 79%,rgba(0,95,190,.16),transparent 45%),
radial-gradient(circle at 50% 45%,rgba(202,246,255,.14),rgba(68,184,238,.09) 48%,rgba(2,73,154,.18) 76%,rgba(0,42,107,.26) 100%)!important;
box-shadow:
inset 7px 9px 17px rgba(255,255,255,.27),
inset -11px -14px 24px rgba(0,58,137,.22),
inset 0 -3px 7px rgba(0,43,110,.16),
0 12px 28px rgba(0,42,94,.20),
0 0 0 2px rgba(106,218,255,.10),
0 0 22px rgba(79,208,255,.20)!important;
backdrop-filter:blur(7px) saturate(1.28) brightness(1.07);-webkit-backdrop-filter:blur(7px) saturate(1.28) brightness(1.07);
}
body.koshi-bubble-home-v91650 .koshi-bubble-nav-v91650>[data-koshi-bubble-v91650]::before{
inset:3.5%;border:0;border-radius:50%;
background:
radial-gradient(ellipse at 30% 13%,rgba(255,255,255,.76) 0 3%,rgba(255,255,255,.25) 5%,transparent 18%),
radial-gradient(ellipse at 17% 39%,rgba(255,255,255,.22) 0 3%,transparent 13%),
radial-gradient(ellipse at 77% 73%,rgba(93,220,255,.14),transparent 26%),
conic-gradient(from 205deg at 50% 50%,rgba(116,225,255,.08),rgba(255,255,255,.34) 8deg,transparent 32deg,transparent 246deg,rgba(131,216,255,.18) 278deg,transparent 320deg);
box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),inset 3px 2px 7px rgba(255,255,255,.14);
opacity:.92;
}
body.koshi-bubble-home-v91650 .koshi-bubble-nav-v91650>[data-koshi-bubble-v91650]::after{
left:14%;right:14%;bottom:-8%;height:13%;
background:radial-gradient(ellipse,rgba(116,225,255,.25),rgba(21,120,203,.10) 46%,transparent 72%);
filter:blur(8px);transform:scaleX(1.16);box-shadow:none;
}
body.koshi-bubble-home-v91650 .koshi-bubble-icon-v91650{
position:relative;z-index:2;
filter:drop-shadow(0 2px 1px rgba(255,255,255,.48)) drop-shadow(0 5px 8px rgba(0,43,101,.34));
transform:translateZ(0) scale(.96);
}
body.koshi-bubble-home-v91650 .koshi-bubble-nav-v91650 strong{
letter-spacing:-.02em;text-shadow:0 2px 3px rgba(0,50,111,.95),0 0 8px rgba(25,132,205,.72),0 1px 0 rgba(255,255,255,.38);
}
body.koshi-bubble-home-v91650 .koshi-bubble-nav-v91650 small{
color:rgba(242,252,255,.94);text-shadow:0 1px 3px rgba(0,48,103,.95);font-weight:600;
}
body.koshi-bubble-home-v91650 .koshi-bubble-nav-v91650>[data-koshi-bubble-v91650]:hover, body.koshi-bubble-home-v91650 .koshi-bubble-nav-v91650>[data-koshi-bubble-v91650]:focus-visible{
filter:brightness(1.10) saturate(1.12);
box-shadow:inset 9px 11px 20px rgba(255,255,255,.34),inset -12px -15px 25px rgba(0,61,142,.18),0 18px 38px rgba(0,40,91,.25),0 0 0 2px rgba(194,247,255,.24),0 0 35px rgba(95,222,255,.36)!important;
}
body.koshi-bubble-home-v91650 .koshi-bubble-ambient-v91650 i{
border:1px solid rgba(238,253,255,.68);
background:radial-gradient(ellipse at 28% 18%,rgba(255,255,255,.95) 0 3%,rgba(255,255,255,.26) 5%,transparent 17%),radial-gradient(circle at 58% 61%,rgba(81,201,249,.10),rgba(0,81,173,.14) 72%,rgba(0,45,115,.20));
box-shadow:inset 3px 4px 8px rgba(255,255,255,.18),inset -4px -5px 9px rgba(0,73,157,.14),0 6px 17px rgba(0,55,119,.14),0 0 8px rgba(125,230,255,.16);
backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);
}
/* ============================================================
Koshinet v91.65.3 — transição de entrada pela própria bolha
============================================================ */
body.koshi-bubble-entering-v91653 .koshi-bubble-nav-v91650>[data-koshi-bubble-v91650]{
pointer-events:none!important;
transition:left .28s cubic-bezier(.2,.8,.2,1),top .28s cubic-bezier(.2,.8,.2,1),transform .68s cubic-bezier(.18,.82,.16,1),opacity .24s ease,filter .24s ease!important;
}
body.koshi-bubble-entering-v91653 .koshi-bubble-nav-v91650>[data-koshi-bubble-v91650]:not(.koshi-bubble-selected-v91653){
opacity:0!important;filter:blur(8px) brightness(1.25)!important;transform:translate(-50%,-50%) scale(.72)!important;
}
body.koshi-bubble-entering-v91653 .koshi-bubble-nav-v91650>.koshi-bubble-selected-v91653{
z-index:999!important;
transform:translate(-50%,-50%) scale(7.8)!important;
filter:brightness(1.22) saturate(1.15)!important;
box-shadow:inset 20px 24px 55px rgba(255,255,255,.56),inset -28px -34px 70px rgba(0,92,175,.16),0 0 80px rgba(164,239,255,.82)!important;
}
body.koshi-bubble-entering-v91653 .koshi-bubble-selected-v91653>*{
transition:opacity .20s ease,transform .36s ease!important;
opacity:0!important;transform:scale(.7)!important;
}
body.koshi-bubble-entering-v91653 .koshi-bubble-ambient-v91650{transition:opacity .22s ease!important;opacity:0!important}
body.koshi-bubble-entering-v91653 .koshi-main-nav-v91440.koshi-bubble-nav-v91650:after{
content:"";position:absolute;inset:0;z-index:998;pointer-events:none;opacity:0;
background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.88),rgba(125,225,255,.34) 34%,rgba(18,135,213,.12) 62%,transparent 78%);
transition:opacity .26s ease .32s;
}
body.koshi-bubble-enter-flash-v91653 .koshi-main-nav-v91440.koshi-bubble-nav-v91650:after{opacity:1}
@media (prefers-reduced-motion:reduce){
body.koshi-bubble-entering-v91653 .koshi-bubble-nav-v91650>[data-koshi-bubble-v91650]{transition:none!important}
body.koshi-bubble-entering-v91653 .koshi-bubble-nav-v91650>.koshi-bubble-selected-v91653{transform:translate(-50%,-50%) scale(1)!important}
}
/* Koshinet Media Center v91.66.0 — visual-only shell, no duplicate navigation */
body.koshi-media-home-v91660 .app{display:flex!important;flex-direction:column!important;overflow:auto!important;min-height:0;background:linear-gradient(180deg,rgba(0,37,79,.12),rgba(0,27,72,.52)),url("/themes/aero.webp") center/cover fixed!important}
body.koshi-media-home-v91660 #koshiDashboardV91441, body.koshi-media-home-v91660 #koshiLegacyMainV91441{display:none!important}
.koshi-media-hero-v91660{display:none}
body.koshi-media-home-v91660 .koshi-media-hero-v91660{display:flex;flex:1 1 auto;min-height:190px;max-height:48vh;align-items:flex-end;justify-content:flex-end;padding:clamp(20px,4vw,58px);box-sizing:border-box;color:#fff;text-align:right;text-shadow:0 2px 15px rgba(0,25,66,.8)}
.koshi-media-hero-copy-v91660{padding:22px 28px;border-radius:22px;background:linear-gradient(110deg,rgba(4,49,102,.08),rgba(6,55,111,.55));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.koshi-media-hero-copy-v91660 span{font-size:11px;letter-spacing:.2em;color:#c6f2ff;font-weight:700}
.koshi-media-hero-copy-v91660 h1{font-size:clamp(26px,3.5vw,54px);margin:7px 0;line-height:1.1;color:white}
.koshi-media-hero-copy-v91660 p{margin:0;font-size:clamp(12px,1.4vw,18px)}
body.koshi-media-home-v91660 #koshiMainNavV91440.koshi-media-nav-v91660{display:flex!important;position:relative!important;flex:0 0 auto!important;min-height:0!important;height:auto!important;overflow-x:auto!important;overflow-y:hidden!important;align-items:stretch!important;gap:12px!important;padding:18px clamp(14px,3vw,36px) 25px!important;margin:0 20px 25px!important;box-sizing:border-box!important;border:1px solid rgba(216,248,255,.65)!important;border-radius:24px!important;background:linear-gradient(160deg,rgba(54,158,223,.42),rgba(3,54,112,.63))!important;backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);scroll-snap-type:x proximity;isolation:auto!important}
body.koshi-media-home-v91660 #koshiMainNavV91440.koshi-media-nav-v91660>[data-koshi-bubble-v91650]{position:relative!important;left:auto!important;top:auto!important;transform:none!important;flex:1 0 clamp(125px,10.4vw,170px)!important;width:clamp(125px,10.4vw,170px)!important;min-width:125px!important;height:170px!important;aspect-ratio:auto!important;border-radius:19px!important;padding:16px 8px!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin:0!important;text-align:center!important;white-space:normal!important;scroll-snap-align:center;background:linear-gradient(145deg,rgba(209,246,255,.48),rgba(44,148,219,.32) 45%,rgba(1,64,130,.64))!important;border:1px solid rgba(221,250,255,.84)!important;box-shadow:inset 0 1px 10px rgba(255,255,255,.35),0 7px 22px rgba(0,29,78,.3)!important;color:white!important;transition:transform .2s ease,box-shadow .2s ease!important;will-change:auto!important;cursor:pointer}
body.koshi-media-home-v91660 #koshiMainNavV91440.koshi-media-nav-v91660>[data-koshi-bubble-v91650]:hover, body.koshi-media-home-v91660 #koshiMainNavV91440.koshi-media-nav-v91660>[data-koshi-bubble-v91650]:focus-visible{transform:translateY(-6px)!important;box-shadow:0 12px 28px rgba(0,32,84,.5),0 0 18px rgba(118,227,255,.55)!important;outline:2px solid rgba(215,250,255,.8)}
body.koshi-media-home-v91660 .koshi-media-nav-v91660>[data-koshi-bubble-v91650]::before, body.koshi-media-home-v91660 .koshi-media-nav-v91660>[data-koshi-bubble-v91650]::after, body.koshi-media-home-v91660 .koshi-bubble-ambient-v91650{display:none!important}
body.koshi-media-home-v91660 .koshi-media-nav-v91660 .koshi-bubble-icon-v91650{font-size:43px!important;line-height:1.2!important;filter:drop-shadow(0 3px 4px rgba(0,25,68,.4))}
body.koshi-media-home-v91660 .koshi-media-nav-v91660 strong{font-size:15px!important;line-height:1.2!important;color:#fff!important}
body.koshi-media-home-v91660 .koshi-media-nav-v91660 small{font-size:10px!important;line-height:1.25!important;color:#d7f4ff!important}
body.koshi-media-home-v91660 .koshi-bubble-home-back-v91651{display:none!important}
@media (max-width:700px){body.koshi-media-home-v91660 .koshi-media-hero-v91660{min-height:155px;max-height:35vh;padding:12px}body.koshi-media-home-v91660 .koshi-media-hero-copy-v91660{padding:12px}body.koshi-media-home-v91660 #koshiMainNavV91440.koshi-media-nav-v91660{margin:0 8px 12px!important;padding:12px!important;gap:9px!important}body.koshi-media-home-v91660 #koshiMainNavV91440.koshi-media-nav-v91660>[data-koshi-bubble-v91650]{height:145px!important;flex-basis:118px!important;min-width:118px!important}}
@media (prefers-reduced-motion:reduce){body.koshi-media-home-v91660 #koshiMainNavV91440.koshi-media-nav-v91660>[data-koshi-bubble-v91650]{transition:none!important}}
/* Koshinet Media Center FINAL v91.66.1: overrides isolated to the home shell. */
.koshi-mc-intro-v91661, .koshi-mc-navigation-head-v91661, .koshi-mc-live-v91661{display:none}
body.koshi-media-home-v91660 .app{overflow-y:auto!important;overflow-x:hidden!important;min-height:0!important;background:linear-gradient(180deg,rgba(0,29,68,.10),rgba(0,24,65,.24) 46%,rgba(0,23,57,.66)),url("/themes/aero.webp") center/cover fixed!important}
body.koshi-media-home-v91660 .koshi-media-hero-v91660{display:none!important}
body.koshi-media-home-v91660 .koshi-mc-intro-v91661{display:flex;flex:1 0 220px;min-height:220px;max-height:420px;align-items:center;justify-content:flex-end;padding:clamp(18px,4vw,64px);box-sizing:border-box}
.koshi-mc-intro-inner-v91661{max-width:560px;text-align:right;color:white;text-shadow:0 3px 16px #06254b;padding:18px 26px;border-radius:20px;background:linear-gradient(100deg,transparent,rgba(2,44,98,.55));backdrop-filter:blur(3px)}
.koshi-mc-eyebrow-v91661{font-size:11px;font-weight:700;letter-spacing:.19em;color:#d3f6ff}
.koshi-mc-intro-inner-v91661 h1{font-size:clamp(40px,5vw,76px);line-height:1.05;margin:6px 0 9px;color:#fff}
.koshi-mc-intro-inner-v91661 p{font-size:clamp(13px,1.4vw,19px);margin:0;color:#f1faff}
body.koshi-media-home-v91660 .koshi-mc-navigation-head-v91661{display:flex;align-items:center;justify-content:space-between;margin:0 24px 8px;color:white;padding:0 5px;text-shadow:0 2px 7px #003d79}
.koshi-mc-navigation-head-v91661 h2{font-size:18px;margin:0}
.koshi-mc-navigation-controls-v91661{display:flex;gap:8px}
.koshi-mc-navigation-controls-v91661 button{height:34px;width:40px;border-radius:11px;border:1px solid #b4ebff9c;color:#fff;font-size:26px;background:linear-gradient(#6eb9e28c,#07528fae);cursor:pointer}
body.koshi-media-home-v91660 #koshiMainNavV91440.koshi-media-nav-v91660{flex:0 0 auto!important;margin:0 24px 16px!important;padding:13px!important;gap:12px!important;border-radius:20px!important;scrollbar-width:thin;scrollbar-color:#b2eaff80 transparent;box-shadow:inset 0 2px 12px #b9edff36,0 10px 35px #001e4e78}
body.koshi-media-home-v91660 #koshiMainNavV91440.koshi-media-nav-v91660>[data-koshi-bubble-v91650]{flex:0 0 145px!important;width:145px!important;min-width:145px!important;height:157px!important;box-shadow:inset 0 2px 11px #ffffff63,0 7px 16px #001f4c70!important}
body.koshi-media-home-v91660 #koshiMainNavV91440.koshi-media-nav-v91660>[data-koshi-bubble-v91650][hidden]{display:none!important}
body.koshi-media-home-v91660 .koshi-mc-live-v91661{display:grid;grid-template-columns:1.4fr 1fr;gap:14px;padding:0 24px 24px;box-sizing:border-box}
.koshi-mc-live-panel-v91661{min-width:0;min-height:140px;border-radius:20px;padding:17px 20px;background:linear-gradient(135deg,rgba(18,100,165,.83),rgba(3,48,102,.83));border:1px solid #b6ebff95;box-shadow:inset 0 1px 12px #ffffff28,0 8px 24px #001c4a60;backdrop-filter:blur(13px);color:#fff}
.koshi-mc-live-title-v91661{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.koshi-mc-live-title-v91661 h2{font-size:17px;margin:0;color:#fff}
.koshi-mc-live-title-v91661 button{background:transparent;border:0;color:#d2f3ff;cursor:pointer;font-size:12px}
.koshi-mc-online-v91661, .koshi-mc-clubs-v91661{display:flex;gap:10px;overflow:auto;max-height:155px;align-items:flex-start}
.koshi-mc-online-v91661>*, .koshi-mc-clubs-v91661>*{flex:0 0 auto;max-width:180px}
.koshi-mc-online-v91661 p, .koshi-mc-clubs-v91661 p{color:#e0f5ff;font-size:13px}
body.koshi-media-home-v91660 .koshi-bubble-ambient-v91650{display:none!important}
@media (max-width:800px){body.koshi-media-home-v91660 .koshi-mc-intro-v91661{min-height:145px;flex-basis:145px;max-height:250px;padding:15px}.koshi-mc-intro-inner-v91661{padding:14px}body.koshi-media-home-v91660 .koshi-mc-live-v91661{grid-template-columns:1fr;padding:0 10px 16px}body.koshi-media-home-v91660 .koshi-mc-navigation-head-v91661{margin:0 10px 7px}body.koshi-media-home-v91660 #koshiMainNavV91440.koshi-media-nav-v91660{margin:0 10px 12px!important}}
@media (prefers-reduced-motion:reduce){body.koshi-media-home-v91660 .koshi-media-nav-v91660 *, body.koshi-media-home-v91660 .koshi-mc-intro-v91661 *{animation:none!important;transition:none!important}}
/* v91.66.2: hard isolation of Media Center from former bubble layout. */
body.koshi-media-home-v91660 .app{display:flex!important;flex-direction:column!important;min-height:0!important;height:100%!important;overflow-x:hidden!important;overflow-y:auto!important;background:linear-gradient(180deg,rgba(4,48,94,.18),rgba(3,43,87,.36) 58%,rgba(2,25,65,.82)),url("/themes/aero.webp") center/cover fixed!important}
body.koshi-media-home-v91660 .koshi-mc-intro-v91661{display:flex!important;flex:1 0 210px!important;min-height:210px!important;max-height:350px!important;align-items:center!important;justify-content:flex-end!important;padding:25px clamp(20px,5vw,70px)!important;background:linear-gradient(90deg,transparent 30%,rgba(4,49,94,.14) 75%)!important}
body.koshi-media-home-v91660 .koshi-mc-intro-inner-v91661{background:linear-gradient(90deg,transparent,rgba(0,36,83,.50))!important;backdrop-filter:blur(4px);border:0!important;max-width:560px!important}
body.koshi-media-home-v91660 #koshiMainNavV91440.koshi-media-nav-v91660{display:flex!important;position:relative!important;inset:auto!important;transform:none!important;flex:0 0 auto!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:stretch!important;justify-content:flex-start!important;width:auto!important;height:auto!important;min-height:0!important;max-height:none!important;overflow-x:auto!important;overflow-y:hidden!important;gap:13px!important;padding:14px!important;margin:0 24px 18px!important;border-radius:21px!important;background:linear-gradient(135deg,rgba(34,123,187,.76),rgba(3,44,101,.87))!important;border:1px solid rgba(190,239,255,.77)!important;box-shadow:inset 0 2px 12px rgba(255,255,255,.25),0 10px 26px rgba(0,23,65,.45)!important;isolation:isolate!important}
body.koshi-media-home-v91660 #koshiMainNavV91440.koshi-media-nav-v91660 > button[data-koshi-bubble-v91650]{display:flex!important;position:relative!important;inset:auto!important;left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;transform:none!important;float:none!important;flex:0 0 144px!important;width:144px!important;min-width:144px!important;max-width:144px!important;height:152px!important;min-height:152px!important;max-height:152px!important;aspect-ratio:auto!important;margin:0!important;padding:14px 8px!important;border-radius:17px!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important;background:linear-gradient(145deg,rgba(197,245,255,.47),rgba(35,131,209,.44) 52%,rgba(4,57,124,.76))!important;border:1px solid rgba(224,251,255,.85)!important;box-shadow:inset 0 1px 10px rgba(255,255,255,.4),0 5px 16px rgba(0,21,64,.38)!important;opacity:1!important;visibility:visible!important;filter:none!important;animation:none!important;transition:transform .2s,box-shadow .2s!important;pointer-events:auto!important;z-index:auto!important;text-align:center!important;color:#fff!important}
body.koshi-media-home-v91660 #koshiMainNavV91440.koshi-media-nav-v91660 > button[data-koshi-bubble-v91650][hidden]{display:none!important}
body.koshi-media-home-v91660 #koshiMainNavV91440.koshi-media-nav-v91660 > button[data-koshi-bubble-v91650]::before, body.koshi-media-home-v91660 #koshiMainNavV91440.koshi-media-nav-v91660 > button[data-koshi-bubble-v91650]::after{content:none!important;display:none!important}
body.koshi-media-home-v91660 #koshiMainNavV91440.koshi-media-nav-v91660 > button[data-koshi-bubble-v91650]:hover{transform:translateY(-4px)!important;box-shadow:inset 0 1px 10px rgba(255,255,255,.5),0 9px 24px rgba(0,30,75,.5)!important}
body.koshi-media-home-v91660 #koshiMainNavV91440 .koshi-bubble-icon-v91650{display:block!important;position:static!important;transform:none!important;font-size:39px!important;line-height:1.15!important}
body.koshi-media-home-v91660 #koshiMainNavV91440 strong{display:block!important;position:static!important;font-size:14px!important;line-height:1.2!important;color:white!important;text-shadow:0 1px 4px #00437d!important}
body.koshi-media-home-v91660 #koshiMainNavV91440 small{display:block!important;position:static!important;font-size:10px!important;line-height:1.25!important;color:#e4f8ff!important}
body.koshi-media-home-v91660 .koshi-mc-navigation-head-v91661{display:flex!important;flex:0 0 auto!important;margin:0 24px 10px!important;align-items:center!important;justify-content:space-between!important}
body.koshi-media-home-v91660 .koshi-mc-live-v91661{display:grid!important;grid-template-columns:1.25fr 1fr!important;flex:0 0 auto!important;gap:14px!important;padding:0 24px 22px!important}
body.koshi-media-home-v91660 .koshi-mc-live-panel-v91661{background:linear-gradient(145deg,rgba(18,95,158,.91),rgba(3,43,96,.92))!important;border:1px solid rgba(184,237,255,.7)!important;border-radius:19px!important;padding:18px!important;backdrop-filter:blur(14px)!important;min-height:128px!important}
body.koshi-media-home-v91660 .koshi-mc-live-title-v91661 button, body.koshi-media-home-v91660 .koshi-mc-navigation-controls-v91661 button{font:inherit!important;color:#e7faff!important;border:1px solid rgba(183,233,255,.45)!important;border-radius:10px!important;padding:7px 12px!important;background:linear-gradient(#3289c2,#105183)!important;cursor:pointer!important}
body.koshi-media-home-v91660 .koshi-mc-live-title-v91661 h2{font-size:17px!important;margin:0!important;color:white!important}
body.koshi-media-home-v91660 .koshi-mc-live-panel-v91661 p{color:#e6f7ff!important;font-size:13px!important}
@media (max-width:800px){body.koshi-media-home-v91660 .koshi-mc-intro-v91661{min-height:155px!important;flex-basis:155px!important;padding:14px!important}body.koshi-media-home-v91660 #koshiMainNavV91440.koshi-media-nav-v91660{margin:0 10px 12px!important}body.koshi-media-home-v91660 .koshi-mc-navigation-head-v91661{margin:0 10px 8px!important}body.koshi-media-home-v91660 .koshi-mc-live-v91661{grid-template-columns:1fr!important;padding:0 10px 16px!important}}
/* v91.66.3: XMB navigation and bounded Media Center layout */
.app, #koshiDashboardV91441, .koshi-dash-page-v91441, .koshi-dash-panel-v91441{min-width:0;box-sizing:border-box}
body.koshi-dashboard-open-v91441 #koshiMainNavV91440.koshi-media-nav-v91660{
display:flex!important;position:relative!important;inset:auto!important;transform:none!important;
flex:0 0 76px!important;height:76px!important;min-height:76px!important;width:100%!important;
padding:7px max(12px,calc((100% - 660px)/2))!important;margin:0!important;
align-items:center!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;
scroll-snap-type:x proximity;scrollbar-width:none;scroll-behavior:smooth;
background:linear-gradient(180deg,rgba(26,120,193,.95),rgba(5,54,111,.96))!important;
border-bottom:1px solid rgba(189,237,255,.65)!important;z-index:10!important;
}
body.koshi-dashboard-open-v91441 #koshiMainNavV91440::-webkit-scrollbar{display:none}
body.koshi-dashboard-open-v91441 #koshiMainNavV91440>button[data-koshi-bubble-v91650]{
position:relative!important;inset:auto!important;transform:none!important;float:none!important;
flex:0 0 66px!important;width:66px!important;min-width:66px!important;height:60px!important;
min-height:60px!important;max-height:60px!important;aspect-ratio:auto!important;margin:0!important;
padding:5px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;
align-items:center!important;gap:2px!important;border-radius:13px!important;white-space:normal!important;
color:#e6f7ff!important;opacity:.72!important;visibility:visible!important;filter:none!important;
background:transparent!important;border:1px solid transparent!important;box-shadow:none!important;
animation:none!important;transition:background .2s,opacity .2s,transform .2s!important;
}
body.koshi-dashboard-open-v91441 #koshiMainNavV91440>button[data-koshi-bubble-v91650][hidden]{display:none!important}
body.koshi-dashboard-open-v91441 #koshiMainNavV91440>button[data-koshi-bubble-v91650]::before, body.koshi-dashboard-open-v91441 #koshiMainNavV91440>button[data-koshi-bubble-v91650]::after{display:none!important;content:none!important}
body.koshi-dashboard-open-v91441 #koshiMainNavV91440 .koshi-bubble-icon-v91650{display:block!important;position:static!important;transform:none!important;font-size:26px!important;line-height:1.2!important}
body.koshi-dashboard-open-v91441 #koshiMainNavV91440 strong{display:none!important;font-size:12px!important;line-height:1.15!important;color:white!important;white-space:nowrap!important}
body.koshi-dashboard-open-v91441 #koshiMainNavV91440 small{display:none!important}
body.koshi-dashboard-open-v91441 #koshiMainNavV91440>button.is-active{flex-basis:122px!important;width:122px!important;min-width:122px!important;opacity:1!important;background:linear-gradient(160deg,rgba(124,215,255,.47),rgba(13,103,177,.55))!important;border-color:rgba(205,245,255,.82)!important;box-shadow:inset 0 1px 8px rgba(255,255,255,.25),0 3px 13px rgba(0,20,62,.28)!important}
body.koshi-dashboard-open-v91441 #koshiMainNavV91440>button.is-active strong{display:block!important}
body.koshi-dashboard-open-v91441 #koshiMainNavV91440>button:hover, body.koshi-dashboard-open-v91441 #koshiMainNavV91440>button:focus-visible{opacity:1!important;background:rgba(122,212,255,.22)!important}
body.koshi-dashboard-open-v91441 .koshi-mc-intro-v91661, body.koshi-dashboard-open-v91441 .koshi-mc-navigation-head-v91661, body.koshi-dashboard-open-v91441 .koshi-mc-live-v91661{display:none!important}
body.koshi-dashboard-open-v91441 #koshiDashboardV91441{height:auto!important;flex:1 1 0!important;min-height:0!important;max-height:100%!important;overflow:auto!important}
body.koshi-dashboard-open-v91441 .koshi-dash-page-v91441{min-width:0!important;max-width:100%!important}
/* Home: fit club cards in a narrow window; internal scrolling stays inside each panel. */
body.koshi-media-home-v91660 .koshi-mc-live-v91661{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:12px!important;padding:0 24px 16px!important}
body.koshi-media-home-v91660 .koshi-mc-live-panel-v91661{min-width:0!important;overflow:hidden!important;padding:14px!important}
body.koshi-media-home-v91660 .koshi-mc-clubs-v91661, body.koshi-media-home-v91660 .koshi-mc-online-v91661{display:flex!important;min-width:0!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;align-items:stretch!important;padding-bottom:7px!important}
body.koshi-media-home-v91660 .koshi-mc-clubs-v91661>*{box-sizing:border-box!important;flex:0 0 min(190px,85%)!important;width:min(190px,85%)!important;min-width:0!important;max-width:190px!important;overflow:hidden!important}
body.koshi-media-home-v91660 .koshi-mc-clubs-v91661 img{max-width:100%!important;max-height:72px!important;object-fit:cover!important}
body.koshi-media-home-v91660 .koshi-mc-clubs-v91661 button{max-width:100%!important;white-space:normal!important}
body.koshi-media-home-v91660 .koshi-mc-clubs-v91661 b, body.koshi-media-home-v91660 .koshi-mc-clubs-v91661 strong{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;display:block!important}
body.koshi-media-home-v91660 .koshi-mc-online-v91661>*{min-width:0!important;max-width:180px!important}
body.koshi-media-home-v91660 .koshi-mc-intro-v91661{flex:1 1 150px!important;min-height:140px!important;max-height:260px!important}
body.koshi-media-home-v91660 #koshiMainNavV91440.koshi-media-nav-v91660{margin-bottom:12px!important}
@media (max-width:760px){body.koshi-media-home-v91660 .koshi-mc-live-v91661{grid-template-columns:minmax(0,1fr)!important;padding:0 10px 14px!important}body.koshi-dashboard-open-v91441 #koshiMainNavV91440.koshi-media-nav-v91660{padding:7px 12px!important}body.koshi-dashboard-open-v91441 #koshiDashboardV91441{overflow:auto!important}}
@media (prefers-reduced-motion:reduce){body.koshi-dashboard-open-v91441 #koshiMainNavV91440{scroll-behavior:auto!important}body.koshi-dashboard-open-v91441 #koshiMainNavV91440>button{transition:none!important}}
/* v91.66.4 - modal grid replacing sliding sidebar, no document movement */
body.koshi-dashboard-open-v91441 .app{position:relative!important;overflow:hidden!important;min-width:0!important}
body.koshi-dashboard-open-v91441 #koshiMoreDrawerV91441, body.koshi-media-home-v91660 #koshiMoreDrawerV91441{
position:absolute!important;top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;
width:min(780px,calc(100% - 32px))!important;max-width:calc(100% - 32px)!important;max-height:min(660px,calc(100% - 40px))!important;
padding:clamp(14px,2.5vw,26px)!important;box-sizing:border-box!important;overflow-y:auto!important;overflow-x:hidden!important;
transform:translate(-50%,-48%) scale(.97)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;
border:1px solid rgba(200,240,255,.78)!important;border-radius:24px!important;
background:linear-gradient(145deg,rgba(30,116,181,.98),rgba(4,43,92,.99))!important;
box-shadow:0 24px 70px rgba(0,12,43,.65),inset 0 1px 12px rgba(255,255,255,.24)!important;
z-index:2601!important;transition:transform .2s ease,opacity .2s ease,visibility .2s!important;
}
body #koshiMoreDrawerV91441.is-open{transform:translate(-50%,-50%) scale(1)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
body #koshiMoreDrawerV91441 .koshi-more-list-v91441{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:13px!important;margin-top:20px!important}
body #koshiMoreDrawerV91441 .koshi-more-list-v91441>button{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:9px!important;min-width:0!important;min-height:125px!important;padding:17px!important;border-radius:16px!important;border:1px solid rgba(195,240,255,.48)!important;background:linear-gradient(155deg,rgba(143,216,255,.28),rgba(7,74,139,.42))!important;box-shadow:inset 0 1px 8px rgba(255,255,255,.17)!important;white-space:normal!important;font-size:25px!important}
body #koshiMoreDrawerV91441 .koshi-more-list-v91441>button:hover, body #koshiMoreDrawerV91441 .koshi-more-list-v91441>button:focus-visible{background:linear-gradient(155deg,rgba(156,225,255,.46),rgba(28,124,197,.65))!important;outline:2px solid #b8f0ff!important;outline-offset:0}
body #koshiMoreDrawerV91441 .koshi-more-list-v91441>button span{display:block!important;min-width:0!important;font-size:14px!important;line-height:1.3!important}
body #koshiMoreDrawerV91441 .koshi-more-list-v91441>button span b{font-size:14px!important;overflow-wrap:anywhere!important}
body #koshiMoreDrawerV91441 .koshi-more-list-v91441>button span small{font-size:11px!important;line-height:1.4!important}
body .koshi-more-backdrop-v91664{display:none;position:absolute;inset:0;z-index:2600;border:0;background:rgba(1,18,42,.65);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);cursor:default}
body .koshi-more-backdrop-v91664:has(+ #koshiMoreDrawerV91441.is-open){display:block}
body.koshi-dashboard-open-v91441 #koshiMainNavV91440{max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overscroll-behavior-x:contain!important}
@media (max-width:650px){body #koshiMoreDrawerV91441 .koshi-more-list-v91441{grid-template-columns:repeat(2,minmax(0,1fr))!important}body #koshiMoreDrawerV91441 .koshi-more-list-v91441>button{min-height:105px!important;padding:12px!important}}
@media (max-width:380px){body #koshiMoreDrawerV91441 .koshi-more-list-v91441{grid-template-columns:1fr!important}}
@media (prefers-reduced-motion:reduce){body #koshiMoreDrawerV91441{transition:none!important}}
/* v91.66.5: login/refresh home state consistency and no empty shell. */
body.koshi-media-home-v91660 .koshi-mc-intro-v91661, body.koshi-media-home-v91660 .koshi-mc-navigation-head-v91661, body.koshi-media-home-v91660 .koshi-mc-live-v91661{visibility:visible!important;}
body.koshi-media-home-v91660 #koshiDashboardV91441[hidden]{display:none!important;}
/* v91.66.6 — Home club preview: compact, readable, no horizontal clipping. */
body.koshi-media-home-v91660 #koshiMcClubsListV91661.koshi-mc-clubs-v91661{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:7px!important;overflow-x:hidden!important;overflow-y:auto!important;max-height:190px!important;min-height:0!important;padding:2px 3px 3px!important;scrollbar-width:thin!important;}
body.koshi-media-home-v91660 #koshiMcClubsListV91661>.koshi-mc-club-mini-v91666{display:flex!important;align-items:center!important;gap:10px!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;flex:0 0 auto!important;min-height:59px!important;max-height:none!important;overflow:hidden!important;padding:8px!important;border-radius:12px!important;border:1px solid rgba(200,235,255,.55)!important;background:linear-gradient(115deg,rgba(225,245,255,.17),rgba(68,145,205,.24))!important;}
.koshi-mc-club-mini-avatar-v91666{flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center;overflow:hidden;border-radius:10px;background:rgba(225,246,255,.26);font-size:22px;}
.koshi-mc-club-mini-avatar-v91666 img{width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;}
.koshi-mc-club-mini-info-v91666{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px;color:white;}
.koshi-mc-club-mini-info-v91666 strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.25;}
.koshi-mc-club-mini-info-v91666 small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:#d7efff;line-height:1.3;}
body.koshi-media-home-v91660 .koshi-mc-club-mini-enter-v91666{flex:0 0 auto!important;max-width:70px!important;padding:7px 10px!important;border-radius:9px!important;border:1px solid #b6e9ff!important;background:linear-gradient(#4bb4ed,#0865aa)!important;color:white!important;font-size:12px!important;font-weight:700!important;white-space:nowrap!important;cursor:pointer;}
@media (max-width:540px){body.koshi-media-home-v91660 .koshi-mc-club-mini-enter-v91666{padding:7px!important;} .koshi-mc-club-mini-avatar-v91666{flex-basis:34px;width:34px;height:34px;}}
/* v91.66.7: isolated viewport-level Mais dialog (all screens, including clubs). */
body #koshiMoreDrawerV91441, body.koshi-dashboard-open-v91441 #koshiMoreDrawerV91441, body.koshi-media-home-v91660 #koshiMoreDrawerV91441{
position:fixed!important;
inset:50% auto auto 50%!important;
width:min(760px,calc(100vw - 36px))!important;
max-width:calc(100vw - 36px)!important;
max-height:calc(100dvh - 48px)!important;
height:auto!important;
min-width:0!important;
padding:clamp(14px,2vw,24px)!important;
box-sizing:border-box!important;
overflow-y:auto!important;
overflow-x:hidden!important;
transform:translate(-50%,-50%) scale(.97)!important;
opacity:0!important;
visibility:hidden!important;
pointer-events:none!important;
z-index:2147483001!important;
border:1px solid rgba(200,240,255,.78)!important;
border-radius:22px!important;
background:linear-gradient(145deg,rgba(30,116,181,.98),rgba(4,43,92,.99))!important;
box-shadow:0 24px 70px rgba(0,12,43,.65)!important;
transition:opacity .18s ease,transform .18s ease,visibility .18s!important;
}
body #koshiMoreDrawerV91441.is-open{transform:translate(-50%,-50%) scale(1)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
body .koshi-more-backdrop-v91664{position:fixed!important;inset:0!important;z-index:2147483000!important;display:none!important;background:rgba(1,18,42,.65)!important;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
body:has(#koshiMoreDrawerV91441.is-open) .koshi-more-backdrop-v91664{display:block!important}
body #koshiMoreDrawerV91441 .koshi-more-list-v91441{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
body #koshiMoreDrawerV91441 .koshi-more-list-v91441>button{min-width:0!important;max-width:100%!important;overflow:hidden!important}
body #koshiMoreDrawerV91441 .koshi-more-list-v91441>button span b{overflow-wrap:normal!important;word-break:normal!important;hyphens:auto!important}
@media (max-width:650px){body #koshiMoreDrawerV91441 .koshi-more-list-v91441{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:390px){body #koshiMoreDrawerV91441 .koshi-more-list-v91441{grid-template-columns:1fr!important}}
/* v91.67.0 - Duelo de Bolhas */
.bubble-duel-overlay[hidden]{display:none!important}.bubble-duel-overlay{position:fixed;inset:0;z-index:999999;background:rgba(2,23,59,.83);display:flex;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(12px)}.bubble-duel-window{width:min(1200px,100%);max-height:98vh;overflow:auto;border:1px solid #b9edff;border-radius:22px;background:linear-gradient(145deg,#1267a7,#06346d);box-shadow:0 18px 70px #001a47;color:#fff}.bubble-duel-window header, .bubble-duel-window footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px}.bubble-duel-window header b{font-size:20px}.bubble-duel-window button{background:linear-gradient(#6ad6ff,#0874c5);border:1px solid #a8eaff;border-radius:12px;padding:9px 16px;color:white;cursor:pointer}.bubble-duel-window canvas{display:block;width:100%;height:auto;aspect-ratio:28/15;touch-action:none}.bubble-duel-window footer{font-size:13px;flex-wrap:wrap}#bubbleDuelChallengeV91670{background:linear-gradient(#72ddff,#1674b7);border:1px solid #8eeaff;border-radius:10px;color:white;padding:8px 12px;cursor:pointer}
/* v91.67.1 Duelo de Bolhas: invitation and ready UI */
.bubble-invite-modal[hidden]{display:none!important}.bubble-invite-modal{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;background:rgba(1,18,46,.68);backdrop-filter:blur(9px);padding:18px}.bubble-invite-card{box-sizing:border-box;width:min(420px,100%);padding:30px;text-align:center;color:white;border:1px solid #c4f5ff;border-radius:26px;background:linear-gradient(145deg,rgba(57,171,229,.97),rgba(7,58,124,.97));box-shadow:0 24px 80px #001b49, inset 0 2px 0 #ffffff66}.bubble-invite-symbol{font-size:54px}.bubble-invite-card h2{margin:8px 0}.bubble-invite-card p{line-height:1.5}.bubble-invite-actions{display:flex;gap:12px;margin-top:24px}.bubble-invite-actions button{flex:1;padding:12px;border-radius:12px;border:1px solid #a7eaff;background:linear-gradient(#7ad9ff,#1273b9);color:#fff;font-weight:700;cursor:pointer}.bubble-invite-actions button:first-child{background:rgba(4,31,68,.5)}.bubble-power-track{height:12px;min-width:125px;width:24%;background:#002b57;border:1px solid #7acfff;border-radius:20px;overflow:hidden}.bubble-power-track>div{height:100%;width:0%;background:linear-gradient(90deg,#5ce8ff,#e5ff5d,#ff8e77);transition:width 40ms linear}.bubble-duel-window{overflow:hidden;display:flex;flex-direction:column}.bubble-duel-window canvas{min-height:0;max-height:calc(98vh - 130px);object-fit:contain}.bubble-duel-window footer{background:rgba(0,40,89,.7)}#bubbleDuelReady{padding:7px 15px}.bubble-duel-overlay{box-sizing:border-box}