.private-hub{position:fixed;inset:0 0 0 72px;z-index:30;display:grid;grid-template-columns:260px minmax(0,1fr);background:#313338;color:#f2f3f5}.private-hub[hidden]{display:none}.private-nav{display:flex;min-width:0;flex-direction:column;background:#2b2d31}.private-brand{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #1e1f22;font-weight:800}.private-brand button,.private-icon-button{border:0;border-radius:5px;background:transparent;color:#b5bac1;cursor:pointer}.private-brand button:hover,.private-icon-button:hover{background:#3f4147;color:#fff}.private-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:10px}.private-tab{height:36px;border:0;border-radius:5px;background:transparent;color:#b5bac1;cursor:pointer;font-weight:700}.private-tab.active,.private-tab:hover{background:#404249;color:#fff}.private-add{display:flex;gap:6px;padding:0 10px 10px}.private-add input{min-width:0;flex:1;border:1px solid transparent;border-radius:5px;background:#1e1f22;color:#fff;padding:8px}.private-add input:focus{outline:0;border-color:#5865f2}.private-add button{border:0;border-radius:5px;background:#5865f2;color:#fff;cursor:pointer;padding:0 11px;font-weight:800}.private-feedback{min-height:18px;margin:0 12px 4px;color:#fa777c;font-size:11px}.private-list{min-height:0;flex:1;overflow:auto;padding:5px 8px 12px}.private-list-title{margin:12px 8px 7px;color:#949ba4;font-size:11px;font-weight:800;text-transform:uppercase}.private-person{width:100%;display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:9px;border:0;border-radius:6px;background:transparent;color:#b5bac1;padding:7px 8px;text-align:left;cursor:pointer}.private-person:hover,.private-person.active{background:#404249;color:#fff}.private-avatar{position:relative;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;font-size:12px;font-weight:800;color:#fff}.private-online{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border:3px solid #2b2d31;border-radius:50%;background:#80848e}.private-online.online{background:#23a559}.private-person-copy{min-width:0}.private-person-name,.private-person-preview{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.private-person-name{font-size:14px;font-weight:700}.private-person-preview{margin-top:2px;color:#949ba4;font-size:11px}.private-badge{min-width:20px;border-radius:10px;background:#da373c;color:#fff;padding:2px 6px;text-align:center;font-size:10px;font-weight:800}.private-main{min-width:0;display:grid;grid-template-rows:48px minmax(0,1fr);background:#313338}.private-header{display:flex;align-items:center;gap:10px;padding:0 18px;border-bottom:1px solid #1e1f22}.private-header strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.private-header-status{color:#949ba4;font-size:12px}.private-header-actions{display:flex;gap:7px;margin-left:auto}.private-header-actions button{height:32px;border:0;border-radius:5px;background:#3f4147;color:#fff;cursor:pointer;padding:0 11px;font-weight:700}.private-header-actions .private-call{background:#23a559}.private-content{min-height:0}.private-empty{height:100%;display:grid;place-items:center;padding:30px;text-align:center}.private-empty div{max-width:480px}.private-empty .private-empty-icon{font-size:56px}.private-empty h1{margin:12px 0 6px}.private-empty p{margin:0;color:#b5bac1;line-height:1.5}.private-friends{height:100%;overflow:auto;padding:24px}.private-friends h2{margin:0 0 16px}.private-friend-row,.private-request-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;border-top:1px solid #3f4147;padding:10px 4px}.private-row-actions{display:flex;gap:6px}.private-row-actions button{border:0;border-radius:50%;width:34px;height:34px;background:#2b2d31;cursor:pointer}.private-row-actions button:hover{background:#404249}.private-chat{height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto}.private-messages{overflow:auto;padding:22px 20px 10px}.private-message{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;padding:5px 0}.private-message-body{min-width:0}.private-message-head{font-weight:700}.private-message-time{margin-left:7px;color:#949ba4;font-size:11px;font-weight:400}.private-message-text{color:#dbdee1;line-height:1.4;white-space:pre-wrap;word-break:break-word}.private-compose{display:flex;gap:8px;margin:0 18px 20px;border-radius:8px;background:#383a40;padding:0 12px}.private-compose input{height:44px;min-width:0;flex:1;border:0;outline:0;background:transparent;color:#fff}.private-compose button{border:0;background:transparent;color:#7c86ff;cursor:pointer;font-size:20px}.private-callbar{position:absolute;left:280px;right:20px;top:62px;z-index:32;display:flex;align-items:center;gap:12px;border:1px solid #3f4147;border-radius:8px;background:#1e1f22;padding:10px 14px;box-shadow:0 8px 24px #0007}.private-callbar[hidden]{display:none}.private-callbar strong{flex:1}.private-callbar button{border:0;border-radius:5px;background:#da373c;color:#fff;cursor:pointer;padding:8px 13px;font-weight:700}.private-callbar .private-mute{background:#3f4147}.private-pending-empty{padding:20px;color:#949ba4;text-align:center}@media(max-width:700px){.private-hub{left:56px;grid-template-columns:210px minmax(0,1fr)}.private-callbar{left:225px}.private-header-status{display:none}}@media(max-width:520px){.private-hub{grid-template-columns:1fr}.private-nav{position:absolute;z-index:2;inset:0 auto 0 0;width:220px;box-shadow:8px 0 24px #0008}.private-main{margin-left:0}.private-callbar{left:12px}.private-hub.chat-open .private-nav{display:none}}
.private-hub.is-opening{animation:private-fade-in .22s ease-out}.private-hub.is-opening .private-nav{animation:private-slide-in .28s cubic-bezier(.2,.8,.2,1)}.private-content>*{animation:private-content-in .2s ease-out}.private-person,.private-tab,.private-header-actions button,.private-row-actions button,.private-compose button,.private-add button{transition:background-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}.private-person:hover,.private-header-actions button:hover,.private-row-actions button:hover,.private-add button:hover{transform:translateY(-1px)}.private-person:active,.private-header-actions button:active,.private-row-actions button:active,.private-add button:active{transform:scale(.97)}.private-person .private-avatar,.private-friend-row .private-avatar,.private-request-row .private-avatar{transition:transform .18s ease}.private-person:hover .private-avatar,.private-friend-row:hover .private-avatar,.private-request-row:hover .private-avatar{transform:scale(1.06)}.private-online{transition:background-color .22s ease,box-shadow .22s ease}.private-online.online{box-shadow:0 0 0 3px #23a55922}.private-message{animation:private-message-in .2s ease-out both}.private-callbar:not([hidden]){animation:private-call-in .3s cubic-bezier(.2,.9,.2,1)}.private-callbar:not([hidden])>span{animation:private-phone-pulse 1.4s ease-in-out infinite}.private-compose{transition:box-shadow .18s ease,background-color .18s ease}.private-compose:focus-within{background:#3f4147;box-shadow:0 0 0 2px #5865f255}@keyframes private-fade-in{from{opacity:0}to{opacity:1}}@keyframes private-slide-in{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:translateX(0)}}@keyframes private-content-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes private-message-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes private-call-in{from{opacity:0;transform:translateY(-14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes private-phone-pulse{0%,100%{transform:rotate(0) scale(1)}20%{transform:rotate(-8deg) scale(1.08)}40%{transform:rotate(8deg) scale(1.08)}60%{transform:rotate(0) scale(1)}}@media(prefers-reduced-motion:reduce){.private-hub.is-opening,.private-hub.is-opening .private-nav,.private-content>*,.private-message,.private-callbar:not([hidden]),.private-callbar:not([hidden])>span{animation:none}.private-person,.private-tab,.private-header-actions button,.private-row-actions button,.private-compose button,.private-add button{transition:none}}

.private-online.idle{background:#f0b84b;box-shadow:0 0 0 3px #f0b84b22}.private-online.dnd{background:#ed4245;box-shadow:0 0 0 3px #ed424522}.private-online.offline{background:#80848e;box-shadow:none}
.private-own-id{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:10px 10px 7px;padding:8px 10px;border:1px solid #303849;border-radius:9px;background:#111620}.private-own-id span{color:#737e91;font-size:8px;font-weight:800;letter-spacing:.1em}.private-own-id button{overflow:hidden;border:0;background:transparent;color:#9fa7ff;font:700 10px ui-monospace,Consolas,monospace;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.private-own-id button:hover{color:#fff}

/* Vix Privado — painel social moderno */
.private-hub{inset:0 0 0 68px;grid-template-columns:292px minmax(0,1fr);background:radial-gradient(circle at 70% -20%,#252b4b 0,transparent 34%),#10131b;font-family:"Segoe UI Variable Text",Inter,"Segoe UI",system-ui,sans-serif}
.private-nav{border-right:1px solid #2b3140;background:linear-gradient(180deg,#191e29,#141821)}
.private-brand{height:60px;padding:0 17px;border-color:#2b3140;background:#171b24;font-size:14px;letter-spacing:-.01em}.private-brand::before{content:"✦";display:grid;place-items:center;width:28px;height:28px;margin-right:9px;border-radius:9px;background:linear-gradient(145deg,#786cff,#5865e8);color:#fff;box-shadow:0 7px 18px #4e56cc55}.private-brand>span{margin-right:auto}.private-brand button{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;font-size:15px}
.private-tabs{gap:5px;padding:13px 13px 8px}.private-tab{height:38px;border:1px solid transparent;border-radius:10px;font-size:12px}.private-tab.active{border-color:#3b4357;background:#282f3e;color:#fff;box-shadow:0 6px 18px #090b1144}.private-tab:hover{background:#232936}
.private-own-id{min-height:44px;margin:8px 13px;padding:8px 11px;border-color:#31394b;border-radius:11px;background:linear-gradient(135deg,#10141c,#181d29);box-shadow:inset 0 1px #ffffff05}.private-own-id button{padding:6px 7px;border-radius:7px;background:#252c3b;color:#a9b0ff;font-size:9px}.private-own-id button:hover{background:#30384a}
.private-add{gap:7px;padding:0 13px 11px}.private-add input{height:42px;padding:0 11px;border-color:#303849;border-radius:10px;background:#0e1219;font:650 10px ui-monospace,Consolas,monospace;letter-spacing:.025em}.private-add input:focus{border-color:#6873f5;box-shadow:0 0 0 3px #6873f51b}.private-add button{width:42px;padding:0;border-radius:10px;background:linear-gradient(145deg,#6974ff,#5661df);box-shadow:0 7px 18px #343da655;font-size:18px}.private-feedback{margin:0 15px 3px}
.private-list{padding:8px 11px 18px}.private-list-title{display:flex;align-items:center;gap:8px;margin:16px 8px 8px;color:#687389;font-size:9px;letter-spacing:.085em}.private-list-title::after{content:"";height:1px;flex:1;background:#2a3040}.private-person{min-height:54px;margin:3px 0;padding:8px;border:1px solid transparent;border-radius:12px}.private-person:hover,.private-person.active{border-color:#343c4e;background:#232a37}.private-person.active{box-shadow:inset 3px 0 #707aff}.private-avatar{border:1px solid #ffffff14;box-shadow:0 5px 15px #0005}.private-person-name{font-size:13px}.private-person-preview{font-size:10px}
.private-main{grid-template-rows:60px minmax(0,1fr);background:transparent}.private-header{padding:0 clamp(20px,3vw,36px);border-color:#2b3140;background:#141821d9;box-shadow:0 8px 25px #07090e22;backdrop-filter:blur(16px)}.private-header strong{font-size:15px}.private-header-status{padding-left:10px;border-left:1px solid #333a4a;color:#7f899d;font-size:10px}.private-header-actions button{display:grid;place-items:center;min-width:36px;height:36px;padding:0 12px;border:1px solid #303748;border-radius:11px;background:#1c222d;font-size:12px}.private-header-actions button:hover{border-color:#4a546a;background:#272e3c}.private-header-actions .private-call{border-color:#23734f;background:#173b2d;color:#6be4a7}
.private-friends{width:min(980px,100%);height:100%;padding:32px clamp(24px,4vw,52px)}.private-friends h2{margin:0 0 19px;font-size:22px;letter-spacing:-.03em}.private-friends h2::after{content:"";display:block;height:1px;margin-top:17px;background:linear-gradient(90deg,#343b4b,transparent)}.private-friend-row,.private-request-row{min-height:66px;margin:7px 0;padding:9px 12px;border:1px solid #292f3d;border-radius:13px;background:#171c25;box-shadow:0 7px 20px #05070b22;transition:.17s ease}.private-friend-row:hover,.private-request-row:hover{border-color:#3b4458;background:#1d232e;transform:translateY(-1px);box-shadow:0 11px 27px #05070b44}.private-row-actions button{border:1px solid #303849;background:#202632;color:#c5cbda}.private-row-actions button:hover{border-color:#59647d;background:#2b3342}
.private-empty{background:radial-gradient(circle at center,#21274366,transparent 37%)}.private-empty>div{padding:35px 42px;border:1px solid #2e3546;border-radius:22px;background:#151a23cc;box-shadow:0 22px 60px #05070b55}.private-empty .private-empty-icon{display:grid;width:72px;height:72px;margin:auto;place-items:center;border-radius:22px;background:linear-gradient(145deg,#303965,#242b48);font-size:34px}.private-empty h1{margin-top:20px;font-size:24px;letter-spacing:-.035em}.private-empty p{color:#8993a6;font-size:12px}
.private-compose{margin:0 clamp(18px,3vw,42px) 22px;border:1px solid #303849;border-radius:13px;background:#171c25;box-shadow:0 10px 28px #05070b44}.private-compose:focus-within{border-color:#6873ef;background:#1c222d;box-shadow:0 0 0 3px #6873ef18,0 12px 30px #05070b55}
@media(max-width:700px){.private-hub{left:60px;grid-template-columns:245px minmax(0,1fr)}.private-callbar{left:260px}}@media(max-width:520px){.private-hub{left:56px;grid-template-columns:1fr}.private-nav{width:min(286px,calc(100vw - 56px))}.private-friends{padding:22px 15px}.private-header{padding:0 14px}}

/* Chamada privada hospedada na VPS */
.private-callbar{left:312px;right:20px;top:74px;min-height:62px;padding:9px 11px 9px 14px;border:1px solid #343d50;border-radius:15px;background:linear-gradient(110deg,#171d27,#121720);box-shadow:0 14px 40px #05070b77;backdrop-filter:blur(16px)}.private-call-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;background:#173d2d;color:#62e5a2;font-size:18px;box-shadow:inset 0 0 0 1px #2f7958}.private-call-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:3px}.private-call-copy strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.private-call-copy small{color:#778398;font-size:9px}.private-call-quality{padding:6px 9px;border:1px solid #30463e;border-radius:999px;background:#172a22;color:#63dfa1;font-size:9px;font-weight:800}.private-call-quality[data-level=fair]{border-color:#5c5131;background:#302a19;color:#f0c561}.private-call-quality[data-level=poor]{border-color:#64333a;background:#321d22;color:#ff858e}.private-callbar button{height:38px;padding:0 13px;border:1px solid #3a4253;border-radius:10px}.private-callbar .private-mute{background:#232a36;color:#d7dce6}.private-callbar #private-call-end{border-color:#6b3039;background:#54242c;color:#ffbbc1}.private-callbar #private-call-end:hover{background:#702d37}
@media(max-width:700px){.private-callbar{left:260px;right:12px}}@media(max-width:520px){.private-callbar{left:10px;right:10px;top:70px;flex-wrap:wrap}.private-call-copy{min-width:130px}.private-call-quality{order:4}.private-callbar button{flex:1}}

/* Central de amizades e conversas 2026 */
.private-hub{grid-template-columns:310px minmax(0,1fr);background:radial-gradient(circle at 72% -18%,#6e64ff18,transparent 35%),#0c111a}
.private-nav{background:linear-gradient(180deg,#171e2a,#101620)}.private-brand{height:68px;border-color:#2d3749;background:#121925}.private-brand::before{width:32px;height:32px;border-radius:11px}.private-tabs{margin:12px 13px 9px;padding:4px;border:1px solid #2e384a;border-radius:13px;background:#0d131c}.private-tab{height:38px;border-radius:9px}.private-tab.active{border-color:#485477;background:linear-gradient(145deg,#303a52,#252e42);box-shadow:0 6px 16px #070a1044}
.private-own-id{margin:5px 13px 10px;padding:10px 12px;border-radius:13px}.private-own-id button{max-width:160px}.private-add{position:relative;margin-top:16px}.private-add::before{content:"Adicionar amigo";position:absolute;left:15px;top:-15px;color:#717d92;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.private-add input{height:46px;font-size:11px}.private-add button{height:46px;border-radius:12px}
.private-list-title{margin-top:20px}.private-person{min-height:59px;border-radius:14px}.private-person.active{border-color:#4a5676;background:linear-gradient(100deg,#28334a,#202937);box-shadow:inset 3px 0 #8178ff,0 8px 20px #070a1033}.private-person-name{color:#eef1f8;font-size:13px}.private-person-preview{margin-top:4px}
.private-main{grid-template-rows:68px minmax(0,1fr)}.private-header{padding-inline:clamp(22px,3vw,44px);background:#111824e8}.private-header>.private-avatar{width:36px!important;height:36px!important;border:2px solid #48536d}.private-header strong{font-size:16px}.private-header-status{font-size:11px}.private-header-actions button{height:38px;border-radius:12px}
.private-content{min-width:0;background:linear-gradient(180deg,#101722,#0c111a)}.private-chat{position:relative}.private-messages{width:100%;padding:34px clamp(26px,5vw,82px) 20px;scroll-padding-bottom:20px}.private-message{max-width:1120px;margin:0 auto;padding:10px 12px;border-radius:13px;transition:background .15s}.private-message:hover{background:#171f2c}.private-message-head{color:#f4f6fb;font-size:14px}.private-message-time{color:#6f7b90}.private-message-text{margin-top:4px;color:#d8dde8;font-size:14px;line-height:1.55}.private-message .private-avatar{width:42px!important;height:42px!important;box-shadow:0 7px 18px #0006}
.private-compose{width:min(1120px,calc(100% - 52px));min-height:54px;margin:0 auto 24px;padding:0 10px 0 17px;border-color:#354158;border-radius:16px;background:#151d29;box-shadow:0 14px 35px #05070b66}.private-compose input{height:52px;font-size:13px}.private-compose button{display:grid;width:36px;height:36px;margin:auto;place-items:center;border-radius:11px;background:linear-gradient(145deg,#776dff,#5864e8);color:#fff;box-shadow:0 7px 18px #4d51c84d}.private-compose button:hover{background:linear-gradient(145deg,#887fff,#6571f5)}
.private-friends{width:min(1080px,100%);padding-top:40px}.private-friend-row,.private-request-row{min-height:72px;padding-inline:15px;border-radius:15px}.private-empty>div{border-radius:25px;background:linear-gradient(145deg,#171e2a,#111721)}
@media(max-width:700px){.private-hub{grid-template-columns:260px minmax(0,1fr)}.private-messages{padding-inline:18px}.private-compose{width:calc(100% - 28px)}}
