/* Vix Voice — modern application shell */
:root{--shell-radius:12px;--shell-radius-sm:8px;--shell-shadow:0 12px 38px #03050b24;--shell-hover:color-mix(in srgb,var(--theme-accent) 10%,transparent);font-family:"Segoe UI Variable Text",Inter,"Segoe UI",system-ui,sans-serif}
body{background:color-mix(in srgb,var(--theme-bg) 88%,#000)!important;letter-spacing:-.008em}.app{grid-template-columns:68px 252px minmax(0,1fr) 238px;background:var(--theme-bg)}
.servers{gap:8px;padding:10px 0;border-right:1px solid color-mix(in srgb,var(--vix-border) 70%,transparent);background:color-mix(in srgb,var(--theme-bg) 76%,#000)!important}.server{width:44px;height:44px;border:1px solid #ffffff0b;border-radius:14px;box-shadow:0 7px 18px #0003;transition:transform .18s ease,border-radius .18s ease,box-shadow .18s ease}.server:hover{border-radius:12px;box-shadow:0 10px 25px #0005;transform:translateY(-2px)}.server.active{border-radius:12px;box-shadow:0 0 0 2px color-mix(in srgb,var(--theme-accent) 30%,transparent),0 10px 24px #0004}.server::before{left:-12px!important}.divider{width:28px;border-color:color-mix(in srgb,var(--vix-border) 75%,transparent)}
.channels{border-right:1px solid var(--vix-border);background:linear-gradient(180deg,color-mix(in srgb,var(--theme-panel) 96%,var(--theme-accent)),var(--theme-panel))!important}.server-title{height:54px;padding:0 14px;border-bottom:1px solid var(--vix-border);box-shadow:none;font-size:13px;letter-spacing:-.01em}.server-title:hover{background:var(--shell-hover)!important}.server-title button{display:grid;place-items:center;width:28px;height:28px;border-radius:8px!important;transition:background .15s,transform .15s}.server-title button:hover{background:color-mix(in srgb,var(--theme-accent) 15%,transparent)!important;transform:translateY(1px)}.channel-scroll{padding:12px 8px}.category{display:flex;align-items:center;height:24px;margin:8px 5px 3px;color:color-mix(in srgb,var(--vix-muted) 86%,var(--vix-text));font-size:9px;letter-spacing:.085em}.channel{min-height:36px;height:auto;margin:2px 0;padding:6px 9px;border:1px solid transparent;border-radius:9px;color:var(--vix-muted);font-size:13px;font-weight:600;transition:background .15s,border-color .15s,color .15s,transform .15s}.channel:hover{border-color:color-mix(in srgb,var(--vix-border) 70%,transparent);background:color-mix(in srgb,var(--theme-panel) 92%,var(--theme-bg))!important;color:var(--vix-text);transform:translateX(1px)}.channel.active,.channel.selected{border-color:var(--vix-border);border-radius:9px;background:color-mix(in srgb,var(--theme-panel) 84%,var(--theme-bg))!important;box-shadow:inset 3px 0 0 color-mix(in srgb,var(--vix-text) 45%,transparent),0 5px 15px #0002!important}.room-kind-icon{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:color-mix(in srgb,var(--theme-panel) 72%,var(--theme-bg));color:var(--vix-muted)}
.main{grid-template-rows:54px minmax(0,1fr);background:radial-gradient(circle at 50% -20%,color-mix(in srgb,var(--theme-accent) 8%,transparent),transparent 40%),var(--theme-bg)!important}.header{z-index:3;height:54px;padding:0 18px;border-bottom:1px solid var(--vix-border);background:color-mix(in srgb,var(--theme-panel) 88%,transparent)!important;box-shadow:0 8px 22px #00000014;backdrop-filter:blur(16px)}.header .hash{color:var(--theme-accent)}.header small{border-color:var(--vix-border);color:var(--vix-muted)}.header-actions{gap:4px;margin-left:auto}.header-actions span{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;color:var(--vix-muted);cursor:pointer;transition:background .15s,color .15s,transform .15s}.header-actions span:hover{background:var(--shell-hover);color:var(--vix-text);transform:translateY(-1px)}
#messages{padding:24px clamp(18px,3vw,42px) 14px;scrollbar-gutter:stable}.welcome{margin:0 0 22px;padding:24px;border:1px solid var(--vix-border);border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--theme-panel) 94%,var(--theme-accent)),color-mix(in srgb,var(--theme-bg) 94%,var(--theme-panel)));box-shadow:var(--shell-shadow)}.welcome-icon{width:52px;height:52px;border-radius:15px;background:linear-gradient(145deg,var(--theme-accent),var(--vix-accent-2));color:white;font-size:26px;box-shadow:0 10px 24px color-mix(in srgb,var(--theme-accent) 35%,transparent)}.welcome h1{margin:15px 0 5px;font-size:25px;letter-spacing:-.035em}.welcome p{font-size:12px}.message{grid-template-columns:38px minmax(0,1fr);gap:10px;margin:1px -9px;padding:7px 9px;border-radius:10px;transition:background .14s}.message:hover{background:color-mix(in srgb,var(--theme-accent) 7%,transparent)!important}.message .avatar{width:38px;height:38px;border:1px solid #ffffff16;box-shadow:0 4px 12px #0003}.message-head{font-size:13px;letter-spacing:-.012em}.message-time{color:var(--vix-muted);font-size:10px}.message-text{margin-top:2px;color:color-mix(in srgb,var(--vix-text) 90%,var(--vix-muted));font-size:13px;line-height:1.45}
.compose{padding:8px clamp(18px,3vw,42px) 18px;background:linear-gradient(0deg,var(--theme-bg) 68%,transparent)}.compose-inner{min-height:46px;padding:0 9px 0 13px;border:1px solid var(--vix-border);border-radius:13px;background:color-mix(in srgb,var(--theme-panel) 90%,var(--theme-bg))!important;box-shadow:0 10px 28px #0003;transition:border-color .16s,box-shadow .16s}.compose-inner:focus-within{border-color:color-mix(in srgb,var(--theme-accent) 68%,var(--vix-border));box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-accent) 14%,transparent),0 12px 30px #0003}#message{height:44px;color:var(--vix-text)}#send{width:32px;height:32px;box-shadow:0 6px 15px color-mix(in srgb,var(--theme-accent) 34%,transparent);transition:transform .15s,filter .15s}#send:hover{filter:brightness(1.12);transform:translateY(-1px) scale(1.03)}
.members{padding:17px 8px;border-left:1px solid var(--vix-border);background:linear-gradient(180deg,var(--theme-panel),color-mix(in srgb,var(--theme-panel) 94%,var(--theme-bg)))!important}.members h2{margin:8px 9px 9px;font-size:9px;letter-spacing:.09em}.member{min-height:44px;margin:2px 0;padding:6px 8px;border:1px solid transparent;border-radius:10px;transition:background .15s,border-color .15s,transform .15s}.member:hover{border-color:color-mix(in srgb,var(--vix-border) 72%,transparent);background:var(--shell-hover);transform:translateX(-1px)}.member .avatar{box-shadow:0 4px 12px #0003}.profile{min-height:58px;padding:8px 10px;border-top:1px solid var(--vix-border);background:color-mix(in srgb,var(--theme-panel) 84%,var(--theme-bg))!important}.profile>.avatar{width:36px;height:36px;border:2px solid color-mix(in srgb,var(--theme-accent) 45%,transparent);box-shadow:0 5px 14px #0004}.profile button{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;transition:background .15s,color .15s,transform .15s}.profile button:hover{background:var(--shell-hover);color:var(--vix-text);transform:translateY(-1px)}
@media(max-width:1050px){.app{grid-template-columns:64px 236px minmax(0,1fr) 220px}}@media(max-width:840px){.app{grid-template-columns:60px 226px minmax(0,1fr)}}@media(max-width:600px){.app{grid-template-columns:56px minmax(0,1fr)}#messages{padding-inline:14px}.compose{padding-inline:12px}.welcome{padding:19px}.welcome h1{font-size:22px}}
@media(min-width:1500px){#messages,.compose{width:min(100%,1040px);margin-inline:auto}.welcome{padding:22px}.app{grid-template-columns:64px 244px minmax(0,1fr) 228px}}
.server.add{display:grid!important;place-items:center!important;padding:0!important}.server.add .vix-icon{margin:auto}.server>img{display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover}.picker-server-button{display:flex!important;align-items:center;gap:10px;width:100%;margin:4px 0!important;padding:7px 9px!important;border:1px solid #3b4251!important;border-radius:10px!important;background:#292f3b!important;text-align:left!important}.picker-server-icon{display:grid;place-items:center;width:34px;height:34px;flex:none;overflow:hidden;border-radius:10px;background:#5865f2;font-weight:800}.picker-server-icon img{width:100%;height:100%;object-fit:cover}

/* Categorias personalizadas de canais */
.custom-channel-category{display:flex;align-items:center;gap:6px;margin:13px 8px 5px;padding-left:2px;color:var(--category-color,#949cf7);font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.custom-channel-category span{font-size:12px}.custom-channel-category strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-channel-category .category-add-room{width:20px;height:20px;margin-left:auto;padding:0;border:0;border-radius:6px;background:transparent;color:inherit;font-size:16px;cursor:pointer}.custom-channel-category .category-add-room:hover{background:#ffffff12}.empty-channel-list{margin:7px 12px;color:#778095;font-size:11px;font-style:italic}.channel-scroll>.category{display:none!important}#text-channels>.custom-channel-category:first-child{margin-top:8px}
#text-channels{margin-bottom:0;padding:0;border:0;border-radius:0;background:transparent}.room-channel.active .room-kind-icon,.voice-channel-button.selected .room-kind-icon{background:color-mix(in srgb,var(--theme-panel) 70%,var(--theme-bg));color:var(--vix-text);box-shadow:inset 0 0 0 1px var(--vix-border)}
.custom-channel-category{cursor:pointer;user-select:none}.custom-channel-category:focus-visible{outline:2px solid color-mix(in srgb,var(--vix-text) 55%,transparent);outline-offset:2px;border-radius:5px}.category-collapse-arrow{display:inline-grid;width:12px;place-items:center}.category-channel-group.is-collapsed .category-channel-rooms{display:none}

/* Navegação compacta de categorias */
.category-channel-group{margin:3px 0 9px}.custom-channel-category{height:27px;margin:0 3px 2px;padding:0 5px;border-radius:7px;color:color-mix(in srgb,var(--vix-muted) 88%,var(--vix-text));letter-spacing:.075em;transition:background .14s,color .14s}.custom-channel-category::before{content:"";width:3px;height:13px;border-radius:99px;background:var(--category-color,#949cf7);opacity:.75}.custom-channel-category:hover{background:color-mix(in srgb,var(--theme-panel) 78%,var(--theme-bg));color:var(--vix-text)}.category-collapse-arrow{font-size:15px!important;transition:transform .16s ease}.custom-channel-category[aria-expanded=true] .category-collapse-arrow{transform:rotate(90deg)}.category-room-count{display:grid;min-width:18px;height:17px;place-items:center;padding:0 5px;border:1px solid var(--vix-border);border-radius:99px;background:color-mix(in srgb,var(--theme-panel) 75%,var(--theme-bg));color:var(--vix-muted);font-size:8px;letter-spacing:0}.custom-channel-category .category-add-room{margin-left:2px;opacity:.6;transition:opacity .14s,background .14s}.custom-channel-category:hover .category-add-room,.custom-channel-category:focus-within .category-add-room{opacity:1}.category-channel-rooms{margin-left:15px;padding-left:5px;border-left:1px solid color-mix(in srgb,var(--vix-border) 72%,transparent)}.category-channel-rooms>.channel,.category-channel-rooms>.voice-channel-block>.channel{width:100%;min-height:34px;margin:1px 0}.category-channel-group.is-empty{margin-bottom:3px}.category-channel-group.is-empty .category-room-count{opacity:.5}.category-channel-group.is-collapsed{margin-bottom:3px}

/* Categorias com leitura e toque confortáveis */
.category-channel-group{margin:5px 0 12px}.custom-channel-category{height:35px;margin:0 2px 4px;padding:0 8px;gap:7px;border-radius:9px;font-size:11px;letter-spacing:.065em}.custom-channel-category::before{width:3px;height:17px}.category-collapse-arrow{width:14px;font-size:18px!important}.category-room-count{min-width:21px;height:19px;padding:0 6px;font-size:9px}.custom-channel-category .category-add-room{width:25px;height:25px;font-size:18px}.category-channel-rooms{margin-left:18px;padding-left:7px}.category-channel-rooms>.channel,.category-channel-rooms>.voice-channel-block>.channel{min-height:38px}.category-channel-group.is-empty,.category-channel-group.is-collapsed{margin-bottom:7px}

/* Lista de membros com cartões amplos */
.members{padding:18px 10px 24px}.member-list-toolbar{gap:5px;margin:0 1px 22px;padding:0 2px 13px}.member-list-toolbar>span{padding-left:4px;font-size:9px}.member-list-toolbar button{min-height:27px;padding:5px 8px;border:1px solid transparent;border-radius:7px;font-size:9px}.member-list-toolbar button.active{border-color:var(--vix-border);background:color-mix(in srgb,var(--theme-panel) 76%,var(--theme-bg));color:var(--vix-text)}.member-section+.member-section{margin-top:25px}.member-section-title{gap:8px;margin:0 6px 9px;font-size:10px;letter-spacing:.075em}.member-section-title::after{content:"";height:1px;flex:1;background:color-mix(in srgb,var(--vix-border) 72%,transparent)}.member-section-title i{width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-panel) 70%,transparent)}.member{min-height:52px;margin:3px 0;padding:7px 9px;border:1px solid transparent;border-radius:12px}.member:hover,.member:focus-visible{border-color:var(--vix-border);background:color-mix(in srgb,var(--theme-panel) 80%,var(--theme-bg));transform:translateY(-1px)}.member .avatar{width:38px;height:38px;font-size:12px}.member-name{font-size:13px;font-weight:700}.member-role{margin-top:1px;font-size:10px;line-height:1.3}.member>.presence{right:auto;bottom:7px;left:36px;border:2px solid var(--theme-panel)}.member.is-offline{opacity:.58}.member.is-offline:hover{opacity:.86}
/* Janelas da comunidade */
.community-modal{z-index:120;background:rgba(3,6,15,.76);backdrop-filter:blur(10px)}
.community-card{width:min(500px,calc(100vw - 32px));padding:0;overflow:hidden;border:1px solid rgba(143,151,179,.24);border-radius:20px;background:linear-gradient(155deg,#202432 0%,#171a25 100%);box-shadow:0 28px 80px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.04);text-align:left}
.community-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 24px 18px;border-bottom:1px solid rgba(143,151,179,.14)}
.community-card-header>div>span{display:block;margin-bottom:6px;color:#8f96ff;font-size:10px;font-weight:800;letter-spacing:.14em}
.community-card .community-card-header h1{margin:0;color:#f5f7ff;font-size:25px;line-height:1.1;letter-spacing:-.025em}
.community-card #community-close{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;margin:0;border:1px solid transparent;border-radius:10px;background:rgba(255,255,255,.045);color:#aeb5c8;font-size:22px;font-weight:400;line-height:1;transition:.16s ease}
.community-card #community-close:hover{border-color:rgba(143,151,179,.22);background:rgba(255,255,255,.09);color:#fff;transform:none}
.community-card-content{padding:20px 24px 24px}
.community-card .community-lead{margin:0 0 16px;color:#aeb5c8;font-size:14px;line-height:1.5;text-align:left}
.community-list{display:grid;gap:8px;margin-bottom:16px;max-height:min(360px,45vh);overflow:auto}
.community-item{display:flex;align-items:center;gap:13px;min-height:62px;padding:11px 13px;border:1px solid rgba(143,151,179,.14);border-radius:13px;background:rgba(255,255,255,.035)}
.community-item-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,rgba(113,101,255,.28),rgba(79,197,226,.16));color:#c6c2ff;font-size:18px;font-weight:800}
.community-item-copy{display:flex;min-width:0;flex-direction:column;gap:3px}
.community-item-copy strong{overflow:hidden;color:#f2f4fb;font-size:14px;text-overflow:ellipsis;white-space:nowrap}
.community-item-copy small{color:#9299ad;font-size:12px;line-height:1.35}
.community-event .community-item-icon,.community-boost .community-item-icon{color:#ffe08c;background:linear-gradient(145deg,rgba(255,193,73,.24),rgba(255,126,73,.12))}
.community-person .community-item-icon{color:#5de5a4;background:rgba(37,190,116,.14);font-size:12px}
.community-card .community-primary-action{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:46px;margin:4px 0 0;border:1px solid rgba(139,127,255,.5);border-radius:12px;background:linear-gradient(135deg,#7367f5,#5865e8);box-shadow:0 8px 24px rgba(88,101,232,.2);color:#fff;font-size:14px;font-weight:750;transition:.16s ease}
.community-card .community-primary-action:hover{background:linear-gradient(135deg,#8277ff,#6571ef);box-shadow:0 10px 28px rgba(88,101,232,.3);transform:translateY(-1px)}
.community-card .community-primary-action span{font-size:18px;font-weight:400}
.community-card .community-list-button{display:block;width:100%;min-height:0;height:auto;margin:0;padding:0;border:0;border-radius:13px;background:transparent;color:inherit;box-shadow:none;text-align:left;overflow:visible}
.community-card .community-list-button:hover,.community-card .community-list-button:focus-visible{background:transparent;box-shadow:none;transform:none}
.community-list-button .community-item{transition:.16s ease}
.community-list-button:hover .community-item{border-color:rgba(126,116,255,.4);background:rgba(126,116,255,.1);transform:translateX(2px)}
.community-note{margin:12px 2px 0;color:#7f879c;font-size:11px;line-height:1.5;text-align:left}
@media(max-width:520px){.community-card-header{padding:20px 18px 15px}.community-card-content{padding:17px 18px 20px}.community-card .community-card-header h1{font-size:22px}.community-item{min-height:58px}}

/* Impulsos de servidor */
.community-card:has(.boost-panel){width:min(760px,calc(100vw - 32px))}.boost-panel{max-height:min(690px,calc(100vh - 150px));overflow:auto}.boost-loading{display:grid;min-height:160px;place-items:center;color:#9299ad}
.boost-dashboard{padding:17px;border:1px solid rgba(255,190,91,.24);border-radius:16px;background:radial-gradient(circle at 92% 0,rgba(255,191,78,.2),transparent 42%),linear-gradient(145deg,rgba(96,72,190,.2),rgba(255,255,255,.035))}
.boost-headline{display:flex;align-items:center;gap:12px}.boost-headline>span{display:grid;width:46px;height:46px;place-items:center;border-radius:14px;background:linear-gradient(145deg,#ffcb65,#f17a51);color:#30200f;font-size:22px;box-shadow:0 9px 22px rgba(241,122,81,.24)}.boost-headline>div{display:flex;min-width:0;flex:1;flex-direction:column}.boost-headline small{color:#a7aec0;font-size:9px;font-weight:800;letter-spacing:.11em}.boost-headline strong{margin-top:2px;color:#fff;font-size:21px}.boost-headline>b{padding:7px 10px;border:1px solid rgba(255,217,147,.2);border-radius:999px;background:rgba(255,205,114,.09);color:#ffdc99;font-size:11px}
.boost-progress{height:9px;margin-top:17px;overflow:hidden;border-radius:99px;background:#0d1018}.boost-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#786eff,#d56cff,#ffc25f);box-shadow:0 0 16px rgba(218,107,255,.48);transition:width .35s ease}.boost-dashboard>p{margin:8px 0 0;color:#9da5b8;font-size:11px}
.boost-levels{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}.boost-level{min-width:0;padding:13px;border:1px solid rgba(143,151,179,.14);border-radius:14px;background:rgba(255,255,255,.025);opacity:.68}.boost-level.unlocked{border-color:rgba(104,224,167,.3);background:rgba(55,190,128,.07);opacity:1}.boost-level header{display:flex;align-items:center;gap:9px}.boost-level header>span{display:grid;width:30px;height:30px;place-items:center;border-radius:9px;background:#292e3d;color:#8f96aa;font-weight:850}.boost-level.unlocked header>span{background:rgba(55,190,128,.18);color:#63e3a5}.boost-level header div{display:flex;flex-direction:column}.boost-level header strong{font-size:13px}.boost-level header small{color:#8f97aa;font-size:9px}.boost-level ul{display:grid;gap:6px;margin:11px 0 0;padding:0;list-style:none}.boost-level li{color:#aeb5c4;font-size:10px;line-height:1.35}.boost-level li::before{content:'•';margin-right:6px;color:#8d83ff}
.boost-supporters{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:13px 2px 0}.boost-supporters>small{color:#8e96aa;font-size:9px;font-weight:800;letter-spacing:.1em}.boost-supporters>div{display:flex;flex-direction:row-reverse;justify-content:flex-end}.boost-supporters span{display:grid;width:30px;height:30px;margin-left:-7px;place-items:center;overflow:hidden;border:2px solid #1b1e29;border-radius:50%;background:#30364a;font-size:9px;font-weight:800}.boost-supporters img{width:100%;height:100%;object-fit:cover}.community-card .boost-action{margin-top:15px}.community-card .boost-action.is-active{border-color:rgba(245,105,118,.35);background:rgba(178,58,72,.15);color:#ffb0b8;box-shadow:none}.community-card .boost-action.is-active:hover{background:rgba(178,58,72,.24)}
.boost-gift{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;margin-top:12px;padding:10px;border:1px solid rgba(255,199,102,.16);border-radius:11px;background:linear-gradient(145deg,rgba(255,193,87,.1),rgba(123,103,255,.07));position:relative}.boost-gift>span{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:rgba(255,190,83,.13);color:#ffd483;font-size:17px}.boost-gift>div{display:flex;min-width:0;flex-direction:column}.boost-gift small{color:#a58f6b;font-size:7px;font-weight:850;letter-spacing:.09em}.boost-gift strong{margin-top:2px;color:#e9e2d3;font-size:10px}.boost-gift p{margin:3px 0 0;color:#858d9f;font-size:8px;line-height:1.35}.boost-gift>b{grid-column:1/-1;justify-self:start;padding:3px 6px;border-radius:99px;background:#292e3a;color:#7f8798;font-size:7px;text-transform:uppercase}.boost-level.unlocked .boost-gift{border-color:rgba(255,205,103,.36);box-shadow:inset 0 0 22px rgba(255,190,73,.06)}.boost-level.unlocked .boost-gift>b{background:rgba(52,195,127,.14);color:#65e4a7}
@media(max-width:650px){.boost-levels{grid-template-columns:1fr}.boost-level ul{grid-template-columns:1fr 1fr}.boost-headline>b{display:none}.boost-panel{max-height:calc(100vh - 125px)}}

/* Fotos ocupam integralmente seus respectivos quadros */
.avatar,.member-card-avatar,.private-avatar,.profile-editor-avatar,.inline-avatar-preview,.management-avatar,.management-server>span.has-image,.server-photo-preview.has-image,.server-invite-logo.has-image{padding:0!important;overflow:hidden;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;background-origin:border-box!important}
.server>img,.picker-server-icon img{display:block;width:100%!important;height:100%!important;max-width:none;object-fit:cover!important;object-position:center}
.server:has(>img){padding:0!important;overflow:hidden;border:0!important;background:transparent!important}
.server:has(>img).active{box-shadow:0 10px 24px #0004!important}
.server:has(>img):focus,.server:has(>img):focus-visible{outline:0!important;box-shadow:0 10px 24px #0004!important}

/* Seletor de servidores 2026 */
.server-picker-modal{z-index:125;background:radial-gradient(circle at 50% 20%,rgba(105,91,255,.16),transparent 36%),rgba(3,6,14,.82);backdrop-filter:blur(18px) saturate(125%)}
.server-picker-card{width:min(510px,calc(100vw - 32px));padding:0!important;overflow:hidden;border:1px solid rgba(133,144,177,.3);border-radius:25px!important;background:linear-gradient(155deg,#1d2533,#121822 72%)!important;box-shadow:0 34px 100px #000c,inset 0 1px #ffffff0c;text-align:left!important}
.server-picker-hero{position:relative;padding:30px 30px 24px;border-bottom:1px solid #30394b;background:radial-gradient(circle at 86% 0,#7569ff26,transparent 40%)}
.server-picker-symbol{display:grid;width:48px;height:48px;margin-bottom:18px;place-items:center;border:1px solid #8c83ff88;border-radius:15px;background:linear-gradient(145deg,#7d70ff,#545fdc);color:#fff;font-size:22px;box-shadow:0 12px 30px #4c50c45c}
.server-picker-hero small{display:block;color:#9892ff;font-size:9px;font-weight:850;letter-spacing:.14em}.server-picker-card .server-picker-hero h1{margin:6px 0 7px;color:#f7f8fc;font-size:30px;letter-spacing:-.04em}.server-picker-card .server-picker-hero p{max-width:390px;margin:0;color:#929caf;font-size:13px;line-height:1.5}
.server-picker-list{display:grid;gap:7px;max-height:220px;overflow:auto;padding:18px 24px 0}.server-picker-list:empty{display:none}.server-picker-list .picker-server-button{min-height:58px;margin:0!important;padding:10px 12px!important;border-color:#354157!important;border-radius:14px!important;background:#171f2b!important;color:#eef1f8!important;font-weight:750;transition:.16s}.server-picker-list .picker-server-button::after{content:"Abrir";margin-left:auto;color:#7f8ba1;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.server-picker-list .picker-server-button:hover{border-color:#665fd0!important;background:#202a3b!important;transform:translateY(-1px);box-shadow:0 9px 24px #06091155}.server-picker-list .picker-server-icon{width:38px;height:38px;border-radius:12px}
.server-picker-error{min-height:0;margin:0;padding:8px 30px 0;color:#ff858f;font-size:11px}.server-picker-error:empty{display:none}
.server-picker-actions{display:grid;gap:9px;padding:20px 30px 14px}.server-picker-card .server-picker-actions>button{display:grid;grid-template-columns:40px minmax(0,1fr) 20px;align-items:center;gap:12px;width:100%;height:auto;min-height:66px;margin:0;padding:11px 14px;border:1px solid #39445a;border-radius:15px;background:#18202c;color:#eef1f8;text-align:left;box-shadow:none;transition:.16s}.server-picker-actions>button>span{display:grid;width:40px;height:40px;place-items:center;border-radius:12px;background:#2d3650;color:#b7b2ff;font-size:20px}.server-picker-actions>button>div{display:flex;min-width:0;flex-direction:column;gap:4px}.server-picker-actions>button strong{font-size:14px}.server-picker-actions>button small{color:#7f8a9d;font-size:10px}.server-picker-actions>button>b{color:#707c91;font-size:22px;font-weight:400}.server-picker-card .server-picker-actions>button:hover{border-color:#625bd0;background:#222b3c;transform:translateY(-1px);box-shadow:0 10px 26px #06091155}.server-picker-card .server-picker-create{border-color:#6862db!important;background:linear-gradient(135deg,#292850,#202743)!important}.server-picker-create>span{background:linear-gradient(145deg,#766cff,#5865e8)!important;color:white!important;box-shadow:0 7px 18px #4d51c84d}
.server-picker-card .server-picker-close{display:block;width:max-content;height:38px;margin:0 auto 20px;padding:0 16px;border:0;background:transparent;color:#8994a7;font-size:11px;font-weight:650}.server-picker-card .server-picker-close:hover{color:#fff;background:#ffffff08;box-shadow:none;transform:none}
@media(max-width:520px){.server-picker-hero{padding:25px 22px 20px}.server-picker-card .server-picker-hero h1{font-size:26px}.server-picker-list{padding-inline:18px}.server-picker-actions{padding-inline:22px}.server-picker-card .server-picker-actions>button{grid-template-columns:38px minmax(0,1fr) 16px}}

/* Criação de servidor 2026 */
.server-creator-modal{z-index:126;background:radial-gradient(circle at 50% 20%,rgba(105,91,255,.16),transparent 36%),rgba(3,6,14,.84);backdrop-filter:blur(18px) saturate(125%)}
.server-creator-card{width:min(530px,calc(100vw - 32px));padding:0!important;overflow:hidden;border:1px solid rgba(133,144,177,.3);border-radius:25px!important;background:linear-gradient(155deg,#1d2533,#121822 72%)!important;box-shadow:0 34px 100px #000c,inset 0 1px #ffffff0c;text-align:left!important}
.server-creator-head{display:flex;align-items:center;gap:17px;padding:29px 30px 24px;border-bottom:1px solid #30394b;background:radial-gradient(circle at 88% 0,#7569ff26,transparent 42%)}
.server-creator-symbol{display:grid;width:52px;height:52px;flex:none;place-items:center;border:1px solid #8c83ff88;border-radius:16px;background:linear-gradient(145deg,#7d70ff,#545fdc);color:#fff;font-size:25px;box-shadow:0 12px 30px #4c50c45c}
.server-creator-head>div{min-width:0}.server-creator-head small{color:#9892ff;font-size:9px;font-weight:850;letter-spacing:.14em}.server-creator-card .server-creator-head h1{margin:5px 0 4px;color:#f7f8fc;font-size:27px;letter-spacing:-.04em}.server-creator-card .server-creator-head p{margin:0;color:#909aac;font-size:12px}
.server-creator-body{padding:24px 30px 18px}.server-creator-card .server-creator-body>label{margin:0 0 8px;color:#8792a6;font-size:9px;letter-spacing:.09em}.server-name-control{display:flex;align-items:center;height:50px;border:1px solid #3b475d;border-radius:14px;background:#0d131c;transition:.16s}.server-name-control:focus-within{border-color:#7770ec;box-shadow:0 0 0 3px #6c63e71a}.server-name-control>span{display:grid;width:47px;place-items:center;color:#8c85ff;font-size:16px}.server-creator-card .server-name-control input{height:48px;margin:0;padding:0 14px 0 0;border:0!important;background:transparent;box-shadow:none!important;font-size:14px}
.server-starter-channels{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}.server-starter-channels>span{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:9px;align-items:center;padding:10px 12px;border:1px solid #303b4e;border-radius:12px;background:#151c27}.server-starter-channels b{grid-row:1/3;display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:#282f43;color:#aaa5ff;font-size:17px}.server-starter-channels small{color:#707c90;font-size:8px;text-transform:uppercase;letter-spacing:.06em}.server-starter-channels strong{color:#dce1ec;font-size:11px}
.server-creator-card #server-creator-error{min-height:0;margin:12px 0 0;color:#ff858f;font-size:11px}.server-creator-card #server-creator-error:empty{display:none}
.server-creator-actions{display:flex;justify-content:flex-end;gap:9px;padding:17px 30px 22px;border-top:1px solid #2c3546;background:#101720}.server-creator-card .server-creator-actions button{width:auto;height:43px;margin:0;padding:0 17px;border:1px solid #374257;border-radius:12px;background:#1a2230;color:#aeb7c8;font-size:12px;font-weight:750}.server-creator-card .server-creator-actions button:hover{border-color:#4c5872;background:#232d3d;color:#fff;transform:translateY(-1px)}.server-creator-card .server-creator-submit{display:flex;align-items:center;gap:18px!important;border-color:#736be6!important;background:linear-gradient(135deg,#756aff,#5865e8)!important;color:#fff!important;box-shadow:0 9px 24px #4d51c847}.server-creator-submit b{font-size:17px;font-weight:400}
@media(max-width:520px){.server-creator-head{padding:24px 21px 20px}.server-creator-body{padding:20px 21px 15px}.server-starter-channels{grid-template-columns:1fr}.server-creator-actions{padding:15px 21px 19px}.server-creator-card .server-creator-head h1{font-size:24px}}
:where(input,textarea,select):focus,:where(input,textarea,select):focus-visible{outline:none!important;border-color:#4b566b!important;box-shadow:none!important}
/* Um único padrão de interruptor para todas as opções ligado/desligado. */
:where(.permission-item,.security-toggle,.suite-toggle,.settings-switch)>input[type=checkbox]{appearance:none!important;-webkit-appearance:none!important;width:42px!important;min-width:42px!important;height:24px!important;min-height:24px!important;margin:0!important;padding:0!important;border:1px solid #465166!important;border-radius:999px!important;outline:0!important;background:radial-gradient(circle at 8px 50%,#aab2c0 0 6px,transparent 6.5px),#202735!important;box-shadow:inset 0 2px 5px #0004!important;cursor:pointer;transition:background .18s,border-color .18s,filter .18s!important}
:where(.permission-item,.security-toggle,.suite-toggle,.settings-switch)>input[type=checkbox]:checked{border-color:#68758e!important;background:radial-gradient(circle at calc(100% - 8px) 50%,#fff 0 6px,transparent 6.5px),linear-gradient(135deg,#59677f,#74839e)!important;box-shadow:0 0 0 3px #7a879c14!important}
:where(.permission-item,.security-toggle,.suite-toggle,.settings-switch)>input[type=checkbox]:disabled{filter:saturate(.3);cursor:not-allowed;opacity:.5}