/* Costa Chat v5 | Server settings + online status */
.v5-rail-icon{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}
.server-rail .rail-item:has(.v5-rail-icon){padding:0;overflow:hidden}
.server-rail .rail-item:has(.v5-rail-icon) .server-label{display:block;width:100%;height:100%;border-radius:inherit;overflow:hidden}
.v5-settings{--v5-ink:#f2f3f5;--v5-secondary:#b5bac1;--v5-border:#36373e;--v5-bg:#313338;--v5-accent:#5865f2;color:var(--v5-ink);background:#313338;z-index:96}
.v5-settings-left{background:#232428!important;width:clamp(225px,24vw,330px)!important;min-width:225px;display:flex;flex-direction:column;padding:32px 16px 16px max(20px,calc((100vw - 1190px)/2));overflow-y:auto;scrollbar-width:thin}
.v5-nav-head{display:flex;align-items:center;gap:11px;margin:4px 0 28px;padding:0 12px;min-height:50px;min-width:0}
.v5-nav-head>span,.v5-nav-head>img{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:14px;color:white;font-size:18px;font-weight:800;object-fit:cover}
.v5-nav-head div{min-width:0}.v5-nav-head strong{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v5-nav-head small{font-size:10px;color:#92949e;font-weight:800;letter-spacing:1px}
.v5-nav-group{margin-bottom:17px;padding-bottom:12px;border-bottom:1px solid #35363d}.v5-nav-group>small{display:block;color:#9498a3;font-size:10px;letter-spacing:1px;font-weight:850;margin:0 10px 9px}.v5-nav-btn{background:transparent;border:0;border-radius:5px;display:flex;width:100%;padding:10px 12px;gap:10px;align-items:center;text-align:left;color:#b5bac1;font-weight:550;font-size:13px;min-height:38px;cursor:pointer;transition:background .17s,color .17s}.v5-nav-btn svg{flex:none}.v5-nav-btn:hover{background:#363840;color:#fff}.v5-nav-btn.selected{background:#404249;color:#fff;font-weight:700}.v5-nav-footer{margin-top:auto;padding-top:12px}
.v5-settings-right{background:#313338!important;min-width:0;flex:1;overflow:hidden}.v5-settings-content{width:100%;max-width:100%!important;padding:0 74px 0 40px!important;overflow:auto;height:100%;scrollbar-width:thin;scrollbar-color:#1c1d21 transparent}.v5-page{max-width:880px;padding:44px 0 70px;margin:0 auto}.v5-page-head{margin-bottom:34px}.v5-page-head h1{font-size:24px;font-weight:750;margin:0 0 9px;letter-spacing:-.5px}.v5-page-head p{color:#b5bac1;font-size:13px;margin:0;line-height:1.55}
.v5-group{padding:26px 0 30px;border-top:1px solid #43444b}.v5-group:first-of-type{border-top:0;padding-top:0}.v5-group-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.v5-group h2{margin:0;font-size:17px;font-weight:760}.v5-group h3{font-size:13px;margin:0 0 7px}.v5-form{display:grid;gap:19px}.v5-form label,.v5-inline-create label{display:grid;gap:8px;color:#d7d9df;font-size:11px;font-weight:770;text-transform:uppercase;letter-spacing:.35px}.v5-form input:not([type=file]):not([type=color]),.v5-form textarea,.v5-form select,.v5-inline-create input,.v5-category-form input{width:100%;outline:0;background:#1e1f22;color:#fff;border:1px solid #1e1f22;border-radius:5px;padding:11px 12px;min-height:42px;box-sizing:border-box;font-family:inherit;font-weight:500;font-size:13px;letter-spacing:normal;resize:vertical}.v5-form select{cursor:pointer}.v5-form input:focus,.v5-form textarea:focus,.v5-form select:focus,.v5-inline-create input:focus,.v5-category-form input:focus{border-color:#7289f9}.v5-form :disabled{opacity:.65;cursor:not-allowed}.v5-form label small{color:#898d99;text-transform:none;letter-spacing:normal;font-weight:400}.v5-colorpicker{display:flex;align-items:center;gap:12px;text-transform:none;letter-spacing:normal;color:#a9acb7;font-weight:400}.v5-colorpicker input{border:1px solid #555862;border-radius:6px;height:43px;width:72px;background:transparent;padding:3px;cursor:pointer}
.v5-overview-grid{display:grid;grid-template-columns:minmax(0,1fr) 252px;gap:36px}.v5-overview-grid aside{min-width:0}.v5-muted{color:#969ba5;font-size:12px;line-height:1.55}.v5-server-preview{border-radius:10px;overflow:hidden;background:#24262c;border:1px solid #404149;margin-bottom:10px}.v5-preview-banner{height:91px;background-position:center!important;background-size:cover!important}.v5-preview-info{position:relative;padding:32px 14px 17px;display:grid;gap:3px}.v5-preview-info strong{font-size:16px}.v5-preview-info>span:last-child{font-size:11px;color:#b5bac1}.v5-preview-icon{display:grid;place-items:center;width:50px;height:50px;color:white;font-weight:800;font-size:20px;border:4px solid #24262c;border-radius:18px;overflow:hidden}.v5-preview-info .v5-preview-icon{position:absolute;top:-28px;left:12px}.v5-preview-icon img{width:100%;height:100%;object-fit:cover}.v5-preview-icon.large{width:76px;height:76px;border-color:#313338;border-radius:22px;flex:none}.v5-media-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.v5-media-card{border:1px solid #41434a;border-radius:9px;padding:18px;min-width:0;background:#2b2d33}.v5-media-card p{color:#b5bac1;font-size:12px;line-height:1.5;min-height:36px;margin:0 0 12px}.v5-media-row{display:flex;gap:12px;align-items:center}.v5-media-row>div{display:grid;justify-items:start;gap:9px}.v5-cover-thumb{height:96px;border-radius:8px;border:1px solid #464a52;margin-bottom:12px;background-position:center!important;background-size:cover!important}
.v5-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#42444c;color:#fff;border:0;border-radius:5px;min-height:36px;padding:8px 13px;font-size:12px;font-weight:650;cursor:pointer;text-decoration:none;line-height:1.3;transition:background .16s,transform .16s}.v5-button:hover{background:#545762}.v5-button:active{transform:scale(.98)}.v5-button.primary{background:#5865f2}.v5-button.primary:hover{background:#4752c4}.v5-button.danger{background:#452d33;color:#fa808b}.v5-button.danger:hover{background:#653740}.v5-button.subtle{background:#41434a;color:#d8dae2;font-size:11px}.v5-actions,.v5-flex-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.v5-flex-actions{justify-content:space-between;margin:4px 0 17px}.v5-text-danger{border:0;background:transparent;color:#f38d94;cursor:pointer;font-size:12px;padding:0}.v5-text-danger:hover{text-decoration:underline}.v5-locked{font-size:12px;color:#b5bac1;padding:10px;border:1px dashed #565962;border-radius:6px}
.v5-category{border-radius:8px;overflow:hidden;background:#282a31;border:1px solid #41434a;margin-bottom:13px}.v5-category-title{display:flex;align-items:center;justify-content:space-between;padding:9px 13px;background:#363840;gap:12px;min-height:45px}.v5-category-title>span{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800;color:#f1f1f5}.v5-category-title small{color:#989ca7;font-size:11px;font-weight:500}.v5-category-title>div{display:flex;gap:6px}.v5-icon-button{border:0;background:none;color:#b4b7c0;display:inline-grid;place-items:center;width:29px;height:28px;border-radius:6px;cursor:pointer}.v5-icon-button:hover{background:#50535b;color:#fff}.v5-icon-button.danger:hover{background:#6a3037;color:#ffb0b6}.v5-list-row{display:flex;align-items:center;gap:11px;padding:11px 14px;border-bottom:1px solid #3a3b43;min-width:0}.v5-list-row:last-child{border-bottom:0}.v5-row-icon{color:#9699a6;display:grid;place-items:center}.v5-row-main{flex:1;min-width:0;display:grid;gap:2px}.v5-row-main strong{font-size:13px}.v5-row-main small{color:#989ba5;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v5-inline-create{display:flex;align-items:end;gap:12px;margin-top:19px}.v5-inline-create label{flex:1}.v5-inline-create .v5-button{height:42px}.v5-category-form{display:flex;align-items:center;gap:8px;padding:10px 14px}.v5-category-form input{flex:1}.v5-empty{padding:18px 14px;color:#aaaeb9;font-size:12px}
.v5-person-row,.v5-invite-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid #42444c;min-height:65px;padding:9px 4px}.v5-person-row:last-child,.v5-invite-row:last-child{border-bottom:0}.v5-person-text,.v5-invite-row>span{flex:1;min-width:0;display:grid;gap:4px}.v5-person-text strong,.v5-invite-row strong{font-size:13px;overflow:hidden;text-overflow:ellipsis}.v5-person-text small,.v5-invite-row small{font-size:11px;color:#9398a4}.v5-person-avatar .member-avatar{width:34px;height:34px}.v5-member-buttons,.v5-invite-row>div{display:flex;align-items:center;gap:7px}.v5-role{font-size:10px;color:#b5bac1;border-radius:5px;background:#40434e;padding:4px 7px}.v5-role.owner{color:#ffcd72;background:#674d29}.v5-role.admin{color:#c1b6ff;background:#3f386c}.v5-inline-cols{display:grid;grid-template-columns:1fr 1fr;gap:15px}.v5-danger-zone{border-radius:8px;border:1px solid #ab454f;background:#433034;padding:18px}.v5-danger-zone h3{font-size:15px}.v5-danger-zone p{font-size:12px;line-height:1.55;color:#d3bdc0}
.v5-presence-popover{position:fixed;bottom:67px;left:77px;width:238px;padding:9px;background:#111216;border:1px solid #3b3c42;box-shadow:0 15px 40px #0008;border-radius:9px;z-index:9999;color:#f2f3f5;animation:v5-pop .13s ease-out}.v5-presence-popover>strong{font-size:11px;color:#999da7;display:block;padding:8px 9px}.v5-presence-entry{display:flex;gap:12px;align-items:center;width:100%;border:0;border-radius:5px;padding:10px;background:transparent;color:#c7cad1;font-size:12px;text-align:left;cursor:pointer}.v5-presence-entry span{flex:1}.v5-presence-entry:hover,.v5-presence-entry.active{background:#373942;color:#fff}.v5-presence-dot{display:inline-block;flex:none;width:11px;height:11px;border-radius:50%;border:2px solid #15151a;background:#23a559;box-shadow:0 0 0 1px #23a559}.v5-presence-dot.idle{background:#f0b232;box-shadow:0 0 0 1px #f0b232}.v5-presence-dot.dnd{background:#e43b4f;box-shadow:0 0 0 1px #e43b4f}.v5-presence-dot.offline{background:#777b85;box-shadow:0 0 0 1px #777b85}.v5-presence-divider{height:1px;background:#303238;margin:8px 0}@keyframes v5-pop{from{opacity:.5;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.v5-settings-content{padding-left:24px!important;padding-right:58px!important}.v5-overview-grid{gap:20px;grid-template-columns:minmax(0,1fr) 210px}.v5-settings-left{padding-left:14px!important}}
@media(max-width:800px){.v5-settings-left{width:185px!important;min-width:185px;padding:14px 7px!important}.v5-nav-btn{font-size:12px}.v5-nav-head{padding:0 4px}.v5-settings-content{padding:0 30px 0 18px!important}.v5-overview-grid{grid-template-columns:1fr}.v5-overview-grid aside{max-width:340px}.v5-media-grid{grid-template-columns:1fr}.v5-person-row{flex-wrap:wrap}.v5-member-buttons{margin-left:auto}}
@media(max-width:560px){.v5-settings{flex-direction:column!important}.v5-settings-left{width:100%!important;min-width:0!important;max-height:146px;flex:none!important;padding:8px!important;overflow-x:auto;display:block!important}.v5-nav-head{margin:0 0 5px}.v5-nav-head>span,.v5-nav-head>img{width:30px;height:30px;border-radius:8px}.v5-nav-group{display:inline-flex;margin:0;padding:0;border:0;vertical-align:top}.v5-nav-group>small,.v5-nav-footer,.v5-nav-btn svg{display:none}.v5-nav-btn{white-space:nowrap;width:auto;padding:7px 9px;font-size:11px;min-height:32px}.v5-settings-right{height:calc(100dvh - 146px);flex:1}.v5-settings-content{padding:0 17px!important}.v5-page{padding-top:23px}.v5-page-head h1{font-size:20px}.v5-category-title>span{font-size:11px}.v5-inline-create{align-items:stretch;flex-direction:column}.v5-inline-cols{grid-template-columns:1fr}.v5-presence-popover{left:64px;bottom:68px}}
@media(prefers-reduced-motion:reduce){.v5-presence-popover{animation:none}.v5-button,.v5-nav-btn{transition:none}}