/* Ensure Native Hidden State Wins Over Component Display Rules */ [hidden] { display: none !important; } .modal-backdrop[hidden] { display: none !important; } :root{ --bg:#080a0f;--bg-2:#0b0e14;--panel:#10131a;--panel-2:#0d1016;--panel-3:#151923;--line:#242a35;--line-2:#303744; --text:#f5f7fb;--muted:#8b95a5;--subtle:#626d7e;--purple:#8b5cf6;--purple-2:#6d28d9;--purple-soft:rgba(139,92,246,.14); --green:#35d39b;--red:#fb7185;--amber:#fbbf24;--sidebar:270px;--shadow:0 24px 70px rgba(0,0,0,.32) } *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;font-size:15px}button,input,textarea,select{font:inherit;color:inherit}button,a{transition:.18s ease}button{cursor:pointer}a{color:inherit}.shell{width:min(1180px,calc(100% - 48px));margin:auto} .brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-weight:800;background:linear-gradient(145deg,#a970ff,#6d28d9);box-shadow:0 10px 30px rgba(109,40,217,.28)}.brand-copy{display:flex;flex-direction:column}.brand-copy strong{font-size:14px}.brand-copy small{color:var(--subtle);font-size:10px;margin-top:2px} .btn{border:1px solid transparent;border-radius:10px;padding:10px 14px;font-weight:700;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,#965ff8,#722fe0);box-shadow:0 10px 26px rgba(109,40,217,.22);color:#fff}.btn-primary:hover{filter:brightness(1.08)}.btn-secondary,.btn-ghost{background:#11151d;border-color:#2a303b;color:#dfe4ec}.btn-secondary:hover,.btn-ghost:hover{border-color:#4a3b70;background:#151922}.btn-danger{background:rgba(251,113,133,.12);border-color:rgba(251,113,133,.28);color:#ff9bad}.btn-danger:hover{background:rgba(251,113,133,.18)}.btn-xl{padding:14px 18px;font-size:13px} .eyebrow,.section-kicker{color:#a98cff;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:800}.badge{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:800;white-space:nowrap}.badge-success{color:#62e4b3;background:rgba(53,211,155,.1)}.badge-purple{color:#beaaff;background:rgba(139,92,246,.12)}.badge-danger{color:#ff9bad;background:rgba(251,113,133,.11)}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(53,211,155,.08)} /* Landing */ .landing{position:relative;overflow:hidden;min-height:100vh;background:linear-gradient(180deg,#080a0f 0%,#090b11 55%,#080a0f 100%)}.landing-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000 0%,transparent 75%);pointer-events:none}.landing-glow{position:absolute;border-radius:50%;filter:blur(85px);pointer-events:none}.glow-a{width:520px;height:520px;background:rgba(112,45,210,.17);top:80px;left:-220px}.glow-b{width:560px;height:560px;background:rgba(89,69,205,.13);top:220px;right:-240px}.landing-nav{height:82px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2;border-bottom:1px solid rgba(255,255,255,.05)}.landing-links{display:flex;gap:30px}.landing-links a{text-decoration:none;color:#8d96a5;font-size:12px}.landing-links a:hover{color:#fff}.landing-hero{position:relative;z-index:1;display:grid;grid-template-columns:1.02fr .98fr;gap:64px;align-items:center;min-height:710px;padding-top:55px;padding-bottom:70px}.eyebrow-pill{width:max-content;border:1px solid rgba(139,92,246,.25);background:rgba(139,92,246,.08);color:#bda8ff;border-radius:999px;padding:8px 11px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;display:flex;align-items:center;gap:8px}.pulse{width:7px;height:7px;border-radius:50%;background:#9a69ff;box-shadow:0 0 0 5px rgba(154,105,255,.08)}.landing-copy h1{font-size:clamp(48px,5.2vw,74px);letter-spacing:-.065em;line-height:.98;margin:22px 0 22px;max-width:680px}.landing-copy h1 span{background:linear-gradient(90deg,#bfa8ff,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:transparent}.landing-copy>p{font-size:16px;line-height:1.8;color:#929bab;max-width:650px}.landing-actions{display:flex;gap:10px;margin-top:30px}.landing-proof{display:flex;gap:30px;margin-top:34px}.landing-proof div{display:flex;flex-direction:column}.landing-proof strong{font-size:11px}.landing-proof span{font-size:10px;color:#667182;margin-top:4px}.product-window{background:#0c0f15;border:1px solid #292f3a;border-radius:17px;box-shadow:0 42px 110px rgba(0,0,0,.5),0 0 0 1px rgba(139,92,246,.035);overflow:hidden;transform:perspective(1200px) rotateY(-4deg) rotateX(1deg)}.window-bar{height:42px;display:flex;align-items:center;padding:0 13px;border-bottom:1px solid #20252e;color:#5f6978;font-size:9px}.window-dots{display:flex;gap:6px;margin-right:13px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#343a47}.window-bar>span:nth-child(2){flex:1}.live-chip{display:flex;gap:6px;align-items:center;color:#62e4b3}.live-chip i{width:6px;height:6px;border-radius:50%;background:#35d39b}.window-body{display:grid;grid-template-columns:125px 1fr;min-height:390px}.window-body aside{border-right:1px solid #20252e;padding:18px 11px;display:flex;flex-direction:column;gap:5px}.mini-brand{display:flex;align-items:center;gap:7px;margin-bottom:18px;font-size:9px}.mini-brand b{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;background:linear-gradient(145deg,#9b68f7,#6d28d9)}.window-body aside small{color:#4e5868;text-transform:uppercase;letter-spacing:.08em;font-size:7px;font-weight:800;margin:8px 6px 3px}.window-body aside a{padding:8px;border-radius:6px;color:#687282;font-size:8px}.window-body aside a.active{background:rgba(139,92,246,.12);color:#e9e3ff}.window-body section{padding:24px}.mini-top{display:flex;justify-content:space-between;align-items:center}.mini-top small{color:#8f78e7;text-transform:uppercase;font-size:7px;font-weight:800}.mini-top h3{margin:5px 0 0;font-size:17px}.mini-top button{background:#12161e;border:1px solid #252b36;border-radius:7px;color:#798393;padding:7px 9px;font-size:8px}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0 10px}.mini-stats div,.mini-panels>div{background:#11151c;border:1px solid #222834;border-radius:9px;padding:12px}.mini-stats span{font-size:7px;color:#667181;display:block}.mini-stats strong{font-size:17px;display:block;margin-top:6px}.mini-panels{display:grid;grid-template-columns:1.1fr .9fr;gap:8px}.mini-panels small{font-size:7px;color:#6c7686}.health-line{display:flex;align-items:center;gap:7px;padding:9px 0;border-bottom:1px solid #1f242e;font-size:7px;color:#8c95a3}.health-line:last-child{border:0}.health-line i{width:5px;height:5px;background:#35d39b;border-radius:50%}.health-line span{flex:1}.health-line b{color:#55d8a7;font-size:6px}.fake-chart{height:105px;display:flex;align-items:end;gap:5px;padding-top:15px}.fake-chart i{flex:1;background:linear-gradient(#8b5cf6,#302347);border-radius:3px 3px 0 0}.fake-chart i:nth-child(1){height:32%}.fake-chart i:nth-child(2){height:48%}.fake-chart i:nth-child(3){height:39%}.fake-chart i:nth-child(4){height:72%}.fake-chart i:nth-child(5){height:58%}.fake-chart i:nth-child(6){height:84%}.fake-chart i:nth-child(7){height:70%}.landing-section{position:relative;z-index:1;padding:100px 0}.landing-section>h2,.split-section h2,.landing-cta h2{font-size:clamp(34px,4vw,50px);letter-spacing:-.05em;margin:10px 0 15px}.section-lead{max-width:720px;color:#838d9d;line-height:1.75}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:42px}.feature-grid article{background:linear-gradient(180deg,#10131a,#0d1016);border:1px solid #222833;border-radius:14px;padding:24px;min-height:205px}.feature-grid article:hover{border-color:#3b3150;transform:translateY(-2px)}.feature-grid article>span{color:#7e62cc;font-size:10px;font-weight:800}.feature-grid h3{font-size:16px;margin:38px 0 8px}.feature-grid p{font-size:12px;color:#747f8f;line-height:1.7}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.role-stack{display:flex;flex-direction:column;gap:10px}.role-stack>div{display:flex;align-items:center;gap:13px;padding:16px;border:1px solid #242a35;border-radius:12px;background:#0e1117}.role-icon{width:36px;height:36px;border-radius:10px;background:rgba(139,92,246,.12);color:#bca8ff;display:grid;place-items:center;font-size:11px;font-weight:800}.role-stack p{margin:0;flex:1}.role-stack strong,.role-stack small{display:block}.role-stack strong{font-size:12px}.role-stack small{font-size:10px;color:#6f7989;margin-top:4px}.role-stack b{font-size:9px;color:#9e89e6}.landing-cta{position:relative;z-index:1;margin-top:50px;margin-bottom:80px;padding:38px;border:1px solid #2a2e3a;border-radius:18px;background:radial-gradient(circle at 90% 20%,rgba(139,92,246,.14),transparent 35%),linear-gradient(145deg,#11131b,#0d1016);display:flex;align-items:center;justify-content:space-between;gap:40px}.landing-cta h2{font-size:32px}.landing-cta p{color:#7f8999;max-width:720px;line-height:1.7;font-size:12px}.landing-footer{position:relative;z-index:1;border-top:1px solid #191e27;padding:28px 0 40px;display:flex;justify-content:space-between;color:#566171;font-size:10px} /* App */ #app{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#090c11;border-right:1px solid #1d222b;display:flex;flex-direction:column;z-index:20}.sidebar-header{height:88px;display:flex;align-items:center;padding:0 20px;border-bottom:1px solid #1a1f28}.sidebar nav{padding:15px 10px;overflow:auto;flex:1}.nav-label{text-transform:uppercase;letter-spacing:.12em;font-size:9px;font-weight:800;color:#566071;padding:17px 10px 7px}.nav-item{width:100%;height:43px;border:1px solid transparent;background:transparent;border-radius:9px;color:#8792a1;display:flex;align-items:center;gap:10px;padding:0 11px;text-align:left;font-size:12px;margin:2px 0}.nav-icon{width:16px;color:#8090a5;text-align:center}.nav-item:hover{background:#11151c;color:#e7ebf1}.nav-item.active{background:rgba(139,92,246,.13);border-color:rgba(139,92,246,.2);color:#f7f4ff}.nav-item.active .nav-icon{color:#c9b9ff}.sidebar-footer{border-top:1px solid #1a1f28;padding:12px}.profile{display:flex;align-items:center;gap:10px;border:1px solid #242a35;background:#10131a;padding:9px;border-radius:11px}.avatar{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(145deg,#9561f5,#6325cd);font-weight:800;font-size:12px;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.profile>div:nth-child(2){flex:1;min-width:0}.profile strong,.profile small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile strong{font-size:11px}.profile small{font-size:9px;color:#687282;margin-top:3px}.profile a{text-decoration:none;color:#667181;font-size:17px}.main{margin-left:var(--sidebar);min-height:100vh;padding:34px clamp(24px,4vw,66px) 70px}.topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-bottom:24px;margin-bottom:28px;border-bottom:1px solid #1b2029}.topbar h1{font-size:28px;letter-spacing:-.05em;margin:0 0 5px}.topbar p{margin:0;color:#768091;font-size:12px}.top-actions{display:flex;gap:10px;align-items:center}.form-select,.form-input{width:100%;background:#0c1016;border:1px solid #29313d;border-radius:9px;padding:11px 12px;outline:none;color:#dfe4eb;font-size:12px}.form-select:focus,.form-input:focus{border-color:#7551cf;box-shadow:0 0 0 3px rgba(139,92,246,.07)}.form-input::placeholder{color:#4e5969}.top-actions .form-select{width:250px}.compact{padding:9px 11px!important;min-width:180px}.view{display:none;animation:fade .18s ease}.view.active{display:block}@keyframes fade{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}.hero{position:relative;overflow:hidden;min-height:205px;padding:34px 36px;border:1px solid #292f3b;border-radius:16px;background:radial-gradient(circle at 92% 15%,rgba(139,92,246,.16),transparent 28%),linear-gradient(145deg,#14131d,#10131a 68%);display:flex;align-items:center;margin-bottom:16px}.hero h2{font-size:31px;letter-spacing:-.055em;margin:8px 0}.hero p{color:#8993a2;max-width:720px;font-size:13px}.hero-actions{display:flex;gap:8px;margin-top:21px}.hero-orb{position:absolute;right:70px;top:50%;transform:translateY(-50%);font-size:38px;color:#aa8aff;text-shadow:0 0 45px rgba(139,92,246,.5)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:16px}.stat,.panel{background:linear-gradient(180deg,#11151c,#0e1117);border:1px solid var(--line);border-radius:13px}.stat{padding:20px}.stat span,.stat small{display:block}.stat span{color:#7f8999;font-size:11px}.stat strong{display:block;font-size:24px;letter-spacing:-.04em;margin-top:8px}.stat small{font-size:9px;color:#505b6b;margin-top:6px}.grid-2,.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.panel{padding:21px;margin-bottom:15px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:15px;margin-bottom:17px;border-bottom:1px solid #202630}.panel-head h3{font-size:14px;margin:0}.panel-head p{font-size:10px;color:#697484;margin:4px 0 0}.panel-actions,.section-actions{display:flex;align-items:center;gap:8px}.health-list>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid #1a2028;font-size:11px;color:#8b95a3}.health-list>div:last-child{border-bottom:0}.health-list span{display:flex;align-items:center;gap:8px}.health-list strong{font-size:10px;color:#dce1e8}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quick-actions button{border:1px solid #242b35;border-radius:9px;background:#0d1117;color:#cfd5dd;padding:14px 13px;display:flex;justify-content:space-between;text-align:left;font-size:11px}.quick-actions button:hover{border-color:#4a3b70;background:#121620}.section-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}.section-intro h2{font-size:27px;letter-spacing:-.05em;margin:7px 0}.section-intro p{font-size:12px;color:#737e8e;margin:0}.server-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.server-card{padding:18px;background:linear-gradient(180deg,#11151c,#0e1117);border:1px solid var(--line);border-radius:13px}.server-card-top{display:flex;align-items:center;gap:12px}.server-icon{width:46px;height:46px;border-radius:12px;background:#171221;color:#c5b2ff;display:grid;place-items:center;font-weight:800;overflow:hidden;flex:0 0 46px}.server-icon img{width:100%;height:100%;object-fit:cover}.server-card h3{font-size:13px;margin:0}.server-card p{font-size:10px;color:#697484;margin:5px 0 0}.server-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:17px 0}.server-meta div{padding:10px;background:#0c1016;border:1px solid #1f2630;border-radius:8px}.server-meta span,.server-meta strong{display:block}.server-meta span{font-size:8px;color:#596474;text-transform:uppercase;letter-spacing:.06em}.server-meta strong{font-size:11px;margin-top:4px}.server-card .btn{width:100%}.member-toolbar{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:18px}.search-box{position:relative;max-width:430px;width:100%}.search-box span{position:absolute;left:12px;top:10px;color:#596474}.search-box .form-input{padding-left:33px}.member-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.member-card{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid #222933;background:#0c1016;border-radius:10px}.member-avatar{width:38px;height:38px;border-radius:50%;overflow:hidden;background:#171c25;flex:0 0 38px}.member-avatar img{width:100%;height:100%;object-fit:cover}.member-info{min-width:0;flex:1}.member-info strong,.member-info small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-info strong{font-size:11px}.member-info small{font-size:9px;color:#697484;margin-top:3px}.member-card button{border:1px solid #2a313c;background:#131720;color:#9ca6b5;border-radius:7px;padding:6px 8px;font-size:9px}.moderation-layout{display:grid;grid-template-columns:360px 1fr;gap:15px}.form-stack{display:flex;flex-direction:column;gap:14px}.form-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.panel label,.form-stack label{display:block;font-size:10px;font-weight:700;color:#aeb6c2}.panel label .form-input,.panel label .form-select,.form-stack label .form-input,.form-stack label .form-select{display:block;margin-top:7px}.field-help,.inline-help{font-size:9px;color:#5e6978;font-weight:500}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid #1d232c}.setting-row:last-child{border-bottom:0}.setting-row strong,.setting-row small{display:block}.setting-row strong{font-size:11px}.setting-row small{font-size:9px;color:#657080;margin-top:4px}.switch{width:46px;height:25px;position:relative;display:inline-flex!important;flex:0 0 46px;margin:0!important}.switch input{position:absolute;opacity:0;pointer-events:none}.switch span{position:absolute;inset:0;border-radius:999px;background:#252c37;border:1px solid #343c49;cursor:pointer;transition:.18s ease}.switch span:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:2px;border-radius:50%;background:#e8ebf0;box-shadow:0 2px 6px #0008;transition:.18s ease}.switch input:checked+span{background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-color:#8b5cf6;box-shadow:0 0 18px rgba(139,92,246,.18)}.switch input:checked+span:before{transform:translateX(20px);background:#fff}.switch input:focus-visible+span{outline:2px solid #a78bfa;outline-offset:2px}.command-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.command-card{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid #232a35;background:linear-gradient(180deg,#11151c,#0d1117);border-radius:11px}.command-mark{width:34px;height:34px;border-radius:9px;background:rgba(139,92,246,.11);display:grid;place-items:center;color:#bba7ff;font-weight:800;font-size:12px}.command-copy{flex:1;min-width:0}.command-copy strong,.command-copy small{display:block}.command-copy strong{font-size:11px}.command-copy small{font-size:9px;color:#657080;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.settings-grid{align-items:start}.color-field{display:grid;grid-template-columns:48px 1fr;gap:8px;margin-top:7px}.color-field input[type=color]{width:48px;height:39px;border:1px solid #29313d;background:#0c1016;border-radius:8px;padding:4px}.context-list{display:flex;flex-direction:column}.context-list>div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #1d232c;font-size:10px}.context-list>div:last-child{border:0}.context-list span{color:#697484}.context-list strong{color:#d8dde5;text-align:right}.grid-owner{display:grid;grid-template-columns:360px 1fr;gap:15px}.permission-list{display:flex;flex-direction:column;gap:8px;margin:4px 0 14px}.permission-list label{display:flex!important;align-items:flex-start;gap:10px;border:1px solid #242b35;background:#0d1117;padding:10px;border-radius:8px;margin:0!important}.permission-list input{margin-top:2px;accent-color:#8b5cf6}.permission-list strong,.permission-list small{display:block}.permission-list strong{font-size:10px}.permission-list small{font-size:8px;color:#647080;margin-top:3px}.stack-list{display:flex;flex-direction:column;gap:9px}.staff{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px;border:1px solid #222933;background:#0c1016;border-radius:9px}.staff strong,.staff small{display:block}.staff strong{font-size:11px}.staff small{font-size:9px;color:#657080;margin-top:4px}.staff button{border:0;background:transparent;color:#fb7185;font-size:10px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:700px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid #1d232c;font-size:10px}th{text-transform:uppercase;letter-spacing:.07em;color:#596475;font-size:8px}td{color:#b9c0ca}.table-action{border:1px solid #2c3440;background:#121720;border-radius:7px;color:#b7c0cc;padding:6px 8px;font-size:9px}.empty-state{text-align:center;padding:60px 20px;color:#7a8595}.empty-state .empty-icon{width:52px;height:52px;border-radius:14px;background:rgba(139,92,246,.1);display:grid;place-items:center;color:#ad96ff;margin:0 auto 15px}.empty-state h3{color:#e8ebf0;margin:0 0 7px}.empty-state p{max-width:520px;margin:0 auto 20px;font-size:11px;line-height:1.7}.global-empty{border:1px solid #252c36;background:#0e1117;border-radius:14px;margin-bottom:20px}.notifications{position:fixed;right:22px;top:22px;z-index:100;width:min(380px,calc(100vw - 30px))}.notification{display:flex;align-items:center;gap:10px;padding:12px 14px;margin-bottom:9px;border:1px solid #2b323e;background:#12161e;border-radius:10px;box-shadow:var(--shadow);font-size:11px;animation:slideIn .2s ease}.notification>b{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:rgba(53,211,155,.1);color:#5ce0ae}.notification.error>b{background:rgba(251,113,133,.1);color:#ff92a4}@keyframes slideIn{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}.modal-backdrop{position:fixed;inset:0;background:rgba(3,5,8,.72);backdrop-filter:blur(5px);z-index:120;display:grid;place-items:center;padding:20px}.modal{width:min(420px,100%);background:#11151c;border:1px solid #2b323d;border-radius:15px;padding:25px;box-shadow:0 30px 90px #000b;text-align:center}.modal-icon{width:42px;height:42px;margin:0 auto 13px;border-radius:12px;display:grid;place-items:center;background:rgba(139,92,246,.12);color:#bba7ff;font-weight:800}.modal-icon.danger{background:rgba(251,113,133,.1);color:#ff92a4}.modal h3{margin:0 0 8px}.modal p{font-size:11px;color:#7a8595;line-height:1.6}.modal-actions{display:flex;justify-content:center;gap:8px;margin-top:20px}.mobile-brand{display:none}.system-stats .stat strong{font-size:20px} @media(max-width:1120px){.landing-hero{grid-template-columns:1fr;min-height:auto;padding-top:90px}.product-window{max-width:780px;transform:none}.feature-grid{grid-template-columns:repeat(2,1fr)}.server-grid,.member-grid,.command-grid{grid-template-columns:repeat(2,1fr)}.moderation-layout,.grid-owner{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:820px){:root{--sidebar:0px}.sidebar{position:relative;width:100%;height:auto}.sidebar-header{height:70px}.sidebar nav{display:flex;gap:5px;overflow:auto;padding:8px 10px;border-bottom:1px solid #1a1f28}.nav-label{display:none}.nav-item{width:auto;white-space:nowrap;padding:0 12px}.sidebar-footer{display:none}.main{margin-left:0;padding:24px 18px 55px}.topbar{flex-direction:column;align-items:flex-start}.top-actions{width:100%}.top-actions .form-select{flex:1;width:auto}.grid-2,.settings-grid,.split-section{grid-template-columns:1fr}.landing-links{display:none}.landing-hero{padding-top:60px}.landing-section{padding:75px 0}.landing-cta{flex-direction:column;align-items:flex-start}.mobile-brand{display:block;color:#9f83f2;text-transform:uppercase;letter-spacing:.1em;font-size:9px;font-weight:800;margin-bottom:5px}} @media(max-width:580px){.shell{width:min(100% - 30px,1180px)}.landing-nav{height:72px}.brand-copy small{display:none}.landing-copy h1{font-size:43px}.landing-actions,.landing-proof{flex-direction:column}.landing-proof{gap:12px}.product-window{display:none}.feature-grid,.server-grid,.member-grid,.command-grid,.stats-grid{grid-template-columns:1fr}.landing-section{padding:60px 0}.landing-cta{padding:25px}.landing-footer{flex-direction:column;gap:8px}.hero{padding:26px}.hero-orb{display:none}.hero-actions{flex-wrap:wrap}.quick-actions,.form-grid.two{grid-template-columns:1fr}.section-intro{align-items:flex-start;flex-direction:column}.section-actions{width:100%}.section-actions .form-input{flex:1}.member-toolbar{align-items:flex-start;flex-direction:column}.top-actions{align-items:stretch;flex-direction:column}.badge{width:max-content}} [hidden]{display:none!important}.ticket-settings-grid{margin-bottom:15px}.ticket-workspace{display:grid;grid-template-columns:390px 1fr;gap:15px;align-items:start}.ticket-list{display:flex;flex-direction:column;gap:8px}.ticket-list-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;padding:12px;border:1px solid #222933;background:#0c1016;color:#dce1e8;border-radius:10px;cursor:pointer}.ticket-list-item:hover,.ticket-list-item.active{border-color:#5c46a8;background:#11141d}.ticket-list-item span:first-child{min-width:0}.ticket-list-item strong,.ticket-list-item small{display:block}.ticket-list-item strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-list-item small{font-size:8px;color:#697484;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clickable-row{cursor:pointer}.clickable-row:hover td{background:#10151d}.ticket-detail{margin-top:15px}.ticket-workspace .ticket-detail{margin-top:0;min-height:360px}.ticket-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.ticket-detail-head h3{margin:4px 0 5px;font-size:15px}.ticket-detail-head p{margin:0;color:#697484;font-size:9px}.ticket-detail-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.message-thread{display:flex;flex-direction:column;gap:10px;max-height:520px;overflow:auto;padding-right:3px;margin-bottom:16px}.message-bubble{padding:12px 13px;border:1px solid #242b35;background:#0d1117;border-radius:11px}.message-bubble.staff-message{background:#12101a;border-color:#302745}.message-bubble.internal-message{border-style:dashed;background:#15130f;border-color:#4b4030}.message-bubble>div{display:flex;justify-content:space-between;gap:14px}.message-bubble strong{font-size:10px}.message-bubble span,.message-bubble small{font-size:8px;color:#697484}.message-bubble p{font-size:10px;line-height:1.6;color:#cbd1da;margin:8px 0 0;overflow-wrap:anywhere}.message-bubble small{display:block;margin-top:7px}.reply-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid #202731;padding-top:15px}.reply-grid .btn{margin-top:8px}.privacy-banner{padding:10px 12px;border:1px solid #302745;background:rgba(139,92,246,.06);border-radius:9px;color:#9f94bc;font-size:9px;line-height:1.5;margin-bottom:14px}.compact-head{margin-top:4px;margin-bottom:8px}.staff-card{display:block}.staff-main{display:flex;align-items:center;justify-content:space-between;gap:12px}.staff-meta{display:grid;grid-template-columns:1fr 1fr;gap:5px 14px;border-top:1px solid #202731;margin-top:10px;padding-top:10px}.staff-meta span{font-size:8px;color:#697484;overflow-wrap:anywhere}.staff-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.danger-text{color:#fb7185!important}.panel-actions{display:flex;align-items:center;gap:8px} @media(max-width:1000px){.ticket-workspace{grid-template-columns:1fr}.reply-grid{grid-template-columns:1fr}.ticket-detail-head{flex-direction:column}.ticket-detail-actions{justify-content:flex-start}.staff-meta{grid-template-columns:1fr}} /* V8 Dashboard Organization */ .profile-button{width:100%;color:inherit;text-align:left}.profile-button:hover{border-color:#4a3b70;background:#141821}.profile-copy{flex:1;min-width:0}.profile-plan{display:block;margin-top:4px;color:#a78bfa;font-size:8px;font-weight:700}.profile-settings{font-size:15px;color:#7c8796}.server-card-actions{display:grid;grid-template-columns:1fr auto;gap:8px}.server-card-actions .btn{width:auto}.server-disconnected{border-style:dashed}.server-disconnected .server-meta strong:last-child{color:#fbbf24}.workspace-with-tabs{display:grid;grid-template-columns:210px 1fr;gap:15px;align-items:start}.vertical-tabs{display:flex;flex-direction:column;gap:7px;padding:9px;border:1px solid #242a35;background:#0d1016;border-radius:13px;position:sticky;top:20px}.vertical-tab{width:100%;display:flex;align-items:center;gap:10px;border:1px solid transparent;border-radius:10px;background:transparent;color:#7d8898;padding:11px;text-align:left}.vertical-tab>span{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:#11161e;color:#8f80bd}.vertical-tab strong,.vertical-tab small{display:block}.vertical-tab strong{font-size:10px;color:#c8cfd8}.vertical-tab small{font-size:8px;color:#5f6978;margin-top:3px}.vertical-tab:hover{background:#11151c;border-color:#292f3a}.vertical-tab.active{background:rgba(139,92,246,.12);border-color:rgba(139,92,246,.24)}.vertical-tab.active>span{background:rgba(139,92,246,.18);color:#c7b6ff}.workspace-content{min-width:0}.subview{display:none}.subview.active{display:block}.subview-actions{justify-content:flex-end;margin-bottom:12px}.command-category{display:inline-block!important;margin-top:7px!important;color:#9c89dc!important;font-size:8px!important;text-transform:uppercase;letter-spacing:.06em}.subscription-summary{padding:8px 0 18px}.subscription-summary h3{margin:0 0 7px;font-size:19px}.subscription-summary p{margin:0;color:#7b8696;font-size:11px;line-height:1.7}.premium-panel{background:radial-gradient(circle at 92% 8%,rgba(139,92,246,.16),transparent 32%),linear-gradient(180deg,#12141d,#0e1117)}.quick-link{border:1px solid #242b35;border-radius:9px;background:#0d1117;color:#cfd5dd;padding:14px 13px;display:flex;justify-content:space-between;text-align:left;font-size:11px;text-decoration:none}.quick-link:hover{border-color:#4a3b70;background:#121620}.settings-grid>div{min-width:0}.settings-grid>div>label{margin-bottom:14px}.ticket-dm-note{padding:11px 12px;border:1px solid rgba(139,92,246,.25);background:rgba(139,92,246,.07);border-radius:10px;color:#9d94b5;font-size:10px;line-height:1.6;margin:10px 0 14px} @media(max-width:980px){.workspace-with-tabs{grid-template-columns:1fr}.vertical-tabs{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.vertical-tab small{display:none}} @media(max-width:620px){.vertical-tabs{grid-template-columns:1fr 1fr}.server-card-actions{grid-template-columns:1fr}} /* V9 Plan Visibility + Runtime Sync */ .tier-badge{display:inline-flex;align-items:center;justify-content:center;margin-left:7px;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;vertical-align:middle;white-space:nowrap} .tier-badge.free{background:rgba(34,197,94,.11);border:1px solid rgba(34,197,94,.28);color:#86efac} .tier-badge.premium{background:rgba(139,92,246,.14);border:1px solid rgba(139,92,246,.34);color:#c4b5fd} .plan-legend{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:-4px 0 16px;padding:11px 14px;border:1px solid var(--border);background:rgba(255,255,255,.018);border-radius:12px;color:var(--muted);font-size:12px} .plan-legend .tier-badge{margin:0 6px 0 0} .feature-locked{opacity:.68;position:relative} .feature-locked input:disabled,.feature-locked select:disabled{cursor:not-allowed} .premium-feature-panel{border-color:rgba(139,92,246,.25)} .runtime-status{display:flex;align-items:center;gap:9px;margin:-4px 0 18px;padding:10px 12px;border:1px solid rgba(34,197,94,.18);border-radius:10px;background:rgba(34,197,94,.035);color:var(--muted);font-size:12px} .runtime-status .status-dot{flex:0 0 auto} .command-card .command-copy strong{display:flex;align-items:center;flex-wrap:wrap} @media(max-width:900px){.plan-legend{align-items:flex-start;flex-direction:column;gap:8px}.section-actions{flex-wrap:wrap}} .feature-matrix{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .feature-matrix section{border:1px solid var(--border);border-radius:12px;padding:12px;background:rgba(255,255,255,.012)} .feature-matrix h4{margin:0 0 8px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em} .feature-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--border)} .feature-row:first-of-type{border-top:0} .feature-row strong,.feature-row small{display:block} .feature-row small{margin-top:3px;color:var(--muted);font-size:11px;line-height:1.45} .feature-row .tier-badge{margin:0;flex:0 0 auto} @media(max-width:900px){.feature-matrix{grid-template-columns:1fr}} .sync-health-list{display:grid;gap:9px} .sync-health-row{display:grid;grid-template-columns:minmax(180px,1fr) auto auto auto auto;gap:10px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:11px;background:rgba(255,255,255,.012)} .sync-health-row strong,.sync-health-row small{display:block}.sync-health-row small{margin-top:3px;color:var(--muted);font-size:11px} .sync-ok{color:#86efac;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.sync-warn{color:#fca5a5;font-size:11px;text-transform:uppercase;letter-spacing:.06em} @media(max-width:1100px){.sync-health-row{grid-template-columns:1fr 1fr}.sync-health-row>div{grid-column:1/-1}} .command-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.icon-btn{width:38px;height:38px;border:1px solid var(--border,#2a3240);border-radius:10px;background:#111722;color:#dbe5ff;display:inline-grid;place-items:center;cursor:pointer;font-size:18px;transition:.18s ease}.icon-btn:hover{border-color:#7c3aed;transform:translateY(-1px);background:#171d2a}.command-cog{font-size:16px}.modal-wide{width:min(1040px,calc(100vw - 40px));max-height:88vh;overflow:auto;text-align:left}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.command-settings-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}.modal-actions-between{justify-content:space-between}.modal-actions-between>div{display:flex;gap:10px}.form-select[multiple]{min-height:118px;padding:8px}.activity-editor{margin-top:24px;padding-top:20px;border-top:1px solid var(--border,#27303d)}.activity-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.activity-slot{padding:16px;border:1px solid var(--border,#27303d);border-radius:14px;background:rgba(8,12,18,.35)}.check-line{display:flex!important;align-items:center;gap:8px;margin-bottom:12px!important}.staff-role-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;margin-left:8px;background:rgba(124,58,237,.16);border:1px solid rgba(139,92,246,.35);color:#c4b5fd;font-size:10px;letter-spacing:.08em}.table-actions-wrap{display:flex;flex-wrap:wrap;gap:6px;min-width:220px}.premium-feature-panel.feature-locked{opacity:.72}.premium-feature-panel.feature-locked input,.premium-feature-panel.feature-locked button{cursor:not-allowed}@media(max-width:900px){.command-settings-layout,.activity-slots{grid-template-columns:1fr}.modal-wide{width:calc(100vw - 20px)}} /* V11 Organization, Permissions, Audit, Changelogs And Music */ .nav-premium-dot{margin-left:auto;font-size:7px;font-weight:800;letter-spacing:.08em;color:#c4b5fd;border:1px solid rgba(139,92,246,.35);background:rgba(139,92,246,.12);border-radius:999px;padding:2px 5px} .settings-workspace .workspace-content>.subview>.panel{max-width:920px} .permission-toolbar{display:flex;align-items:center;gap:12px;margin:8px 0 14px}.permission-toolbar span{font-size:9px;color:#6f7a89}.permission-toolbar .form-input{max-width:260px} .permission-groups{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important;max-height:620px!important;padding-right:4px}.permission-group{border:1px solid #242b35;border-radius:12px;background:#0d1117;padding:10px}.permission-group h4{margin:2px 2px 8px;color:#a78bfa;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.permission-group label{align-items:flex-start!important;padding:10px!important;border-top:1px solid #1e2530}.permission-group label:first-of-type{border-top:0}.permission-group label span{display:block}.permission-group label strong{display:block;font-size:10px}.permission-group label small{display:block;margin-top:4px;font-size:8px;line-height:1.45;color:#7b8797}.permission-group label code{display:block;margin-top:5px;color:#5f6a79;font-size:7px}.permission-dangerous{background:rgba(239,68,68,.025)}.sensitive-pill{font-size:7px;color:#fca5a5;border:1px solid rgba(239,68,68,.25);border-radius:999px;padding:2px 5px;margin-left:5px} .audit-actor{display:flex;align-items:center;gap:10px;min-width:190px}.audit-avatar{width:34px;height:34px;border-radius:10px;background:#171d27;border:1px solid #2a3240;display:grid;place-items:center;overflow:hidden;font-weight:800}.audit-avatar img{width:100%;height:100%;object-fit:cover}.audit-actor strong,.audit-actor small{display:block}.audit-actor small{margin-top:3px;font-size:8px;color:#697484}.audit-action{font-weight:700;color:#d3dae5}.audit-details{max-width:390px;white-space:normal;line-height:1.5;color:#8c97a7}.table-subtext{display:block;margin-top:4px;color:#fbbf24;font-size:8px} .system-subnav{display:flex;gap:8px;border-bottom:1px solid #202731;padding-bottom:12px;margin-bottom:16px}.system-subnav button{border:1px solid #252d38;background:#0e131a;color:#7d8898;border-radius:9px;padding:9px 13px;font-size:10px;font-weight:700;cursor:pointer}.system-subnav button.active{background:rgba(139,92,246,.12);border-color:rgba(139,92,246,.35);color:#d5c8ff} .changelog-list{display:grid;gap:13px}.changelog-card{border:1px solid #252d38;border-radius:14px;background:#0d1117;padding:18px}.changelog-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.changelog-head>div{display:flex;align-items:center;gap:10px}.changelog-head .tier-badge{margin:0}.changelog-summary{color:#aab3c0;font-size:11px;margin:13px 0 8px}.changelog-body{color:#7f8a99;font-size:10px;line-height:1.7;padding:10px 0}.changelog-card>small{font-size:8px;color:#586271} .premium-lock-banner{padding:18px;border:1px solid rgba(139,92,246,.28);border-radius:14px;background:rgba(139,92,246,.06);margin-bottom:15px}.premium-lock-banner strong{display:block;color:#d9ceff;font-size:13px}.premium-lock-banner p{color:#8c82a8;font-size:10px;margin:6px 0 12px}.music-now-playing{min-height:95px}.music-track{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid #242c37;background:#0d1219;border-radius:12px}.music-track strong,.music-track small{display:block}.music-track small{margin-top:5px;color:#778393;font-size:9px}.music-controls{display:flex;gap:8px;margin:12px 0 16px}.music-controls .danger{color:#fca5a5}.music-queue{display:grid;gap:6px;margin-top:14px}.music-queue h4{margin:0 0 5px;font-size:10px;color:#8f9aaa;text-transform:uppercase;letter-spacing:.08em}.music-queue>div{display:grid;grid-template-columns:24px 1fr auto;gap:8px;align-items:center;padding:8px;border-top:1px solid #1f2630}.music-queue span,.music-queue small{font-size:8px;color:#667181}.music-queue strong{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} @media(max-width:900px){.permission-groups{grid-template-columns:1fr}.system-subnav{overflow-x:auto}.changelog-head{align-items:flex-start;flex-direction:column}} .staff-permission-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.staff-permission-summary>div{padding:10px;border:1px solid #222a34;background:#0c1118;border-radius:9px}.staff-permission-summary strong,.staff-permission-summary span{display:block}.staff-permission-summary strong{font-size:10px;color:#d6dce5}.staff-permission-summary span{margin-top:4px;font-size:8px;color:#677383}.staff-permission-groups{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;margin-top:10px}.staff-permission-groups span{font-size:8px;color:#737f90;line-height:1.5}.staff-permission-groups b{display:block;color:#9aa5b4;font-size:8px}.staff-permission-groups .denied-summary{color:#e99ba7}@media(max-width:800px){.staff-permission-summary{grid-template-columns:1fr 1fr}.staff-permission-groups{grid-template-columns:1fr}} .music-playbar{display:grid;grid-template-columns:190px 1fr auto;gap:8px;margin-bottom:12px}.music-playbar .btn{white-space:nowrap}@media(max-width:800px){.music-playbar{grid-template-columns:1fr}.music-playbar .btn{width:100%}} /* V12 Navigation, Staff Operations And Music Redesign */ .section-subnav{display:flex;align-items:center;gap:6px;overflow-x:auto;margin:-4px 0 18px;padding:6px;border:1px solid #222a35;background:#0c1016;border-radius:12px;scrollbar-width:none}.section-subnav::-webkit-scrollbar{display:none}.section-subnav button{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;border:1px solid transparent;background:transparent;color:#788495;border-radius:8px;padding:9px 13px;font-size:10px;font-weight:750}.section-subnav button:hover{background:#111720;color:#cbd3de}.section-subnav button.active{background:rgba(139,92,246,.12);border-color:rgba(139,92,246,.26);color:#e3dcff}.section-subnav .tier-badge{font-size:7px;padding:2px 5px;margin:0} .workspace-with-tabs{display:block!important}.vertical-tabs{position:static!important;display:flex!important;flex-direction:row!important;gap:6px!important;overflow-x:auto;padding:6px!important;margin-bottom:14px;border-radius:12px;scrollbar-width:none}.vertical-tabs::-webkit-scrollbar{display:none}.vertical-tab{width:auto!important;min-width:max-content;padding:8px 12px!important}.vertical-tab>span{display:none!important}.vertical-tab strong{font-size:10px!important}.vertical-tab small{display:none!important}.workspace-content{width:100%} .staff-operations-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.staff-editor-panel>.form-stack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.staff-editor-panel>.form-stack>label,.staff-editor-panel>.form-stack>.form-grid,.staff-editor-panel>.form-stack>div:has(.permission-toolbar),.staff-editor-panel>.form-stack>#saveTeam,.staff-editor-panel>.form-stack>input[type=hidden]{grid-column:1/-1}.staff-editor-panel>.form-stack>.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.staff-editor-panel .permission-toolbar{justify-content:space-between;flex-wrap:wrap;margin:2px 0 12px}.permission-toolbar-actions{display:flex;gap:7px}.permission-groups{grid-template-columns:repeat(3,minmax(0,1fr))!important;max-height:none!important;overflow:visible!important;gap:10px!important}.permission-group{padding:8px!important}.permission-group h4{padding:5px 6px 9px;margin:0!important}.permission-group label{display:grid!important;grid-template-columns:18px 1fr;gap:9px!important;min-height:74px;border:1px solid transparent!important;border-radius:9px;padding:9px!important;margin:3px 0!important}.permission-group label:hover{background:#111720;border-color:#252e3a!important}.permission-group label input{margin:3px 0 0}.permission-group label strong{font-size:9px!important;line-height:1.35}.permission-group label small{font-size:8px!important;line-height:1.45}.permission-group label code{opacity:.62}.permission-dangerous{border-color:rgba(239,68,68,.08)!important}.staff-editor-panel #saveTeam{justify-self:flex-start;min-width:180px}.staff-operations-layout>.panel:last-child{margin-top:0} .music-dashboard{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(330px,.8fr);gap:14px}.music-player-shell{position:relative;overflow:hidden;background:radial-gradient(circle at 90% 0%,rgba(139,92,246,.12),transparent 38%),#10141b}.music-player-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.music-player-top h3{font-size:20px;margin:6px 0 4px}.music-player-top p{margin:0;color:#7f8a99;font-size:10px}.music-artwork{width:100%;height:250px;border-radius:14px;overflow:hidden;background:linear-gradient(145deg,#171c27,#0b0f15);border:1px solid #28303b;display:grid;place-items:center;margin-bottom:16px}.music-artwork img{width:100%;height:100%;object-fit:cover}.music-artwork div{font-size:56px;font-weight:800;color:#6f5d9d}.music-progress-track{height:5px;background:#242b36;border-radius:999px;overflow:hidden}.music-progress-track span{display:block;height:100%;width:0;background:linear-gradient(90deg,#8b5cf6,#b695ff);border-radius:inherit;transition:width .3s}.music-progress>div:last-child{display:flex;justify-content:space-between;margin-top:6px;color:#687383}.music-primary-controls{display:flex;align-items:center;justify-content:center;gap:10px;margin:18px 0}.player-control{min-width:54px;height:44px;padding:0 13px;border-radius:12px;border:1px solid #2b3340;background:#121821;color:#d6dde7;font-weight:800;font-size:10px}.player-control:hover{border-color:#6951a9;background:#181d28}.player-main{width:58px;height:58px;border-radius:50%;background:linear-gradient(145deg,#9261ef,#6f31d5);border:0;color:white;box-shadow:0 10px 28px rgba(109,40,217,.28)}.music-secondary-controls{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-bottom:18px}.music-live-settings{display:grid;grid-template-columns:1fr 190px;gap:14px;margin-top:12px}.music-live-settings>label>span{display:block;font-size:9px;color:#8792a2;font-weight:700;margin-bottom:7px}.range-line{display:grid;grid-template-columns:1fr 42px;align-items:center;gap:10px}.range-line strong{font-size:10px;text-align:right}.music-queue-panel{min-height:400px}.music-queue{display:block!important}.queue-row{display:grid!important;grid-template-columns:34px 1fr auto!important;gap:10px!important;align-items:center;padding:11px 4px!important;border-top:1px solid #202731!important}.queue-row:first-child{border-top:0!important}.queue-index{font-variant-numeric:tabular-nums;color:#5f6a79!important}.queue-row strong{font-size:10px!important}.queue-row small{font-size:8px!important}.compact-empty{padding:40px 12px!important}.music-settings-panel{grid-column:1/-1}.settings-compact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.settings-compact-grid .setting-row{margin:0}.settings-compact-grid>label{margin:0}.music-playbar{margin-top:16px!important} @media(max-width:1100px){.permission-groups{grid-template-columns:repeat(2,minmax(0,1fr))!important}.music-dashboard{grid-template-columns:1fr}.music-settings-panel{grid-column:auto}.settings-compact-grid{grid-template-columns:1fr 1fr}} @media(max-width:760px){.staff-editor-panel>.form-stack,.staff-editor-panel>.form-stack>.form-grid,.permission-groups,.settings-compact-grid,.music-live-settings{grid-template-columns:1fr!important}.music-artwork{height:190px}.section-subnav{border-radius:10px}.vertical-tabs{display:flex!important;grid-template-columns:none!important}.permission-toolbar-actions{width:100%}.permission-toolbar-actions .btn{flex:1}} /* V13 Release Management & Licensing */ .changelog-editor{border:1px solid rgba(139,92,246,.22)} .changelog-card{position:relative;overflow:hidden;border-left:3px solid var(--release-accent,#8B5CF6)} .changelog-card.featured{box-shadow:0 18px 45px rgba(0,0,0,.18),0 0 0 1px color-mix(in srgb,var(--release-accent,#8B5CF6) 20%,transparent)} .changelog-labels,.changelog-tags,.changelog-footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap} .changelog-tags{margin:12px 0}.changelog-tags span{padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07);font-size:11px;color:var(--muted)} .changelog-footer{justify-content:space-between;margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.06)} .changelog-cta{margin-top:14px;width:max-content} .license-redeem-panel{margin-top:18px}.license-redeem-grid{display:grid;grid-template-columns:minmax(280px,1.6fr) minmax(220px,1fr) auto;gap:12px;align-items:end}.license-redeem-grid .btn{min-height:43px} .license-key-input{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.04em;text-transform:uppercase} .generated-license-panel{border-color:rgba(34,197,94,.25)}.license-output{margin:0;padding:16px;border-radius:12px;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.07);font:600 14px/1.8 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap;word-break:break-all;user-select:all} .subscription-subnav{margin-bottom:18px} @media(max-width:900px){.license-redeem-grid{grid-template-columns:1fr}.license-redeem-grid .btn{width:100%}} /* V14 License-First Dashboard */ .redeem-nav-item{margin-top:4px;border-color:rgba(139,92,246,.32)!important;background:linear-gradient(135deg,rgba(139,92,246,.12),rgba(99,102,241,.06))!important} .redeem-nav-item .nav-icon{color:#bca7ff} .redeem-hero{padding:26px;background:radial-gradient(circle at 100% 0,rgba(139,92,246,.14),transparent 34%),linear-gradient(180deg,#121620,#0e1117)} .redeem-hero-copy{display:flex;align-items:center;gap:16px;margin-bottom:22px} .redeem-hero-copy h3{margin:0 0 6px;font-size:18px} .redeem-hero-copy p{margin:0;color:#7f8999;font-size:11px;max-width:720px} .license-symbol{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:#171222;border:1px solid #352a52;color:#b9a4ff;font-size:22px;flex:0 0 46px} .prominent-redeem{grid-template-columns:minmax(260px,1.35fr) minmax(220px,1fr) auto;align-items:end} .prominent-redeem .btn{min-height:40px;white-space:nowrap} .redeem-notes{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px} .redeem-notes span{font-size:9px;color:#7f8999;border:1px solid #252c36;background:#0b0f15;border-radius:999px;padding:7px 10px} .license-admin-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:15px} .warning-text{color:#e8bc73!important} .table-actions-wrap{display:flex;gap:6px;flex-wrap:wrap} .section-subnav{overflow-x:auto;scrollbar-width:none} .section-subnav::-webkit-scrollbar{display:none} @media(max-width:1050px){.prominent-redeem{grid-template-columns:1fr 1fr}.prominent-redeem .btn{grid-column:1/-1}.license-admin-summary{grid-template-columns:repeat(2,1fr)}} @media(max-width:720px){.prominent-redeem{grid-template-columns:1fr}.license-admin-summary{grid-template-columns:1fr 1fr}} .music-diagnostics{display:flex;align-items:center;gap:8px;margin:-7px 0 15px;padding:9px 12px;border:1px solid #233029;background:#0d1512;border-radius:9px;color:#9fb2a8;font-size:10px} .music-diagnostics-error{border-color:#42272c;background:#171012;color:#d49da5} .music-diagnostics-error .status-dot{background:#ef6b7a} /* v14.3 dashboard polish */ .sidebar nav{scrollbar-width:thin;scrollbar-color:#2a3140 transparent}.sidebar nav::-webkit-scrollbar{width:5px}.sidebar nav::-webkit-scrollbar-track{background:transparent}.sidebar nav::-webkit-scrollbar-thumb{background:#2a3140;border-radius:999px}.sidebar nav::-webkit-scrollbar-thumb:hover{background:#3a4557} .branding-preview-panel{margin-top:14px}.branding-preview{display:flex;gap:14px;align-items:flex-start;padding:18px;background:linear-gradient(145deg,#0b0f15,#10151d);border:1px solid #252d39;border-left:4px solid #8b5cf6;border-radius:12px}.branding-preview-icon{width:48px;height:48px;flex:0 0 48px;border-radius:12px;background:rgba(139,92,246,.14);display:grid;place-items:center;font-weight:900;color:#c7b6ff;overflow:hidden}.branding-preview-icon img{width:100%;height:100%;object-fit:cover}.branding-preview-copy small{color:#9b8bc8;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.branding-preview-copy h3{margin:5px 0 7px}.branding-preview-copy p{margin:0 0 10px;color:#8995a5;font-size:10px}.branding-preview-copy span{font-size:9px;color:#606c7c}.staff-workspace .workspace-content{min-width:0}.staff-workspace .permission-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.staff-workspace .permission-group{border:1px solid #232b36;background:#0b0f15;border-radius:11px;padding:12px}.staff-workspace .permission-group h4{margin:0 0 9px;color:#a993f7}.premium-ticket-option:has(input:disabled){opacity:.58}@media(max-width:900px){.staff-workspace .permission-groups{grid-template-columns:1fr}} /* V14.4 Ticket Departments And Global License Controls */ .ticket-departments-panel{margin-top:18px} .ticket-department-layout{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:18px;align-items:start} .ticket-department-list{display:flex;flex-direction:column;gap:8px;max-height:760px;overflow:auto;padding-right:4px} .ticket-department-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;background:var(--surface-2,#131720);border:1px solid var(--line,#20242e);border-radius:12px;padding:13px 14px;color:var(--text,#f4f5f8);cursor:pointer} .ticket-department-item:hover,.ticket-department-item.active{border-color:rgba(139,92,246,.7);background:rgba(139,92,246,.08)} .ticket-department-item span:first-child{display:flex;min-width:0;flex-direction:column;gap:4px} .ticket-department-item strong,.ticket-department-item small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ticket-department-item small{color:var(--text-2,#a7adba)} .ticket-department-editor{border-left:1px solid var(--line,#20242e);padding-left:18px} .compact-head{margin-bottom:14px} .department-permission-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0} .premium-workflow-box{margin:18px 0;padding:16px;border:1px solid rgba(139,92,246,.34);background:rgba(139,92,246,.055);border-radius:12px} .global-license-grid{display:grid;grid-template-columns:minmax(180px,.7fr) repeat(3,minmax(170px,1fr));gap:12px;align-items:end} .license-global-controls{border-color:rgba(139,92,246,.38)} @media (max-width:1100px){.ticket-department-layout{grid-template-columns:1fr}.ticket-department-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}.ticket-department-editor{border-left:0;border-top:1px solid var(--line,#20242e);padding-left:0;padding-top:18px}.global-license-grid{grid-template-columns:1fr 1fr}} @media (max-width:680px){.ticket-department-list,.department-permission-grid,.global-license-grid{grid-template-columns:1fr}} /* V14.5 Community Systems */ .community-workspace .workspace-content{min-width:0}.builder-list{display:grid;gap:10px;margin:12px 0}.builder-row{display:grid;grid-template-columns:minmax(150px,1.3fr) minmax(120px,1fr) 90px minmax(150px,1fr) minmax(150px,1fr) 38px;gap:8px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}.compact-list{display:grid;gap:8px;margin-top:14px}.compact-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}.compact-row>span:first-child{display:grid;gap:3px;min-width:0}.compact-row small{color:var(--text-2);overflow:hidden;text-overflow:ellipsis}.panel-divider{border:0;border-top:1px solid var(--line);margin:18px 0}.mini-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:12px 0}.mini-stats-grid .stat{padding:14px}.community-workspace .subview>.panel+.panel{margin-top:16px} @media(max-width:1100px){.builder-row{grid-template-columns:1fr 1fr}.builder-row .icon-btn{justify-self:end}.community-workspace .grid-2{grid-template-columns:1fr}} @media(max-width:680px){.builder-row{grid-template-columns:1fr}.compact-row{align-items:flex-start;flex-direction:column}.mini-stats-grid{grid-template-columns:1fr 1fr}} .list-heading{margin:12px 0 6px;color:var(--text-2);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.align-end{align-self:end} .role-builder-row label{margin:0}.role-builder-row{align-items:end}.role-builder-row select[multiple]{min-height:86px} /* V14.6 Information Architecture, Verification And Backup Redesign */ .workspace-switcher{display:flex;align-items:center;gap:6px;padding:5px;margin:0 0 16px;border:1px solid var(--line,#20242e);border-radius:11px;background:#0b0f15;overflow-x:auto;scrollbar-width:none}.workspace-switcher::-webkit-scrollbar{display:none}.workspace-switcher button{border:1px solid transparent;background:transparent;color:#7f8a9a;border-radius:8px;padding:9px 13px;font-size:10px;font-weight:800;white-space:nowrap;cursor:pointer}.workspace-switcher button:hover{background:#111720;color:#d5dce5}.workspace-switcher button.active{color:#ece8ff;background:rgba(139,92,246,.12);border-color:rgba(139,92,246,.28)} .workspace-panel{display:none;min-width:0}.workspace-panel.active{display:block}.subview-toolbar,.settings-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0 0 14px}.subview-toolbar h3,.settings-section-heading h3{margin:0 0 5px;font-size:16px}.subview-toolbar p,.settings-section-heading p{margin:0;color:#7e8998;font-size:10px;line-height:1.55}.feature-systems-toolbar{padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#0d1118}.compact-switcher{max-width:640px;margin-bottom:14px} [data-panel-group="tickets"]>.panel+[class], [data-panel-group="tickets"]>.panel+.panel{margin-top:14px}.workspace-panel[data-panel-group="tickets"]{min-width:0}.workspace-panel[data-panel-name="queue"]>.panel+.panel{margin-top:14px} .music-dashboard{display:block!important}.music-dashboard>.workspace-switcher{margin-bottom:14px}.music-dashboard .workspace-panel[data-panel-name="player"]{display:none;grid-template-columns:minmax(0,1.35fr) minmax(300px,.75fr);gap:14px}.music-dashboard .workspace-panel[data-panel-name="player"].active{display:grid}.music-dashboard .workspace-panel[data-panel-name="library"].active,.music-dashboard .workspace-panel[data-panel-name="settings"].active{display:block}.music-dashboard .music-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.music-dashboard .music-settings-panel{margin-bottom:14px}.music-artwork{height:210px}.music-player-shell{min-width:0}.music-primary-controls{margin:14px 0}.player-main{width:54px;height:54px}.music-playbar{grid-template-columns:minmax(150px,190px) minmax(220px,1fr) auto}.music-live-settings{grid-template-columns:minmax(0,1fr) 170px}.music-queue-panel{min-height:0}.music-settings-panel{grid-column:auto}.settings-compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .verification-premium-panel,.verification-backup-panel{margin-top:16px}.verification-premium-panel.feature-locked,.verification-backup-panel.feature-locked{opacity:.62}.verification-premium-panel.feature-locked [data-verification-premium],.verification-backup-panel.feature-locked [data-verification-premium]{pointer-events:none}.inline-status{margin:14px 0;padding:11px 13px;border:1px solid #252d38;border-radius:10px;background:#0b1016;color:#8e99a9;font-size:9px;line-height:1.55}.backup-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.action-card{display:flex;flex-direction:column;align-items:flex-start;gap:7px;text-align:left;padding:16px;border:1px solid #28313d;border-radius:12px;background:#0d1219;color:#edf1f6;cursor:pointer}.action-card:hover:not(:disabled){border-color:rgba(139,92,246,.65);background:rgba(139,92,246,.06)}.action-card strong{font-size:11px}.action-card span{color:#7f8998;font-size:9px;line-height:1.45}.action-card:disabled{opacity:.48;cursor:not-allowed}.restore-target-row{margin-top:14px}.backup-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}.backup-row>div:first-child{display:grid;gap:4px}.backup-row small{color:#7d8897;font-size:8px} [data-subview="community-premium"]>.workspace-panel{max-width:1050px}[data-subview="community-premium"]>.workspace-panel>.panel{margin:0}[data-subview="community-premium"] .form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))} @media(max-width:1050px){.music-dashboard .workspace-panel[data-panel-name="player"].active{grid-template-columns:1fr}.music-dashboard .music-library-grid,.backup-action-grid{grid-template-columns:1fr}.music-artwork{height:190px}} @media(max-width:720px){.workspace-switcher{margin-left:-2px;margin-right:-2px}.subview-toolbar,.settings-section-heading,.backup-row{flex-direction:column;align-items:stretch}.music-playbar,.music-live-settings,.settings-compact-grid,[data-subview="community-premium"] .form-grid.two{grid-template-columns:1fr!important}.music-dashboard .music-library-grid{grid-template-columns:1fr}.music-artwork{height:170px}} /* V14.9 Music, Verification And Customer Landing Refresh */ .customer-product-preview{border:1px solid rgba(139,92,246,.22);border-radius:22px;background:linear-gradient(180deg,rgba(17,20,28,.96),rgba(9,11,16,.98));box-shadow:0 28px 80px rgba(0,0,0,.34);padding:20px;min-height:430px;display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden}.customer-product-preview:before{content:"";position:absolute;inset:-30% auto auto 55%;width:280px;height:280px;border-radius:50%;background:rgba(139,92,246,.13);filter:blur(50px)}.preview-top,.preview-server{display:flex;align-items:center;justify-content:space-between;gap:14px;position:relative}.preview-brand{font-size:12px;font-weight:800;color:#f6f7fb;display:flex;align-items:center;gap:9px}.preview-brand b{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:linear-gradient(145deg,#9568f5,#6f32d8)}.preview-server{padding:18px;border:1px solid #242a35;border-radius:14px;background:#0d1118}.preview-server small,.preview-server strong{display:block}.preview-server small{font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:#6f7a89}.preview-server strong{font-size:15px;margin-top:4px}.preview-server>span{font-size:9px;color:#98a2b1}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:relative}.preview-grid article{padding:15px;border:1px solid #222936;border-radius:12px;background:#0d1219}.preview-grid span,.preview-grid strong,.preview-grid small{display:block}.preview-grid span{font-size:8px;color:#768190;text-transform:uppercase;letter-spacing:.08em}.preview-grid strong{font-size:14px;margin:8px 0 4px}.preview-grid small{font-size:8px;color:#7e8998}.preview-feature-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;position:relative}.preview-feature-row span{font-size:8px;color:#a5afbd;padding:9px 10px;border-radius:9px;background:rgba(255,255,255,.025);border:1px solid #202631}.comparison-section{padding-top:30px}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:26px}.comparison-card{padding:26px;border-radius:18px;border:1px solid #242b37;background:#0d1118}.comparison-card.featured{border-color:rgba(139,92,246,.42);background:linear-gradient(160deg,rgba(139,92,246,.12),#0d1118 48%)}.comparison-card>span{font-size:9px;text-transform:uppercase;letter-spacing:.11em;color:#8e7bc8;font-weight:800}.comparison-card h3{font-size:20px;margin:10px 0 18px}.comparison-card ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}.comparison-card li{font-size:10px;line-height:1.6;color:#9ca6b4;padding-left:20px;position:relative}.comparison-card li:before{content:"✓";position:absolute;left:0;color:#9e7cf0;font-weight:800}.comparison-card.muted li:before{content:"—";color:#667181}.premium-showcase{display:grid;grid-template-columns:1fr 1.15fr;gap:38px;align-items:center}.premium-chip-grid{display:flex;flex-wrap:wrap;gap:10px}.premium-chip-grid span{padding:11px 13px;border:1px solid rgba(139,92,246,.25);background:rgba(139,92,246,.065);border-radius:999px;font-size:9px;color:#cfc5ec;font-weight:700} .verification-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:4px 0 16px}.verification-header h3{font-size:21px;margin:4px 0}.verification-header p{font-size:10px;color:#7f8998;margin:0}.verification-included-chip{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #28312d;border-radius:999px;background:#0c1511;color:#a7c8b5;font-size:9px;font-weight:700}.verification-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:14px}.verification-config-card,.verification-message-card{height:100%}.verification-preview{margin-top:16px;padding:18px;border:1px solid #2a3140;border-radius:14px;background:radial-gradient(circle at 100% 0%,rgba(139,92,246,.12),transparent 42%),#0c1118;display:flex;gap:14px;align-items:flex-start}.verification-preview-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:rgba(139,92,246,.15);color:#b99af8;font-weight:900}.verification-preview small,.verification-preview strong{display:block}.verification-preview small{font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:#776a9d}.verification-preview strong{font-size:11px;margin:5px 0}.verification-preview p{font-size:9px;color:#7d8795;line-height:1.5;margin:0}.security-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.verification-thresholds{margin-top:14px}.form-grid.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.recovery-action-box{margin-top:16px;padding:16px;border:1px solid #252d38;border-radius:12px;background:#0d1219;display:grid;gap:13px}.verification-switcher{margin-bottom:14px} .music-section-intro{margin-bottom:10px}.music-player-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:14px}.music-side-stack{display:grid;gap:14px;align-content:start}.music-search-panel{overflow:visible;position:relative}.music-search-panel label{margin-bottom:10px}.music-search-wrap{position:relative}.music-search-results{position:absolute;z-index:25;left:0;right:0;top:calc(100% + 6px);max-height:330px;overflow:auto;background:#0a0e14;border:1px solid #303847;border-radius:12px;box-shadow:0 18px 50px rgba(0,0,0,.45);padding:6px}.music-search-result{width:100%;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:9px;border:0;border-radius:9px;background:transparent;color:#e9edf4;text-align:left;cursor:pointer}.music-search-result:hover,.music-search-result.active{background:#171c27}.music-search-result img,.music-result-art{width:42px;height:42px;border-radius:8px;object-fit:cover;background:#171d27;display:grid;place-items:center;color:#8d72cc}.music-search-result strong,.music-search-result small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-search-result strong{font-size:9px}.music-search-result small{font-size:8px;color:#707b89;margin-top:4px}.music-search-result em{font-style:normal;font-size:8px;font-weight:700;color:#a589ea}.music-search-empty{padding:14px;text-align:center;font-size:9px;color:#7f8998}.music-add-button{width:100%;margin-top:9px}.audio-quality-badge{font-size:8px;font-weight:800;padding:7px 9px;border-radius:999px;color:#9fd2b4;background:#0b1711;border:1px solid #23392c;white-space:nowrap}.music-library-v2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.music-playlists-card{grid-column:1/-1}.music-library-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 2px;border-bottom:1px solid #202630}.music-library-row:last-child{border-bottom:0}.music-library-main{display:flex;align-items:center;gap:10px;min-width:0}.music-library-main>span:last-child{min-width:0}.music-library-main strong,.music-library-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-library-main strong{font-size:9px}.music-library-main small{font-size:8px;color:#6f7a88;margin-top:4px;max-width:360px}.music-library-icon{display:grid;place-items:center;flex:0 0 auto;width:31px;height:31px;border-radius:8px;background:rgba(139,92,246,.1);color:#a889eb;font-size:10px}.music-library-icon.history{color:#83a7d8;background:rgba(112,167,255,.08)}.music-library-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}.music-favourite-edit{width:100%;display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px}.music-favourite-edit label{margin:0}.playlist-editor{display:grid;grid-template-columns:260px 1fr auto;gap:12px;align-items:end;margin-bottom:16px}.playlist-editor label{margin:0}.music-filter-card{margin-top:14px}.music-settings-panel+.music-filter-card{margin-top:14px} @media(max-width:1050px){.music-player-layout,.verification-layout,.comparison-grid,.premium-showcase{grid-template-columns:1fr}.security-card-grid,.form-grid.three{grid-template-columns:1fr 1fr}.music-library-v2{grid-template-columns:1fr}.music-playlists-card{grid-column:auto}.playlist-editor{grid-template-columns:1fr 1fr}.playlist-editor .btn{grid-column:1/-1}} @media(max-width:700px){.preview-grid,.preview-feature-row,.security-card-grid,.form-grid.three,.playlist-editor{grid-template-columns:1fr}.verification-header{align-items:flex-start;flex-direction:column}.music-library-row{align-items:flex-start;flex-direction:column}.music-library-actions{width:100%;flex-wrap:wrap}.music-favourite-edit{grid-template-columns:1fr}.music-search-result{grid-template-columns:36px 1fr}.music-search-result img,.music-result-art{width:36px;height:36px}.music-search-result em{display:none}} /* V15.0 Verification Workspace And Member Recovery Manager */ .verification-header-clean{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:2px 2px 14px}.verification-header-clean h3{font-size:22px;margin:5px 0 4px}.verification-header-clean p{font-size:10px;color:#7f8998;margin:0;max-width:720px}.verification-switcher{overflow-x:auto;scrollbar-width:none}.verification-switcher::-webkit-scrollbar{display:none}.verification-switcher button{white-space:nowrap}.verification-setup-grid{display:grid;grid-template-columns:minmax(380px,.92fr) minmax(420px,1.08fr);gap:14px}.verification-config-card,.verification-message-card{min-width:0}.verification-config-card .setting-row{padding:13px 0}.verification-config-card>label,.verification-message-card>label{display:grid;gap:7px;margin-top:12px}.discord-verification-preview{margin-top:16px;display:grid;gap:10px}.discord-preview-embed{position:relative;padding:18px 18px 17px 22px;border:1px solid #252d39;border-radius:13px;background:#0b0f15;overflow:hidden}.discord-preview-embed:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#a78bfa,#7c3aed)}.discord-preview-brand{display:flex;align-items:center;gap:10px;margin-bottom:15px}.discord-preview-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:900;color:#fff;background:linear-gradient(145deg,#9b6bf8,#6e32da)}.discord-preview-brand strong,.discord-preview-brand small{display:block}.discord-preview-brand strong{font-size:10px}.discord-preview-brand small{font-size:8px;color:#6f7a89;margin-top:2px}.discord-preview-embed h4{font-size:12px;margin:0 0 8px}.discord-preview-embed>p{font-size:9px;line-height:1.6;color:#9aa4b2;margin:0 0 14px;white-space:pre-wrap}.discord-preview-embed>button{pointer-events:none;border:0;border-radius:8px;padding:9px 13px;background:#248046;color:#fff;font:700 9px Inter,sans-serif}.discord-preview-success{display:flex;align-items:flex-start;gap:10px;padding:12px 13px;border:1px solid #22392d;border-radius:11px;background:#0b1510}.discord-preview-success>span{width:25px;height:25px;border-radius:7px;display:grid;place-items:center;background:#10271a;color:#51d78a;font-weight:900}.discord-preview-success strong,.discord-preview-success p{display:block;margin:0}.discord-preview-success strong{font-size:9px}.discord-preview-success p{font-size:8px;color:#87a493;margin-top:4px;line-height:1.45}.recovery-overview-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:14px}.recovery-overview-grid>.panel{margin:0}.verification-member-manager{overflow:hidden}.verification-member-manager .panel-head{margin-bottom:12px}.verification-member-count{display:inline-flex;align-items:center;white-space:nowrap;color:#9f8bcf;font-size:9px;font-weight:800}.member-lookup-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin:0}.member-lookup-toolbar label{margin:0;display:grid;gap:6px}.verification-member-results{display:grid;gap:8px;margin-top:12px;max-height:650px;overflow:auto;padding-right:3px}.verification-member-card{border:1px solid #222a35;border-radius:12px;background:#0c1118;padding:12px;display:grid;grid-template-columns:24px minmax(190px,.72fr) minmax(360px,1.25fr) minmax(250px,.78fr);gap:12px;align-items:center}.verification-member-identity{display:flex;align-items:center;gap:10px;min-width:0}.verification-member-identity img,.verification-member-avatar{width:38px;height:38px;border-radius:10px;object-fit:cover;flex:0 0 auto}.verification-member-avatar{display:grid;place-items:center;background:#171d28;color:#a98cef;font-size:12px;font-weight:800}.verification-member-identity strong,.verification-member-identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.verification-member-identity strong{font-size:9px}.verification-member-identity small{font-size:8px;color:#6f7a89;margin-top:4px}.verification-member-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.verification-member-meta span{min-width:0}.verification-member-meta small,.verification-member-meta strong{display:block}.verification-member-meta small{font-size:7px;text-transform:uppercase;letter-spacing:.07em;color:#65707f}.verification-member-meta strong{font-size:8px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.success-text{color:#55d993!important}.warning-text{color:#f6c453!important}.verification-member-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.verification-member-actions .btn.compact{padding:8px 10px}.verification-member-actions button:disabled{opacity:.42;cursor:not-allowed} @media(max-width:1180px){.verification-setup-grid,.recovery-overview-grid{grid-template-columns:1fr}.verification-member-card{grid-template-columns:24px minmax(180px,.8fr) minmax(320px,1.2fr)}.verification-member-actions{grid-column:2/-1;justify-self:start;width:min(520px,100%)}.verification-member-meta{grid-template-columns:repeat(4,minmax(0,1fr))}} @media(max-width:720px){.member-lookup-toolbar{grid-template-columns:1fr}.verification-member-card{grid-template-columns:24px minmax(0,1fr)}.verification-member-meta,.verification-member-actions{grid-column:2/-1}.verification-member-meta{grid-template-columns:1fr 1fr}.verification-switcher{justify-content:flex-start}.verification-setup-grid{display:block}.verification-message-card{margin-top:14px}} /* V15.1 Hosted Verification Workspace */ .verification-page-grid,.verification-security-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:14px}.verification-page-config>label{display:grid;gap:7px;margin-top:12px}.verify-site-preview{--verify-accent:#8B5CF6;min-height:430px;border:1px solid #272d38;border-radius:18px;background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--verify-accent) 18%,transparent),transparent 36%),#0a0d12;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px}.verify-site-logo{width:62px;height:62px;border-radius:17px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,var(--verify-accent),#5b21b6);color:white;font-size:20px;font-weight:900;box-shadow:0 14px 36px color-mix(in srgb,var(--verify-accent) 20%,transparent)}.verify-site-logo img{width:100%;height:100%;object-fit:cover}.verify-site-preview>small{text-transform:uppercase;letter-spacing:.12em;color:var(--verify-accent);font-weight:800;font-size:8px;margin-top:18px}.verify-site-preview>h3{font-size:20px;margin:8px 0 6px}.verify-site-preview>p{max-width:440px;color:#8691a0;font-size:9px;line-height:1.6;margin:0}.verify-site-preview>button{margin-top:20px;border:0;border-radius:10px;padding:11px 18px;background:var(--verify-accent);color:#fff;font-size:9px;font-weight:800;pointer-events:none}.verify-site-checks{margin-top:22px;display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.verify-site-checks span{padding:7px 9px;border-radius:999px;border:1px solid #252d38;background:#0c1118;color:#7f8998;font-size:7px}.verification-security-grid>.panel{margin:0}.verification-member-card{position:relative}.verification-member-activity{grid-column:1/-1;border-top:1px solid #222a35;padding-top:12px;margin-top:2px}.verification-member-activity>strong{font-size:9px}.verification-member-activity>div{display:grid;gap:7px;margin-top:9px}.verification-member-activity span{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border:1px solid #202732;border-radius:9px;background:#090d12}.verification-member-activity b{font-size:8px}.verification-member-activity small{font-size:7px;color:#778290;text-align:right}.verification-member-activity p{font-size:8px;color:#7f8998;margin:8px 0 0} @media(max-width:1100px){.verification-page-grid,.verification-security-grid{grid-template-columns:1fr}}@media(max-width:700px){.verify-site-checks{flex-direction:column}.verification-member-activity span{align-items:flex-start;flex-direction:column}.verification-member-activity small{text-align:left}} /* V15.2 Music Controls, Verification Polish And Mobile Layout */ .verification-page-overview{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:2px 0 14px;padding:2px}.verification-page-overview h3{font-size:19px;margin:5px 0}.verification-page-overview p{max-width:760px;margin:0;color:#7d8898;font-size:10px;line-height:1.65}.verification-plan-summary{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.verification-page-grid-v2{grid-template-columns:minmax(460px,.92fr) minmax(420px,1.08fr);align-items:start}.verification-page-column{display:grid;gap:14px;min-width:0}.verification-standard-card{margin:0;background:linear-gradient(145deg,#0e1419,#0c1117)}.verification-included-chip{padding:6px 9px;border:1px solid #24352d;background:#0b1610;border-radius:999px;color:#5dd9a6;font-size:8px;font-weight:800;white-space:nowrap}.verification-standard-points{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.verification-standard-points span{padding:9px 10px;border:1px solid #202832;background:#0a0f15;border-radius:9px;color:#8d98a7;font-size:8px}.verification-field-section{margin-top:16px;padding-top:16px;border-top:1px solid #202630}.verification-field-section:first-of-type{margin-top:4px;padding-top:4px;border-top:0}.verification-field-section>strong,.verification-field-section>small{display:block}.verification-field-section>strong{font-size:10px}.verification-field-section>small{font-size:8px;color:#697586;margin-top:4px}.verification-field-section>label,.verification-field-section>.form-grid{margin-top:11px}.verification-page-actions{margin-top:16px}.verification-preview-panel{position:sticky;top:24px;min-width:0}.verify-browser{overflow:hidden;border:1px solid #272e39;border-radius:16px;background:#090c11;box-shadow:0 20px 50px #0005}.verify-browser-bar{height:34px;display:flex;align-items:center;gap:6px;padding:0 11px;border-bottom:1px solid #202630;background:#0d1117}.verify-browser-bar>span{width:6px;height:6px;border-radius:50%;background:#343b47}.verify-browser-bar small{margin-left:5px;color:#606b7b;font-size:7px}.verify-browser .verify-site-preview{border:0;border-radius:0;min-height:520px}.verify-site-brandline{display:flex;align-items:center;gap:6px;color:#758091;font-size:7px;margin-bottom:4px}.verify-site-brandline strong{color:#bec6d1}.verify-site-brandline small{color:#606b7a}.verify-site-trust-row{display:flex;gap:6px;justify-content:center;margin-top:15px}.verify-site-trust-row span{padding:6px 8px;border-radius:999px;border:1px solid #242c37;background:#0b1017;color:#748091;font-size:7px}.verify-site-preview-foot{margin-top:18px;color:#576273;font-size:7px} .queue-manage-row{grid-template-columns:26px 30px minmax(0,1fr) auto;gap:9px;align-items:center;position:relative}.queue-drag{border:0;background:transparent;color:#5f6a79;padding:4px;cursor:grab;font-size:13px;line-height:1}.queue-drag:active{cursor:grabbing}.queue-copy{min-width:0}.queue-copy strong,.queue-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-actions{grid-column:3/-1;display:flex;justify-content:flex-end;gap:5px;flex-wrap:wrap}.queue-actions .table-action{font-size:7px;padding:5px 7px}.queue-actions .table-action:disabled{opacity:.35;cursor:not-allowed}.queue-manage-row.dragging{opacity:.45}.queue-manage-row.drag-over{border-color:#7252bd;background:rgba(139,92,246,.08)}.music-search-result small{display:block}.music-search-result small::first-letter{text-transform:uppercase}.music-filter-card .field-help{margin-top:8px} @media(max-width:1180px){.verification-page-grid-v2{grid-template-columns:1fr}.verification-preview-panel{position:static}.verify-browser .verify-site-preview{min-height:430px}} @media(max-width:820px){ body{overflow-x:hidden}.main{width:100%;max-width:100%;padding-left:14px;padding-right:14px}.sidebar{max-width:100vw}.sidebar nav{scrollbar-width:none}.sidebar nav::-webkit-scrollbar{display:none}.nav-item{min-height:40px}.panel{max-width:100%;overflow:hidden}.workspace-content,.subview,.workspace-panel{min-width:0}.workspace-switcher{max-width:100%;overflow-x:auto;scrollbar-width:none}.workspace-switcher::-webkit-scrollbar{display:none}.workspace-switcher button{flex:0 0 auto;white-space:nowrap}.section-intro{gap:12px}.section-intro h2{font-size:25px}.topbar{gap:12px}.top-actions{gap:8px}.form-input,.form-select,textarea{max-width:100%}.table-wrap{overflow-x:auto}.verification-page-overview{flex-direction:column}.verification-plan-summary{justify-content:flex-start}.verification-standard-points{grid-template-columns:1fr}.verification-preview-panel{position:static}.music-player-top{align-items:flex-start;gap:8px}.music-secondary-controls{display:grid;grid-template-columns:1fr 1fr}.music-secondary-controls .btn:last-child{grid-column:1/-1}.music-primary-controls{justify-content:center}.music-search-panel .audio-quality-badge{display:none}.queue-manage-row{grid-template-columns:22px 27px minmax(0,1fr) auto}.queue-actions{grid-column:1/-1;justify-content:flex-start;padding-left:49px}.queue-duration{font-size:8px}.verification-security-grid,.verification-page-grid{min-width:0}.verification-member-results{max-height:none}.verification-member-card{padding:11px}.modal{max-width:calc(100vw - 22px);max-height:90vh;overflow:auto} } @media(max-width:560px){ .main{padding:18px 10px 45px}.topbar{padding-bottom:15px}.section-intro h2{font-size:23px}.panel{padding:14px;border-radius:12px}.panel-head{align-items:flex-start;gap:8px}.panel-head>.badge,.panel-head>.tier-badge{flex:0 0 auto}.form-grid.two,.settings-compact-grid,.music-live-settings{grid-template-columns:1fr!important}.panel-actions{width:100%;display:grid;grid-template-columns:1fr}.panel-actions .btn{width:100%}.verification-page-actions{grid-template-columns:1fr}.verification-field-section>.form-grid{grid-template-columns:1fr}.verify-browser .verify-site-preview{padding:24px 16px;min-height:390px}.verify-site-preview>h3{font-size:18px}.verify-site-trust-row{flex-wrap:wrap}.music-artwork{height:145px}.music-player-shell{padding:14px}.music-search-result{padding:9px}.music-search-result strong{font-size:9px}.queue-manage-row{grid-template-columns:20px 24px minmax(0,1fr)}.queue-duration{display:none}.queue-actions{padding-left:44px}.queue-actions .table-action{flex:1;min-width:64px;text-align:center}.music-library-actions .btn,.music-library-actions .table-action{flex:1;text-align:center}.verification-header-clean h3{font-size:20px}.verification-member-meta{grid-template-columns:1fr}.verification-member-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.verification-member-actions .btn{width:100%}.verification-standard-card .panel-head{flex-direction:column}.verification-included-chip{margin-top:4px}.landing-copy h1{font-size:38px}.landing-copy>p{font-size:14px}.landing-cta{padding:20px}.modal-wide{width:calc(100vw - 12px)!important}.toast-container{left:10px!important;right:10px!important;width:auto!important}.toast{width:100%!important;max-width:none!important} } /* V15.3 Server Configuration, Navigation And Persistence Polish */ .nav-icon{width:20px;height:20px;display:grid;place-items:center;flex:0 0 20px;color:#8090a7} .nav-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} .nav-item:hover .nav-icon,.nav-item.active .nav-icon{color:#b49aff}.nav-item.active .nav-icon{filter:drop-shadow(0 0 7px rgba(139,92,246,.28))} .profile-settings{font-size:0;width:28px;height:28px;border:1px solid #27303d;border-radius:9px;display:grid;place-items:center}.profile-settings:after{content:'⚙';font-size:13px;color:#8793a5} .settings-save-state{display:flex;align-items:center;gap:10px}.settings-save-state>span{font-size:9px;color:#6f7c8e;white-space:nowrap}.settings-save-state>span[data-state="dirty"]{color:#d9ad61}.settings-save-state>span[data-state="saving"]{color:#a88bf5}.settings-save-state>span[data-state="saved"]{color:#59d2a0}.settings-save-state>span[data-state="error"]{color:#fb7185} .settings-workspace{display:block}.settings-workspace>.settings-navigation{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;padding:8px;margin:0 0 16px;border:1px solid #252c37;background:#0c1016;border-radius:14px}.settings-navigation .vertical-tab{min-width:0;display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid transparent;border-radius:10px;background:transparent;text-align:left}.settings-navigation .vertical-tab>span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#111722;border:1px solid #252d39;color:#8995a6;font-size:13px}.settings-navigation .vertical-tab strong{display:block;font-size:9px}.settings-navigation .vertical-tab small{display:block;margin-top:2px;font-size:7px;color:#667385;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-navigation .vertical-tab.active{border-color:#4b376f;background:linear-gradient(135deg,rgba(139,92,246,.15),rgba(139,92,246,.05))}.settings-navigation .vertical-tab.active>span{background:#24183c;border-color:#63429c;color:#c0a6ff}.settings-workspace>.workspace-content{width:100%;min-width:0}.settings-workspace .subview>.panel,.settings-workspace .workspace-panel>.panel{box-shadow:0 12px 38px rgba(0,0,0,.12)} .command-settings-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px}.command-settings-layout>.form-stack{padding:17px;border:1px solid #232b36;border-radius:14px;background:#0c1016}.command-settings-layout>.form-stack:first-child:before{content:'Access & Permissions';display:block;margin-bottom:14px;color:#f1f4f8;font-size:13px;font-weight:800}.command-settings-layout label{font-size:9px}.command-settings-layout select[multiple]{min-height:118px}.command-premium-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:4px}.command-premium-head h3{margin:0;font-size:15px}.command-premium-head p{margin:5px 0 0;color:#718094;font-size:8px;line-height:1.55}.command-message-premium.feature-locked{position:relative;opacity:1}.command-message-premium.feature-locked>label,.command-message-premium.feature-locked>.form-grid,.command-message-premium.feature-locked>.setting-row,.command-message-premium.feature-locked>h3{opacity:.38}.command-premium-lock{padding:11px 12px;margin:10px 0 13px;border:1px solid #503a78;border-radius:10px;background:linear-gradient(135deg,rgba(139,92,246,.12),rgba(139,92,246,.035))}.command-premium-lock strong,.command-premium-lock small{display:block}.command-premium-lock strong{font-size:9px;color:#c8b4ff}.command-premium-lock small{margin-top:4px;font-size:8px;color:#7c8798}.modal-wide{width:min(1120px,calc(100vw - 48px))}.modal-wide .modal-head{padding-bottom:15px;border-bottom:1px solid #202732;margin-bottom:16px} @media(max-width:1000px){.settings-workspace>.settings-navigation{grid-template-columns:repeat(2,minmax(0,1fr))}.command-settings-layout{grid-template-columns:1fr}.command-settings-layout select[multiple]{min-height:105px}} @media(max-width:640px){.settings-save-state>span{display:none}.settings-save-state .btn{width:auto}.settings-workspace>.settings-navigation{display:flex;overflow-x:auto;scrollbar-width:none;padding:6px}.settings-workspace>.settings-navigation::-webkit-scrollbar{display:none}.settings-navigation .vertical-tab{flex:0 0 auto;min-width:138px}.settings-navigation .vertical-tab small{max-width:105px}.command-settings-layout>.form-stack{padding:12px}.command-premium-head{flex-direction:column}.modal-wide{width:calc(100vw - 12px)}.nav-icon{width:18px;height:18px}.nav-icon svg{width:16px;height:16px}} /* V15.4 Navigation, Feature Library And Embed Studio */ .server-tool-launcher{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 16px}.server-tool-launcher button{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;text-align:left;padding:14px 15px;border:1px solid #252d39;border-radius:12px;background:#0d1117;color:#dbe1e9;cursor:pointer}.server-tool-launcher button:hover{border-color:#5d438f;background:#121620}.server-tool-launcher span{font-size:10px;font-weight:800}.server-tool-launcher small{grid-column:1/2;color:#6f7b8c;font-size:8px;line-height:1.45}.server-tool-launcher b{grid-row:1/3;grid-column:2;color:#a78bfa;font-size:15px} .feature-command-browser{width:100%}.feature-command-toolbar{display:flex;align-items:end;justify-content:space-between;gap:14px;padding:12px 13px;margin-bottom:14px;border:1px solid #242c37;border-radius:12px;background:#0c1016}.feature-command-toolbar label{margin:0;min-width:210px}.feature-command-toolbar label>span{display:block;margin-bottom:6px;font-size:8px;color:#7d8999;font-weight:700}.feature-tier-note{display:flex;align-items:center;gap:7px;color:#6e7a8a;font-size:8px}.feature-system-section{margin-bottom:16px}.feature-system-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:2px 0 14px;margin-bottom:14px;border-bottom:1px solid #202731}.feature-system-heading h3{margin:4px 0;font-size:16px}.feature-system-heading p{margin:0;color:#718094;font-size:9px}.automod-feature-block>.section-actions{justify-content:flex-end;margin-bottom:12px} .subview[data-subview="settings-branding"].active{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);gap:16px;align-items:start}.subview[data-subview="settings-branding"]>.branding-preview-panel{margin-top:0;position:sticky;top:22px}.branding-preview-panel .branding-preview{min-height:180px} .embed-studio-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:16px;align-items:start}.embed-editor-stack{display:flex;flex-direction:column;gap:14px}.embed-preview-column{min-width:0}.embed-preview-sticky{position:sticky;top:22px}.embed-editor-panel .form-grid.three{display:grid;grid-template-columns:160px 1fr 1fr;gap:12px}.embed-builder-list{display:flex;flex-direction:column;gap:9px}.embed-builder-item{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:10px;align-items:start;padding:11px;border:1px solid #242c37;border-radius:11px;background:#0c1016}.embed-builder-item[draggable="true"]{cursor:default}.embed-builder-handle{padding-top:26px;color:#596576;font-size:12px;cursor:grab;letter-spacing:-3px}.embed-builder-body{min-width:0}.embed-builder-actions{display:flex;gap:4px;padding-top:21px}.icon-btn{width:30px;height:30px;border:1px solid #2a3340;border-radius:8px;background:#111720;color:#aeb8c5;cursor:pointer}.icon-btn:hover{border-color:#665099;color:#fff}.icon-btn.danger:hover{border-color:#71323e;color:#fb7185}.embed-inline-check{align-self:end;min-height:40px}.embed-publish-actions{display:flex;gap:8px;flex-wrap:wrap}.embed-publish-actions .btn-danger{margin-left:auto} .discord-message-preview{min-height:540px;padding:22px;background:#313338;border-radius:12px;color:#dbdee1;font-family:Inter,sans-serif}.discord-preview-author{display:flex;align-items:center;gap:10px;margin-bottom:7px}.discord-preview-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#8b5cf6,#6d28d9);font-weight:800;color:#fff}.discord-preview-author>div:last-child{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.discord-preview-author strong{font-size:12px}.discord-preview-author span{padding:2px 4px;border-radius:3px;background:#5865f2;color:white;font-size:6px;font-weight:800}.discord-preview-author small{color:#949ba4;font-size:8px}.discord-preview-content{margin-left:50px;margin-bottom:7px;font-size:10px;line-height:1.5;color:#dbdee1}.discord-embed-card{position:relative;max-width:520px;margin-left:50px;padding:12px 14px 12px 16px;border-left:4px solid var(--embed-accent,#8b5cf6);border-radius:4px;background:#2b2d31;overflow:hidden}.discord-embed-author{display:flex;align-items:center;gap:7px;margin-bottom:7px;font-size:9px;font-weight:700}.discord-embed-author img{width:20px;height:20px;border-radius:50%;object-fit:cover}.discord-embed-title{margin-bottom:7px;font-size:11px;font-weight:800;color:#f2f3f5}.discord-embed-description{font-size:9px;line-height:1.55;color:#dbdee1;white-space:normal}.discord-embed-thumb{position:absolute;right:12px;top:12px;width:70px;height:70px;border-radius:4px;object-fit:cover}.discord-embed-thumb~.discord-embed-fields,.discord-embed-thumb~.discord-embed-description{padding-right:82px}.discord-embed-fields{display:grid;grid-template-columns:1fr;gap:8px;margin-top:10px}.discord-embed-field.inline{display:inline-flex;vertical-align:top;width:31%;margin-right:2%;flex-direction:column}.discord-embed-field strong,.discord-embed-field span{display:block}.discord-embed-field strong{font-size:8px;margin-bottom:3px}.discord-embed-field span{font-size:8px;line-height:1.45;color:#c7c9cc}.discord-embed-image{display:block;max-width:100%;max-height:310px;border-radius:4px;object-fit:cover;margin-top:11px}.discord-embed-footer{display:flex;align-items:center;gap:6px;margin-top:10px;color:#b5bac1;font-size:7px}.discord-embed-footer img{width:18px;height:18px;border-radius:50%;object-fit:cover}.discord-components-preview{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 0 50px}.discord-component-btn{padding:7px 10px;border-radius:3px;background:#4e5058;color:#fff;font-size:8px;font-weight:700}.discord-component-btn.primary{background:#5865f2}.discord-component-btn.success{background:#248046}.discord-component-btn.danger{background:#da373c}.discord-component-btn.secondary{background:#4e5058} @media(max-width:1100px){.subview[data-subview="settings-branding"].active,.embed-studio-layout{grid-template-columns:1fr}.subview[data-subview="settings-branding"]>.branding-preview-panel,.embed-preview-sticky{position:static}.server-tool-launcher{grid-template-columns:1fr 1fr}.discord-message-preview{min-height:420px}.embed-editor-panel .form-grid.three{grid-template-columns:1fr 1fr}} @media(max-width:700px){.server-tool-launcher{grid-template-columns:1fr}.feature-command-toolbar{align-items:stretch;flex-direction:column}.feature-command-toolbar label{min-width:0}.feature-tier-note{flex-wrap:wrap}.embed-editor-panel .form-grid.three{grid-template-columns:1fr}.embed-builder-item{grid-template-columns:18px minmax(0,1fr)}.embed-builder-actions{grid-column:2;justify-content:flex-end;padding-top:0}.embed-publish-actions{display:grid;grid-template-columns:1fr 1fr}.embed-publish-actions .btn{width:100%;margin:0}.discord-message-preview{padding:14px;min-height:360px}.discord-preview-content,.discord-embed-card,.discord-components-preview{margin-left:0}.discord-embed-card{max-width:100%}.discord-embed-field.inline{width:48%;margin-right:2%}} /* V15.5 Components V2 Studio, Ticket Queue Access And Delegated Dashboard Permissions */ .embed-studio-modebar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 16px;padding:7px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2,#0d1117)} .embed-studio-modebar>button{border:0;background:transparent;color:var(--text-2);padding:10px 14px;border-radius:10px;font-weight:800;cursor:pointer}.embed-studio-modebar>button.active{background:rgba(139,92,246,.15);color:var(--text);box-shadow:inset 0 0 0 1px rgba(139,92,246,.35)}.embed-v2-note{margin-left:auto;color:var(--text-3,#778196);font-size:11px;max-width:480px} .embed-v2-workspace{display:grid;gap:16px}.embed-v2-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px}.embed-v2-toolbar h3{margin:5px 0}.embed-v2-toolbar p{margin:0;color:var(--text-2)}.embed-v2-tools{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap}.embed-v2-stage-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:16px;align-items:start}.embed-v2-stage-layout>aside{min-width:0} .v2-canvas{margin-top:14px;padding:12px;background:#313338;border-radius:12px;min-height:260px;box-shadow:inset 0 0 0 1px #ffffff0b}.v2-drop-empty{min-height:220px;display:grid;place-items:center;align-content:center;gap:8px;text-align:center;border:1px dashed #555b66;border-radius:10px;color:#b5bac1}.v2-drop-empty span{max-width:520px;font-size:12px;color:#949ba4}.v2-canvas-block{background:#2b2d31;border:1px solid #404249;border-radius:9px;margin:8px 0;color:#dbdee1;overflow:hidden;transition:.15s ease}.v2-canvas-block.dragging{opacity:.55}.v2-canvas-block.drag-over{border-color:#a78bfa;box-shadow:0 0 0 2px rgba(139,92,246,.2)}.v2-block-head{display:flex;align-items:center;gap:10px;padding:9px 10px;border-bottom:1px solid #3a3c43;background:#25262b}.v2-block-head strong{font-size:12px}.v2-block-head>div{margin-left:auto;display:flex;gap:5px}.v2-drag{cursor:grab;color:#949ba4;letter-spacing:-2px}.v2-block-editor{padding:12px}.v2-mini-editor{position:relative;padding:10px;margin:8px 0;border:1px solid #404249;border-radius:9px;background:#232428}.v2-mini-editor>.danger{position:absolute;top:7px;right:7px}.v2-option-list{display:grid;gap:6px} .discord-v2-preview{--v2-accent:#8B5CF6;background:#313338;border-radius:12px;padding:14px;min-height:280px}.discord-v2-message{color:#dbdee1}.discord-v2-container{border-left:4px solid var(--v2-accent);border-radius:9px;background:#2b2d31;padding:12px;margin-top:8px;display:grid;gap:10px}.v2-preview-text{font-size:13px;line-height:1.45}.v2-preview-section{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;line-height:1.45;font-size:13px}.v2-preview-section img{width:72px;height:72px;border-radius:8px;object-fit:cover}.v2-preview-separator{padding:3px 0}.v2-preview-separator.large{padding:11px 0}.v2-preview-separator i{display:block;height:1px;background:#4e5058}.v2-preview-media img{display:block;max-width:100%;max-height:280px;object-fit:cover;border-radius:8px}.v2-preview-media.placeholder{padding:50px 20px;text-align:center;background:#1e1f22;border-radius:8px;color:#949ba4}.v2-preview-actions{display:flex;gap:6px;flex-wrap:wrap}.v2-preview-actions button{border:0;border-radius:4px;padding:7px 12px;color:white;font-weight:700;font-size:12px;background:#4e5058}.v2-preview-actions button.primary{background:#5865f2}.v2-preview-actions button.success{background:#248046}.v2-preview-actions button.danger{background:#da373c}.v2-preview-select{display:flex;align-items:center;justify-content:space-between;background:#1e1f22;border:1px solid #111214;border-radius:4px;color:#b5bac1;padding:10px 12px;font-size:12px}.v2-preview-empty{color:#949ba4;text-align:center;padding:30px 10px} .access-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:16px;align-items:start}.permission-builder{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}.permission-group-title{grid-column:1/-1;margin-top:8px;padding-top:10px;border-top:1px solid var(--line);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--purple-2)}.permission-option{display:flex;gap:10px;align-items:flex-start;padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2,#0d1117);cursor:pointer}.permission-option input{margin-top:3px}.permission-option span,.permission-option strong,.permission-option small{display:block}.permission-option strong{font-size:12px}.permission-option small{font-size:10px;color:var(--text-2);margin-top:3px;line-height:1.4}.permission-option.dangerous{border-color:rgba(251,113,133,.22)}.access-rule-list{display:grid;gap:8px}.access-rule{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2,#0d1117)}.access-rule>div{min-width:0;display:grid;grid-template-columns:auto 1fr;gap:5px 8px;align-items:center;flex:1}.access-rule strong{font-size:12px}.access-rule small{grid-column:1/-1;color:var(--text-2);font-size:10px;white-space:normal}.settings-navigation .vertical-tab[hidden],.nav-item[hidden],#serverToolLauncher button[hidden]{display:none!important} @media(max-width:1100px){.embed-v2-stage-layout,.access-layout{grid-template-columns:1fr}.embed-v2-stage-layout>aside .embed-preview-sticky{position:static}.embed-v2-note{width:100%;margin-left:4px}.permission-builder{grid-template-columns:1fr 1fr}} @media(max-width:700px){.embed-v2-toolbar{align-items:flex-start;flex-direction:column}.embed-v2-tools{justify-content:flex-start}.permission-builder{grid-template-columns:1fr}.embed-studio-modebar>button{flex:1}.embed-v2-stage-layout{display:block}.embed-v2-stage-layout>aside{margin-top:14px}.v2-block-head{align-items:flex-start}.v2-block-head>div{flex-wrap:wrap;justify-content:flex-end}.access-rule{align-items:flex-start;flex-direction:column}.access-rule .btn{width:100%}} .security-protection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}.security-protection-grid>div{padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2,#0d1117)}.security-protection-grid span,.security-protection-grid strong{display:block}.security-protection-grid span{font-size:9px;color:var(--text-2)}.security-protection-grid strong{font-size:11px;margin-top:3px;color:var(--green)}.dashboard-security-panel{margin-top:16px}@media(max-width:700px){.security-protection-grid{grid-template-columns:1fr 1fr}} /* V15.6 Privacy-First Verification And Recovery Polish */ .verification-page-grid-v2{align-items:start}.verification-page-column{display:grid;gap:14px}.verification-page-config{margin:0}.recovery-summary-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:4px 0 16px}.recovery-summary-cards .stat-card{padding:15px;border:1px solid #252d38;border-radius:13px;background:linear-gradient(180deg,#0f141c,#0b1016)}.recovery-summary-cards .stat-card span{display:block;font-size:8px;color:#768294;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.recovery-summary-cards .stat-card strong{font-size:19px;letter-spacing:-.03em}.recovery-control-card{padding:17px;border:1px solid #27303c;border-radius:14px;background:#0b1016;display:grid;gap:14px}.recovery-control-head{display:grid;gap:4px}.recovery-control-head strong{font-size:11px}.recovery-control-head small{font-size:8px;color:#758092}.verification-premium-panel .inline-status{margin-bottom:0}.verification-field-section>.form-grid{margin-top:10px} @media(max-width:900px){.recovery-summary-cards{grid-template-columns:1fr 1fr}} @media(max-width:520px){.recovery-summary-cards{grid-template-columns:1fr}.recovery-control-card .panel-actions{display:grid;grid-template-columns:1fr}.recovery-control-card .panel-actions .btn{width:100%}} /* V15.9 Invite Tracking, Game Updates And Dashboard Navigation */ .dashboard-nav-panel{margin-bottom:16px}.dashboard-navigation-tiles{grid-template-columns:repeat(3,minmax(0,1fr));margin:0}.dashboard-navigation-tiles button{min-height:78px}.compact-setting{margin-top:10px}.invite-leaderboard{max-height:430px;overflow:auto}.feature-detail-list{display:grid;gap:9px}.feature-detail-list>div{padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2,#0d1117)}.feature-detail-list strong,.feature-detail-list span{display:block}.feature-detail-list strong{font-size:10px}.feature-detail-list span{margin-top:4px;color:var(--text-2);font-size:8px;line-height:1.55}#gameUpdatesGames{min-height:150px}.subview[data-subview="community-invites"] .table-wrap code{font-size:8px}.subview[data-subview="community-games"] .feature-locked{opacity:.62}.settings-navigation .vertical-tab[hidden],.nav-item[hidden],#serverToolLauncher button[hidden],#dashboardNavTiles button[hidden]{display:none!important} @media(max-width:1100px){.dashboard-navigation-tiles{grid-template-columns:1fr 1fr}} @media(max-width:700px){.dashboard-navigation-tiles{grid-template-columns:1fr}.dashboard-navigation-tiles button{min-height:0}} /* v16.0 Live Server Console */ .live-server-shell{display:grid;grid-template-columns:250px minmax(0,1fr) 260px;min-height:660px;border:1px solid var(--line,#20242e);border-radius:14px;overflow:hidden;background:#0a0e14}.live-channel-panel,.live-context-panel{background:#0b0f15;min-width:0}.live-channel-panel{border-right:1px solid var(--line,#20242e)}.live-context-panel{border-left:1px solid var(--line,#20242e);padding-bottom:12px}.live-panel-head,.live-chat-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:68px;padding:14px 16px;border-bottom:1px solid var(--line,#20242e)}.live-panel-head strong,.live-panel-head small,.live-chat-head strong,.live-chat-head small{display:block}.live-panel-head strong,.live-chat-head strong{font-size:11px;color:#f4f5f8}.live-panel-head small,.live-chat-head small{margin-top:4px;font-size:8px;color:#7f8998}.live-channel-search{padding:10px 12px}.live-channel-search .form-input{height:34px}.live-channel-list{height:550px;overflow:auto;padding:2px 8px 12px}.live-channel-category{padding:12px 9px 6px;color:#687386;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.live-channel-item{width:100%;display:grid;grid-template-columns:20px 1fr;align-items:center;gap:6px;padding:9px;border:0;border-radius:8px;background:transparent;color:#8994a5;text-align:left;cursor:pointer}.live-channel-item:hover{background:#111721;color:#d8dee8}.live-channel-item.active{background:rgba(139,92,246,.13);color:#f4f5f8}.live-channel-item>span{font-size:17px;color:#5e6878}.live-channel-item strong,.live-channel-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-channel-item strong{font-size:9px}.live-channel-item small{margin-top:2px;font-size:7px;color:#667181}.live-chat-panel{display:flex;flex-direction:column;min-width:0;background:#0d1117}.live-message-list{flex:1;height:505px;overflow:auto;padding:14px 18px}.live-message{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;padding:8px 4px;border-radius:8px}.live-message:hover{background:rgba(255,255,255,.018)}.live-avatar{width:34px;height:34px;border-radius:50%;overflow:hidden;background:#202737;display:grid;place-items:center;color:#b9a8fb;font-size:10px;font-weight:800}.live-avatar img{width:100%;height:100%;object-fit:cover}.live-message-meta{display:flex;align-items:baseline;gap:6px;min-width:0}.live-message-meta strong{font-size:9px;color:#e9edf3}.live-message-meta time{font-size:7px;color:#586474}.live-bot-badge{padding:1px 4px;border-radius:3px;background:#5865f2;color:white;font-size:6px;font-weight:800}.live-message-content{margin-top:2px;color:#c8ced8;font-size:9px;line-height:1.55;word-break:break-word}.live-message-actions{display:flex;gap:8px;opacity:0;margin-top:5px;transition:.15s}.live-message:hover .live-message-actions{opacity:1}.live-message-actions button{padding:0;border:0;background:none;color:#748096;font-size:7px;cursor:pointer}.live-message-actions button:hover{color:#c6b7ff}.live-message-actions button.danger:hover{color:#fb7185}.live-attachments,.live-embeds{display:grid;gap:7px;margin-top:7px}.live-image-attachment{display:block;width:min(420px,100%)}.live-image-attachment img{display:block;max-width:100%;max-height:320px;border-radius:8px;border:1px solid #252d39}.live-file-attachment{display:inline-flex;width:max-content;max-width:100%;padding:7px 9px;border:1px solid #252d39;border-radius:7px;color:#a994f7;font-size:8px;text-decoration:none}.live-discord-embed{max-width:460px;padding:10px 12px;border:1px solid #252d39;border-left:3px solid #5865f2;border-radius:5px;background:#090d12}.live-discord-embed strong{font-size:9px}.live-discord-embed p{margin:5px 0 0;color:#aeb7c5;font-size:8px;line-height:1.5}.live-discord-embed img{display:block;max-width:100%;max-height:240px;margin-top:8px;border-radius:6px}.live-reply-bar{display:flex;align-items:center;justify-content:space-between;padding:7px 14px;border-top:1px solid #20242e;background:#111620;color:#8f99aa;font-size:8px}.live-reply-bar button{border:0;background:none;color:#9aa5b4;cursor:pointer;font-size:15px}.live-composer{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px 14px 6px}.live-composer textarea{resize:none;min-height:42px;max-height:130px}.live-composer.disabled{opacity:.58}.live-composer-note{padding:0 14px 11px;color:#566172;font-size:7px;line-height:1.45}.live-chat-empty{height:100%;display:grid;place-content:center;justify-items:center;text-align:center;color:#637083}.live-chat-empty>div{width:46px;height:46px;border:1px solid #283140;border-radius:50%;display:grid;place-items:center;margin-bottom:10px;color:#a78bfa}.live-chat-empty strong{font-size:11px;color:#cdd4de}.live-chat-empty span{margin-top:5px;font-size:8px}.live-context-card{margin:10px 12px 0;padding:11px;border:1px solid #222a35;border-radius:10px;background:#0d1219}.live-context-card span,.live-context-card strong,.live-context-card small{display:block}.live-context-card span{font-size:7px;color:#677486;text-transform:uppercase;letter-spacing:.08em}.live-context-card strong{margin-top:5px;font-size:9px;color:#d8dee7}.live-context-card small{margin-top:4px;color:#6f7b8c;font-size:7px;line-height:1.5} @media(max-width:1180px){.live-server-shell{grid-template-columns:220px minmax(0,1fr)}.live-context-panel{display:none}} @media(max-width:760px){.live-server-shell{grid-template-columns:1fr;min-height:0}.live-channel-panel{border-right:0;border-bottom:1px solid var(--line,#20242e)}.live-channel-list{height:180px}.live-message-list{height:430px}.live-composer{grid-template-columns:1fr}.live-message-actions{opacity:1}} /* v16.1 Live Server Management Console */ .live-head-actions{display:flex;align-items:center;gap:7px}.live-head-actions .form-input{width:190px;height:32px}.live-head-actions .btn{height:32px;padding:0 11px}.live-author{padding:0;border:0;background:none;font:inherit;font-weight:800;color:#e9edf3;cursor:pointer}.live-author:hover{text-decoration:underline}.live-avatar[data-live-member]{cursor:pointer}.live-pin-badge{padding:1px 5px;border-radius:4px;background:rgba(246,196,83,.12);color:#f6c453;font-size:6px;font-weight:800}.live-message.is-pinned{background:rgba(246,196,83,.025)}.live-reply-reference{display:block;margin:3px 0 4px;padding:0;border:0;background:none;color:#778397;font-size:7px;cursor:pointer}.live-reply-reference:hover{color:#b9a8fb}.live-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.live-reaction{border:1px solid #293241;border-radius:6px;background:#111721;color:#aeb7c5;padding:3px 7px;font-size:8px}.live-reaction.active{border-color:#6f54d9;background:rgba(139,92,246,.12)}.live-reaction span{margin-left:3px;color:#778397}.live-highlight{outline:1px solid rgba(139,92,246,.6);background:rgba(139,92,246,.08)!important}.live-member-card{padding:12px}.live-member-head{display:flex;align-items:center;gap:9px}.live-member-head img{width:38px;height:38px;border-radius:50%;object-fit:cover}.live-member-head strong,.live-member-head small{margin:0}.live-member-facts{display:grid;gap:5px;margin-top:10px}.live-member-facts span{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid #1c2430;color:#788496;font-size:7px}.live-member-facts b{color:#d9e0e9}.live-member-actions{display:flex;gap:6px;margin-top:10px}.live-member-actions .btn{padding:7px 8px;font-size:7px} @media(max-width:900px){.live-head-actions .form-input{width:130px}.live-head-actions{flex-wrap:wrap;justify-content:flex-end}} /* v16.2 Music Workspace — focused player, catalog search, full-width queue */ .music-dashboard .workspace-panel[data-panel-name="player"].active{display:block!important} .music-dashboard .music-player-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:14px;align-items:start} .music-dashboard .music-side-stack{display:contents} .music-dashboard .music-player-shell{grid-column:1;min-height:0;padding:18px} .music-dashboard .music-search-panel{grid-column:2;margin:0;min-height:0} .music-dashboard .music-queue-panel{grid-column:1/-1;margin:0;min-height:180px} .music-dashboard .music-artwork{height:156px;border-radius:12px;margin:14px 0;background:linear-gradient(145deg,#10151f,#090c12)} .music-dashboard .music-player-top{align-items:center} .music-dashboard .music-primary-controls{margin:10px 0 8px;gap:8px} .music-dashboard .player-main{width:46px;height:46px} .music-dashboard .music-secondary-controls{margin-top:8px} .music-dashboard .music-live-settings{margin-top:12px;padding-top:12px;border-top:1px solid #202630} .music-dashboard .music-search-panel .panel-head{margin-bottom:14px} .music-dashboard .music-search-panel .field-help{display:block;margin-top:10px;line-height:1.55} .music-dashboard .music-add-button{height:40px} .music-dashboard .music-queue{max-height:390px;overflow:auto;padding-right:3px} .music-dashboard .queue-manage-row{padding:10px 8px;border-radius:9px} .music-dashboard .music-search-result{grid-template-columns:46px minmax(0,1fr) auto;padding:8px} .music-dashboard .music-search-result img,.music-dashboard .music-result-art{width:46px;height:46px} @media(max-width:1050px){.music-dashboard .music-player-layout{grid-template-columns:1fr}.music-dashboard .music-player-shell,.music-dashboard .music-search-panel,.music-dashboard .music-queue-panel{grid-column:1}.music-dashboard .music-artwork{height:170px}} /* v16.3 Music timeline and queue polish */ .music-seek{width:100%;height:18px;appearance:none;background:transparent;cursor:pointer;accent-color:#8b5cf6} .music-seek::-webkit-slider-runnable-track{height:5px;border-radius:999px;background:linear-gradient(90deg,#8b5cf6 0%,#8b5cf6 var(--seek-progress,0%),#242b36 var(--seek-progress,0%),#242b36 100%)} .music-seek::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:#f4f5f8;border:3px solid #8b5cf6;margin-top:-4.5px;box-shadow:0 2px 10px rgba(139,92,246,.35)} .music-seek::-moz-range-track{height:5px;border-radius:999px;background:#242b36}.music-seek::-moz-range-progress{height:5px;border-radius:999px;background:#8b5cf6}.music-seek::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#f4f5f8;border:3px solid #8b5cf6} .music-seek:disabled{opacity:.45;cursor:not-allowed} .music-queue-panel.is-empty{min-height:0!important}.music-queue-panel.is-empty .music-queue{max-height:none!important;overflow:visible!important}.music-empty-queue{min-height:118px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;border:1px dashed #252d38;border-radius:12px;background:#0d1118;padding:20px}.music-empty-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(139,92,246,.12);color:#a78bfa;font-size:15px}.music-empty-queue strong{font-size:11px;color:#dce1e9}.music-empty-queue small{font-size:8px;color:#707b89} /* v16.3.2 Configuration Tiles / Premium Preview */ .settings-tile-menu{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 14px}.settings-tile-menu button{appearance:none;border:1px solid #242c37;background:#0d1219;border-radius:13px;padding:14px;text-align:left;color:#eef2f7;cursor:pointer;min-height:88px;transition:.16s ease}.settings-tile-menu button:hover,.settings-tile-menu button.active{border-color:rgba(139,92,246,.7);background:linear-gradient(145deg,rgba(139,92,246,.11),rgba(139,92,246,.035));transform:translateY(-1px)}.settings-tile-menu span,.settings-tile-menu small{display:block}.settings-tile-menu span{font-size:10px;font-weight:800}.settings-tile-menu small{font-size:8px;line-height:1.5;color:#778393;margin-top:7px}.settings-tile-menu b{font-size:7px;color:#b9a2ff;margin-left:5px;text-transform:uppercase}.settings-workspace>.settings-navigation{display:none}.settings-workspace{grid-template-columns:1fr!important}.premium-preview-notice{display:flex;align-items:center;gap:10px;padding:10px 12px;margin-bottom:12px;border:1px solid rgba(139,92,246,.25);border-radius:10px;background:rgba(139,92,246,.055)}.premium-preview-notice strong{font-size:9px;color:#c7b4ff;white-space:nowrap}.premium-preview-notice span{font-size:8px;color:#7e8897}.feature-locked{opacity:1!important}.feature-locked input,.feature-locked select,.feature-locked textarea,.feature-locked button{opacity:.52}.feature-locked .panel-head,.feature-locked h3,.feature-locked p,.feature-locked small,.feature-locked label{opacity:1}@media(max-width:1100px){.settings-tile-menu{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.settings-tile-menu{grid-template-columns:1fr 1fr}} /* v16.3.3 Components V2 Studio Layout Refresh */ .settings-tile-workspace{display:block!important}.settings-tile-workspace>.workspace-content{min-width:0}.settings-tile-workspace .settings-navigation{display:none!important} .embed-v2-workspace-redesign{gap:14px}.embed-v2-workspace-redesign.feature-locked{opacity:1!important}.embed-v2-workspace-redesign.feature-locked .embed-v2-library,.embed-v2-workspace-redesign.feature-locked .embed-v2-canvas-panel{opacity:.78}.embed-v2-workspace-redesign.feature-locked .embed-v2-preview-panel{opacity:1} .embed-v2-commandbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 18px;background:linear-gradient(135deg,#10151d,#0c1118);border-color:#252e3a}.embed-v2-command-copy h3{margin:4px 0 5px;font-size:16px}.embed-v2-command-copy p{margin:0;color:#7d8999;font-size:9px;line-height:1.55}.embed-v2-command-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.v2-block-counter,.v2-canvas-status{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border:1px solid #293241;border-radius:999px;background:#0a0f15;color:#9ba7b7;font-size:8px;font-weight:800;white-space:nowrap} .embed-v2-designer{display:grid;grid-template-columns:minmax(210px,.52fr) minmax(420px,1.25fr) minmax(330px,.78fr);gap:14px;align-items:start}.embed-v2-library{padding:16px;position:static;top:auto;align-self:start;z-index:auto}.embed-v2-library-head h3{margin:4px 0 5px;font-size:14px}.embed-v2-library-head p{margin:0;color:#748193;font-size:8px;line-height:1.5}.embed-v2-palette{display:grid;gap:7px;margin-top:15px}.v2-palette-card{width:100%;display:grid;grid-template-columns:34px minmax(0,1fr) 20px;align-items:center;gap:9px;padding:10px;border:1px solid #252e39;border-radius:10px;background:#0b1016;color:#e4e9f0;text-align:left;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.v2-palette-card:hover:not(:disabled){border-color:rgba(139,92,246,.65);background:rgba(139,92,246,.06);transform:translateY(-1px)}.v2-palette-card:disabled{cursor:not-allowed}.v2-palette-icon{width:34px;height:34px;border:1px solid #313a47;border-radius:9px;background:#121821;display:grid;place-items:center;color:#b9a8ff;font-size:11px;font-weight:900}.v2-palette-card>span:nth-child(2){min-width:0}.v2-palette-card strong,.v2-palette-card small{display:block}.v2-palette-card strong{font-size:9px}.v2-palette-card small{margin-top:3px;color:#697688;font-size:7px;line-height:1.35}.v2-palette-card b{color:#9d86f6;font-size:15px;font-weight:500}.embed-v2-container-settings{display:grid;gap:11px;margin-top:16px;padding-top:14px;border-top:1px solid #202833}.embed-v2-container-settings>label{margin:0}.v2-color-control{display:grid;grid-template-columns:42px 1fr;gap:8px;align-items:center;margin-top:6px}.v2-color-control input[type=color]{width:42px;height:38px;padding:2px;border:1px solid #2a3441;border-radius:9px;background:#0a0f15;cursor:pointer}.embed-v2-container-settings .setting-row{padding:10px 0 0;margin:0;border:0;background:transparent}.embed-v2-container-settings .setting-row strong{font-size:9px}.embed-v2-container-settings .setting-row small{font-size:7px} .embed-v2-canvas-panel{padding:0;overflow:hidden}.embed-v2-canvas-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 17px;border-bottom:1px solid #222a35;background:#0d1219}.embed-v2-canvas-head h3{margin:4px 0 5px;font-size:15px}.embed-v2-canvas-head p{margin:0;color:#758194;font-size:8px;line-height:1.5}.v2-canvas-redesign{margin:0;padding:12px 13px 14px;min-height:430px;border-radius:0;background:#0a0f15;box-shadow:none}.v2-drop-empty-redesign{min-height:400px;border-color:#303946;background:linear-gradient(180deg,rgba(255,255,255,.008),rgba(139,92,246,.012))}.v2-empty-mark{width:44px;height:44px;display:grid;place-items:center;border:1px dashed #554578;border-radius:12px;background:rgba(139,92,246,.05);color:#b9a8ff;font-size:22px}.v2-drop-empty-redesign strong{font-size:11px;color:#dce2e9}.v2-drop-empty-redesign span:last-child{max-width:330px;font-size:8px;line-height:1.55;color:#6f7b8b} .v2-canvas-block-redesign{margin:0 0 9px;border:1px solid #28313c;border-radius:11px;background:#0f151d;color:#dfe5ec;box-shadow:none}.v2-canvas-block-redesign:last-child{margin-bottom:0}.v2-canvas-block-redesign:hover{border-color:#344050}.v2-canvas-block-redesign.drag-over{border-color:#8b5cf6;box-shadow:inset 0 0 0 1px rgba(139,92,246,.28)}.v2-canvas-block-redesign .v2-block-head{min-height:48px;padding:8px 9px;border-bottom:1px solid #222b36;background:#111821}.v2-block-order{width:25px;height:25px;border:1px solid #303947;border-radius:7px;background:#0a0f15;display:grid;place-items:center;color:#778396;font-size:7px;font-weight:800}.v2-block-title{display:grid;gap:1px;min-width:0}.v2-block-title strong{font-size:9px}.v2-block-title small{color:#687587;font-size:7px;font-weight:600}.v2-block-actions{margin-left:auto;display:flex;gap:4px}.v2-canvas-block-redesign .icon-btn{width:28px;height:28px;border-radius:7px;font-size:11px}.v2-canvas-block-redesign .v2-block-editor{padding:12px 13px 13px}.v2-canvas-block-redesign .v2-mini-editor{background:#0b1016;border-color:#27313c}.v2-canvas-block-redesign .form-input,.v2-canvas-block-redesign .form-select{background:#090e14} .embed-v2-preview-column{min-width:0;position:relative;z-index:1}.embed-v2-preview-column .embed-preview-sticky{top:16px}.embed-v2-preview-panel{padding:15px;isolation:isolate}.embed-v2-preview-panel .panel-head{padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #202833}.embed-v2-preview-panel .panel-head h3{margin:4px 0 3px}.embed-v2-preview-panel .panel-head p{margin:0;font-size:8px}.embed-v2-preview-panel .discord-v2-preview{min-height:330px;padding:13px;background:#26282d;border:1px solid #34363c}.embed-v2-preview-panel .discord-v2-container{background:#1f2024}.embed-v2-destination{display:grid;gap:3px;margin-top:12px;padding:10px 11px;border:1px solid #242d38;border-radius:9px;background:#0b1016}.embed-v2-destination span{color:#677486;font-size:7px;text-transform:uppercase;letter-spacing:.08em}.embed-v2-destination strong{color:#d9e0e8;font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.embed-v2-publish-actions{display:grid;grid-template-columns:1fr;gap:7px;margin-top:10px}.embed-v2-publish-actions .btn{width:100%;margin:0}.embed-v2-workspace-redesign.feature-locked input:disabled,.embed-v2-workspace-redesign.feature-locked select:disabled,.embed-v2-workspace-redesign.feature-locked textarea:disabled,.embed-v2-workspace-redesign.feature-locked button:disabled{opacity:.55}.embed-v2-workspace-redesign.feature-locked .discord-v2-preview,.embed-v2-workspace-redesign.feature-locked .discord-v2-preview *{opacity:1!important} @media(max-width:1320px){.embed-v2-designer{grid-template-columns:220px minmax(0,1fr)}.embed-v2-preview-column{grid-column:1/-1}.embed-v2-preview-column .embed-preview-sticky{position:static}.embed-v2-preview-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.55fr);gap:14px;align-items:start}.embed-v2-preview-panel .panel-head{grid-column:1/-1}.embed-v2-preview-panel .embed-v2-destination,.embed-v2-preview-panel .embed-v2-publish-actions{grid-column:2}.embed-v2-preview-panel .discord-v2-preview{grid-row:2/5}} @media(max-width:900px){.embed-v2-designer{grid-template-columns:1fr}.embed-v2-library{position:static}.embed-v2-palette{grid-template-columns:1fr 1fr}.embed-v2-preview-column{grid-column:auto}.embed-v2-preview-panel{display:block}.embed-v2-preview-panel .embed-v2-destination,.embed-v2-preview-panel .embed-v2-publish-actions{margin-top:10px}.v2-canvas-redesign{min-height:330px}.v2-drop-empty-redesign{min-height:300px}} @media(max-width:620px){.embed-v2-commandbar{align-items:flex-start;flex-direction:column}.embed-v2-command-actions{justify-content:flex-start}.embed-v2-palette{grid-template-columns:1fr}.embed-v2-canvas-head{flex-direction:column}.v2-canvas-status{align-self:flex-start}.v2-block-head{align-items:center}.v2-block-title small{display:none}.v2-block-actions .icon-btn{width:30px;height:30px}} /* v16.3.5 Components V2 Publish Destination */ .embed-v2-publish-panel{display:grid;gap:10px;margin-top:12px}.embed-v2-channel-label{display:grid;gap:6px;margin:0;color:#dce3eb;font-size:8px;font-weight:800}.embed-v2-channel-label small{color:#697688;font-size:7px;line-height:1.45;font-weight:600}.embed-v2-published-state{display:grid;gap:5px;padding:10px 11px;border:1px solid #242d38;border-radius:9px;background:#0b1016}.embed-v2-published-state>span{color:#677486;font-size:7px;text-transform:uppercase;letter-spacing:.08em}.embed-v2-published-state>div{display:grid;gap:3px;min-width:0}.embed-v2-published-state strong{color:#d9e0e8;font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.embed-v2-published-state small{color:#788596;font-size:7px;overflow-wrap:anywhere}.embed-v2-published-state a{width:max-content;max-width:100%;color:#b9a8ff;font-size:7px;font-weight:800;text-decoration:none}.embed-v2-published-state a:hover{text-decoration:underline}.embed-v2-preview-panel .embed-v2-publish-panel{min-width:0} @media(max-width:1320px){.embed-v2-preview-panel .embed-v2-publish-panel{grid-column:2;grid-row:2/5}.embed-v2-preview-panel .discord-v2-preview{grid-row:2/5}.embed-v2-publish-panel .embed-v2-publish-actions{grid-column:auto}} @media(max-width:900px){.embed-v2-preview-panel .embed-v2-publish-panel{grid-column:auto;grid-row:auto;margin-top:10px}} /* v16.4 Moderation Workspace, Access Permissions And Components V2 Interaction Polish */ .v2-drag{cursor:grab;user-select:none;touch-action:none;display:grid;place-items:center;min-width:28px;min-height:28px;border:1px solid #303947;border-radius:7px;background:#0a0f15;color:#8793a4;transition:background .16s ease,border-color .16s ease,transform .16s ease,color .16s ease} .v2-drag:hover{background:rgba(139,92,246,.08);border-color:rgba(139,92,246,.55);color:#c5b7ff;transform:translateY(-1px)} .v2-drag:active{cursor:grabbing;transform:scale(.96)} .v2-canvas-block-redesign{transition:border-color .16s ease,box-shadow .18s ease,transform .18s cubic-bezier(.2,.8,.2,1),opacity .18s ease} .v2-canvas-block-redesign.dragging{opacity:.62;transform:scale(.992);border-color:rgba(139,92,246,.55);box-shadow:0 14px 30px rgba(0,0,0,.22)} .v2-canvas-block-redesign.drag-over{transform:translateY(4px);border-color:#8b5cf6;box-shadow:inset 0 0 0 1px rgba(139,92,246,.32),0 8px 20px rgba(0,0,0,.12)} .v2-block-editor input,.v2-block-editor textarea,.v2-block-editor select,.v2-block-editor button{cursor:auto}.v2-block-editor button{cursor:pointer} .permission-builder{display:block;margin-top:14px} .access-base-permission{display:flex;align-items:flex-start;gap:10px;padding:12px 13px;border:1px solid rgba(81,215,138,.23);border-radius:11px;background:rgba(81,215,138,.055);margin-bottom:12px}.access-base-permission>span{width:25px;height:25px;display:grid;place-items:center;flex:0 0 auto;border-radius:7px;background:rgba(81,215,138,.12);color:#55d993;font-weight:900;font-size:10px}.access-base-permission strong,.access-base-permission small{display:block}.access-base-permission strong{font-size:10px}.access-base-permission small{font-size:8px;color:#7e8998;line-height:1.5;margin-top:3px} .permission-groups-clean{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.permission-group-card{border:1px solid #222b36;border-radius:11px;background:#0b1016;overflow:hidden}.permission-group-head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 11px;border-bottom:1px solid #202833;background:#0e141c}.permission-group-head strong{font-size:9px;color:#dedfe7}.permission-group-head small{font-size:7px;color:#707c8d}.permission-group-options{display:grid;padding:7px}.permission-group-options .permission-option{border:0;border-radius:8px;background:transparent;padding:8px 7px}.permission-group-options .permission-option:hover{background:#111821}.permission-group-options .permission-option.dangerous{border:0;background:rgba(251,113,133,.035)}.permission-group-options .permission-option input{accent-color:#8b5cf6}.permission-group-options .permission-option strong{font-size:9px}.permission-group-options .permission-option small{font-size:7.5px;line-height:1.42} .verification-member-actions{display:grid;grid-template-columns:repeat(2,minmax(116px,1fr));gap:6px;min-width:250px;max-width:360px;justify-self:end}.verification-member-actions .btn{width:100%;min-height:32px;padding:7px 9px!important;display:flex;align-items:center;justify-content:center;text-align:center;font-size:8px}.verification-member-actions .btn-danger{border-color:rgba(251,113,133,.28)} .live-member-moderation{display:grid;gap:8px;margin-top:11px;padding-top:11px;border-top:1px solid #202833}.live-member-moderation>label{display:grid;gap:5px;margin:0;color:#7b8798;font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.live-member-moderation .form-input,.live-member-moderation .form-select{min-height:34px;padding:7px 9px;font-size:8px}.live-member-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:2px}.live-member-actions .btn{width:100%;min-height:32px;padding:7px 8px;font-size:7px}.subview[data-subview="mod-live"]>.section-intro{margin-top:0}.subview[data-subview="mod-live"] .live-server-shell{margin-top:12px} @media(max-width:1100px){.permission-groups-clean{grid-template-columns:1fr}.verification-member-actions{min-width:0}} @media(max-width:700px){.verification-member-actions,.live-member-actions{grid-template-columns:1fr}.permission-groups-clean{grid-template-columns:1fr}} /* v16.5 Logging Overhaul */ .logging-controls-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:24px;padding-top:22px;border-top:1px solid var(--border)} .logging-controls-head>div:first-child{display:flex;flex-direction:column;gap:5px}.logging-controls-head small,.logging-event-group-head small{color:var(--muted);font-size:12px}.logging-control-actions{display:flex;gap:8px;flex-wrap:wrap}.logging-event-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.logging-event-group{border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.015);overflow:hidden;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.logging-event-group.expanded{grid-column:1/-1;border-color:rgba(139,92,246,.45);background:rgba(139,92,246,.035);box-shadow:0 12px 30px rgba(0,0,0,.12)}.logging-event-group-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px}.logging-group-summary{appearance:none;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;flex:1}.logging-group-summary{display:flex;align-items:center;gap:10px;min-width:0}.logging-group-summary>span:last-child{display:flex;flex-direction:column;gap:3px}.logging-group-icon{font-size:22px;line-height:1;color:var(--muted);transform:rotate(0);transition:transform .18s ease,color .18s ease}.logging-event-group.expanded .logging-group-icon{transform:rotate(90deg);color:var(--primary)}.logging-group-head-actions{display:flex;gap:7px;align-items:center;flex:0 0 auto}.logging-group-action{padding:7px 10px!important;min-height:32px!important;font-size:11px!important}.logging-event-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px 12px 12px;border-top:1px solid var(--border);animation:loggingExpand .16s ease}.logging-event-list[hidden]{display:none}.logging-event-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;padding:9px 11px;border:1px solid rgba(255,255,255,.055);border-radius:10px;background:rgba(0,0,0,.08);cursor:pointer}.logging-event-row strong{font-size:12px;line-height:1.25}.switch.mini{transform:scale(.76);transform-origin:right center;flex:0 0 auto}@keyframes loggingExpand{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1150px){.logging-event-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.logging-event-groups{grid-template-columns:1fr}.logging-controls-head{align-items:flex-start;flex-direction:column}.logging-control-actions{width:100%}.logging-control-actions .btn{flex:1}.logging-route-grid{grid-template-columns:1fr}.logging-event-list{grid-template-columns:1fr}.logging-group-head-actions{display:none}} /* v16.5.2 Compact Logging Alignment */ .logging-event-group:not(.expanded) .logging-event-group-head{min-height:66px;padding:10px 14px} .logging-group-master{display:flex;align-items:center;justify-content:center;flex:0 0 auto;padding-left:8px} .logging-event-list{position:relative;padding-top:54px} .logging-expanded-actions{position:absolute;top:10px;right:12px;display:flex;gap:7px;align-items:center} .logging-event-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;width:100%;box-sizing:border-box} .logging-event-row strong{min-width:0;padding-right:12px} .logging-event-row .switch.mini{justify-self:end;margin-left:auto} .logging-event-group.expanded .logging-group-master{display:none} @media(max-width:900px){.logging-expanded-actions{position:static;grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;margin-bottom:2px}.logging-event-list{padding-top:10px}.logging-group-master{display:flex!important}.logging-event-group.expanded .logging-group-master{display:flex!important}} /* v16.5.3 Compact Logging Category Dropdowns */ .logging-overhaul{overflow:visible}.logging-panel-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.logging-master-control{display:flex;align-items:center;gap:14px;padding:9px 11px;border:1px solid var(--border);border-radius:11px;background:rgba(255,255,255,.015);flex:0 0 auto}.logging-master-control>span:first-child{display:flex;flex-direction:column;gap:2px}.logging-master-control strong{font-size:12px}.logging-master-control small{font-size:10px;color:var(--muted)}.logging-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:15px;margin-top:12px;border-top:1px solid var(--border)}.logging-toolbar>div:first-child{display:flex;flex-direction:column;gap:3px}.logging-toolbar small{font-size:11px;color:var(--muted)}.logging-category-table{display:grid;gap:8px;margin-top:12px}.logging-category-row{position:relative;display:grid;grid-template-columns:minmax(150px,.8fr) minmax(260px,1.35fr) minmax(180px,.7fr);align-items:end;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.012)}.logging-category-name{display:flex;flex-direction:column;gap:3px;align-self:center}.logging-category-name strong{font-size:13px}.logging-category-name small{font-size:10px;color:var(--muted)}.logging-category-channel{display:grid;gap:4px;margin:0}.logging-category-channel>span{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:800}.logging-category-channel .form-select{min-height:38px}.logging-category-events{position:relative}.logging-event-menu-button{width:100%;min-height:38px;display:flex;align-items:center;justify-content:space-between;padding:8px 11px}.logging-menu-chevron{font-size:15px;transition:transform .15s ease}.logging-event-menu-button[aria-expanded="true"] .logging-menu-chevron{transform:rotate(180deg)}.logging-event-menu{position:absolute;z-index:90;right:0;top:calc(100% + 7px);width:min(620px,80vw);max-height:430px;overflow:auto;padding:10px;border:1px solid rgba(139,92,246,.42);border-radius:13px;background:#0d121a;box-shadow:0 18px 50px rgba(0,0,0,.45)}.logging-event-menu[hidden]{display:none}.logging-event-menu-head{position:sticky;top:-10px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 4px 9px;background:#0d121a;border-bottom:1px solid var(--border)}.logging-event-menu-head>div:first-child{display:flex;flex-direction:column;gap:2px}.logging-event-menu-head>div:last-child{display:flex;gap:6px}.logging-event-menu-list{display:grid;grid-template-columns:1fr;gap:2px;padding-top:7px}.logging-event-menu-row{display:grid;grid-template-columns:minmax(0,1fr) 20px;align-items:center;gap:12px;min-height:34px;padding:6px 8px;border-radius:7px;cursor:pointer}.logging-event-menu-row:hover{background:rgba(139,92,246,.08)}.logging-event-menu-row>span{font-size:11px;line-height:1.25;min-width:0}.logging-event-check{appearance:none;width:17px;height:17px;margin:0;border:1px solid var(--border);border-radius:5px;background:#090d13;display:grid;place-items:center;cursor:pointer}.logging-event-check:checked{border-color:#8b5cf6;background:#7c3aed}.logging-event-check:checked:after{content:'✓';font-size:12px;font-weight:900;line-height:1;color:white}.logging-no-event-menu{align-self:center}.logging-no-event-menu small{display:block;padding:8px 10px;border:1px dashed var(--border);border-radius:9px}.logging-hidden-selects{display:none!important} @media(max-width:950px){.logging-panel-head,.logging-toolbar{align-items:stretch;flex-direction:column}.logging-master-control{justify-content:space-between}.logging-control-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.logging-category-row{grid-template-columns:1fr}.logging-event-menu{position:fixed;left:12px;right:12px;top:auto;bottom:12px;width:auto;max-height:70vh}.logging-event-menu-list{grid-template-columns:1fr}} /* v16.9 compact dashboard access builder */ .access-base-permission.compact{padding:9px 11px;margin-bottom:9px;align-items:center}.access-base-permission.compact>span{width:22px;height:22px}.access-base-permission.compact small{margin-top:1px} .access-builder-toolbar{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;align-items:center;gap:12px;padding:10px 12px;border:1px solid #222b36;border-radius:11px;background:#0b1016;margin-bottom:9px}.access-builder-toolbar>div:first-child strong,.access-builder-toolbar>div:first-child small{display:block}.access-builder-toolbar>div:first-child strong{font-size:9px}.access-builder-toolbar>div:first-child small{font-size:7.5px;color:#778395;margin-top:2px}.access-presets{display:flex;gap:6px;flex-wrap:wrap}.access-preset,.access-category-actions button{border:1px solid #293342;background:#101720;color:#cfd5df;border-radius:8px;padding:7px 10px;font:inherit;font-size:8px;font-weight:800;cursor:pointer}.access-preset:hover,.access-preset.active{border-color:#7650d8;background:rgba(139,92,246,.12);color:#fff} .access-accordion{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.access-category{border:1px solid #222b36;border-radius:11px;background:#0b1016;overflow:hidden;align-self:start}.access-category.open{grid-column:1/-1;border-color:#443071;background:#0d111a}.access-category-head{width:100%;border:0;background:transparent;color:inherit;display:grid;grid-template-columns:18px 1fr auto;align-items:center;text-align:left;gap:8px;padding:10px 12px;cursor:pointer}.access-category-head:hover{background:#101720}.access-category-head span:nth-child(2) strong,.access-category-head span:nth-child(2) small{display:block}.access-category-head strong{font-size:9.5px}.access-category-head small{font-size:7.5px;color:#768295;margin-top:2px}.access-chevron{font-size:18px;color:#9d7cff;transition:transform .18s ease}.access-category.open .access-chevron{transform:rotate(90deg)}.access-category-count{font-size:8px;font-weight:900;color:#a88bff;background:rgba(139,92,246,.1);padding:4px 7px;border-radius:999px}.access-category-body{display:none;border-top:1px solid #202833;padding:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.access-category.open .access-category-body{display:grid;animation:accessOpen .16s ease-out}.access-category-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:6px;margin-bottom:2px}.access-category-actions button{padding:5px 9px}.access-permission-row{display:grid;grid-template-columns:18px 1fr;gap:8px;align-items:center;min-height:48px;padding:8px 9px;border:1px solid #1f2833;border-radius:9px;background:#0a0f15;cursor:pointer}.access-permission-row:hover{border-color:#303c4b;background:#0e151d}.access-permission-row input{accent-color:#8b5cf6}.access-permission-row span strong,.access-permission-row span small{display:block}.access-permission-row strong{font-size:8.5px}.access-permission-row small{font-size:7.3px;color:#7d899a;line-height:1.35;margin-top:2px}.access-permission-row em{font-style:normal;font-size:6.5px;text-transform:uppercase;letter-spacing:.04em;color:#fb7185;background:rgba(251,113,133,.08);border:1px solid rgba(251,113,133,.15);padding:2px 4px;border-radius:4px;margin-left:4px}.compact-rule{min-height:0;padding:10px 0}.compact-rule small{white-space:normal;line-height:1.4}@keyframes accessOpen{from{opacity:.25;transform:translateY(-3px)}to{opacity:1;transform:none}} @media(max-width:1100px){.access-builder-toolbar{grid-template-columns:1fr}.access-accordion{grid-template-columns:1fr}.access-category.open{grid-column:auto}.access-category-body{grid-template-columns:1fr}} /* v17.8.0 — Verification member management + global guild request isolation */ .verification-member-manager{min-width:0;overflow:hidden}.verification-member-management-toolbar{min-width:0}.member-filter-row button{display:inline-flex;align-items:center;gap:7px}.member-filter-row button small{display:inline-flex;min-width:18px;justify-content:center;color:#7f8ca0;font-size:8px}.member-filter-row button.active small{color:#c4b5fd}.verification-refresh-control{display:flex;align-items:center;gap:9px}.verification-refresh-control small{min-width:92px;color:#6f7a89;font-size:8px;text-align:right}.verification-selection-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 1px 0}.verification-selection-row>small{color:#697689;font-size:8px}.verification-select-all{display:inline-flex!important;align-items:center;gap:8px!important;margin:0!important;color:#9aa6b8;font-size:9px}.verification-select-all input{width:15px;height:15px;accent-color:#8b5cf6}.verification-member-results{min-width:0;overflow-x:hidden!important;padding-right:0}.verification-member-card{width:100%;max-width:100%;box-sizing:border-box;grid-template-columns:24px minmax(155px,.72fr) minmax(0,1.38fr) minmax(220px,.78fr)!important;gap:10px!important;overflow:hidden}.verification-member-identity,.verification-member-identity>div,.verification-member-meta,.verification-member-actions{min-width:0}.verification-member-meta{grid-template-columns:repeat(5,minmax(0,1fr))!important}.verification-member-meta strong{white-space:normal!important;overflow-wrap:anywhere;line-height:1.35}.verification-member-actions{width:100%!important;min-width:0!important;max-width:330px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.verification-member-actions .member-delete-record{grid-column:1/-1}.verification-member-card mark{padding:0 1px;border-radius:2px;background:rgba(139,92,246,.28);color:#fff}.readiness-ready{color:#55d993!important}.readiness-partial{color:#f6c453!important}.readiness-none{color:#8994a4!important}.verification-bulk-bar>div{display:grid!important;grid-template-columns:repeat(4,minmax(120px,1fr));width:min(640px,100%)}.member-role-comparison{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.member-role-comparison>.panel{margin:0;padding:14px}.member-role-comparison h3{font-size:11px;margin:0 0 5px}.member-role-comparison p{font-size:9px;color:#7f8ca0;margin:0 0 10px}.member-role-list{display:flex;flex-wrap:wrap;gap:6px}.member-role-list span{display:inline-flex;padding:5px 7px;border:1px solid #293142;border-radius:7px;background:#0c1118;color:#aeb8c8;font-size:8px}.member-role-list small{color:#6f7a89}.member-drawer-summary>div>small{display:block;margin-top:5px;color:#6f7a89;font-size:8px;line-height:1.45} @media(max-width:1280px){.verification-member-card{grid-template-columns:24px minmax(150px,.7fr) minmax(0,1.3fr)!important}.verification-member-actions{grid-column:2/-1;justify-self:stretch;max-width:none!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}.verification-member-actions .member-delete-record{grid-column:auto}.verification-member-meta{grid-template-columns:repeat(5,minmax(0,1fr))!important}} @media(max-width:900px){.verification-member-card{grid-template-columns:24px minmax(0,1fr)!important}.verification-member-meta,.verification-member-actions{grid-column:2/-1}.verification-member-meta{grid-template-columns:repeat(3,minmax(0,1fr))!important}.verification-member-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}.verification-bulk-bar>div{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.member-role-comparison{grid-template-columns:1fr}.verification-refresh-control{align-items:stretch;flex-direction:column}.verification-refresh-control small{text-align:left}} @media(max-width:560px){.verification-member-meta{grid-template-columns:1fr 1fr!important}.verification-member-actions{grid-template-columns:1fr!important}.verification-bulk-bar>div{grid-template-columns:1fr}.verification-selection-row{align-items:flex-start;flex-direction:column}.member-lookup-toolbar{grid-template-columns:1fr!important}.verification-refresh-control .btn{width:100%}} /* v17.8.1 Verification Members UX & Recovery Intelligence */ .verification-member-card{grid-template-columns:24px minmax(150px,.66fr) minmax(0,1.5fr) minmax(260px,.84fr)!important;overflow:visible!important;align-items:center!important;padding:14px!important} .verification-member-meta{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px!important}.verification-member-meta small{font-size:7.5px!important}.verification-member-meta strong{font-size:8.5px!important} .verification-member-actions{box-sizing:border-box!important;width:100%!important;max-width:360px!important;min-width:0!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;padding-left:10px;border-left:1px solid #202833} .verification-member-actions .btn{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;overflow:hidden;text-overflow:ellipsis;white-space:normal!important;padding:7px 6px!important;line-height:1.25!important}.verification-member-actions .btn-danger{padding-left:5px!important;padding-right:5px!important}.verification-member-actions .member-delete-record{grid-column:1/-1} .verification-member-identity{cursor:pointer;border-radius:8px}.verification-member-identity:focus-visible{outline:2px solid #8b5cf6;outline-offset:4px}.verification-member-identity:hover strong{color:#c4b5fd} .snapshot-fresh{color:#55d993!important}.snapshot-aging{color:#f6c453!important}.snapshot-stale{color:#fb7185!important}.snapshot-none{color:#8994a4!important} .verification-bulk-bar{position:sticky;top:10px;z-index:12;box-shadow:0 10px 28px rgba(0,0,0,.24);backdrop-filter:blur(12px)} .verification-member-count{position:static!important;margin-left:auto;color:#778397!important;font-size:9px!important;background:none!important;border:0!important;padding:0!important}.verification-member-manager>.panel-head{align-items:flex-start} @media(max-width:1360px){.verification-member-card{grid-template-columns:24px minmax(145px,.7fr) minmax(0,1.3fr)!important}.verification-member-actions{grid-column:2/-1;justify-self:stretch;max-width:none!important;border-left:0;border-top:1px solid #202833;padding:9px 0 0!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}.verification-member-actions .member-delete-record{grid-column:auto}.verification-member-meta{grid-template-columns:repeat(6,minmax(0,1fr))!important}} @media(max-width:980px){.verification-member-meta{grid-template-columns:repeat(3,minmax(0,1fr))!important}.verification-member-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media(max-width:560px){.verification-member-meta{grid-template-columns:repeat(2,minmax(0,1fr))!important}.verification-member-actions{grid-template-columns:1fr!important}} /* v17.9.1 — Verification Bulk Action Containment */ .verification-bulk-bar{box-sizing:border-box;min-width:0;max-width:100%;overflow:hidden} .verification-bulk-bar>span{min-width:0;flex:0 1 250px} .verification-bulk-bar>div{box-sizing:border-box!important;min-width:0!important;max-width:100%!important;width:min(680px,calc(100% - 220px))!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;flex:1 1 auto} .verification-bulk-bar>div .btn{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;overflow:hidden;text-overflow:ellipsis;white-space:normal!important;padding-left:7px!important;padding-right:7px!important;line-height:1.2!important} .verification-bulk-bar>div .btn:disabled{opacity:.42;cursor:not-allowed;filter:saturate(.55)} @media(max-width:1180px){.verification-bulk-bar{align-items:stretch;flex-direction:column}.verification-bulk-bar>span{flex:0 0 auto}.verification-bulk-bar>div{width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media(max-width:620px){.verification-bulk-bar>div{grid-template-columns:1fr!important}} /* v17.10.3 - Server onboarding empty state */ .server-grid>.server-empty-state{grid-column:1/-1;width:100%;min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:36px 24px;box-sizing:border-box} .server-empty-state p,.global-empty p{max-width:620px;margin-left:auto;margin-right:auto} .empty-state-actions{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:16px} .empty-state-actions .btn{width:auto!important;min-width:140px} @media(max-width:580px){.empty-state-actions{width:100%;flex-direction:column}.empty-state-actions .btn{width:100%!important;max-width:280px}.section-actions #inviteBoundcord{width:100%}} /* v17.10.4 — First-time server onboarding gate */ .server-setup-required .sidebar .nav-label,.server-setup-required .sidebar .nav-item:not([data-view="overview"]),.server-setup-required .sidebar-footer{display:none!important} .server-setup-required .sidebar nav{padding-top:14px} .server-setup-required .top-actions #notificationBell,.server-setup-required .top-actions #guildSelect{opacity:.45;pointer-events:none} .server-setup-backdrop{z-index:260;background:rgba(3,5,9,.82);backdrop-filter:blur(8px)} .server-setup-modal{width:min(520px,100%);padding:30px;text-align:left;border-color:rgba(139,92,246,.34);box-shadow:0 30px 100px rgba(0,0,0,.62),0 0 0 1px rgba(139,92,246,.06)} .setup-brand-mark{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;margin-bottom:18px;background:linear-gradient(135deg,#9b5cf6,#6d28d9);color:#fff;font-weight:900;font-size:18px;box-shadow:0 12px 35px rgba(139,92,246,.26)} .server-setup-modal .eyebrow{display:block;margin-bottom:8px}.server-setup-modal h3{font-size:22px;margin:0 0 9px}.server-setup-modal>p{max-width:none;margin:0;color:#8993a3;font-size:11px;line-height:1.7} .server-setup-select{display:block;margin-top:20px!important;font-size:10px!important;color:#aeb6c2!important}.server-setup-select .form-select{margin-top:8px} .server-setup-note{margin-top:14px;padding:11px 12px;border:1px solid #252d38;border-radius:9px;background:#0c1016;color:#737f90;font-size:9px;line-height:1.6} .server-setup-actions{justify-content:flex-start;margin-top:18px;flex-wrap:wrap}.server-setup-actions .btn{min-width:170px} @media(max-width:580px){.server-setup-modal{padding:23px}.server-setup-actions{display:grid;grid-template-columns:1fr;width:100%}.server-setup-actions .btn{width:100%;min-width:0}}