:root{
  --bg:#02070d;--bg2:#06111c;--panel:#07111d;--panel2:#0a1724;--line:rgba(82,181,232,.13);
  --text:#edf8ff;--muted:#8399aa;--blue:#00aef5;--blue2:#29e3ff;--green:#25e58b;
  --shadow:0 20px 70px rgba(0,0,0,.42)
}
*{box-sizing:border-box}
html,body{height:100%;margin:0;overflow:hidden}
body{color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button,input,select{font:inherit}
button{cursor:pointer}
.app-shell{display:flex;height:100vh;overflow:hidden}
.sidebar{flex:0 0 265px;height:100vh;overflow-y:auto;backdrop-filter:blur(20px);display:flex;flex-direction:column;scrollbar-width:none;-ms-overflow-style:none}.sidebar::-webkit-scrollbar{display:none;width:0;height:0}
.brand{display:flex;align-items:center}
.brand-logo{object-fit:cover;display:block;border:1px solid rgba(0,191,255,.35);background:#050814}.brand-logo.large{width:112px;height:112px;border-radius:28px;box-shadow:0 18px 55px rgba(0,174,255,.28);margin:0 auto 16px}
.brand strong{display:block}
.brand span{display:block;margin-top:3px}
nav{display:grid;gap:8px}
.nav-item{background:transparent;display:flex;align-items:center;text-align:left}
.nav-item span{width:18px;text-align:center}

.nav-item.active{color:#fff}

/* Sidebar-Kategorien */
.sidebar-nav{display:flex;flex-direction:column}
.sidebar-nav>.nav-item{width:100%}
.nav-category{display:flex;flex-direction:column}
.nav-category-toggle{width:100%;border:0;background:transparent;display:flex;align-items:center;justify-content:space-between;text-align:left;font-weight:700;text-transform:uppercase;border-radius:9px;transition:.2s}
.nav-category-toggle:hover{background:rgba(255,255,255,.035);color:#b9bdcf}
.category-chevron{font-size:14px;line-height:1;transition:transform .2s}
.nav-category.collapsed .category-chevron{transform:rotate(-90deg)}
.nav-category-items{display:grid;overflow:hidden;max-height:500px;opacity:1;transition:max-height .22s ease,opacity .18s ease}
.nav-category.collapsed .nav-category-items{max-height:0;opacity:0}
.nav-item{width:100%}
.nav-item b{font-weight:500}
.profile-info{min-width:0;flex:1}.profile-info strong{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-info span{display:inline-block;margin-top:4px;background:#0d6fd1;color:#fff;border-radius:7px;padding:3px 8px;font-size:11px}
.top-account{position:relative;display:flex;align-items:center}
.top-account-trigger{border:1px solid transparent;background:transparent;color:#fff;border-radius:12px;display:flex;align-items:center;gap:9px;cursor:pointer;transition:.18s}

.top-account-info{min-width:0;flex:1;text-align:left}
.top-account-info strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top-account-info span{display:inline-block;margin-top:3px;border-radius:6px;line-height:1}
.top-account-chevron{font-size:15px;color:#8d92a8;transition:.18s;transform:translateY(-1px)}
.top-account.is-open .top-account-chevron{transform:rotate(180deg) translateY(1px)}
.top-account-menu{position:absolute;right:0;top:calc(100% + 9px);width:235px;padding:10px;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 45px rgba(0,0,0,.42);z-index:1000}
.top-account-menu-user{display:flex;align-items:center;gap:10px;padding:5px 5px 9px}
.top-account-menu-divider{height:1px;background:var(--line);margin:3px 0 7px}
.top-account-logout{width:100%;border:0;background:transparent;color:#ff8c98;border-radius:9px;padding:10px 9px;display:flex;align-items:center;gap:9px;text-align:left;font-size:12px;cursor:pointer}
.top-account-logout:hover{background:rgba(255,80,100,.09)}
.avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(145deg,#777,#222);display:grid;place-items:center;border:2px solid #272a3c;overflow:hidden}
.avatar img{width:100%;height:100%;object-fit:cover}.avatar.small{width:42px;height:42px}
.icon-button,.round-button{border:0;background:transparent;color:#aaaec0}.icon-button{font-size:19px}
.main{min-width:0;flex:1;display:flex;flex-direction:column;overflow:hidden}.topbar{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;gap:18px}
.mobile-title{display:none;font-weight:700}.search{border:1px solid var(--line);display:flex;align-items:center;gap:9px;padding:0 12px;color:#777b91}.search input{background:none;border:0;outline:0;color:#fff;width:100%}.search kbd{border:1px solid var(--line);padding:4px 7px;border-radius:6px;color:#85889a}.top-actions{display:flex;align-items:center}.round-button{position:relative}.notification i{position:absolute;right:-2px;top:-3px;width:15px;height:15px;border-radius:50%;background:#1f9dff;color:#fff;font-size:9px;font-style:normal;display:grid;place-items:center}
.content{flex:1;overflow-y:auto;overflow-x:hidden;max-width:1700px;margin:0 auto;-webkit-overflow-scrolling:touch}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:25px}.page-heading h1{margin:0 0 7px}.page-heading p{color:#85889b;margin:0}
.bot-status{min-width:265px;border:1px solid var(--line);border-radius:13px;padding:13px 15px;display:flex;align-items:center;gap:10px}.bot-status>span{width:9px;height:9px;border-radius:50%;box-shadow:0 0 13px var(--green)}.bot-status div{flex:1}.bot-status small{display:block;color:#8d91a6;font-size:12px}.bot-status strong{display:block;margin-top:2px}.bot-status>b{font-size:23px;color:#787c91}
.cards{display:grid}.four{grid-template-columns:repeat(4,1fr)}.metric{border:1px solid var(--line);display:flex;align-items:center}.metric-icon{display:grid;place-items:center}.metric span,.metric small{display:block;color:#979aac}.metric strong{display:block;line-height:1.15;margin:4px 0}
.grid{display:grid}.grid.two{grid-template-columns:1.6fr 1fr}.panel{border:1px solid var(--line);min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.panel h2{margin:0}.panel select,.ghost{border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:11px;outline:0}.ghost{cursor:pointer}
.chart{display:flex;align-items:stretch;gap:15px;padding:15px 7px 0;position:relative}.chart:before{content:"";position:absolute;left:0;right:0;top:15px;bottom:28px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 44px,rgba(255,255,255,.055) 45px);pointer-events:none}.bar-wrap{flex:1;display:flex;align-items:flex-end;gap:4px;position:relative;z-index:1}.bar{width:100%;min-height:5px;border-radius:7px 7px 2px 2px}.bar-label{position:absolute;bottom:-22px;font-size:10px;color:#6f7389;white-space:nowrap;left:50%;transform:translateX(-50%)}
.commands{display:grid;gap:18px;padding-top:4px}.command-row{display:grid;gap:7px}.command-top{display:flex;justify-content:space-between;font-size:12px}.command-top span:last-child{color:#888c9e}.progress{height:4px;background:#1a1c2c;border-radius:10px;overflow:hidden}.progress i{display:block;height:100%;border-radius:inherit}
.bottom-grid{grid-template-columns:1.1fr 1fr}.events{display:grid;gap:1px}.event{display:grid;grid-template-columns:34px 1fr auto;gap:11px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.045)}.event:last-child{border-bottom:0}.event-icon{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:12px}.event-title{font-size:12px}.event-desc{font-size:10px;color:#777b8f;margin-top:3px}.event-time{font-size:10px;color:#777b8f}.system-panel{display:grid;grid-template-columns:1fr 170px;align-items:center}.system-list{display:grid;gap:14px}.system-list div{display:flex;justify-content:space-between;border-bottom:1px dashed rgba(255,255,255,.06);padding-bottom:9px;font-size:12px}.system-list span{color:#7d8195}.robot{width:145px;height:145px;border:1px solid rgba(13,138,255,.35);border-radius:50%;display:grid;place-items:center;font-size:75px;position:relative}.robot span{position:absolute;width:10px;height:10px;border-radius:50%;box-shadow:0 0 16px #4fc3ff}
.login-view{min-height:75vh;display:grid;place-items:center}.login-card{width:min(450px,100%);text-align:center;border:1px solid var(--line);padding:42px;border-radius:20px}.brand-icon.large{margin:0 auto 18px}.login-card h1{margin:0 0 8px}.login-card p{color:#898da0;line-height:1.6;margin-bottom:25px}.primary-btn{display:inline-flex;justify-content:center;align-items:center;text-decoration:none;color:white;border-radius:10px;padding:12px 20px;font-weight:600}
.role-check-grid{padding:2px}
.role-check-item{min-width:0}

.role-check-item .role-dot{box-shadow:0 0 8px rgba(255,255,255,.08)}

.hidden{display:none!important}

/* Wochenabgaben */
.weekly-summary{min-width:220px;border:1px solid var(--line);background:rgba(16,18,32,.8);border-radius:13px;padding:13px 15px}
.weekly-summary span,.weekly-summary small{display:block;color:#85899c;font-size:11px}
.weekly-summary strong{display:block;margin:3px 0;font-size:18px}
.weekly-member-list{display:grid;gap:8px;overflow:auto}
.weekly-member-row{display:grid;grid-template-columns:1fr auto 150px;gap:12px;align-items:center;border:1px solid var(--line);background:#0b0e1b;border-radius:11px;padding:10px 12px}
.weekly-member-row.is-paid{border-color:rgba(37,217,138,.22);background:rgba(37,217,138,.035)}
.weekly-member-row.is-open{border-color:rgba(255,181,45,.16)}
.weekly-member-main{display:flex;align-items:center;gap:10px;min-width:0}
.weekly-avatar{width:34px;height:34px;border-radius:50%;background:#171b2d;display:grid;place-items:center;overflow:hidden;color:#70758a;flex:none}
.weekly-avatar img{width:100%;height:100%;object-fit:cover}
.weekly-member-main strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.weekly-member-main span{display:block;color:#73778a;font-size:10px;margin-top:2px}
.weekly-member-status{text-align:right}
.weekly-member-status small{display:block;color:#666b7e;font-size:9px;margin-top:3px}
.weekly-status-badge{display:inline-flex;align-items:center;border-radius:20px;padding:5px 8px;font-size:10px;font-weight:700}
.weekly-status-badge.paid{background:rgba(37,217,138,.12);color:#5ce5a6}
.weekly-status-badge.open{background:rgba(255,181,45,.12);color:#ffc45c}
.weekly-status-badge.absent{background:rgba(255,80,80,.12);color:#ff8585}
.weekly-status-badge.not-required{background:rgba(90,150,255,.12);color:#8db8ff}
.weekly-member-row.is-absent{border-color:rgba(255,80,80,.2);background:rgba(255,80,80,.025)}
.weekly-member-row.is-not-required{border-color:rgba(90,150,255,.18);background:rgba(90,150,255,.025)}
.weekly-status-select{border:1px solid var(--line);background:#090c19;color:#fff;border-radius:8px;padding:8px 7px;font-size:10px;outline:none;min-width:140px}
.weekly-status-select:disabled{opacity:.55}
.weekly-check{width:30px;height:30px;display:grid;place-items:center;cursor:pointer}
.weekly-check input{display:none}
.weekly-check span{width:22px;height:22px;border:2px solid #44495d;border-radius:7px;position:relative;transition:.15s}
.weekly-check input:checked+span{background:#25d98a;border-color:#25d98a}
.weekly-check input:checked+span:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#06130d;font-size:14px;font-weight:900}
.weekly-check input:disabled+span{opacity:.5}
@media(max-width:900px){.weekly-summary{width:100%}.weekly-member-row{grid-template-columns:1fr 130px}.weekly-member-status{display:none}.weekly-status-select{min-width:125px}}

@media(max-width:1100px){.sidebar{width:250px;flex-basis:250px}.four{grid-template-columns:repeat(2,1fr)}.grid.two,.bottom-grid{grid-template-columns:1fr}}
@media(max-width:750px){.sidebar{position:fixed;z-index:20;left:-270px;transition:.25s;height:100vh}.sidebar.open{left:0}.topbar{padding:0 18px}.mobile-title{display:block;margin-right:auto}.content{padding:22px 18px}.page-heading{align-items:flex-start;flex-direction:column}.bot-status{width:100%}.four{grid-template-columns:1fr}.system-panel{grid-template-columns:1fr}.robot{display:none}}

/* Embed Builder */
.embed-builder{display:grid;grid-template-columns:1.25fr .9fr;gap:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr}.form-grid label,.button-label,.send-row label{display:grid;gap:7px;color:#9b9eb0;font-size:11px}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid textarea,.button-label input,.send-row select,.template-row select{border:1px solid var(--line);background:#090c19;color:#fff;border-radius:9px;padding:11px;outline:none}.form-grid textarea{resize:vertical}.form-grid input:focus,.form-grid textarea:focus,.send-row select:focus{border-color:#0d8aff}.form-grid input[type=color]{padding:4px;height:42px;width:100%}.button-setting{display:flex;justify-content:space-between;align-items:center;margin:18px 0 12px;padding:15px;border:1px solid var(--line);border-radius:11px;background:#0a0d1a}.button-setting strong,.button-setting small{display:block}.button-setting small{color:#74798e;font-size:10px;margin-top:4px}.switch input{display:none}.switch span{display:block;width:44px;height:24px;border-radius:20px;background:#292c3c;position:relative;cursor:pointer}.switch span:after{content:"";position:absolute;width:18px;height:18px;top:3px;left:3px;border-radius:50%;background:#fff;transition:.2s}.switch input:checked+span{background:#0d8aff}.switch input:checked+span:after{left:23px}.send-row{display:grid;align-items:end;gap:10px;margin-top:16px}.primary-btn{border:0;cursor:pointer}.template-row{display:grid;gap:8px;margin-top:12px}.danger-btn{border:1px solid rgba(255,80,100,.25);background:#25131a;color:#ff8291;border-radius:8px;padding:8px 10px;cursor:pointer}.preview-panel{min-height:500px}.discord-user{margin-bottom:12px}.preview-title{margin-bottom:8px}
.discord-button{margin-top:10px;background:#00aef5}.discord-pill{font-size:9px;color:#8e94a3;border:1px solid var(--line);padding:5px 7px;border-radius:5px}
@keyframes fadeIn{from{opacity:.4;transform:translateY(3px)}to{opacity:1;transform:none}}
@media(max-width:1050px){.embed-builder{grid-template-columns:1fr}}@media(max-width:700px){.form-grid{grid-template-columns:1fr}.send-row{grid-template-columns:1fr}.template-row{grid-template-columns:1fr}}

/* Embed Studio 2.0 */
.eyebrow,.panel-kicker{display:block;font-size:9px;font-weight:800;letter-spacing:.18em;margin-bottom:6px}.studio-actions{display:flex;gap:8px}.primary-btn.compact{padding:9px 14px;font-size:11px}.status-dot{font-size:9px;color:#6ee7b7;border:1px solid rgba(110,231,183,.18);background:rgba(110,231,183,.06);padding:5px 8px;border-radius:20px}.studio-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:18px;align-items:start}.studio-editor{display:grid;gap:18px}.studio-preview{min-width:0}.sticky-preview{position:sticky;top:20px}.muted{color:#777b8f;margin:-6px 0 14px}.check-row{display:flex!important;align-items:center;gap:9px!important;margin-top:15px;color:#9b9eb0;font-size:11px!important}.check-row input{accent-color:#0d8aff}.button-builder{display:grid;gap:10px}.empty-builder{border:1px dashed rgba(13,138,255,.3);border-radius:12px;padding:28px;text-align:center;color:#777b8f}.empty-builder div{font-size:28px;color:#0d8aff;margin-bottom:5px}.empty-builder strong,.empty-builder span{display:block}.empty-builder strong{color:#d8dae2;font-size:12px}.empty-builder span{font-size:10px;margin-top:5px}.builder-row{display:grid;grid-template-columns:22px 1fr auto;gap:10px;align-items:start;border:1px solid var(--line);background:#0b0e1b;border-radius:11px;padding:12px}.drag-handle{color:#4f5366;padding-top:9px;font-size:14px}.builder-main{min-width:0}.builder-top{display:flex;gap:8px;align-items:center}.button-label-input{flex:1;border:1px solid var(--line);background:#101321;color:#fff;border-radius:7px;padding:8px;font-size:12px;outline:none}.button-index{font-size:9px;color:#696d80}.builder-fields{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:8px;margin-top:9px}.builder-fields label{display:grid;gap:5px;color:#7f8396;font-size:9px}.builder-fields label.full{grid-column:1/-1}.builder-fields input,.builder-fields select,.builder-fields textarea{border:1px solid var(--line);background:#090c17;color:#dfe1e7;border-radius:7px;padding:8px;font-size:10px;outline:none}.builder-fields textarea{resize:vertical}.builder-actions{display:flex;gap:5px}.icon-btn{border:1px solid var(--line);background:#131624;color:#8d91a4;border-radius:7px;width:28px;height:28px;cursor:pointer}.icon-btn:hover{color:#fff;border-color:#0d8aff}.icon-btn.remove-button:hover{color:#ff7b8c;border-color:#ff4e68}.preview-meta{display:flex;justify-content:space-between;margin-top:12px;padding:9px 10px;border:1px solid var(--line);border-radius:8px;color:#777b8f;font-size:9px}.preview-meta code{color:#4fc3ff}.panel-kicker{margin-bottom:3px}.panel-head h2{font-size:15px}.panel-head>div h2{margin:0}.template-row{grid-template-columns:1fr auto auto}.send-row{grid-template-columns:1fr 1fr auto}
@media(max-width:1050px){.studio-layout{grid-template-columns:1fr}.sticky-preview{position:relative;top:auto}.builder-fields{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.studio-actions{width:100%}.studio-actions button{flex:1}.builder-fields{grid-template-columns:1fr}.builder-fields label.full{grid-column:auto}.builder-row{grid-template-columns:1fr}.drag-handle{display:none}.builder-actions{position:absolute;margin-top:-2px;right:12px}.builder-top{padding-right:70px}.send-row{grid-template-columns:1fr}.template-row{grid-template-columns:1fr}}

.name-roles-field{grid-column:1/-1}.role-multi{min-height:90px!important}.role-multi option{padding:4px}
.role-checkbox-list{display:flex;flex-wrap:wrap;gap:7px;padding:9px;border:1px solid var(--line);border-radius:9px;background:#090c17;max-height:150px;overflow-y:auto}
.role-checkbox{display:flex;align-items:center;gap:6px;font-size:10.5px;color:#c3c6d4;background:#131624;border:1px solid var(--line);border-radius:20px;padding:6px 11px;cursor:pointer;user-select:none;transition:.15s}
.role-checkbox:hover{border-color:#1a5fa8}
.role-checkbox input{accent-color:#0d8aff;cursor:pointer;margin:0}
.role-checkbox.checked-chip{border-color:#0d8aff;background:rgba(13,138,255,.16);color:#fff}
.role-checkbox-empty{font-size:10px;color:#777b8f;padding:4px 0}

/* Slash-Befehle */
.command-cards{margin-top:0}.command-card h2{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:19px;letter-spacing:-.3px;color:#a8dcff}
.status-dot.up{color:#6ee7b7;border-color:rgba(110,231,183,.18);background:rgba(110,231,183,.06)}
.status-dot.down{color:#ff9d8f;border-color:rgba(255,110,90,.2);background:rgba(255,110,90,.07)}
.status-dot.lock{color:#93d5ff;border-color:rgba(79,195,255,.2);background:rgba(79,195,255,.07)}
.command-options{display:grid;gap:9px;margin:14px 0}
.command-option{display:grid;grid-template-columns:150px 1fr;gap:10px;align-items:center;border:1px solid var(--line);border-radius:9px;padding:9px 11px;background:#0a0d1a}
.command-option code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;color:#4fc3ff;background:rgba(13,138,255,.1);padding:3px 7px;border-radius:6px;justify-self:start}
.command-option span{font-size:11px;color:#9295aa}
.command-example{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;color:#dfe1e7;background:#090c17;border:1px solid var(--line);border-radius:9px;padding:11px;overflow-x:auto;white-space:nowrap}
.command-perm{margin-top:12px;font-size:11px;color:#777b8f}.command-perm b{color:#a8dcff}
.command-info p{margin-bottom:0}
@media(max-width:1050px){.command-cards{grid-template-columns:1fr}}
@media(max-width:650px){.command-option{grid-template-columns:1fr}}

/* Bild-Upload */
.upload-field{gap:9px}
.upload-box{border:1.5px dashed rgba(255,255,255,.14);border-radius:11px;background:#090c17;min-height:120px;display:grid;place-items:center;cursor:pointer;overflow:hidden;transition:.2s}
.upload-box:hover{border-color:#0d8aff;background:#0b0e1c}
.upload-box.dragover{border-color:#4fc3ff;background:rgba(13,138,255,.08)}
.upload-empty{display:grid;place-items:center;gap:4px;padding:18px;text-align:center;color:#7f8396}
.upload-empty span{font-size:22px;color:#29a3ff}
.upload-empty b{font-size:12px;color:#c7c9d6;font-weight:600}
.upload-empty small{font-size:10px;color:#63677a}
.upload-preview{width:100%;max-height:200px;object-fit:contain;display:block}
.upload-remove{justify-self:start;font-size:10px;padding:7px 10px}
.upload-box.small{min-height:56px}
.upload-box.small .upload-empty{padding:10px;grid-auto-flow:column;gap:8px}
.upload-box.small .upload-empty span{font-size:16px}
.upload-box.small .upload-preview{max-height:44px;width:auto;max-width:160px;border-radius:50%}

/* Kasse */
.kasse-list{display:grid;gap:14px}
.kasse-card{border:1px solid var(--line);background:#0b0e1b;border-radius:11px;padding:14px}
.kasse-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:11px}
.kasse-card-head strong{font-size:13px}
.kasse-channel{font-size:10px;color:#777b8f}
.kasse-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.kasse-fields label{display:grid;gap:5px;color:#7f8396;font-size:9px}
.kasse-fields input{border:1px solid var(--line);background:#090c17;color:#dfe1e7;border-radius:7px;padding:8px;font-size:11px;outline:none}
.kasse-card-actions{display:flex;gap:8px;margin-top:11px}
.kasse-card-actions .ghost,.kasse-card-actions .danger-btn{flex:1;text-align:center}
.kasse-empty{color:#777b8f;font-size:11px;padding:6px 0}

/* Lager */
.lager-fields{grid-template-columns:1fr 1fr}
.lager-field-row{display:flex;gap:6px;align-items:center}
.lager-field-row input{flex:1}
.lager-item-remove{border:1px solid var(--line);background:#090c17;color:#8a8fa6;border-radius:6px;width:26px;height:26px;flex-shrink:0;cursor:pointer;font-size:13px;line-height:1}
.lager-item-remove:hover{color:#ff7b8c;border-color:rgba(255,123,140,.4)}
.lager-additem-row{margin-top:10px}
.lager-additem-row input{border:1px solid var(--line);background:#090c17;color:#dfe1e7;border-radius:7px;padding:8px;font-size:11px;outline:none}
.role-chip-row{display:flex;flex-wrap:wrap;gap:8px}
.role-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:#101321;color:#dfe1e7;border-radius:20px;padding:6px 8px 6px 12px;font-size:11px}
.role-chip .chip-remove{border:0;background:transparent;color:#8d91a4;cursor:pointer;font-size:13px;width:18px;height:18px;border-radius:50%;line-height:1}
.role-chip .chip-remove:hover{color:#ff7b8c;background:rgba(255,78,104,.12)}

/* Mitgliederliste */
.role-check-grid{overflow-y:auto}
.role-check-item{font-size:11px;color:#dfe1e7}
.role-check-item input{flex:none}

.member-search-results{margin-top:10px;border:1px solid var(--line);border-radius:10px;background:#0b0e1b;overflow:hidden}
.member-search-item{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;border-bottom:1px solid var(--line)}
.member-search-item:last-child{border-bottom:0}
.member-search-item:hover{background:#131627}
.member-search-item img{width:26px;height:26px;border-radius:50%;object-fit:cover;flex:none}
.member-search-item .msi-names{min-width:0}
.member-search-item .msi-names strong{display:block;font-size:12px;color:#fff}
.member-search-item .msi-names span{display:block;font-size:10px;color:#777b8f}
.member-card{border:1px solid var(--line);background:#0b0e1b;border-radius:11px;padding:14px;display:flex;align-items:flex-start;gap:12px}
.member-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;flex:none;background:#14172a}
.member-card-body{min-width:0;flex:1}
.member-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.member-card-head strong{font-size:13px}
.member-card-head span{font-size:10px;color:#777b8f}
.member-roles{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.member-role-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:#101321;color:#dfe1e7;border-radius:20px;padding:4px 10px;font-size:10px}
.member-role-chip .role-dot{width:7px;height:7px;border-radius:50%;flex:none}
.member-role-none{font-size:10px;color:#777b8f}
.member-meta{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:9px;padding-top:9px;border-top:1px solid var(--line)}
.member-meta span{font-size:10px;color:#777b8f}
.command-toggles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px 18px}
.command-toggle-group{grid-column:1/-1;margin-top:6px}
.command-toggle-group:first-child{margin-top:0}
.command-toggle-group h4{font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#29a3ff;margin:0 0 6px}
.command-toggle-group .toggle-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:2px 18px}
.command-toggle-item{margin-top:0!important}
.command-rename-row{display:flex;align-items:center;gap:6px;margin:4px 0 2px 24px}
.command-rename-prefix{color:#777b8f;font-size:11px}
.command-rename-input{flex:1;min-width:0;background:#0b0e1b;border:1px solid var(--line);border-radius:7px;color:#fff;font-size:11px;padding:5px 8px}
.command-rename-input:focus{outline:none;border-color:#29a3ff}
.command-rename-save{padding:4px 9px;font-size:10px}
.command-card{transition:opacity .15s}
.command-card.cmd-off{opacity:.45}
.cmd-status-dot.cmd-off-dot{color:#ff7b8c;border-color:rgba(255,78,104,.25);background:rgba(255,78,104,.08)}

/* ---- Server-Auswahl (nach dem Login / Server wechseln) ---- */
.server-picker-card{width:min(560px,100%)}
.server-pick-list{display:grid;gap:10px;max-height:50vh;overflow-y:auto;margin-top:8px;text-align:left}
.server-pick-item{display:flex;align-items:center;gap:12px;width:100%;border:1px solid var(--line);background:#0b0e1b;color:#fff;border-radius:11px;padding:12px 14px;cursor:pointer;font-size:13px;font-weight:600;transition:.15s}
.server-pick-item:hover{border-color:#0d8aff;background:#131627}
.server-pick-item:disabled{opacity:.5;cursor:default}
.server-pick-icon{width:34px;height:34px;border-radius:50%;overflow:hidden;flex:none;display:grid;place-items:center;background:linear-gradient(145deg,#777,#222);font-size:14px}
.server-pick-icon img{width:100%;height:100%;object-fit:cover}
.server-pick-name{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.server-badge{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:20px;font-weight:600;cursor:pointer;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.server-badge:hover{color:#fff}

/* ---- Bot-Einladung ---- */
.login-divider{display:flex;align-items:center;gap:10px;margin:18px 0 14px;color:#5c6079;font-size:10px;text-transform:uppercase;letter-spacing:.1em}
.login-divider::before,.login-divider::after{content:"";flex:1;height:1px;background:var(--line)}
.login-card .invite-bot-link{display:inline-flex;justify-content:center;align-items:center;width:100%;text-decoration:none;box-sizing:border-box}
.invite-bot-hint{margin:12px 0 0}
#inviteBotBtn{text-decoration:none;display:grid;place-items:center;font-size:16px;line-height:1}

.sanktion-template-list{display:grid;gap:10px}.sanktion-template-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;margin:0;background:#0b0e1b}.sanktion-template-content{min-width:0;flex:1}.sanktion-template-content>div{display:flex;align-items:center;gap:9px}.sanktion-template-content strong{font-size:12px;color:#e8eaf0}.sanktion-template-content p{font-size:10px;line-height:1.5;color:#85899b;margin:6px 0 0;white-space:pre-wrap}.sanktion-template-amount{font-size:10px;color:#77e5b0;border:1px solid rgba(119,229,176,.18);background:rgba(119,229,176,.05);padding:4px 7px;border-radius:20px}.sanktion-template-actions{display:flex;gap:7px;flex-shrink:0}@media(max-width:700px){.sanktion-template-item{align-items:flex-start;flex-direction:column}.sanktion-template-actions{width:100%}.sanktion-template-actions button{flex:1}}

/* ---- Tickets ---- */
.modal-overlay{position:fixed;inset:0;background:rgba(6,7,14,.72);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}
.modal-box{background:#0e1120;border:1px solid var(--line);border-radius:14px;padding:22px;width:100%;max-width:520px;max-height:88vh;overflow:auto;display:grid;gap:12px}
.modal-box h3{margin:0 0 4px;font-size:15px}
.modal-box label{display:grid;gap:6px;color:#9b9eb0;font-size:11px}
.modal-box input,.modal-box select,.modal-box textarea{border:1px solid var(--line);background:#090c19;color:#fff;border-radius:9px;padding:10px;outline:none;font-family:inherit}
.modal-box textarea{resize:vertical}
@keyframes nexusDialogIn{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes nexusDialogOut{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(6px) scale(.97)}}
@keyframes nexusOverlayIn{from{opacity:0}to{opacity:1}}
.nexus-dialog-overlay{animation:nexusOverlayIn .15s ease}
.nexus-dialog-overlay.nexus-dialog-closing{animation:nexusOverlayIn .18s ease reverse}
.nexus-dialog-box{max-width:420px;padding:24px;animation:nexusDialogIn .18s cubic-bezier(.22,.9,.32,1)}
.nexus-dialog-overlay.nexus-dialog-closing .nexus-dialog-box{animation:nexusDialogOut .18s ease}
.nexus-dialog-head{display:flex;align-items:center;gap:12px}
.nexus-dialog-icon{width:36px;height:36px;flex:none;border-radius:11px;display:grid;place-items:center;font-size:16px;background:rgba(13,138,255,.12);color:#4fc3ff}
.nexus-dialog-danger .nexus-dialog-icon{background:rgba(255,80,100,.12);color:#ff8291}
.nexus-dialog-prompt .nexus-dialog-icon{background:rgba(13,138,255,.12);color:#4fc3ff}
.nexus-dialog-head h3{margin:0;font-size:15px;color:#f0f2f7}
.nexus-dialog-message{margin:0;font-size:12px;line-height:1.6;color:#9b9eb0;white-space:pre-wrap}
.nexus-dialog-input{width:100%;box-sizing:border-box;border:1px solid var(--line);background:#090c19;color:#fff;border-radius:9px;padding:11px;outline:none;font-family:inherit;font-size:13px}
.nexus-dialog-input:focus{border-color:#0d8aff}
.nexus-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}
.nexus-dialog-actions .ghost,.nexus-dialog-actions .primary-btn,.nexus-dialog-actions .danger-btn{padding:10px 16px;font-size:12px;border-radius:9px}
.nexus-dialog-danger .nexus-dialog-actions .danger-btn{background:linear-gradient(135deg,#e3435f,#a8203a);color:#fff;border:0;box-shadow:0 8px 22px rgba(220,60,90,.28)}
.nexus-dialog-danger .nexus-dialog-actions .danger-btn:hover{filter:brightness(1.08)}
@media(max-width:480px){.nexus-dialog-box{padding:18px}}
.ticket-category-card{margin-bottom:10px}
.ticket-status-pill{font-size:9px;padding:5px 8px;border-radius:20px;border:1px solid rgba(255,255,255,.12)}
.ticket-status-pill.open{color:#6ee7b7;border-color:rgba(110,231,183,.18);background:rgba(110,231,183,.06)}
.ticket-status-pill.claimed{color:#93d5ff;border-color:rgba(79,195,255,.2);background:rgba(79,195,255,.07)}
.preview-select{margin-top:12px;border:1px solid rgba(255,255,255,.08);background:#1e1f22;color:#dbdee1;border-radius:8px;padding:10px 12px;font-size:12px}

/* ---- Embed Studio: Übersicht / Liste ---- */
.embed-create-card{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid rgba(13,138,255,.35);color:#fff;border-radius:13px;padding:20px 22px;font-size:15px;font-weight:600;cursor:pointer;transition:.2s;margin-bottom:20px}
.embed-create-card:hover{background:linear-gradient(145deg,rgba(13,138,255,.18),rgba(13,17,32,.9))}
.embed-create-icon{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:9px;background:rgba(13,138,255,.16);color:var(--blue2);font-size:19px;line-height:1}
.embed-list-panel{padding-top:18px}
.embed-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}
.embed-list-toolbar h2{font-size:15px;margin:0}
.embed-count{font-size:11px;color:#7f8396;border:1px solid var(--line);padding:5px 10px;border-radius:20px}
.embed-search-box{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:#0a0d1a;border-radius:10px;padding:0 12px;height:40px;margin-bottom:16px;color:#6b6f83}
.embed-search-box input{flex:1;background:none;border:0;outline:0;color:#fff;font-size:12px}
.embed-table-head{display:grid;grid-template-columns:1fr 130px 190px 40px;gap:10px;padding:0 14px 10px;color:#6b6f83;font-size:10px;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--line)}
.embed-row{display:grid;grid-template-columns:1fr 130px 190px 40px;gap:10px;align-items:center;padding:16px 14px;border-bottom:1px solid var(--line);cursor:pointer;transition:.15s;position:relative}
.embed-row:last-child{border-bottom:0}
.embed-row:hover{background:rgba(13,138,255,.05)}
.embed-row-main strong{display:block;font-size:13px;color:#eef0f6;margin-bottom:4px}
.embed-row-sub{display:flex;align-items:center;gap:6px;font-size:11px;color:#7f8396}
.embed-row-sub .embed-row-icon{color:var(--blue2);font-size:12px}
.embed-row-sub .embed-row-slug{color:var(--blue2)}
.embed-status-pill{justify-self:start;font-size:10px;padding:5px 10px;border-radius:20px;border:1px solid rgba(255,255,255,.12);white-space:nowrap}
.embed-status-pill.published{color:#6ee7b7;border-color:rgba(110,231,183,.18);background:rgba(110,231,183,.06)}
.embed-status-pill.draft{color:#93d5ff;border-color:rgba(79,195,255,.2);background:rgba(79,195,255,.07)}
.embed-row-time{font-size:11px;color:#9295aa}
.embed-row-menu{position:relative;justify-self:end}
.embed-menu-btn{width:30px;height:30px;border-radius:8px;border:1px solid var(--line);background:#131624;color:var(--blue2);cursor:pointer;font-size:14px;line-height:1}
.embed-menu-btn:hover{border-color:var(--blue);color:#fff}
.embed-menu-dropdown{position:absolute;right:0;top:36px;z-index:20;min-width:150px;border:1px solid var(--line);background:#12142a;border-radius:10px;padding:6px;box-shadow:0 18px 38px rgba(0,0,0,.4);display:grid;gap:2px}
.embed-menu-dropdown button{border:0;background:transparent;color:#c7c9d6;text-align:left;padding:9px 10px;border-radius:7px;font-size:12px;cursor:pointer}
.embed-menu-dropdown button:hover{background:rgba(13,138,255,.12);color:#fff}
.embed-menu-dropdown button.danger:hover{background:rgba(255,80,100,.12);color:#ff8291}
.embed-empty{padding:34px 10px;text-align:center;color:#777b8f;font-size:12px}
.embed-back-btn{border:0;background:transparent;color:var(--blue2);display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;cursor:pointer;padding:0;margin-bottom:10px}
.embed-back-btn span{font-size:15px}
.embed-back-btn:hover{color:#fff}
.embed-editor-actions{grid-template-columns:auto auto;justify-content:flex-start}
@media(max-width:750px){.embed-table-head{display:none}.embed-row{grid-template-columns:1fr auto;grid-template-areas:"main status" "main time" "menu menu"}.embed-row-main{grid-area:main}.embed-status-pill{grid-area:status;justify-self:end}.embed-row-time{grid-area:time;justify-self:end}.embed-row-menu{grid-area:menu;justify-self:end}}

@media (max-width:720px){.top-account-trigger{min-width:auto}.top-account-info{display:none}.top-account-menu{right:-6px;width:220px}}

/* =========================================================
   NEXUS 2.0 VISUAL SYSTEM
   Functional selectors above are intentionally preserved.
   ========================================================= */

.brand span{text-transform:uppercase}
.nav-item{border:1px solid transparent}.nav-item:hover{background:rgba(0,174,245,.065);border-color:rgba(0,174,245,.08)}
.nav-item.active{border-color:rgba(0,186,255,.48)}

.topbar{backdrop-filter:blur(16px);border-bottom-color:rgba(0,174,245,.1)}
.search{box-shadow:inset 0 0 0 1px rgba(255,255,255,.01)}
.search:focus-within{border-color:rgba(0,186,255,.48);box-shadow:0 0 0 3px rgba(0,186,255,.06)}
.round-button{color:#8aa3b4}.round-button:hover{color:#29e3ff;text-shadow:0 0 14px rgba(41,227,255,.4)}
.server-badge{background:#061421;border-color:rgba(0,174,245,.18);color:#a9c0cf}.server-badge:hover{border-color:#00aef5}
.top-account-trigger:hover,.top-account.is-open .top-account-trigger{background:rgba(5,18,29,.9);border-color:rgba(0,174,245,.18)}
.top-account-info span,.profile-info span{background:linear-gradient(90deg,#057cc1,#00518c)}
.top-account-menu{background:rgba(4,13,22,.98);border-color:rgba(0,174,245,.18)}
.content{scrollbar-color:#155071 transparent}.content::-webkit-scrollbar{width:8px}.content::-webkit-scrollbar-thumb{background:#0c344d;border-radius:20px}
.page-heading h1{letter-spacing:-.9px}.eyebrow,.panel-kicker{color:#1fdcff!important}
.bot-status{border-color:rgba(0,174,245,.2);background:linear-gradient(145deg,rgba(7,22,35,.95),rgba(4,12,20,.9));box-shadow:0 14px 35px rgba(0,0,0,.22)}
.bot-status>span{background:#25e58b}.bot-status em{display:block;color:#6f8999;font-size:10px;font-style:normal;margin-top:3px}.bot-status.offline>span{background:#ff5665;box-shadow:0 0 13px #ff5665}.bot-status.offline strong{color:#ff8c98}
.five{grid-template-columns:repeat(5,minmax(0,1fr))}.metric{border-color:rgba(0,174,245,.13);background:linear-gradient(145deg,rgba(7,20,32,.96),rgba(4,12,20,.96));box-shadow:0 15px 40px rgba(0,0,0,.24)}
.metric:hover{transform:translateY(-1px);border-color:rgba(0,186,255,.28);box-shadow:0 18px 42px rgba(0,0,0,.32)}
.metric-icon{background:linear-gradient(145deg,#047dbd,#064f80);box-shadow:0 8px 22px rgba(0,174,245,.16)}
.metric span{color:#91a9b9}.metric small{color:#627e90}.metric-green .metric-icon{background:linear-gradient(145deg,#0b9b61,#075337);color:#6ff2b0}.metric-black .metric-icon{background:linear-gradient(145deg,#172d3e,#08131d);color:#d7edf8}.metric-commands .metric-icon{color:#58ddff}.metric-uptime .metric-icon{color:#ffc84b}
.panel{border-color:rgba(0,174,245,.12);background:linear-gradient(145deg,rgba(7,18,29,.96),rgba(4,11,19,.96));box-shadow:0 18px 50px rgba(0,0,0,.26)}.panel:hover{border-color:rgba(0,174,245,.17)}.panel select,.ghost{background:#061421;border-color:rgba(0,174,245,.15);color:#91a9b9}.ghost:hover{border-color:#00aef5;color:#e9fbff}
.chart{height:235px}.bar{background:linear-gradient(to top,#056ca2,#25e3ff);box-shadow:0 0 18px rgba(0,186,255,.18)}.progress i{background:linear-gradient(90deg,#007db9,#25e3ff)}
.event-icon{background:rgba(25,229,139,.08);color:#4aeaa0;border:1px solid rgba(25,229,139,.13)}.event-icon.warning{background:rgba(255,181,45,.08);color:#ffc15b;border-color:rgba(255,181,45,.13)}
.system-panel{background:linear-gradient(145deg,rgba(6,18,29,.97),rgba(3,10,17,.97))}.robot{border-color:rgba(0,186,255,.3);box-shadow:inset 0 0 30px rgba(0,174,245,.06),0 0 35px rgba(0,174,245,.08);color:#24ddff}.robot span{background:#25e58b}
.primary-btn{background:linear-gradient(135deg,#079bd9,#0569a4)!important;border-color:#13bce9!important;box-shadow:0 8px 24px rgba(0,159,220,.16)}.primary-btn:hover{filter:brightness(1.08);box-shadow:0 10px 28px rgba(0,174,245,.24)}
.danger-btn{border-color:rgba(255,78,104,.22)}
input:focus,textarea:focus,select:focus{border-color:rgba(0,186,255,.55)!important;box-shadow:0 0 0 3px rgba(0,186,255,.06)}
.page-view{animation:nexusFade .22s ease}.login-view{background:radial-gradient(circle at center,rgba(0,174,245,.07),transparent 40%)}
.login-card{border-color:rgba(0,174,245,.2)!important;background:linear-gradient(145deg,rgba(7,20,32,.97),rgba(3,10,17,.98))!important;box-shadow:0 30px 80px rgba(0,0,0,.5),0 0 40px rgba(0,174,245,.06)!important}
.embed-create-card{border-color:rgba(0,186,255,.32);background:linear-gradient(145deg,rgba(0,174,245,.11),rgba(5,16,27,.96))}.embed-create-card:hover{border-color:#00baff;box-shadow:0 12px 30px rgba(0,174,245,.1)}
.nexus-footer{gap:20px}.nexus-footer i{margin-right:4px}
@keyframes nexusFade{from{opacity:.55;transform:translateY(3px)}to{opacity:1;transform:none}}
@media(max-width:1200px){.five{grid-template-columns:repeat(3,minmax(0,1fr))}.sidebar{width:240px;flex-basis:240px}}
@media(max-width:900px){.five{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{width:250px;flex-basis:250px}}
@media(max-width:560px){.five{grid-template-columns:1fr}.nexus-footer{padding:12px 16px;flex-direction:column}.content{padding:20px 16px 28px}.page-heading{align-items:flex-start;flex-direction:column}.bot-status{width:100%;min-width:0}}

/* ==========================================================
   NEXUS DASHBOARD — pixel-close visual layer based on the
   official Nexus dashboard mockup.
   Existing feature pages/styles remain untouched.
   ========================================================== */
:root{--nx-bg:#02080f;--nx-panel:#06121e;--nx-panel2:#081826;--nx-line:#0a75bd;--nx-blue:#08baff;--nx-cyan:#24e6ff;--nx-green:#28e77f;--nx-muted:#8ea1b3}
body{background:#02080f;overflow:hidden}
.app-shell{background:radial-gradient(circle at 65% -10%,rgba(0,178,255,.09),transparent 32%),#02080f}
.sidebar{background:linear-gradient(180deg,#020910 0%,#020811 100%);border-right:1px solid rgba(17,110,167,.32);box-shadow:18px 0 50px rgba(0,0,0,.22)}
.brand-logo{border-radius:50%;border-color:rgba(0,190,255,.45);box-shadow:0 0 22px rgba(0,178,255,.28)}.brand strong{text-transform:uppercase}.brand span{color:#18d8ff;white-space:nowrap}
.nav-category{gap:0}.nav-category-toggle{color:#a0afbc;letter-spacing:.02em}.nav-category-toggle .category-chevron{font-size:12px}.nav-item{color:#d9e3ea}.nav-item span{color:#9fb1bf}.nav-item.active{background:linear-gradient(90deg,rgba(0,167,255,.30),rgba(0,81,145,.10));border:1px solid #06b7ff;box-shadow:0 0 18px rgba(0,177,255,.18),inset 0 0 15px rgba(0,160,255,.08)}.nav-item.active span{color:#fff}.system-nav{margin-top:6px}.sidebar-profile{margin-top:auto;border:1px solid #0b3551;border-radius:10px;align-items:center;background:linear-gradient(145deg,#06121d,#040b12);box-shadow:0 12px 25px rgba(0,0,0,.25)}.sidebar-profile-copy{min-width:0;flex:1}.sidebar-profile-copy strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-profile-copy span{color:#1fe97d}.sidebar-profile-copy b{color:#a6b6c4;font-weight:400}.sidebar-profile-menu{border:0;background:none;color:#8b9cac;font-size:17px}.sidebar-profile .avatar{width:36px;height:36px;border-radius:50%;border-color:#058fe2}
.main{height:100vh}.topbar{border-bottom:1px solid rgba(15,78,116,.35);background:rgba(2,8,15,.82)}.search{width:280px;border-color:#0c6a9f;border-radius:9px;background:#030a12}.search kbd{font-size:9px}.top-actions{gap:12px}.round-button{font-size:19px}.top-account-trigger{min-width:175px}.top-account-info span{background:transparent;color:#9aabb9;padding:1px 0}.content{padding:0 0 10px;overflow:auto;background:radial-gradient(circle at 55% 0%,rgba(0,144,225,.04),transparent 30%)}.content:before{content:"";display:block;position:absolute;pointer-events:none;left:240px;right:0;top:58px;height:320px;background-image:linear-gradient(rgba(14,86,128,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(14,86,128,.035) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,black,transparent)}
.nexus-category-view{max-width:none;position:relative}
.category-view-head{margin-bottom:17px}
.category-view-head h1{font-size:19px;margin:0 0 3px;letter-spacing:.1px}
.category-view-head p{font-size:11px;color:#9aabb8;margin:0}
.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.category-card.nav-item{border:1px solid #0b4a70;background:linear-gradient(145deg,rgba(4,16,27,.98),rgba(2,10,18,.98));box-shadow:0 16px 35px rgba(0,0,0,.22);border-radius:13px;padding:18px 17px;align-items:center;gap:14px;min-height:88px;position:relative;overflow:hidden;width:100%;text-align:left}
.category-card.nav-item:before{content:"";position:absolute;left:0;top:0;width:45px;height:1px;background:#13c8ff;box-shadow:0 0 12px #13c8ff}
.category-card.nav-item>span{width:44px;height:44px;flex:0 0 44px;border-radius:12px;display:grid;place-items:center;font-size:21px;border:1px solid #075b93;background:linear-gradient(145deg,#062b4b,#041525);box-shadow:inset 0 0 18px rgba(0,165,255,.08);color:var(--blue)}
.category-card.nav-item>div{display:flex;flex-direction:column;gap:4px;min-width:0}
.category-card.nav-item b{font-size:13px;font-weight:600;color:#fff}
.category-card.nav-item small{font-size:10px;color:#8ea0af;line-height:1.35;white-space:normal}
.category-card.nav-item:hover{border-color:#08baff;box-shadow:0 0 18px rgba(0,178,255,.14);background:linear-gradient(145deg,rgba(4,16,27,.98),rgba(2,10,18,.98))}
@media(max-width:900px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.category-grid{grid-template-columns:1fr}}
.nexus-dashboard{max-width:none;position:relative}.dashboard-hero{display:flex;justify-content:space-between;align-items:center}.dashboard-hero h1{margin:0 0 3px;letter-spacing:.1px}.dashboard-hero p{color:#9aabb8;margin:0}.hero-server-status{border:1px solid #0b476d;border-radius:10px;background:#06111b;display:flex;align-items:center}.hero-server-status small{display:block;color:#dbe8ef}.hero-server-status i{width:7px;height:7px;border-radius:50%;background:var(--nx-green);box-shadow:0 0 10px var(--nx-green);margin-left:auto}.hero-status-icon{border-radius:50%;display:grid;place-items:center;color:var(--nx-green);background:rgba(40,231,127,.08)}
.dashboard-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.dash-stat,.dash-panel{border:1px solid #0b4a70;background:linear-gradient(145deg,rgba(4,16,27,.98),rgba(2,10,18,.98));box-shadow:0 16px 35px rgba(0,0,0,.22);position:relative;overflow:hidden}.dash-stat{display:flex;align-items:center}.dash-stat:before,.dash-panel:before{content:"";position:absolute;left:0;top:0;width:45px;height:1px;background:#13c8ff;box-shadow:0 0 12px #13c8ff}.dash-icon{display:grid;place-items:center;border:1px solid #075b93;background:linear-gradient(145deg,#062b4b,#041525);box-shadow:inset 0 0 18px rgba(0,165,255,.08)}.dash-icon.green{color:#27e67e;border-color:#146743;background:rgba(25,212,105,.08)}.dash-icon.silver{color:#e0e7ee;border-color:#3d5569;background:linear-gradient(145deg,#25313d,#0a1118)}.dash-icon.pulse{color:#08baff;border-radius:50%;border-color:#08baff;box-shadow:0 0 14px rgba(8,186,255,.2)}.dash-stat span{display:block;color:#d9e4eb}.dash-stat strong{display:block;line-height:1.1;letter-spacing:.2px}.dash-stat small{color:#879aa9}.dash-stat small b{color:#22e87c;font-weight:600}

/* Compact Discord widget in the top bar */
.nexus-discord-mini{margin-right:auto;display:flex;align-items:center;gap:9px;height:36px;min-width:190px;max-width:280px;padding:0 11px;border:1px solid rgba(88,101,242,.42);border-radius:9px;background:linear-gradient(145deg,rgba(14,22,40,.96),rgba(4,12,20,.96));color:#fff;text-decoration:none;box-shadow:inset 0 0 16px rgba(88,101,242,.04);transition:.18s;overflow:hidden}
.nexus-discord-mini:hover{border-color:rgba(130,144,255,.75);background:linear-gradient(145deg,rgba(20,29,52,.98),rgba(5,13,22,.98));transform:translateY(-1px)}
.nexus-discord-mini.disabled{opacity:.55;pointer-events:none}
.nexus-discord-mini-logo{width:28px;height:28px;flex:none;display:grid;place-items:center;border-radius:7px;background:rgba(3,14,24,.8);border:1px solid rgba(0,190,255,.35);box-shadow:0 0 14px rgba(0,190,255,.18);overflow:hidden}
.nexus-discord-mini-logo img{width:25px;height:25px;object-fit:contain;display:block}
.nexus-discord-mini-copy{min-width:0;display:grid;gap:2px;line-height:1}
.nexus-discord-mini-copy b{font-size:10px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nexus-discord-mini-copy small{display:flex;align-items:center;gap:4px;font-size:8px;color:#91a3b4}
.nexus-discord-mini-copy small i{width:5px;height:5px;border-radius:50%;background:#25e67f;box-shadow:0 0 7px rgba(37,230,127,.65);flex:none}
.nexus-discord-mini-copy small strong{font-size:8px;color:#dbe7ef;font-weight:600}
@media(max-width:600px){.nexus-discord-mini{min-width:0;width:36px;padding:0;justify-content:center}.nexus-discord-mini-copy{display:none}}

/* ---- NEXUS Discord Server Connect Card ---- */
.nexus-discord-connect{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:22px;margin:0 0 12px;padding:18px 20px;border:1px solid rgba(88,101,242,.48);border-radius:14px;background:radial-gradient(circle at 12% 0%,rgba(88,101,242,.22),transparent 32%),linear-gradient(145deg,rgba(12,19,36,.98),rgba(3,10,18,.98));box-shadow:0 18px 42px rgba(0,0,0,.24),inset 0 0 30px rgba(88,101,242,.035);overflow:hidden}
.nexus-discord-glow{position:absolute;inset:auto auto -80px -50px;width:220px;height:160px;background:rgba(88,101,242,.16);filter:blur(50px);pointer-events:none}
.nexus-discord-brand{position:relative;display:flex;align-items:center;gap:14px;min-width:0}
.nexus-discord-logo,.nexus-discord-btn-logo{display:grid;place-items:center;background:#5865f2;color:#fff;box-shadow:0 0 24px rgba(88,101,242,.35)}
.nexus-discord-logo{width:54px;height:54px;border-radius:16px;flex:none}.nexus-discord-logo svg{width:31px;height:31px}
.nexus-discord-copy{min-width:0}.nexus-discord-kicker{font-size:8px;letter-spacing:.12em;color:#9da9ff;font-weight:700;margin-bottom:5px}.nexus-discord-kicker i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#6ee7ff;box-shadow:0 0 9px #6ee7ff;margin-right:6px}
.nexus-discord-copy h2{font-size:16px;margin:0 0 3px;color:#fff}.nexus-discord-copy p{font-size:9px;color:#91a3b4;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nexus-discord-meta{display:flex;align-items:center;gap:14px;margin-top:8px;font-size:8px;color:#718899;flex-wrap:wrap}.nexus-discord-meta b{color:#dbe7ef}.nexus-discord-meta code{color:#8496a5}
.nexus-online-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#23e67c;box-shadow:0 0 8px rgba(35,230,124,.65);margin-right:5px}
.nexus-discord-members{display:flex;align-items:center;padding-left:10px;min-width:115px}.nexus-member-avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;overflow:hidden;margin-left:-8px;border:2px solid #08131f;background:#17283a;color:#9edfff;box-shadow:0 4px 12px rgba(0,0,0,.3)}.nexus-member-avatar:first-child{margin-left:0}.nexus-member-avatar img{width:100%;height:100%;object-fit:cover}.nexus-member-avatar b{font-size:10px}.nexus-member-more{font-size:8px;color:#93a7b7;margin-left:6px}.nexus-member-empty{font-size:8px;color:#657c8e;white-space:nowrap}
.nexus-discord-connect-btn{position:relative;display:flex;align-items:center;gap:9px;min-width:170px;padding:10px 12px;border:1px solid rgba(88,101,242,.55);border-radius:10px;background:linear-gradient(180deg,#5865f2,#4752c4);color:#fff;text-decoration:none;box-shadow:0 10px 24px rgba(48,57,160,.28);transition:.18s}.nexus-discord-connect-btn:hover{transform:translateY(-1px);border-color:#8290ff;box-shadow:0 13px 28px rgba(48,57,160,.38)}.nexus-discord-connect-btn.disabled{opacity:.55;pointer-events:none}
.nexus-discord-btn-logo{width:28px;height:28px;border-radius:8px;background:rgba(255,255,255,.12);box-shadow:none}.nexus-discord-btn-logo svg{width:17px;height:17px}.nexus-discord-connect-btn span:nth-child(2){display:grid;gap:2px;flex:1}.nexus-discord-connect-btn b{font-size:10px}.nexus-discord-connect-btn small{font-size:7px;color:#d9dcff}.nexus-discord-connect-btn>strong{font-size:16px}
@media(max-width:850px){.nexus-discord-connect{grid-template-columns:1fr auto}.nexus-discord-members{grid-column:1}.nexus-discord-connect-btn{grid-column:2;grid-row:1/3}.nexus-discord-copy p{white-space:normal}}
@media(max-width:600px){.nexus-discord-connect{grid-template-columns:1fr;gap:12px}.nexus-discord-members,.nexus-discord-connect-btn{grid-column:auto;grid-row:auto}.nexus-discord-connect-btn{width:100%}}
.dashboard-main-grid{display:grid;grid-template-columns:minmax(0,2.05fr) minmax(245px,.92fr) minmax(300px,1.08fr)}.dash-panel{min-width:0}.dash-panel-head{display:flex;align-items:center;justify-content:space-between}.dash-panel-head h2{margin:0;letter-spacing:.2px}.dash-panel-head h2 span{font-size:8px;color:#a0afbc;font-weight:400}.dash-panel-head button,.dash-panel-head select{border:1px solid #0a4f7a;background:#061522;color:#d7e6ee;border-radius:7px}.command-chart-panel{min-height:350px}.line-chart{position:relative;overflow:hidden}.line-chart:before{content:"";position:absolute;inset:15px 8px 34px 38px;background:repeating-linear-gradient(to bottom,rgba(13,54,78,.42) 0,rgba(13,54,78,.42) 1px,transparent 1px,transparent 25%);border-bottom:1px solid rgba(13,54,78,.45)}.line-chart .bar-wrap{position:relative;display:none}.line-chart:after{content:"";position:absolute;left:50px;right:12px;bottom:31px;background:linear-gradient(180deg,rgba(0,178,255,.18),rgba(0,178,255,0));clip-path:polygon(0 75%,14% 35%,29% 59%,43% 48%,57% 8%,71% 26%,86% 50%,100% 38%,100% 100%,0 100%);filter:drop-shadow(0 0 8px rgba(0,181,255,.35))}.line-chart .nx-line{position:absolute;left:50px;right:12px;bottom:31px;z-index:2}.line-chart .nx-line svg{width:100%;height:100%;overflow:visible}.line-chart .chart-x{position:absolute;left:50px;right:10px;bottom:7px;display:flex;justify-content:space-between;color:#8295a5;font-size:9px;z-index:3}.line-chart .chart-y{position:absolute;left:4px;top:10px;bottom:31px;display:flex;flex-direction:column;justify-content:space-between;color:#718697;font-size:9px;z-index:3}
.bot-status-panel{min-height:350px}.big-status{display:flex;align-items:center}.status-ring{border-radius:50%;display:grid;place-items:center;color:#2cf184;border:2px solid #2cf184;box-shadow:0 0 18px rgba(44,241,132,.24)}.big-status strong{display:block;color:#28ed86}.big-status span{display:block;color:#92a5b3;margin-top:4px}.status-rows{border:1px solid #0a324c;border-radius:10px;overflow:hidden}.status-rows div{display:flex;justify-content:space-between;border-bottom:1px solid #0a2a40}.status-rows div:last-child{border-bottom:0}.status-rows b{color:#25e67f;font-weight:500}.status-rows strong{font-weight:500;color:#d4e0e7}
.activity-panel-new{min-height:350px}.dashboard-activities{display:grid;gap:7px}.activity-new{display:flex;align-items:center;border:1px solid #0a3048;border-radius:9px;background:linear-gradient(90deg,rgba(3,16,27,.9),rgba(4,12,21,.7))}.activity-new .activity-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;border:1px solid #0b8bd2;box-shadow:0 0 12px rgba(0,170,255,.12)}.activity-new .activity-avatar-fallback{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid #0b8bd2;color:#08baff;background:#031525}.activity-new-copy{min-width:0;flex:1}.activity-new-copy p{margin:3px 0 1px;color:#d6e0e7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-new-copy time{color:#788d9e}.activity-new-action{border-radius:8px;display:grid;place-items:center;border:1px solid #0a70b1;color:#09baff;background:#03192a}.activity-new-action.green{border-color:#147048;color:#29e980;background:#032018}
.dashboard-bottom-grid{display:grid;grid-template-columns:1.05fr 1.1fr 1.15fr}.date-chip{border:1px solid #123a53;border-radius:6px;color:#9aacb9}.weekly-content{display:flex;align-items:center}.donut-chart{border-radius:50%;background:conic-gradient(#147df2 var(--weekly-angle,68%),#132a40 0);display:grid;place-items:center;position:relative;flex:0 0 120px}.donut-chart:after{content:"";position:absolute;border-radius:50%;background:#06121e}.donut-chart>div{z-index:1;text-align:center}.donut-chart strong{display:block}.donut-chart span{display:block;color:#9babb8}.weekly-legend{flex:1;display:grid}.weekly-legend div{display:flex;justify-content:space-between;gap:10px}.weekly-legend span{display:flex;align-items:center;gap:7px}.weekly-legend b{font-weight:500;color:#d6e2e9}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.dot.paid{background:#29df7f}.dot.open{background:#f5a51d}.dot.total{background:#244363}.dash-primary-btn{width:100%;border:1px solid #079be5;background:linear-gradient(180deg,#063458,#06223a);color:#d9f7ff;border-radius:7px;cursor:pointer}.sanction-list-new{display:grid;gap:6px}.sanction-new{display:flex;align-items:center;border:1px solid #0a3048;border-radius:9px}.sanction-new .s-avatar{border-radius:50%;object-fit:cover;border:1px solid #29485c}.sanction-new-copy{flex:1;min-width:0}.sanction-new-copy strong{display:block}.sanction-new-copy span{display:block;color:#8498a7;margin-top:3px}.sanction-new-amount{text-align:right;color:#ff4d4d}.sanction-new-amount small{display:block;color:#a3b1bc;font-size:8px;margin-top:3px}.quick-actions-grid{display:grid;grid-template-columns:repeat(3,1fr)}.quick-actions-grid button{border:1px solid #0a3550;border-radius:8px;background:linear-gradient(145deg,#071725,#06111c);color:#e5eef3;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.quick-actions-grid button:hover{border-color:#08baff;box-shadow:0 0 16px rgba(0,178,255,.12)}.quick-actions-grid span{color:#08baff}.quick-actions-grid button:nth-child(2) span{color:#08baff}.quick-actions-grid button:nth-child(3) span{color:#27e67f}.quick-actions-grid button:nth-child(5) span{color:#08baff}.quick-actions-grid button:nth-child(6) span{color:#e5ad28}.legacy-dashboard-data{display:none}.nexus-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #0a2438;color:#718595;background:#02080f}.nexus-footer i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#25e67f;box-shadow:0 0 7px #25e67f}
@media(max-width:1250px){.dashboard-stats{grid-template-columns:repeat(3,1fr)}.dashboard-main-grid{grid-template-columns:1.5fr 1fr}.activity-panel-new{grid-column:1/-1}.dashboard-bottom-grid{grid-template-columns:1fr 1fr}.quick-panel-new{grid-column:1/-1}}
@media(max-width:850px){.dashboard-main-grid,.dashboard-bottom-grid{grid-template-columns:1fr}.activity-panel-new,.quick-panel-new{grid-column:auto}.dashboard-stats{grid-template-columns:repeat(2,1fr)}.hero-server-status{min-width:0}.nexus-dashboard{padding:16px}.sidebar{width:240px;flex-basis:240px}}
@media(max-width:600px){.dashboard-stats{grid-template-columns:1fr}.dashboard-hero{align-items:flex-start;flex-direction:column;gap:10px}.weekly-content{flex-direction:column;align-items:flex-start}.quick-actions-grid{grid-template-columns:repeat(2,1fr)}.top-actions .round-button{display:none}}

/* =========================================================
   NEXUS COMPACT LAYOUT — smaller, cleaner and less cramped
   Keeps all existing functionality/selectors intact.
   ========================================================= */
:root{
  --nx-scale-gap: 10px;
}

html,body{font-size:13px}
.app-shell{min-height:100vh}

/* Sidebar */
.sidebar{width:210px;flex-basis:210px;padding:10px 9px 10px}
.brand{padding:3px 8px 14px;gap:8px}
.brand-logo{width:52px;height:52px}
.brand strong{font-size:15px;letter-spacing:1.4px}
.brand span{font-size:5.5px;letter-spacing:1px}
.sidebar-nav{gap:1px}
.nav-category{margin-top:5px}
.nav-category-toggle{font-size:9px;padding:6px 10px 4px}
.nav-item{padding:7px 9px;border-radius:7px;font-size:11px;gap:9px}
.nav-item span{font-size:14px}
.sidebar-profile{padding:7px;gap:7px}
.sidebar-profile-copy strong{font-size:9px}
.sidebar-profile-copy span{font-size:7px}

/* Top bar */
.topbar{height:52px;min-height:52px;padding:0 14px}
.search{height:34px;max-width:300px}
.server-badge{padding:7px 11px;font-size:10px}
.top-account-trigger{padding:5px 7px}
.top-account-info strong{font-size:10px}
.top-account-info span{font-size:8px}

/* Main content */
.content{height:calc(100vh - 52px);padding-bottom:8px}
.page-view{padding:16px 18px 22px}
.page-heading{margin-bottom:14px}
.page-heading h1{font-size:20px}
.page-heading p{font-size:10px;line-height:1.45}

/* General panels/cards/forms */
.panel{border-radius:10px;padding:13px}
.panel-head{margin-bottom:11px}
.panel h2{font-size:12px}
.panel-kicker,.eyebrow{font-size:8px}
.muted{font-size:10px;line-height:1.45}
.grid{gap:10px;margin-top:10px}
.cards{gap:10px}
.metric{min-height:94px;padding:12px;border-radius:10px;gap:9px}
.metric-icon{width:40px;height:40px;border-radius:9px;font-size:19px}
.metric strong{font-size:20px}
.metric span{font-size:9px}
.metric small{font-size:8px}

/* Dashboard */
.nexus-dashboard{padding:14px 18px 0}
.dashboard-hero{margin-bottom:13px}
.dashboard-hero h1{font-size:17px}
.dashboard-hero p{font-size:10px}
.hero-server-status{min-width:165px;padding:7px 10px;gap:7px}
.hero-status-icon{width:25px;height:25px;font-size:16px}
.hero-server-status small{font-size:8px}
.hero-server-status strong{font-size:10px}

.dashboard-stats{gap:9px;margin-bottom:12px}
.dash-stat{min-height:88px;border-radius:10px;padding:12px 11px;gap:9px}
.dash-icon{width:40px;height:40px;border-radius:9px;font-size:19px}
.dash-stat span{font-size:8px}
.dash-stat strong{font-size:21px;margin:4px 0 3px}
.dash-stat small{font-size:7px}

.dashboard-main-grid{gap:10px;margin-bottom:10px}
.dash-panel{border-radius:10px;padding:12px}
.dash-panel-head{margin-bottom:10px}
.dash-panel-head h2{font-size:11px}
.dash-panel-head button,.dash-panel-head select{padding:6px 8px;font-size:8px}
.command-chart-panel,.bot-status-panel,.activity-panel-new{min-height:305px}
.line-chart{height:235px}
.line-chart:after{height:150px}
.line-chart .nx-line{height:150px}
.line-chart .chart-x,.line-chart .chart-y{font-size:8px}

.activity-new{padding:7px 8px;gap:7px}
.activity-new .activity-avatar,.activity-new .activity-avatar-fallback{width:32px;height:32px}
.activity-new-copy strong{font-size:9px}
.activity-new-copy p{font-size:8px}
.activity-new-copy time{font-size:7px}
.activity-new-action{width:29px;height:29px;font-size:14px}

.big-status{margin:14px 0 12px;gap:9px}
.status-ring{width:38px;height:38px;font-size:19px}
.big-status strong{font-size:11px}
.big-status span{font-size:8px}
.status-rows div{padding:9px 10px;font-size:9px}

.dashboard-bottom-grid{gap:10px}
.weekly-panel,.sanctions-panel,.quick-panel-new{min-height:220px}
.weekly-content{gap:16px;min-height:108px}
.donut-chart{width:104px;height:104px;flex-basis:104px}
.donut-chart:after{width:72px;height:72px}
.donut-chart strong{font-size:18px}
.donut-chart span{font-size:8px}
.weekly-legend{gap:9px;font-size:8px}
.date-chip{font-size:7px;padding:5px 7px}
.dash-primary-btn{padding:8px;font-size:8px}

.quick-actions-grid{gap:7px}
.quick-actions-grid button{min-height:76px;font-size:8px;gap:6px}
.quick-actions-grid span{font-size:20px}
.sanction-new{padding:6px 8px;gap:7px}
.sanction-new .s-avatar{width:31px;height:31px}
.sanction-new-copy strong{font-size:9px}
.sanction-new-copy span{font-size:7px}
.sanction-new-amount{font-size:10px}

/* Inputs and controls */
input,select,textarea{font-size:11px}
.primary-btn,.ghost,.danger-btn{font-size:10px;padding:8px 11px}
.check-row{font-size:10px}
.form-grid{gap:9px}

/* Footer */
.nexus-footer{height:34px;padding:0 18px;font-size:8px}

/* Keep the compact layout responsive */
@media(max-width:1250px){
  .sidebar{width:200px;flex-basis:200px}
  .dashboard-main-grid{grid-template-columns:1.55fr 1fr}
  .activity-panel-new{grid-column:1/-1}
}
@media(max-width:900px){
  .sidebar{width:205px;flex-basis:205px}
  .page-view{padding:14px}
  .nexus-dashboard{padding:13px 14px 0}
}
@media(max-width:650px){
  .sidebar{width:190px;flex-basis:190px}
  .topbar{padding:0 10px}
  
  .nexus-footer{padding:8px 12px;height:auto;min-height:34px}
}

.sidebar-profile{display:none!important}

/* Premium login */
.nexus-login-view{
  position:relative;min-height:calc(100vh - 58px)!important;
  overflow:hidden!important;padding:0!important;
  background:#02080f!important;
}
.login-ambient,.login-grid,.login-orbit{position:absolute;inset:0;pointer-events:none}
.login-grid{
  opacity:.28;
  background-image:linear-gradient(rgba(0,174,245,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,174,245,.04) 1px,transparent 1px);
  background-size:38px 38px;
  mask-image:linear-gradient(90deg,black,transparent 88%);
}
.login-orbit{inset:auto;border:1px solid rgba(0,185,255,.1);border-radius:50%}
.login-orbit-a{width:680px;height:680px;left:-250px;top:-220px;box-shadow:0 0 100px rgba(0,174,245,.05)}
.login-orbit-b{width:390px;height:390px;right:-170px;bottom:-180px}
.nexus-login-shell{
  width:100%;height:100%;min-height:100%;max-width:none;
  margin:0;position:relative;z-index:2;display:grid;
  grid-template-columns:1.08fr .92fr;overflow:hidden;
  border:0;border-radius:0;
  background:rgba(3,12,20,.65);
  box-shadow:none;
  backdrop-filter:blur(18px);
}
.nexus-login-showcase{
  position:relative;display:flex;flex-direction:column;justify-content:space-between;
  padding:48px 52px;overflow:hidden;border-right:1px solid rgba(0,174,245,.1);
  background:radial-gradient(circle at 50% 45%,rgba(0,174,245,.08),transparent 30%),linear-gradient(145deg,rgba(5,24,37,.9),rgba(2,10,17,.78));
}
.nexus-login-brand{display:flex;align-items:center;gap:12px;position:relative;z-index:2}
.nexus-login-logo{width:50px;height:50px;border-radius:14px;overflow:hidden;border:1px solid rgba(0,190,255,.4);box-shadow:0 0 25px rgba(0,174,245,.15)}
.nexus-login-logo img{width:100%;height:100%;object-fit:cover}
.nexus-login-brand strong{display:block;color:#effbff;font-size:14px;letter-spacing:3px}
.nexus-login-brand span{display:block;color:#4c8aa2;font-size:6px;letter-spacing:1.6px;margin-top:3px}
.nexus-login-copy{position:relative;z-index:2;max-width:500px}
.nexus-kicker{display:flex;align-items:center;gap:8px;color:#4fdcff;font-size:8px;font-weight:800;letter-spacing:2px}
.nexus-kicker i{width:6px;height:6px;border-radius:50%;background:#27e982;box-shadow:0 0 10px #27e982}
.nexus-login-copy h1{font-size:52px;line-height:1.02;letter-spacing:-2px;margin:17px 0 14px;color:#f1f8fb}
.nexus-login-copy h1 b{color:#16caff;text-shadow:0 0 28px rgba(0,202,255,.18)}
.nexus-login-copy>p{font-size:11px;line-height:1.8;color:#7694a5;margin:0}
.nexus-login-points{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:28px}
.nexus-login-points>div{padding:13px;border:1px solid rgba(0,174,245,.1);border-radius:10px;background:rgba(2,15,24,.5)}
.nexus-login-points span{display:block;color:#18caff;font-size:8px;font-weight:800;margin-bottom:11px}
.nexus-login-points b{display:block;color:#dceff6;font-size:9px}
.nexus-login-points small{display:block;color:#5e7989;font-size:7px;line-height:1.45;margin-top:4px}
.nexus-login-status{display:flex;align-items:center;gap:9px;position:relative;z-index:2}
.nexus-login-status>i{width:7px;height:7px;border-radius:50%;background:#28e982;box-shadow:0 0 11px #28e982}
.nexus-login-status b{display:block;color:#b6d5e2;font-size:8px;letter-spacing:1.2px}
.nexus-login-status small{display:block;color:#4c6c7b;font-size:7px;margin-top:3px;letter-spacing:.8px}

.nexus-login-card{
  position:relative;width:auto!important;max-width:none!important;min-height:100%;
  padding:44px 48px 28px!important;border:0!important;border-radius:0!important;
  background:radial-gradient(circle at 50% 8%,rgba(0,174,245,.08),transparent 28%),linear-gradient(160deg,rgba(5,17,27,.98),rgba(2,9,15,.98))!important;
  box-shadow:none!important;display:flex;flex-direction:column;justify-content:center;
}
.nexus-login-card-head{display:flex;justify-content:space-between;color:#4f8298;font-size:8px;font-weight:800;letter-spacing:2px;margin-bottom:18px}
.nexus-login-card-head i{color:#18caff;font-style:normal}
.nexus-login-card .brand-logo.large{width:76px;height:76px;margin:0 0 20px;border-radius:20px;box-shadow:0 0 35px rgba(0,174,245,.18)}
.nexus-login-card h1{text-align:left;font-size:26px;margin:0 0 8px}
.nexus-login-card>p{text-align:left;font-size:10px;line-height:1.65;margin:0 0 20px}
.nexus-discord-btn{width:100%;box-sizing:border-box;min-height:46px;gap:12px}
.nexus-discord-btn b{margin-left:auto;font-size:16px}
.nexus-login-secure{display:flex;gap:9px;align-items:center;margin-top:12px;padding:11px;border:1px solid rgba(39,226,129,.1);border-radius:9px;background:rgba(39,226,129,.025)}
.nexus-login-secure>i{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;color:#29e982;border:1px solid rgba(39,226,129,.2);font-style:normal;font-size:10px}
.nexus-login-secure b{display:block;color:#a9c8b9;font-size:8px}
.nexus-login-secure small{display:block;color:#527366;font-size:7px;margin-top:3px}
.nexus-login-card .login-divider{margin:17px 0 11px}
.nexus-login-card .invite-bot-link{min-height:40px}
.nexus-login-card .invite-bot-hint{text-align:center!important;font-size:8px;margin:9px 0 0}
.nexus-login-footer{display:flex;justify-content:space-between;gap:10px;margin-top:22px;color:#355464;font-size:6px;letter-spacing:.8px}

.server-picker-view{min-height:calc(100vh - 58px)!important;position:relative;overflow:hidden;padding:0!important;box-sizing:border-box;background:radial-gradient(circle at 17% 50%,rgba(0,174,245,.075),transparent 28%),radial-gradient(circle at 83% 35%,rgba(0,100,255,.055),transparent 30%),linear-gradient(135deg,#02080e 0%,#030d16 48%,#02070c 100%)!important}
.server-picker-view:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.42;background-image:linear-gradient(rgba(24,167,225,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(24,167,225,.045) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,black 0%,rgba(0,0,0,.75) 60%,transparent 100%)}
.server-picker-shell{width:100%;height:100%;min-height:100%;max-width:none;margin:0;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);position:relative;z-index:2;border:0;border-radius:0;overflow:hidden;background:rgba(3,12,20,.58);box-shadow:none;backdrop-filter:blur(18px)}
.server-picker-showcase{position:relative;overflow:hidden;padding:54px 58px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid rgba(0,174,245,.1);background:radial-gradient(circle at 50% 48%,rgba(0,172,244,.09),transparent 30%),linear-gradient(145deg,rgba(5,24,37,.88),rgba(2,10,17,.74))}
.picker-grid{position:absolute;inset:0;opacity:.32;background-image:linear-gradient(rgba(14,111,155,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(14,111,155,.045) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(circle at 50% 48%,black,transparent 76%)}
.picker-orbit{position:absolute;border:1px solid rgba(0,186,255,.12);border-radius:50%;pointer-events:none}
.picker-orbit-one{width:570px;height:570px;left:-150px;bottom:-240px}
.picker-orbit-two{width:300px;height:300px;right:-120px;top:120px}
.picker-brand{position:relative;z-index:2;display:flex;align-items:center;gap:13px}.picker-brand-logo{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;border:1px solid rgba(0,196,255,.4);background:rgba(1,12,20,.78);box-shadow:0 0 26px rgba(0,186,255,.13);overflow:hidden}.picker-brand-logo img{width:100%;height:100%;object-fit:cover}.picker-brand span{display:block;color:#edfaff;font-size:14px;font-weight:800;letter-spacing:3px}.picker-brand small{display:block;margin-top:3px;color:#5d91a9;font-size:7px;letter-spacing:1.5px}
.picker-showcase-content{position:relative;z-index:2;max-width:520px;margin-top:20px}.picker-kicker{display:flex;align-items:center;gap:9px;color:#53dcff;font-size:9px;font-weight:800;letter-spacing:2.2px}.picker-kicker i{width:7px;height:7px;border-radius:50%;background:#28e77f;box-shadow:0 0 12px #28e77f}.picker-showcase-content h1{margin:17px 0 15px;color:#f2f8fc;font-size:clamp(36px,4vw,60px);line-height:1.03;letter-spacing:-2px;font-weight:700}.picker-showcase-content h1 strong{color:#19caff;text-shadow:0 0 30px rgba(0,202,255,.18)}.picker-showcase-content>p{max-width:500px;margin:0;color:#7895a7;font-size:12px;line-height:1.75}
.picker-features{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:34px}.picker-features>div{padding:14px 13px;border:1px solid rgba(0,174,245,.1);border-radius:12px;background:rgba(2,15,24,.48)}.picker-features span{display:block;margin-bottom:12px;color:#1fcaff;font-size:8px;font-weight:800}.picker-features b{display:block;color:#dbeef7;font-size:10px}.picker-features small{display:block;margin-top:5px;color:#5e7888;font-size:8px;line-height:1.45}.picker-status{position:relative;z-index:2;display:flex;align-items:center;gap:9px;color:#7d9aa9}.picker-status-dot{width:7px;height:7px;border-radius:50%;background:#29e982;box-shadow:0 0 12px #29e982}.picker-status b{display:block;color:#b9d6e3;font-size:8px;letter-spacing:1.4px}.picker-status small{display:block;margin-top:3px;color:#4f7180;font-size:7px;letter-spacing:.8px}
.server-picker-shell>.server-picker-card{width:auto;max-width:none;min-height:100%;box-sizing:border-box;padding:54px 52px 32px;border:0!important;border-radius:0;background:radial-gradient(circle at 50% 8%,rgba(0,174,245,.08),transparent 28%),linear-gradient(160deg,rgba(5,17,27,.98),rgba(2,9,15,.98))!important;box-shadow:none!important;text-align:left;display:flex;flex-direction:column}
.picker-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.picker-card-label{color:#4e8298;font-size:8px;font-weight:800;letter-spacing:2px}.picker-lock{width:27px;height:27px;display:grid;place-items:center;border:1px solid rgba(0,186,255,.18);border-radius:8px;color:#21c9ff;font-size:11px;background:rgba(0,174,245,.045)}
.server-picker-card h2{margin:0 0 8px;color:#f1f8fb;font-size:28px}.server-picker-card .picker-card-description{margin:0 0 20px;color:#6f8998;font-size:10px;line-height:1.65}
.picker-access-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px;padding:9px 11px;border:1px solid rgba(39,226,129,.1);border-radius:9px;background:rgba(39,226,129,.025)}.picker-access-line span{display:flex;align-items:center;gap:7px;color:#80a99a;font-size:8px;font-weight:700}.picker-access-line span i{width:5px;height:5px;border-radius:50%;background:#29e982;box-shadow:0 0 8px #29e982}.picker-access-line small{color:#476d7b;font-size:7px;letter-spacing:1px}
.server-picker-card .server-pick-list{gap:8px;max-height:330px;overflow-y:auto;margin-top:0;padding-right:3px}.server-picker-card .server-pick-item{position:relative;min-height:65px;box-sizing:border-box;border:1px solid rgba(0,142,195,.15);background:linear-gradient(135deg,rgba(7,22,34,.92),rgba(4,14,23,.92));border-radius:12px;padding:11px 13px;color:#e6f5fb;font-size:10px;transition:.18s}.server-picker-card .server-pick-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(#12c8ff,#1269ff);opacity:0;transition:.18s}.server-picker-card .server-pick-item:after{content:"→";color:#3b7388;font-size:14px;margin-left:auto;transition:.18s}.server-picker-card .server-pick-item:hover{transform:translateY(-2px);border-color:rgba(0,194,255,.45);background:linear-gradient(135deg,rgba(7,31,47,.98),rgba(4,17,28,.98));box-shadow:0 12px 26px rgba(0,0,0,.28),0 0 22px rgba(0,174,245,.055)}.server-picker-card .server-pick-item:hover:before{opacity:1}.server-picker-card .server-pick-item:hover:after{color:#19caff;transform:translateX(3px)}.server-picker-card .server-pick-icon{width:42px;height:42px;border:1px solid rgba(0,186,255,.2);background:linear-gradient(145deg,#0b3853,#061521);box-shadow:0 0 15px rgba(0,174,245,.07)}.server-picker-card .server-pick-icon img{width:100%;height:100%;object-fit:cover}.server-picker-card .server-pick-name{font-size:10px;font-weight:700}
/* ---- Server-Auswahl: "Monitor" mit Farbverlauf-Rahmen + 3er-Grid ---- */
.server-monitor{position:relative;margin-top:2px;border-radius:20px;padding:2px;background:linear-gradient(135deg,var(--blue),var(--blue2),#0d6fd1,var(--blue2),var(--blue));background-size:300% 300%;animation:monitorBorderFlow 7s ease infinite,monitorPowerOn .7s ease-out .15s both;box-shadow:0 0 0 1px rgba(0,174,245,.08),0 22px 55px rgba(0,0,0,.4),0 0 44px rgba(0,174,245,.14)}
@keyframes monitorBorderFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.server-monitor-bezel{position:absolute;left:0;right:0;top:-1px;display:flex;justify-content:center;pointer-events:none;z-index:3}
.server-monitor-dot{width:5px;height:5px;margin-top:-2.5px;border-radius:50%;background:var(--blue2);box-shadow:0 0 9px var(--blue2)}
.server-monitor-screen{border-radius:18px;padding:16px;background:radial-gradient(circle at 50% 0%,rgba(0,174,245,.06),transparent 55%),linear-gradient(165deg,rgba(5,17,27,.99),rgba(2,9,15,.99));overflow:hidden}
.server-monitor-screen:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:linear-gradient(rgba(24,167,225,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(24,167,225,.04) 1px,transparent 1px);background-size:26px 26px;mask-image:radial-gradient(circle at 50% 30%,black,transparent 78%)}
.server-picker-card .server-monitor .server-pick-list{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:11px;max-height:352px;overflow-y:auto;margin-top:0;padding:2px 8px 2px 2px}
.server-picker-card .server-monitor .server-pick-item{flex-direction:column;justify-content:center;gap:9px;min-height:108px;text-align:center;padding:16px 8px}
.server-picker-card .server-monitor .server-pick-item:after{display:none}
.server-picker-card .server-monitor .server-pick-icon{width:44px;height:44px;margin:0 auto;font-size:16px}
.server-picker-card .server-monitor .server-pick-name{width:100%;text-align:center;white-space:normal;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.32}
.server-picker-view:not(.hidden) .server-monitor .server-pick-list{scrollbar-width:thin!important;scrollbar-color:var(--blue2) rgba(255,255,255,.05)!important}
.server-picker-view:not(.hidden) .server-monitor .server-pick-list::-webkit-scrollbar{display:block!important;width:7px!important}
.server-picker-view:not(.hidden) .server-monitor .server-pick-list::-webkit-scrollbar-track{background:rgba(255,255,255,.03)!important;border-radius:10px!important;margin:2px 0!important}
.server-picker-view:not(.hidden) .server-monitor .server-pick-list::-webkit-scrollbar-thumb{background:linear-gradient(var(--blue),var(--blue2))!important;border-radius:10px!important;box-shadow:0 0 8px rgba(0,174,245,.4)!important}
.server-picker-view:not(.hidden) .server-monitor .server-pick-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(var(--blue2),var(--blue))!important}
@media(max-width:560px){.server-picker-card .server-monitor .server-pick-list{grid-template-columns:repeat(2,1fr)}}

.picker-divider{margin:19px 0 10px}.picker-divider span{color:#3f6473;font-size:7px;letter-spacing:1.5px}.server-picker-card .picker-invite{min-height:43px;box-sizing:border-box;display:flex!important;align-items:center;gap:9px;border:1px solid rgba(0,174,245,.12);border-radius:10px;background:rgba(0,174,245,.025);color:#6e9aaa;font-size:9px}.server-picker-card .picker-invite>span:first-child{color:#16c8ff;font-size:14px}.server-picker-card .picker-invite b{margin-left:auto;color:#416d7d;font-size:13px}.picker-card-footer{display:flex;justify-content:space-between;gap:12px;margin-top:auto;padding-top:22px;color:#355463;font-size:7px;letter-spacing:.7px;text-transform:uppercase}
@media(max-width:900px){.nexus-login-shell,.server-picker-shell{grid-template-columns:1fr}.nexus-login-showcase,.server-picker-showcase{min-height:380px;border-right:0;border-bottom:1px solid rgba(0,174,245,.1);padding:34px}.nexus-login-copy h1{font-size:40px}.server-picker-shell>.server-picker-card{min-height:540px;padding:34px}}
@media(max-width:560px){.nexus-login-showcase,.server-picker-showcase{padding:25px 22px;min-height:350px}.nexus-login-points,.picker-features{grid-template-columns:1fr}.nexus-login-points>div:nth-child(n+2),.picker-features>div:nth-child(n+2){display:none}.nexus-login-card,.server-picker-shell>.server-picker-card{padding:28px 20px 24px!important}}

/* =========================================================
   NEXUS AUTH PAGES — ABSOLUTELY NO PAGE SCROLLBAR
   ========================================================= */

.content:has(.nexus-login-view:not(.hidden)),
.content:has(.server-picker-view:not(.hidden)) {
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  top: 58px !important;
  bottom: 0 !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

.content:has(.nexus-login-view:not(.hidden))::-webkit-scrollbar,
.content:has(.server-picker-view:not(.hidden))::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

.nexus-login-view:not(.hidden),
.server-picker-view:not(.hidden) {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

.server-picker-view:not(.hidden) {
  display: flex !important;
  place-items: unset !important;
}
.server-picker-view:not(.hidden) .server-picker-shell {
  flex: 1 1 auto !important;
}
.nexus-login-view:not(.hidden) {
  display: flex !important;
  place-items: unset !important;
}
.nexus-login-view:not(.hidden) .nexus-login-shell {
  flex: 1 1 auto !important;
}

.nexus-login-view:not(.hidden)::-webkit-scrollbar,
.server-picker-view:not(.hidden)::-webkit-scrollbar,
.nexus-login-view:not(.hidden) *::-webkit-scrollbar,
.server-picker-view:not(.hidden) *::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

.nexus-login-view:not(.hidden) *,
.server-picker-view:not(.hidden) * {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

.nexus-login-shell,
.server-picker-shell {
  max-height: 100% !important;
  box-sizing: border-box !important;
}

/* FINAL FIX: LOGIN VIEW USES .login-view (not .nexus-login-view) */
html:has(.login-view:not(.hidden)),
body:has(.login-view:not(.hidden)),
.app-shell:has(.login-view:not(.hidden)),
.main:has(.login-view:not(.hidden)),
.content:has(.login-view:not(.hidden)) {
  overflow: hidden !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

html:has(.login-view:not(.hidden))::-webkit-scrollbar,
body:has(.login-view:not(.hidden))::-webkit-scrollbar,
.app-shell:has(.login-view:not(.hidden))::-webkit-scrollbar,
.main:has(.login-view:not(.hidden))::-webkit-scrollbar,
.content:has(.login-view:not(.hidden))::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

.content:has(.login-view:not(.hidden)) {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.login-view:not(.hidden) {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
  overflow: hidden !important;
}

/* =========================================================
   NEXUS EMBED RENDERER — Discord-style / screenshot inspired
   Shared by every Embed preview in the dashboard.
   ========================================================= */
.discord-preview{
  position:relative;
  background:#1e1f22;
  border:1px solid rgba(255,255,255,.045);
  border-radius:10px;
  padding:18px;
  min-height:390px;
  overflow:hidden;
}
.discord-preview:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:28px 28px;
  opacity:.16;
  pointer-events:none;
}
.discord-preview > *{position:relative;z-index:1}
.discord-user{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:11px;
  margin:0 0 10px 1px;
  color:#dbdee1;
}
.discord-user span{color:#949ba4;font-size:9px}
.discord-mini-avatar{
  width:26px;height:26px;border-radius:50%;
  background:linear-gradient(135deg,#0d8aff,#25233c);
  box-shadow:0 0 0 2px rgba(255,255,255,.04);
}
.discord-embed{
  --embed-accent:#0d8aff;
  position:relative;
  border-left:3px solid var(--embed-accent);
  background:#18191c;
  border-radius:0 6px 6px 0;
  padding:14px 14px 12px;
  max-width:100%;
  min-height:248px;
  box-shadow:0 14px 34px rgba(0,0,0,.22);
  overflow:hidden;
}
.discord-embed:after{
  content:"";
  position:absolute;
  left:0;right:0;top:0;height:1px;
  background:rgba(255,255,255,.035);
}
.preview-header{
  min-height:18px;
  margin-bottom:7px;
  display:flex;
  align-items:center;
  gap:6px;
  color:#b5bac1;
  font-size:11px;
  font-weight:500;
}
.preview-title{
  color:#f2f3f5;
  font-size:16px;
  line-height:1.25;
  font-weight:700;
  margin:0 0 7px;
}
.preview-text{
  color:#dbdee1;
  font-size:12px;
  line-height:1.5;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}
.preview-icon{
  width:16px;height:16px;border-radius:50%;
  object-fit:cover;flex:none;
}
.preview-thumbnail{
  width:72px;height:72px;
  object-fit:cover;
  border-radius:6px;
  float:right;
  margin:0 0 8px 12px;
  border:1px solid rgba(255,255,255,.07);
  background:#1d1f23;
}
.preview-image{
  display:block;
  width:100%;
  max-height:230px;
  object-fit:cover;
  border-radius:6px;
  margin-top:12px;
  border:1px solid rgba(255,255,255,.07);
}
.preview-footer{
  clear:both;
  border-top:0;
  margin-top:14px;
  padding-top:0;
  color:#949ba4;
  font-size:10px;
  line-height:1.35;
  display:flex;
  align-items:center;
  gap:6px;
}
.preview-footer:before{
  content:"";
  width:2px;height:2px;border-radius:50%;
  background:#777c84;
  margin-right:1px;
}
.preview-fields{
  clear:both;
  margin-top:12px}

.preview-field.inline{
  width:31.8%;
  margin-right:2.7%;
  vertical-align:top}
.preview-field.inline:nth-child(3n){margin-right:0}
.preview-field strong{
  color:#f2f3f5;
  font-size:11px;
  line-height:1.3;
}
.preview-field span{
  line-height:1.45}
.preview-buttons{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:9px;
}
.discord-button{
  cursor:default;
  border:0;
  color:#fff;
  border-radius:4px;
  padding:7px 11px;
  font-size:10px;
  font-weight:600;
  box-shadow:none;
}
.preview-primary{background:#5865f2}
.preview-secondary{background:#4e5058}
.preview-success{background:#248046}
.preview-danger{background:#da373c}
.preview-link{background:#00a8fc}

/* Empty media slots intentionally stay visible like the reference image. */
.discord-embed .preview-thumbnail.hidden{
  display:block!important;
  width:72px;height:72px;
  border:1px dashed #4e5260;
  border-radius:7px;
  background-color:#18191c;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Crect x='7' y='7' width='16' height='16' rx='8' stroke='%23979ba3' stroke-width='1.6'/%3E%3Ccircle cx='16' cy='13' r='2.4' stroke='%23979ba3' stroke-width='1.5'/%3E%3Cpath d='M10 21c1.9-3.2 4.3-4.7 6.5-4.7 2.3 0 4.7 1.5 6.5 4.7' stroke='%23979ba3' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:center;
  background-size:30px 30px;
  float:right;
  margin:0 0 8px 12px;
}
.discord-embed .preview-image.hidden{
  display:block!important;
  width:100%;
  height:126px;
  max-height:none;
  border:1px dashed #4e5260;
  border-radius:7px;
  background-color:#18191c;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34' fill='none'%3E%3Crect x='7' y='7' width='20' height='20' rx='10' stroke='%23979ba3' stroke-width='1.7'/%3E%3Ccircle cx='17' cy='13.5' r='2.8' stroke='%23979ba3' stroke-width='1.5'/%3E%3Cpath d='M10 24c2.1-3.6 4.5-5.2 7-5.2 2.5 0 5 1.6 7 5.2' stroke='%23979ba3' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:center;
  background-size:34px 34px;
  margin-top:12px;
}
.embed-preview-hint{
  margin-top:9px;
  color:#686d78;
  font-size:9px;
  line-height:1.4;
}
.embed-preview-hint span{color:#4f5561;margin-right:4px}

/* Generic Embed Studio fields */
.embed-fields-editor{
  border:1px solid rgba(255,255,255,.06);
  border-radius:10px;
  background:rgba(7,9,16,.48);
  padding:12px;
}
.embed-fields-editor-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}
.embed-fields-editor-head>div{display:grid;gap:2px}
.field-kicker{
  color:#29a3ff;
  font-size:8px;
  font-weight:800;
  letter-spacing:.16em;
}
.embed-fields-editor-head strong{font-size:12px;color:#e8eaf0}
.field-add-btn{
  border:1px solid rgba(41,163,255,.22);
  background:rgba(41,163,255,.08);
  color:#59b8ff;
  border-radius:7px;
  padding:7px 10px;
  font-size:10px;
  cursor:pointer;
}
.field-add-btn:hover{background:rgba(41,163,255,.14);color:#fff}
.embed-field-builder{display:grid;gap:8px}
.embed-field-empty{
  border:1px dashed rgba(255,255,255,.1);
  border-radius:8px;
  padding:13px;
  color:#707583;
  font-size:10px;
  text-align:center;
}
.embed-field-empty b{color:#59b8ff}
.embed-field-row{
  display:grid;
  grid-template-columns:18px 1fr auto;
  gap:9px;
  align-items:start;
  border:1px solid rgba(255,255,255,.07);
  border-radius:8px;
  background:#0d0f16;
  padding:10px;
}
.embed-field-drag{color:#4d5260;padding-top:7px;font-size:12px}
.embed-field-main{min-width:0}
.embed-field-row-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:8px;
}
.embed-field-number{
  color:#777d89;
  font-size:8px;
  font-weight:800;
  letter-spacing:.12em;
}
.embed-field-inline-toggle{
  display:flex!important;
  align-items:center;
  gap:5px!important;
  color:#858b97!important;
  font-size:9px!important;
}
.embed-field-inline-toggle input{accent-color:#0d8aff}
.embed-field-inputs{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:8px;
}
.embed-field-inputs label{
  display:grid;
  gap:5px;
  color:#7e8491;
  font-size:9px;
}
.embed-field-inputs input,.embed-field-inputs textarea{
  width:100%;
  border:1px solid rgba(255,255,255,.08);
  background:#090b11;
  color:#f1f2f4;
  border-radius:6px;
  padding:8px;
  font-size:10px;
  outline:none;
}
.embed-field-inputs textarea{resize:vertical}
.embed-field-inputs input:focus,.embed-field-inputs textarea:focus{border-color:#2b9fff}
.embed-field-actions{display:flex;gap:4px}
.embed-field-actions .icon-btn{width:26px;height:26px;font-size:11px}

/* Make every existing specialized preview use the same proportions. */
#fzgEmbedPreview,#welcomeEmbedPreview,#ticketEmbedPreview,#timerEmbedPreview,
#embedPreview{
  --embed-accent:#0d8aff;
}
@media(max-width:650px){
  .embed-field-inputs{grid-template-columns:1fr}
  .embed-field-row{grid-template-columns:1fr}
  .embed-field-drag{display:none}
  .embed-field-actions{justify-content:flex-end}
  .preview-field.inline{display:grid;width:100%;margin-right:0}
}

/* Willkommen – automatische Rollen */
.role-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px;max-height:260px;overflow:auto;padding-right:4px}
.role-check-item{display:flex;align-items:center;gap:9px;min-height:42px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025);cursor:pointer;transition:.15s}
.role-check-item:hover{background:rgba(255,255,255,.05);border-color:rgba(0,174,255,.3)}
.role-check-item input{width:16px;height:16px;accent-color:var(--blue);margin:0}
.role-check-item .role-dot{width:9px;height:9px;border-radius:50%;flex:0 0 9px}
.role-check-empty{padding:14px;border:1px dashed var(--line);border-radius:10px;color:var(--muted);font-size:12px}
@media(max-width:750px){.role-check-grid{grid-template-columns:1fr}}

/* =========================================================
   NEXUS EMBED BUILDER — Discord-style construction view
   ========================================================= */
.nexus-embed-editor-panel{overflow:hidden}
.nexus-embed-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.nexus-builder-hint{margin:-6px 0 16px;max-width:820px}
.nexus-color-control{display:flex;align-items:center;gap:7px;border:1px solid rgba(82,181,232,.13);background:rgba(8,11,22,.78);border-radius:9px;padding:5px 8px;color:#8e94aa;font-size:11px;cursor:pointer}
.nexus-color-control input{width:28px;height:24px;border:0;background:transparent;padding:0;cursor:pointer}
.nexus-builder-action{padding:7px 10px!important}
.nexus-embed-canvas{position:relative;max-width:760px;margin:0 auto;padding:12px 0 18px}
.nexus-embed-side-mark{position:absolute;left:0;top:10px;bottom:18px;width:3px;border-radius:5px;background:linear-gradient(180deg,#e8e2bd,#7c755d);box-shadow:0 0 18px rgba(225,211,141,.12)}
.nexus-embed-builder-card{margin-left:14px;border:1px solid rgba(130,137,165,.38);border-radius:8px;background:#171922;padding:14px 14px 13px;box-shadow:0 18px 55px rgba(0,0,0,.28)}
.nexus-builder-row{display:flex;align-items:center;gap:8px;min-height:38px}
.nexus-author-row{margin-bottom:2px}
.nexus-builder-input{width:100%;border:1px solid transparent;background:transparent;color:#e8ebf5;outline:0;border-radius:6px;padding:5px 6px;font-size:13px;line-height:1.35;transition:.15s}
.nexus-builder-input::placeholder{color:#b5b9c8}
.nexus-builder-input:hover{background:rgba(255,255,255,.025);border-color:rgba(130,137,165,.18)}
.nexus-builder-input:focus{background:rgba(8,10,17,.55);border-color:rgba(73,171,255,.4);box-shadow:0 0 0 2px rgba(73,171,255,.06)}
.nexus-author-input{font-size:13px;color:#aab4d9}
.nexus-title-input{font-size:15px;font-weight:700;margin:1px 0 2px}
.nexus-description-input{resize:vertical;min-height:74px;color:#d0d4e0}
.nexus-builder-icon{width:27px;height:27px;flex:0 0 27px;border:1px solid rgba(145,151,172,.38);background:transparent;color:#a7acba;border-radius:50%;display:grid;place-items:center;font-size:15px;padding:0}
.nexus-builder-icon:hover{color:#fff;border-color:rgba(73,171,255,.55);background:rgba(73,171,255,.08)}
.nexus-builder-delete{width:27px;height:27px;flex:0 0 27px;border:0;background:transparent;color:#777c8d;border-radius:6px;font-size:14px;padding:0}
.nexus-builder-delete:hover{color:#ff7d8d;background:rgba(255,70,90,.08)}
.nexus-fields-wrap{margin-top:8px}
.nexus-fields-head{display:flex;align-items:center;justify-content:flex-start;padding:4px 6px 8px}
.nexus-add-field{border:0;background:transparent;color:#6ab7ff;font-size:12px;padding:5px 0;cursor:pointer}
.nexus-add-field:hover{color:#a6d7ff}
.nexus-builder-fields{display:grid;gap:8px}
.nexus-field-row{display:grid;grid-template-columns:22px minmax(0,1fr) 58px;gap:7px;align-items:start;border:1px solid rgba(130,137,165,.24);background:rgba(9,11,18,.5);border-radius:7px;padding:7px}
.nexus-field-drag{color:#686e80;font-size:14px;letter-spacing:-3px;padding-top:9px;text-align:center;cursor:grab}
.nexus-field-body{min-width:0;display:grid;gap:3px}
.nexus-field-name{font-weight:650}
.nexus-field-value{resize:vertical;min-height:44px}
.nexus-inline-toggle{display:inline-flex;align-items:center;gap:6px;color:#858b9e;font-size:10px;padding:3px 6px;width:max-content}
.nexus-inline-toggle input{accent-color:#3ca6ff}
.nexus-field-actions{display:flex;gap:2px;justify-content:flex-end}
.nexus-field-actions button{border:0;background:transparent;color:#73798b;width:25px;height:25px;border-radius:5px;cursor:pointer}
.nexus-field-actions button:hover{color:#fff;background:rgba(255,255,255,.06)}
.nexus-field-actions .nexus-field-remove:hover{color:#ff7888;background:rgba(255,70,90,.08)}
.nexus-builder-media{position:relative;margin:10px 0 8px;min-height:118px;border:1px dashed rgba(130,137,165,.45);border-radius:8px;background:rgba(12,14,22,.36);display:grid;place-items:center;cursor:pointer;overflow:hidden}
.nexus-builder-media:hover{border-color:rgba(91,177,255,.58);background:rgba(24,39,57,.24)}
.nexus-media-placeholder{text-align:center;color:#9ca1af;display:grid;gap:4px;place-items:center}
.nexus-media-placeholder span{font-size:26px;line-height:1}
.nexus-media-placeholder small{font-size:10px;color:#777d8f}
.nexus-builder-media img{width:100%;height:100%;max-height:230px;object-fit:cover;display:block}
.nexus-builder-media.has-image{min-height:150px;border-style:solid}
.nexus-media-remove{position:absolute;right:7px;top:7px;width:26px;height:26px;border:0;border-radius:6px;background:rgba(10,12,20,.82);color:#ff7e8d;font-size:18px;cursor:pointer}
.nexus-media-remove:hover{background:#2a1320}
.nexus-footer-row{margin-top:2px}
.nexus-footer-row .nexus-builder-input{color:#9ea4b5;font-size:11px}
.nexus-legacy-embed-fields{display:none!important}

.preview-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:8px 0}
.preview-field{display:grid;gap:3px;min-width:0}
.preview-field.inline{display:grid}
.preview-field b{font-size:10px;color:#e7eaf2}
.preview-field span{font-size:10px;color:#a1a6b4;white-space:pre-wrap;overflow-wrap:anywhere}

@media (max-width:900px){
 .nexus-embed-canvas{padding-left:0}
 .nexus-embed-side-mark{left:0}
 .nexus-embed-builder-card{margin-left:12px}
}
.nexus-builder-name{width:145px;border:1px solid rgba(82,181,232,.13);background:rgba(8,11,22,.78);color:#eef3ff;border-radius:9px;padding:8px 9px;font-size:11px;outline:0}
.nexus-builder-name:focus{border-color:rgba(73,171,255,.45);box-shadow:0 0 0 2px rgba(73,171,255,.06)}
.nexus-timestamp-control{display:flex;align-items:center;gap:6px;color:#8e94aa;font-size:10px;cursor:pointer}
.nexus-timestamp-control input{accent-color:#3ca6ff}
.preview-field:not(.inline){grid-column:1 / -1}

/* =========================================================
   NEXUS UNIFIED EMBED BUILDER — Dashboard Theme
   ========================================================= */
.nexus-unified-panel{background:linear-gradient(180deg,rgba(7,19,31,.98),rgba(3,11,19,.98));border-color:#0b3046;box-shadow:0 16px 42px rgba(0,0,0,.22)}
.nexus-unified-panel .nexus-builder-hint{color:#8195a5}
.nexus-dashboard-canvas{max-width:820px}
.nexus-dashboard-canvas .nexus-embed-side-mark{background:linear-gradient(180deg,#08baff,#147df2);box-shadow:0 0 18px rgba(8,186,255,.22)}
.nexus-dashboard-canvas .nexus-embed-builder-card{background:linear-gradient(145deg,#071725,#06111c);border-color:#0b3550;box-shadow:0 18px 55px rgba(0,0,0,.34)}
.nexus-dashboard-canvas .nexus-builder-input{color:#e5eef3}
.nexus-dashboard-canvas .nexus-builder-input::placeholder{color:#728899}
.nexus-dashboard-canvas .nexus-builder-input:hover{background:rgba(8,186,255,.025);border-color:rgba(8,186,255,.16)}
.nexus-dashboard-canvas .nexus-builder-input:focus{background:rgba(3,12,21,.82);border-color:rgba(8,186,255,.48);box-shadow:0 0 0 2px rgba(8,186,255,.08)}
.nexus-dashboard-canvas .nexus-builder-icon{border-color:#164b68;color:#6f9ab0;background:#061421}
.nexus-dashboard-canvas .nexus-builder-icon:hover{color:#fff;border-color:#08baff;background:rgba(8,186,255,.1)}
.nexus-dashboard-canvas .nexus-add-field{color:#08baff}
.nexus-dashboard-canvas .nexus-add-field:hover{color:#8fe5ff}
.nexus-dashboard-canvas .nexus-field-row{background:rgba(4,14,24,.82);border-color:#0c3550}
.nexus-unified-thumb-row{position:relative;display:flex;align-items:center;gap:8px;margin:10px 0 8px;padding:7px;border:1px dashed #16415a;border-radius:8px;background:rgba(4,14,24,.55);min-height:58px}
.nexus-thumb-picker{display:flex;align-items:center;gap:9px;border:0;background:transparent;color:#dceaf2;text-align:left;cursor:pointer;padding:3px;flex:1}
.nexus-thumb-picker span:first-child{width:40px;height:40px;border:1px solid #24506a;border-radius:6px;display:grid;place-items:center;color:#64879a;background:#06131f;font-size:18px}
.nexus-thumb-picker b{display:block;font-size:11px}.nexus-thumb-picker small{display:block;color:#708797;font-size:9px;margin-top:3px}
.nexus-unified-thumb-row>img{width:72px;height:48px;border-radius:6px;object-fit:cover;border:1px solid #1d516d}
.nexus-unified-thumb-row.has-thumb{border-style:solid;border-color:#0b5878}
.nexus-dashboard-canvas .nexus-builder-media{border-color:#16415a;background:rgba(4,14,24,.55);min-height:130px}
.nexus-dashboard-canvas .nexus-builder-media:hover{border-color:#08baff;background:rgba(8,186,255,.035)}
.nexus-dashboard-canvas .nexus-media-placeholder{color:#6d8da0}
.nexus-dashboard-canvas .nexus-media-remove{background:#07111a;border:1px solid #1a4057}
.nexus-unified-field-row{display:grid;grid-template-columns:minmax(0,1fr) 54px;gap:8px;border:1px solid #0c3550;border-radius:8px;background:#061421;padding:8px}
.nexus-unified-field-body{display:grid;gap:5px}.nexus-unified-field-body input,.nexus-unified-field-body textarea{width:100%;box-sizing:border-box;border:1px solid #103b56;background:#04101a;color:#e5eef3;border-radius:6px;padding:7px 8px;outline:0;font-size:11px}.nexus-unified-field-body textarea{resize:vertical;min-height:45px}.nexus-unified-field-body label{font-size:9px;color:#718898;display:flex;gap:5px;align-items:center}.nexus-unified-field-body input:focus,.nexus-unified-field-body textarea:focus{border-color:#08baff;box-shadow:0 0 0 2px rgba(8,186,255,.08)}
.nexus-unified-field-actions{display:flex;gap:2px;align-items:flex-start;justify-content:flex-end}.nexus-unified-field-actions button{width:25px;height:25px;border:0;border-radius:5px;background:transparent;color:#688394;cursor:pointer}.nexus-unified-field-actions button:hover{background:#0b2637;color:#fff}.nexus-unified-field-actions button:last-child:hover{color:#ff6575}
.nexus-unified-panel .nexus-timestamp-control input{accent-color:#08baff}
.nexus-unified-panel .nexus-color-control{border-color:#103b56;background:#04111c;color:#7d93a2}
.nexus-unified-panel .nexus-builder-action{border-color:#103b56;background:#061521}
.nexus-unified-panel .nexus-builder-action:hover{border-color:#08baff}
.nexus-unified-panel .nexus-footer-row{border-top:1px solid #0b2b3e;padding-top:8px}
.nexus-unified-preview{border-left:3px solid var(--embed-accent);background:#06111b;border:1px solid #0b3046;border-left-width:3px;border-radius:8px;padding:14px;color:#dfeaf1;box-shadow:0 12px 32px rgba(0,0,0,.22)}
.nexus-preview-author{display:flex;align-items:center;gap:7px;color:#82b8d3;font-size:10px;margin-bottom:7px}.nexus-preview-author img{width:18px;height:18px;border-radius:50%;object-fit:cover}.nexus-preview-title{font-size:14px;font-weight:700;margin-bottom:6px}.nexus-preview-description{font-size:10px;line-height:1.55;color:#9db0bd;white-space:pre-wrap;overflow-wrap:anywhere}.nexus-preview-fields{display:grid;gap:7px;margin:9px 0}.nexus-preview-field{border-left:2px solid #123d56;padding-left:7px;display:grid;gap:2px}.nexus-preview-field.inline{display:inline-grid;width:calc(50% - 4px);vertical-align:top;margin-right:4px}.nexus-preview-field b{font-size:9px;color:#e6eef3}.nexus-preview-field span{font-size:9px;color:#8499a8;white-space:pre-wrap}.nexus-preview-thumb{float:right;width:58px;height:58px;object-fit:cover;border-radius:6px;margin:0 0 7px 9px}.nexus-preview-image{display:block;width:100%;max-height:210px;object-fit:cover;border-radius:7px;margin-top:9px}.nexus-preview-footer{clear:both;display:flex;align-items:center;gap:6px;color:#6f8796;font-size:9px;border-top:1px solid #0b2738;margin-top:10px;padding-top:8px}.nexus-preview-footer img{width:16px;height:16px;border-radius:50%;object-fit:cover}
.nexus-legacy-specialized-panel.hidden{display:none!important}
@media(max-width:900px){.nexus-unified-field-row{grid-template-columns:1fr}.nexus-unified-field-actions{justify-content:flex-end}.nexus-preview-field.inline{width:100%;margin-right:0}}

/* Bestellungen */
.bestellung-preview{border-left-color:#08baff}
#bestellungenPreview{border-left-color:#08baff}
#bestellungenPreviewDescription{white-space:pre-wrap}
@media(max-width:900px){
  #bestellungenView .weekly-summary{width:100%}
}

/* NEXUS Admin Panel */
.admin-nav{margin-top:8px}.admin-page{padding-bottom:30px}.admin-stat-grid{display:grid}.admin-stat{border:1px solid var(--line);display:flex;align-items:center}.admin-stat>span{display:grid;place-items:center;background:rgba(13,138,255,.12);color:#4fc3ff}.admin-stat b{display:block;color:#f2f3f5}.admin-stat small{display:block;color:#777b8f;letter-spacing:.12em;margin-top:2px}.admin-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.admin-list,.admin-server-list,.admin-customer-list,.admin-staff-list,.admin-activity-list{display:grid;gap:9px}.admin-server-row{display:flex;align-items:center;border:1px solid var(--line);background:#0a0e19}.admin-server-main{display:flex;align-items:center;min-width:0;flex:1}.admin-guild-icon,.admin-avatar{flex:none;background:#101725;color:#4fc3ff;display:grid;place-items:center;overflow:hidden;font-weight:800}.admin-guild-icon img,.admin-avatar img{width:100%;height:100%;object-fit:cover}.admin-server-main strong,.admin-server-main span,.admin-server-main small{display:block}.admin-server-main strong{color:#e7e9ef}.admin-server-main span{color:#9b9fb0;margin-top:2px}.admin-server-main small{color:#63687a;margin-top:3px}.admin-server-status{display:flex;align-items:center;gap:6px;color:#6ee7b7}.admin-online-dot{width:7px;height:7px;border-radius:50%;background:#55e69d;box-shadow:0 0 9px rgba(85,230,157,.5)}.admin-leave-btn{white-space:nowrap}.admin-empty{padding:22px;color:#777b8f;font-size:11px;text-align:center;border:1px dashed rgba(255,255,255,.08);border-radius:10px}.admin-customer{border:1px solid var(--line);background:#0a0e19}.admin-customer-head{display:flex;align-items:center;gap:11px}.admin-customer-head>div{flex:1}.admin-customer-head strong,.admin-customer-head span{display:block}.admin-customer-head strong{font-size:12px}.admin-customer-head span{font-size:9px;color:#777b8f;margin-top:3px}.admin-customer-head>b{font-size:10px;color:#4fc3ff}.admin-customer-servers{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:7px;margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.05)}.admin-customer-servers>div{display:grid;grid-template-columns:26px 1fr;gap:0 8px;padding:8px;border-radius:8px;background:#0e1320}.admin-customer-servers img{width:24px;height:24px;border-radius:7px}.admin-customer-servers>div>span{grid-row:1/3}.admin-customer-servers strong{font-size:10px}.admin-customer-servers small{font-size:8px;color:#6d7282;margin-top:2px}.admin-staff-row{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:#0a0e19;border-radius:11px;padding:11px}.admin-staff-row>div:nth-child(2){flex:1}.admin-staff-row strong,.admin-staff-row span,.admin-staff-row small{display:block}.admin-staff-row strong{font-size:11px}.admin-staff-row span{font-size:9px;color:#7b8092;margin-top:2px}.admin-staff-row small{font-size:8px;color:#5f6475;margin-top:3px}.admin-staff-status{padding:5px 8px;border-radius:20px;border:1px solid rgba(110,231,183,.18);background:rgba(110,231,183,.06);color:#6ee7b7!important}.admin-staff-status.disabled{color:#ff9d8f!important;border-color:rgba(255,110,90,.2);background:rgba(255,110,90,.07)}.admin-input-label{margin-bottom:10px}.admin-input-label input{border:1px solid var(--line);background:#090c17;color:#dfe1e7;border-radius:8px;padding:10px;font-size:11px;outline:none}.admin-owner-card{display:flex;align-items:center;gap:12px;padding:8px}.admin-owner-card>div:nth-child(2) strong,.admin-owner-card>div:nth-child(2) span,.admin-owner-card>div:nth-child(2) small{display:block}.admin-owner-card strong{font-size:12px}.admin-owner-card span{font-size:9px;color:#777b8f;margin-top:3px}.admin-owner-card small{font-size:9px;color:#4fc3ff;margin-top:4px}.admin-activity-row{display:flex;align-items:flex-start;border:1px solid var(--line);background:#0a0e19}.admin-activity-icon{display:grid;place-items:center;background:rgba(13,138,255,.1);color:#4fc3ff;flex:none}.admin-activity-icon.warning{color:#ffb08a;background:rgba(255,130,80,.08)}.admin-activity-icon.error{color:#ff7d91;background:rgba(255,70,90,.08)}.admin-activity-row>div:nth-child(2){min-width:0}.admin-activity-row strong,.admin-activity-row span,.admin-activity-row small{display:block}.admin-activity-row span{color:#9297a8;margin-top:3px;line-height:1.45}.admin-activity-row small{color:#5f6475;margin-top:4px}.form-message{font-size:10px;color:#6ee7b7;margin-top:8px;min-height:14px}
@media(max-width:900px){.admin-stat-grid{grid-template-columns:1fr 1fr}.admin-grid-2{grid-template-columns:1fr}.admin-server-row{align-items:flex-start;flex-wrap:wrap}.admin-server-status{margin-left:50px}.admin-leave-btn{margin-left:auto}}
@media(max-width:600px){.admin-stat-grid{grid-template-columns:1fr}.admin-customer-servers{grid-template-columns:1fr}.admin-staff-row{flex-wrap:wrap}.admin-staff-row .danger-btn,.admin-staff-row .ghost{margin-left:auto}}

/* NEXUS ADMIN CONTROL CENTER */
.admin-top-button{height:34px;padding:0 12px;border-radius:9px;border:1px solid rgba(0,190,255,.45);background:linear-gradient(135deg,rgba(0,160,230,.18),rgba(0,80,130,.08));color:#dff7ff;display:flex;align-items:center;gap:7px;font-size:10px;font-weight:800;letter-spacing:.08em;cursor:pointer;box-shadow:0 0 16px rgba(0,180,255,.08)}.admin-top-button:hover{border-color:#10c7ff;box-shadow:0 0 22px rgba(0,190,255,.16)}
.admin-dashboard-view{height:calc(100vh - 52px);overflow:hidden;background:radial-gradient(circle at 80% 0%,rgba(0,174,255,.09),transparent 30%),#02070d}.admin-dashboard-shell{min-height:0;display:grid}.admin-dashboard-sidebar{height:100%;min-height:0;min-width:0;display:flex;flex-direction:column;gap:4px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(39,112,145,.6) transparent}.admin-brand{display:flex;align-items:center}.admin-brand-logo{overflow:hidden;border:1px solid #075f89}.admin-brand-logo img{width:100%;height:100%;object-fit:cover}.admin-brand strong,.admin-brand span{display:block}.admin-brand strong{letter-spacing:.12em}.admin-brand span{color:#39bfff;letter-spacing:.12em;margin-top:3px}.admin-sidebar-label{color:#506171;letter-spacing:.16em}.admin-tab{width:100%;border:1px solid transparent;background:transparent;color:#8da0af;display:flex;align-items:center;text-align:left;cursor:pointer}.admin-tab>span{background:#07121b;display:grid;place-items:center;color:#6d8596}.admin-tab>div{min-width:0}.admin-tab b,.admin-tab small{display:block}.admin-tab b{color:#d8e3ea}.admin-tab small{color:#62717e}.admin-tab:hover{background:rgba(0,170,240,.07);border-color:rgba(0,180,255,.16)}.admin-tab.active{background:linear-gradient(90deg,rgba(0,174,255,.18),rgba(0,110,170,.04));border-color:#0878a8}.admin-tab.active>span{background:rgba(0,174,255,.13);color:#45caff}.admin-tab.active b{color:#fff}.admin-sidebar-spacer{flex:1 1 auto;min-height:12px}.admin-dashboard-sidebar::-webkit-scrollbar{width:8px}.admin-dashboard-sidebar::-webkit-scrollbar-track{background:transparent}.admin-dashboard-sidebar::-webkit-scrollbar-thumb{background:rgba(39,112,145,.6);border-radius:20px}.admin-dashboard-sidebar::-webkit-scrollbar-thumb:hover{background:rgba(39,180,235,.75)}.admin-back-button{border:1px solid rgba(255,255,255,.07);background:#071019;color:#9aacb9;border-radius:9px;text-align:left;cursor:pointer}.admin-dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.admin-kicker{color:#25bfff}.admin-dashboard-header h1{color:#f4f7fa}.admin-dashboard-header p{margin:0;color:#71818f}.admin-header-actions{display:flex;align-items:center}.admin-owner-pill{border:1px solid rgba(61,218,150,.16);background:rgba(61,218,150,.05);border-radius:8px;display:flex;align-items:center;gap:7px;color:#b9c6ce}.admin-owner-pill i,.admin-live-label i{width:6px;height:6px;border-radius:50%;background:#45e49a;box-shadow:0 0 8px rgba(69,228,154,.5)}.admin-refresh,.admin-link-button{border:1px solid rgba(0,170,240,.22);background:#07121b;color:#8fdcff;border-radius:8px;padding:8px 10px;font-size:9px;cursor:pointer}.admin-dashboard-grid{display:grid}.admin-panel-card{border:1px solid rgba(17,86,120,.35)}.admin-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-card-head>div>span{color:#28bfff;letter-spacing:.16em}.admin-card-head h2{margin:3px 0 0;color:#e9eef2}.admin-search{border:1px solid rgba(0,130,190,.25);background:#040b12;border-radius:8px;display:flex;align-items:center;gap:6px;padding:0 9px}.admin-search input{border:0;outline:0;background:none;color:#dfe8ed;width:100%}.admin-live-label{font-size:8px;color:#58e6a2;display:flex;align-items:center;gap:6px}.admin-primary-button{border:1px solid #0786bb;background:linear-gradient(135deg,#0879a8,#075678);color:#fff;border-radius:8px;font-weight:700;cursor:pointer}.admin-owner-note{margin-top:18px;padding-top:13px;border-top:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:10px}.admin-owner-note>span{font-size:7px;color:#42c9ff;border:1px solid rgba(0,190,255,.2);padding:5px 6px;border-radius:5px}.admin-owner-note b,.admin-owner-note small{display:block}.admin-owner-note b{font-size:9px}.admin-owner-note small{font-size:8px;color:#667582;margin-top:2px}.admin-dashboard-view .admin-server-row,.admin-dashboard-view .admin-customer,.admin-dashboard-view .admin-staff-row,.admin-dashboard-view .admin-activity-row{background:#050c13;border-color:rgba(14,81,113,.35)}
@media(max-width:900px){.admin-dashboard-shell{grid-template-columns:190px 1fr}.admin-dashboard-main{padding:20px}.admin-dashboard-grid,.admin-staff-grid{grid-template-columns:1fr}.admin-dashboard-header{flex-direction:column}}@media(max-width:650px){.admin-dashboard-shell{display:block}.admin-dashboard-sidebar{height:auto;display:grid;grid-template-columns:repeat(2,1fr);padding:10px;border-right:0;border-bottom:1px solid rgba(0,150,220,.16)}.admin-brand,.admin-sidebar-label,.admin-sidebar-spacer{display:none}.admin-back-button{grid-column:1/-1}.admin-dashboard-main{height:calc(100vh - 190px);padding:16px}.admin-search{width:150px}}

.admin-owner-only.hidden{display:none!important}
.admin-owner-badge{font-size:7px;color:#59d7ff;border:1px solid rgba(0,190,255,.25);padding:5px 7px;border-radius:5px;letter-spacing:.08em}
.admin-help-text{font-size:10px;line-height:1.55;color:#738493;margin:-4px 0 16px}
.admin-changelog-form{display:grid;gap:12px}
.admin-input-label{display:grid;gap:6px;color:#8d9aa5}
.admin-input-label input,.admin-input-label select,.admin-input-label textarea{width:100%;box-sizing:border-box;border:1px solid rgba(0,130,190,.25);background:#040b12;color:#e5edf2;border-radius:8px;outline:none}
.admin-input-label textarea{resize:vertical;min-height:72px}
.admin-input-label input[type=color]{height:37px;padding:4px;cursor:pointer}
.admin-changelog-two{display:grid;grid-template-columns:1fr 90px;gap:10px}
.admin-changelog-rows-head{display:flex;align-items:center;justify-content:space-between;padding-top:4px}
.admin-changelog-rows-head span{display:block;font-size:7px;color:#28bfff;letter-spacing:.16em}.admin-changelog-rows-head b{display:block;font-size:11px;color:#dfe7ec;margin-top:3px}
.admin-primary-button.compact{padding:7px 9px}.admin-changelog-rows{display:grid;gap:8px}.admin-changelog-row{display:grid;grid-template-columns:26px minmax(0,1fr) minmax(0,1fr) 28px;align-items:start;border:1px solid rgba(14,81,113,.35);background:#050c13;border-radius:10px}.admin-row-number{font-size:8px;color:#4e6a7b;padding-top:10px;text-align:center}.admin-changelog-row label{display:grid;gap:5px;font-size:8px;color:#6e8290}.admin-changelog-row textarea{width:100%;box-sizing:border-box;resize:vertical;border:1px solid rgba(0,130,190,.2);background:#02070d;color:#e4edf2;border-radius:7px;outline:none}.admin-changelog-row .icon-btn{margin-top:18px}.admin-publish-button{width:100%;margin-top:2px}.admin-publish-button:disabled{opacity:.55;cursor:wait}.admin-changelog-preview-wrap{background:#03070b;border-radius:11px;padding:16px;margin-bottom:18px}.admin-changelog-preview{border-left:3px solid #08baff;background:#0b1118;border-radius:3px;padding:14px;box-shadow:0 10px 30px rgba(0,0,0,.25)}.admin-preview-title{font-weight:700;color:#f0f5f8}.admin-preview-desc{font-size:10px;line-height:1.55;color:#a5b1ba;margin-top:7px}.admin-preview-rows{display:grid;gap:0;margin-top:12px}.admin-preview-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid rgba(255,255,255,.05);padding:9px 0}.admin-preview-row div{font-size:10px;line-height:1.5;color:#d9e2e7;min-width:0}.admin-preview-row div+div{border-left:1px solid rgba(255,255,255,.06);padding-left:12px}.admin-preview-divider{height:1px;margin:10px 0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.18) 0 6px,transparent 6px 10px)}.admin-preview-footer{margin-top:7px;font-size:8px;color:#5f717e}
.changelog-we-card{padding:22px 24px 24px!important}
.changelog-we-card .admin-card-head{align-items:flex-start;margin-bottom:14px!important}
.changelog-we-card .admin-card-head-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.changelog-we-card .we-color-chip input[type=color]{width:22px;height:22px}
.changelog-we-card .we-color-chip span{font-size:10px}
.changelog-we-card .we-two-col{margin:0 0 14px}
.changelog-we-card .admin-input-label{font-size:10px;color:#8d9aa5;margin-bottom:14px}
.changelog-we-card .admin-input-label input,.changelog-we-card .admin-input-label select,.changelog-we-card .admin-input-label textarea{border-radius:10px;padding:11px 13px;font-size:12px}
.changelog-we-card .we-divider{margin:16px 0}
.changelog-we-card .admin-changelog-rows-head{margin-bottom:10px}.admin-history-head{margin-top:5px}.admin-changelog-history{display:grid;gap:7px}.admin-history-row{display:flex;justify-content:space-between;gap:10px;border:1px solid rgba(14,81,113,.25);background:#050c13;border-radius:8px}.admin-history-row strong,.admin-history-row span{display:block}.admin-history-row strong{color:#e1e9ed}.admin-history-row span,.admin-history-row small{color:#647681;margin-top:3px}.admin-history-row small{white-space:nowrap}
.admin-dashboard-main{overflow-x:hidden;overflow-y:auto;height:100%}.admin-dashboard-main::-webkit-scrollbar-thumb:hover{background:rgba(39,180,235,.55)}.admin-tab-view{min-height:0}.admin-server-list,.admin-customer-list,.admin-staff-list,.admin-activity-list{max-height:none}
@media(max-width:900px){.admin-changelog-row{grid-template-columns:24px 1fr 1fr 28px}}
@media(max-width:650px){.admin-changelog-two{grid-template-columns:1fr}.admin-changelog-row{grid-template-columns:22px 1fr 1fr 28px}.admin-preview-row{grid-template-columns:1fr}.admin-preview-row div+div{border-left:0;border-top:1px solid rgba(255,255,255,.05);padding-left:0;padding-top:8px}.admin-changelog-grid{grid-template-columns:1fr!important}}

.admin-changelog-form-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.admin-history-main{min-width:0}.admin-history-main small{display:block}.admin-history-actions{display:flex;gap:6px;align-items:center;flex-shrink:0}.admin-secondary-button.compact,.admin-danger-button.compact{padding:7px 9px;font-size:8px}.admin-danger-button{border:1px solid rgba(255,70,70,.28);border-radius:7px;cursor:pointer}.admin-danger-button:hover{background:rgba(160,30,30,.24)}.admin-secondary-button{border:1px solid rgba(80,140,170,.28);background:rgba(20,40,52,.35);color:#b8cbd4;border-radius:7px;cursor:pointer}.admin-secondary-button:hover{background:rgba(30,60,78,.5)}.admin-history-row{align-items:center}.admin-history-main span,.admin-history-main small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}@media(max-width:760px){.admin-changelog-form-actions{grid-template-columns:1fr}.admin-history-row{align-items:flex-start;flex-direction:column}.admin-history-actions{width:100%}.admin-history-actions button{flex:1}}

/* ==========================================================
   NEXUS ADMIN CONTROL — FULL SCREEN / WIDE LAYOUT
   Uses the complete available viewport instead of a centered card.
   ========================================================== */
.content:has(#adminDashboardView:not(.hidden)){
  max-width:none !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}
#adminDashboardView.admin-dashboard-view{
  width:100% !important;
  height:100% !important;
  min-height:calc(100vh - 58px);
  overflow:hidden !important;
  background:
    radial-gradient(circle at 72% -8%, rgba(0,190,255,.13), transparent 34%),
    radial-gradient(circle at 18% 100%, rgba(0,105,180,.07), transparent 35%),
    #02070d;
}
.admin-dashboard-shell{
  width:100%;
  height:100%;
  grid-template-columns:280px minmax(0,1fr) !important;
}
.admin-dashboard-sidebar{
  padding:24px 18px !important;
  background:linear-gradient(180deg,rgba(3,11,18,.98),rgba(2,7,13,.98)) !important;
  border-right:1px solid rgba(15,126,180,.22) !important;
}
.admin-brand{padding:6px 10px 28px !important;gap:13px !important}
.admin-brand-logo{width:46px !important;height:46px !important;border-radius:13px !important}
.admin-brand strong{font-size:15px !important}
.admin-brand span{font-size:9px !important}
.admin-sidebar-label{font-size:9px !important;padding:10px 12px 8px !important}
.admin-tab{padding:13px 12px !important;border-radius:11px !important;gap:12px !important}
.admin-tab>span{width:38px !important;height:38px !important;border-radius:10px !important;font-size:16px !important}
.admin-tab b{font-size:12px !important}
.admin-tab small{font-size:9px !important;margin-top:4px !important}
.admin-back-button{padding:13px !important;font-size:10px !important}
.admin-dashboard-main{
  width:100%;
  min-width:0;
  min-height:0;
  padding:34px 42px 42px !important;
  overflow:auto !important;
  scrollbar-width:thin;
  scrollbar-color:rgba(39,112,145,.55) transparent;
}
.admin-dashboard-main::-webkit-scrollbar{width:9px;height:9px}
.admin-dashboard-main::-webkit-scrollbar-track{background:transparent}
.admin-dashboard-main::-webkit-scrollbar-thumb{background:rgba(39,112,145,.55);border-radius:20px}
.admin-dashboard-main:hover::-webkit-scrollbar-thumb{background:rgba(39,180,235,.65)}
.admin-dashboard-main:hover{scrollbar-color:rgba(39,180,235,.65) transparent}
.admin-dashboard-header{margin-bottom:30px !important}
.admin-kicker{font-size:10px !important;letter-spacing:.2em !important}
.admin-dashboard-header h1{font-size:34px !important;letter-spacing:-1px !important;margin:7px 0 !important}
.admin-dashboard-header p{font-size:13px !important}
.admin-header-actions{gap:10px !important}
.admin-owner-pill{height:40px !important;padding:0 14px !important;font-size:10px !important}
.admin-refresh{padding:10px 14px !important;font-size:10px !important}
.admin-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:18px !important;margin:0 0 20px !important}
.admin-stat{min-height:100px !important;padding:20px !important;border-radius:15px !important;gap:15px !important;background:linear-gradient(145deg,rgba(10,25,39,.96),rgba(4,11,18,.98)) !important;box-shadow:0 18px 45px rgba(0,0,0,.22) !important}
.admin-stat>span{width:48px !important;height:48px !important;border-radius:13px !important;font-size:20px !important}
.admin-stat b{font-size:28px !important}
.admin-stat small{font-size:10px !important}
.admin-dashboard-grid{grid-template-columns:minmax(0,1.55fr) minmax(360px,.8fr) !important;gap:20px !important}
.admin-panel-card{padding:22px !important;border-radius:16px !important;box-shadow:0 22px 60px rgba(0,0,0,.22) !important;background:linear-gradient(145deg,rgba(8,19,30,.97),rgba(3,9,15,.98)) !important}
.admin-card-head{margin-bottom:18px !important}
.admin-card-head>div>span{font-size:8px !important}
.admin-card-head h2{font-size:17px !important;margin-top:5px !important}
.admin-link-button,.admin-refresh{font-size:10px !important;padding:10px 13px !important}
.admin-server-list,.admin-customer-list,.admin-staff-list,.admin-activity-list{gap:11px !important}
.admin-server-row{padding:15px !important;border-radius:12px !important;gap:14px !important}
.admin-guild-icon,.admin-avatar{width:48px !important;height:48px !important;border-radius:13px !important}
.admin-server-main{gap:12px !important}
.admin-server-main strong{font-size:14px !important}
.admin-server-main span{font-size:11px !important}
.admin-server-main small{font-size:10px !important}
.admin-server-status{font-size:10px !important}
.admin-leave-btn{font-size:10px !important}
.admin-activity-row{padding:14px !important;border-radius:12px !important;gap:12px !important}
.admin-activity-icon{width:34px !important;height:34px !important;border-radius:10px !important}
.admin-activity-row strong{font-size:12px !important}
.admin-activity-row span{font-size:10px !important}
.admin-activity-row small{font-size:9px !important}
.admin-search{height:38px !important;width:340px !important}
.admin-search input{font-size:11px !important}
.admin-customer{padding:18px !important;border-radius:13px !important}
.admin-staff-grid{grid-template-columns:minmax(320px,.7fr) minmax(0,1.3fr) !important}
.admin-primary-button{padding:12px 16px !important;font-size:10px !important}
.admin-input-label{font-size:10px !important}
.admin-input-label input,.admin-input-label select,.admin-input-label textarea{padding:12px !important;font-size:11px !important}
.admin-changelog-grid{grid-template-columns:minmax(0,1.25fr) minmax(420px,.9fr) !important}
.admin-changelog-row{padding:12px !important;gap:10px !important}
.admin-changelog-row textarea{min-height:78px !important;font-size:11px !important;padding:10px !important}
.admin-preview-title{font-size:18px !important}
.admin-preview-desc,.admin-preview-row div{font-size:11px !important}
.admin-history-row{padding:12px !important}
.admin-history-row strong{font-size:10px !important}
.admin-history-row span,.admin-history-row small{font-size:9px !important}

@media(max-width:1200px){
  .admin-dashboard-shell{grid-template-columns:245px minmax(0,1fr) !important}
  .admin-dashboard-main{padding:28px !important}
  .admin-dashboard-grid,.admin-changelog-grid{grid-template-columns:1fr !important}
  .admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
@media(max-width:700px){
  .admin-dashboard-main{padding:18px !important}
  .admin-stat-grid{grid-template-columns:1fr !important}
  .admin-dashboard-header h1{font-size:27px !important}
  .admin-search{width:100% !important}
}

/* Changelog media controls */
.admin-changelog-media-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px;border:1px solid rgba(14,81,113,.28);background:rgba(2,9,15,.55);border-radius:10px}
.admin-changelog-media-grid .admin-input-label{min-width:0}
.admin-changelog-media-grid input[type="url"],.admin-changelog-media-grid input:not([type]){width:100%}
.admin-preview-media{display:grid;gap:8px;margin:10px 0 12px;position:relative}
.admin-preview-header{display:flex;align-items:center;gap:8px;font-size:9px;color:#8edcff;letter-spacing:.06em;text-transform:uppercase}
.admin-preview-header img{width:24px;height:24px;border-radius:50%;object-fit:cover;border:1px solid rgba(0,190,255,.35)}
.admin-preview-thumb{width:64px;height:64px;object-fit:cover;border-radius:8px;margin-left:auto}
.admin-preview-banner{width:100%;max-height:150px;object-fit:cover;border-radius:8px;border:1px solid rgba(0,174,245,.14)}
@media(max-width:760px){.admin-changelog-media-grid{grid-template-columns:1fr}}

/* Changelog media uploads */
.admin-changelog-upload-grid{align-items:stretch}
.admin-upload-card{display:flex;flex-direction:column;gap:7px;min-width:0}
.admin-upload-card>span{font-size:10px;letter-spacing:.08em;color:#8ea1b3;font-weight:700}
.admin-changelog-upload{position:relative;min-height:112px;border:1px dashed rgba(8,186,255,.28);border-radius:12px;background:rgba(2,10,18,.72);display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;transition:.2s}
.admin-changelog-upload:hover{border-color:#08baff;background:rgba(8,186,255,.06);box-shadow:0 0 24px rgba(8,186,255,.08)}
.admin-changelog-upload.has-image{border-style:solid;border-color:rgba(8,186,255,.45)}
.admin-upload-empty{display:flex;flex-direction:column;align-items:center;gap:4px;color:#6f8798;font-size:22px;pointer-events:none}
.admin-upload-empty b{font-size:12px;color:#d9eff9}.admin-upload-empty small{font-size:9px;color:#617b8d}
.admin-upload-preview{display:block;width:100%;height:112px;object-fit:cover}
.admin-upload-card .admin-secondary-button{align-self:flex-start}
.admin-upload-card .admin-secondary-button.hidden{display:none}
@media(max-width:900px){.admin-changelog-upload-grid{grid-template-columns:1fr!important}}

/* =========================================================
   NEXUS ADMIN — VORSCHLÄGE
   ========================================================= */
.admin-suggestions-grid{grid-template-columns:minmax(0,1.25fr) minmax(420px,.9fr)!important}
.admin-suggestion-form{display:grid;gap:12px}
.admin-suggestion-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px;border:1px solid rgba(14,81,113,.28);background:rgba(2,9,15,.55);border-radius:10px}
.admin-suggestion-actions{display:grid;grid-template-columns:1fr auto;gap:8px}
.admin-suggestion-preview-wrap{background:#03070b;border-radius:11px;padding:18px;margin-bottom:18px}
.admin-suggestion-preview{position:relative;border-left:3px solid #08baff;background:#0b1118;border-radius:6px;padding:16px;min-height:320px;box-shadow:0 14px 35px rgba(0,0,0,.25);overflow:hidden}
.admin-suggestion-preview-media{display:block}
.admin-suggestion-preview-thumb{float:right;width:72px;height:72px;object-fit:cover;border-radius:8px;margin:0 0 10px 12px}
.admin-suggestion-preview-header-image{display:block;width:30px;height:30px;object-fit:cover;border-radius:50%;margin-bottom:7px}
.admin-suggestion-preview-banner{display:block;width:100%;max-height:170px;object-fit:cover;border-radius:7px;margin:10px 0}
.admin-suggestion-preview-footer-image{width:18px;height:18px;border-radius:50%;object-fit:cover;margin-top:8px;display:block}
.admin-suggestion-preview-header{font-size:10px;color:#82b8d3;margin-bottom:8px;min-height:12px}
.admin-suggestion-preview-title{font-size:17px;font-weight:800;color:#f0f5f8;line-height:1.25;clear:both}
.admin-suggestion-preview-text{font-size:11px;line-height:1.6;color:#9db0bd;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:8px}
.admin-suggestion-preview-footer{clear:both;border-top:1px solid rgba(255,255,255,.05);padding-top:8px;margin-top:14px;font-size:9px;color:#6f8796}
.admin-suggestion-preview-button{margin-top:15px;border:0;border-radius:7px;background:#0879d1;color:#fff;font-weight:700;font-size:10px;padding:9px 13px;opacity:1}
.admin-suggestion-info{border-top:1px solid rgba(255,255,255,.06);padding-top:15px;color:#7d8f9b}
.admin-suggestion-info>span{font-size:7px;color:#28bfff;letter-spacing:.16em}
.admin-suggestion-info h3{font-size:12px;color:#e5edf2;margin:5px 0}
.admin-suggestion-info p{font-size:10px;line-height:1.65;margin:0}
.admin-suggestion-info b{color:#cfeaf5}
@media(max-width:1000px){.admin-suggestions-grid{grid-template-columns:1fr!important}}
@media(max-width:760px){.admin-suggestion-media-grid{grid-template-columns:1fr}.admin-suggestion-actions{grid-template-columns:1fr}.admin-suggestion-preview{min-height:260px}}

/* NEXUS Admin Control Center – neue Module */
.admin-extra-label{margin-top:10px;border-top:1px solid rgba(255,255,255,.05);padding-top:12px!important}
.admin-inline-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.admin-danger-button,.admin-secondary-button{border:1px solid rgba(255,255,255,.09);background:#0a141e;color:#b8c7d1;border-radius:8px;padding:9px 12px;font-size:9px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.admin-danger-button{border-color:rgba(255,90,105,.28);background:rgba(255,70,90,.08);color:#ff9ba6}.admin-section-title{margin:18px 0 9px;font-size:8px;letter-spacing:.15em;color:#36bfff;text-transform:uppercase}.admin-simple-list,.admin-table-list,.admin-ticket-list,.admin-backup-list,.admin-plan-list,.admin-feature-list{display:grid;gap:7px}.admin-simple-row,.admin-table-row,.admin-backup-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;border:1px solid rgba(17,86,120,.28);background:#050c13;border-radius:8px}.admin-simple-row>div,.admin-table-row>div,.admin-backup-row>div{min-width:0}.admin-simple-row b,.admin-table-row b,.admin-backup-row b{display:block;font-size:9px;color:#e7eef3}.admin-simple-row small,.admin-table-row small,.admin-backup-row small{display:block;color:#667985;font-size:8px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-status-pill{font-size:7px;padding:5px 7px;border-radius:5px;border:1px solid rgba(255,255,255,.08)}.admin-status-pill.ok{color:#54e4a1;background:rgba(65,220,150,.07)}.admin-status-pill.muted{color:#7d8b96;background:rgba(255,255,255,.03)}.admin-blocked-badge{font-size:7px;color:#ff8f9a;background:rgba(255,70,90,.08);padding:4px 6px;border-radius:5px}.admin-plan-badge{font-size:7px;color:#6fd6ff;border:1px solid rgba(0,174,255,.18);padding:4px 6px;border-radius:5px}.admin-customer-meta{display:flex;align-items:center;gap:6px}.admin-customer-actions{display:flex;gap:6px;margin-top:10px;justify-content:flex-end}.admin-health-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.admin-health-item{border:1px solid rgba(17,86,120,.28);background:#050c13;border-radius:9px;padding:12px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}.admin-health-item i{width:7px;height:7px;border-radius:50%;display:block}.admin-health-item i.good{background:#46e29b;box-shadow:0 0 9px rgba(70,226,155,.55)}.admin-health-item i.bad{background:#ff6d7b;box-shadow:0 0 9px rgba(255,109,123,.5)}.admin-health-item span{font-size:8px;color:#7e929f}.admin-health-item b{font-size:8px;color:#e5edf1}.admin-monitoring-servers{margin-top:14px}.admin-ticket-row{border:1px solid rgba(17,86,120,.28);background:#050c13;border-radius:9px;padding:11px;display:grid;grid-template-columns:1fr auto;gap:12px}.admin-ticket-row b{font-size:10px}.admin-ticket-row small{display:block;color:#687985;font-size:8px;margin-top:3px}.admin-ticket-row p{font-size:9px;color:#a8b7c0;line-height:1.45;margin:8px 0 0;white-space:pre-wrap}.admin-ticket-controls{display:flex;align-items:flex-start;gap:6px;flex-wrap:wrap;justify-content:flex-end}.admin-ticket-controls select,.admin-plan-editor input,.admin-feature-row select,.admin-feature-row input{border:1px solid rgba(0,130,190,.25);background:#040b12;color:#dfe8ed;border-radius:7px;padding:7px;font-size:8px;outline:0}.admin-plan-editor{display:grid;grid-template-columns:90px 1fr 1fr 90px 40px;gap:6px;align-items:center;padding:7px;border:1px solid rgba(17,86,120,.28);background:#050c13;border-radius:8px}.admin-plan-editor input[type=color]{padding:2px;height:30px}.admin-feature-row{display:grid;grid-template-columns:1fr 120px;gap:10px;align-items:center;padding:10px;border:1px solid rgba(17,86,120,.28);background:#050c13;border-radius:8px}.admin-feature-row label{font-size:9px;color:#dce5ea}.admin-feature-row label input{accent-color:#08baff}.admin-feature-row input[type=number]{width:70px}.admin-feature-row:has(input[data-beta-enabled]){grid-template-columns:1fr 80px 1fr}.admin-backup-row a{white-space:nowrap}.admin-version-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.admin-version-grid>div{border:1px solid rgba(17,86,120,.28);background:#050c13;border-radius:8px;padding:11px}.admin-version-grid span,.admin-version-grid b{display:block}.admin-version-grid span{font-size:7px;color:#657985;text-transform:uppercase;letter-spacing:.1em}.admin-version-grid b{font-size:10px;color:#e5edf1;margin-top:5px}.admin-admin-note{font-size:8px;color:#667985}.admin-dashboard-view .hidden{display:none!important}
@media(max-width:900px){.admin-health-grid,.admin-version-grid{grid-template-columns:1fr 1fr}.admin-plan-editor{grid-template-columns:1fr 1fr}.admin-ticket-row{grid-template-columns:1fr}.admin-feature-row:has(input[data-beta-enabled]){grid-template-columns:1fr}.admin-extra-label{grid-column:1/-1}}
@media(max-width:650px){.admin-health-grid,.admin-version-grid{grid-template-columns:1fr}.admin-plan-editor{grid-template-columns:1fr}.admin-customer-actions{justify-content:flex-start}}

/* NEXUS LIVE CHAT */
.nexus-live-chat{position:fixed!important;right:22px;bottom:22px;z-index:2147483647!important;font-family:inherit;color:#eef8ff;pointer-events:auto!important;touch-action:manipulation;isolation:isolate}
.nexus-chat-toggle{display:flex;align-items:center;gap:10px;border:1px solid rgba(66,217,255,.32);background:linear-gradient(135deg,rgba(8,18,36,.96),rgba(10,10,28,.96));color:#eef8ff;border-radius:16px;padding:12px 16px;box-shadow:0 12px 38px rgba(0,0,0,.45),0 0 28px rgba(66,217,255,.12);cursor:pointer;font:inherit}
.nexus-chat-toggle .chat-orb{width:10px;height:10px;border-radius:50%;background:#55e6a5;box-shadow:0 0 14px #55e6a5}.nexus-chat-toggle b{font-size:10px;letter-spacing:.14em}.nexus-chat-badge{display:none;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:#ff4d6d;color:#fff;font-size:9px;align-items:center;justify-content:center}
.nexus-chat-panel{display:none;position:absolute;right:0;bottom:54px;width:min(520px,calc(100vw - 24px));height:min(600px,calc(100vh - 90px));border:1px solid rgba(66,217,255,.25);border-radius:20px;overflow:hidden;background:linear-gradient(180deg,rgba(6,11,25,.99),rgba(3,7,17,.99));box-shadow:0 25px 80px rgba(0,0,0,.65),0 0 45px rgba(66,217,255,.10);backdrop-filter:blur(22px)}
.nexus-live-chat.open .nexus-chat-panel{display:flex;flex-direction:column}.nexus-chat-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 15px;border-bottom:1px solid rgba(255,255,255,.07)}.nexus-chat-head strong{font-size:11px;letter-spacing:.08em}.nexus-chat-head small{display:block;color:#71869a;font-size:8px;margin-top:4px}.nexus-chat-head-actions{display:flex;align-items:center;gap:6px}.nexus-chat-close{border:0;background:transparent;color:#8095a8;font-size:18px;cursor:pointer}.nexus-chat-end{border:1px solid rgba(255,90,110,.22);background:rgba(255,70,90,.08);color:#ff9eaa;border-radius:8px;padding:6px 8px;font:inherit;font-size:8px;cursor:pointer}.nexus-chat-end.hidden{display:none!important}
.nexus-chat-body{flex:1;min-height:0;display:flex}.nexus-chat-inbox{width:160px;border-right:1px solid rgba(255,255,255,.06);overflow:auto;padding:10px}.nexus-chat-inbox.hidden{display:none}.nexus-chat-conv{display:block;width:100%;text-align:left;border:1px solid transparent;background:transparent;color:#dcecf6;border-radius:10px;padding:9px;margin-bottom:6px;cursor:pointer}.nexus-chat-conv.active,.nexus-chat-conv:hover{background:rgba(66,217,255,.07);border-color:rgba(66,217,255,.12)}.nexus-chat-conv b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.nexus-chat-conv small{display:block;color:#64798b;font-size:7px;margin-top:4px;line-height:1.35;word-break:break-all}.nexus-chat-main{flex:1;min-width:0;display:flex;flex-direction:column}.nexus-chat-chatid{padding:8px 14px;border-bottom:1px solid rgba(255,255,255,.05);color:#6f8497;font-size:8px}.nexus-chat-chatid b{color:#8fdfff}.nexus-chat-messages{flex:1;overflow:auto;padding:14px}.nexus-chat-empty{height:100%;display:flex;align-items:center;justify-content:center;text-align:center;color:#63788a;font-size:9px;line-height:1.6;padding:20px}.nexus-chat-msg{max-width:86%;margin:0 0 9px;padding:9px 11px;border-radius:12px;font-size:10px;line-height:1.45;white-space:pre-wrap;word-break:break-word}.nexus-chat-msg.visitor{margin-right:auto;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.06)}.nexus-chat-msg.staff{margin-left:auto;background:linear-gradient(135deg,rgba(66,217,255,.15),rgba(138,92,255,.13));border:1px solid rgba(66,217,255,.16)}.nexus-chat-msg.bot{margin-right:auto;background:linear-gradient(135deg,rgba(66,217,255,.08),rgba(138,92,255,.08));border:1px solid rgba(66,217,255,.16)}.nexus-chat-meta{display:block;margin-top:4px;color:#607587;font-size:7px}.nexus-chat-form{display:flex;gap:7px;padding:10px;border-top:1px solid rgba(255,255,255,.07)}.nexus-chat-input{flex:1;min-width:0;resize:none;height:38px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.035);color:#fff;padding:10px;font:inherit;font-size:9px;outline:none}.nexus-chat-send{width:40px;border:1px solid rgba(66,217,255,.22);border-radius:10px;background:rgba(66,217,255,.08);color:#7de7ff;cursor:pointer}.nexus-chat-start{padding:20px;text-align:center;color:#8ba0b1;font-size:10px;line-height:1.6}.nexus-chat-start button,.nexus-chat-staff-call{margin-top:14px;border:1px solid rgba(66,217,255,.22);background:rgba(66,217,255,.08);color:#dff8ff;border-radius:10px;padding:10px 14px;cursor:pointer;font:inherit}.nexus-chat-staff-call{display:block;margin-top:11px;width:100%;font-size:9px;font-weight:800;letter-spacing:.04em}.nexus-chat-staff-call:hover{border-color:rgba(66,217,255,.5);box-shadow:0 0 18px rgba(66,217,255,.12)}
@media(max-width:700px){.nexus-live-chat{right:12px;bottom:12px}.nexus-chat-panel{width:min(520px,calc(100vw - 24px));height:min(560px,calc(100vh - 78px))}.nexus-chat-inbox{width:120px}.nexus-chat-toggle b{display:none}}

/* NEXUS BRAND FIX — lists and embed accents use the project cyan, not purple. */
:root{--accent:#08baff}
.studio-preview{display:grid;gap:18px;align-content:start}
.studio-preview > .sticky-preview:not(.embed-preview-card){position:static}
.studio-preview > .embed-preview-card{position:sticky;top:20px}
.weekly-member-list{max-height:520px;overflow-y:auto;padding-right:6px;margin-right:-6px;scrollbar-width:thin;scrollbar-color:rgba(39,112,145,.55) transparent}
.weekly-member-list::-webkit-scrollbar{width:8px}
.weekly-member-list::-webkit-scrollbar-track{background:transparent}
.weekly-member-list::-webkit-scrollbar-thumb{background:rgba(39,112,145,.55);border-radius:20px}
.weekly-member-list::-webkit-scrollbar-thumb:hover{background:rgba(39,180,235,.65)}
.weekly-status-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}
.weekly-status-card{border:1px solid var(--line);background:rgba(8,12,22,.72);border-radius:10px;padding:9px 10px}
.weekly-status-card span{display:block;color:#73778a;font-size:9px;text-transform:uppercase;letter-spacing:.08em}
.weekly-status-card strong{display:block;font-size:18px;margin-top:3px}
.weekly-status-card.paid strong{color:#5ce5a6}.weekly-status-card.open strong{color:#ffc45c}.weekly-status-card.absent strong{color:#ff8585}.weekly-status-card.not-required strong{color:#8db8ff}
.weekly-status-group{display:grid;gap:7px;margin-top:12px}.weekly-status-group:first-child{margin-top:0}
.weekly-status-group-title{display:flex;align-items:center;justify-content:space-between;color:#9ea4b5;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:0 2px 2px}
.weekly-status-group-title b{font-size:10px;color:#70758a}
.members-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.members-list-toolbar span{font-size:10px;color:#73778a}.members-list-toolbar strong{font-size:12px}
#membersList{max-height:616px;overflow-y:auto;padding-right:6px;margin-right:-6px;scrollbar-width:thin;scrollbar-color:rgba(39,112,145,.55) transparent}
#membersList::-webkit-scrollbar{width:8px}
#membersList::-webkit-scrollbar-track{background:transparent}
#membersList::-webkit-scrollbar-thumb{background:rgba(39,112,145,.55);border-radius:20px}
#membersList::-webkit-scrollbar-thumb:hover{background:rgba(39,180,235,.65)}
@media(max-width:900px){.weekly-status-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-preview > .embed-preview-card{position:static}}

/* ===== Willkommen Embed-Editor (kompaktes Redesign) ===== */
.studio-editor .we-card{margin-top:0}
.we-card{padding:22px 24px 24px}
.we-card-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px;gap:14px}
.we-color-chip{display:flex;align-items:center;gap:9px;cursor:pointer;border:1px solid rgba(130,137,165,.25);background:rgba(8,11,22,.6);border-radius:20px;padding:5px 12px 5px 5px}
.we-color-chip input[type=color]{width:26px;height:26px;padding:0;border:2px solid rgba(255,255,255,.18);border-radius:50%;cursor:pointer;background:transparent}
.we-color-chip input[type=color]::-webkit-color-swatch-wrapper{padding:0;border-radius:50%}
.we-color-chip input[type=color]::-webkit-color-swatch{border:0;border-radius:50%}
.we-color-chip input[type=color]::-moz-color-swatch{border:0;border-radius:50%}
.we-color-chip span{font-size:11px;font-weight:700;color:#a9b3d6;letter-spacing:.02em}
.color-palette-grid{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 4px}
.color-swatch{width:34px;height:34px;border-radius:50%;border:2px solid rgba(255,255,255,.14);cursor:pointer;padding:0;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
.color-swatch:hover{transform:scale(1.08)}
.color-swatch.active{border-color:#fff;box-shadow:0 0 0 2px rgba(13,138,255,.55)}

.we-input{width:100%;border:1px solid rgba(130,137,165,.25);background:#0b0d16;color:#e8ebf5;border-radius:10px;padding:11px 13px;font-size:13px;line-height:1.4;outline:0;transition:.15s;font-family:inherit}
.we-input::placeholder{color:#6d7488}
.we-input:hover{border-color:rgba(130,137,165,.4)}
.we-input:focus{border-color:rgba(73,171,255,.55);box-shadow:0 0 0 2px rgba(73,171,255,.1)}
.we-title{font-size:15px;font-weight:700;margin-bottom:10px}
.we-textarea{resize:vertical;min-height:90px;margin-bottom:14px}

.we-row{display:flex;align-items:center;gap:10px}
.we-header-row{margin-bottom:12px}
.we-footer-row{margin:2px 0 4px}
.we-row .we-input{flex:1;min-width:0}

.we-icon-box{width:40px;height:40px;min-height:0;flex:0 0 40px;border-radius:12px;position:relative}
.we-icon-box .upload-empty{padding:0;color:#7f8396;font-size:15px}
.we-icon-box .upload-empty svg,.we-thumb-box .upload-empty svg,.we-banner-box .upload-empty svg{color:#767c90;display:block}
.we-icon-box:hover .upload-empty svg,.we-thumb-box:hover .upload-empty svg,.we-banner-box:hover .upload-empty svg{color:#9fc4ff}
.we-icon-remove{position:absolute;display:none}
.we-thumb-box{width:64px;height:64px;min-height:0;flex:0 0 64px;border-radius:12px}
.we-thumb-box .upload-empty{padding:2px;gap:2px;color:#8a90a6}
.we-thumb-box .upload-empty span{font-size:16px}
.we-thumb-box .upload-empty small{font-size:8px;letter-spacing:.02em}
.we-banner-box{min-height:150px;margin:2px 0 6px}
.we-banner-box .upload-empty span{font-size:28px}
.we-banner-box .upload-empty small{font-size:11px}
.we-banner-remove{margin:0 0 12px;font-size:10px;padding:6px 10px}

.we-timestamp-check{display:flex!important;align-items:center;gap:7px;color:#9aa3c0;font-size:10px;white-space:nowrap;flex:0 0 auto}
.we-timestamp-check input{accent-color:#0d8aff}

.we-hint{margin:10px 0 0;font-size:10px}

.we-divider{height:1px;background:rgba(255,255,255,.06);margin:18px 0}
.we-section-label{font-size:10px;letter-spacing:.14em;color:#6f7690;font-weight:800;margin-bottom:10px}
.we-section-label-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.we-section-label-row .we-section-label{margin-bottom:0}

.we-buttons-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start;min-width:0;max-width:100%}
.we-button-chips{display:contents}
.we-button-chips .empty-builder{border:0;padding:9px 2px;text-align:left;width:auto;grid-column:1/-1}
.we-button-chips .empty-builder div{display:none}
.we-button-chips .empty-builder span{display:none}
.we-button-chips .empty-builder strong{font-size:11px;color:#8189a0;font-weight:500}
.we-button-chips .builder-row{display:flex;flex-direction:column;grid-template-columns:none;width:auto;min-width:0;border-radius:14px;padding:12px;background:#12141f;border:1px solid rgba(130,137,165,.28);gap:0}
.we-button-chips .drag-handle{display:none}
.we-button-chips .builder-main{width:100%}
.we-button-chips .builder-top{gap:6px}
.we-button-chips .button-label-input{background:rgba(255,255,255,.03);border-radius:20px;padding:7px 12px;font-size:11px}
.we-button-chips .builder-fields{grid-template-columns:1fr 1fr;margin-top:8px;row-gap:8px}
.we-button-chips .builder-fields label.message-field:not(.full){grid-column:1/-1;display:flex;align-items:center;gap:10px}
.we-button-chips .builder-fields label.message-field:not(.full) input[type=color]{width:44px;height:28px;padding:2px;flex:none}
.we-button-chips .builder-fields input[type=color]{cursor:pointer;background:#090c17}
.we-button-chips .builder-fields input[type=color]::-webkit-color-swatch-wrapper{padding:2px}
.we-button-chips .builder-fields input[type=color]::-webkit-color-swatch{border:1px solid rgba(255,255,255,.15);border-radius:5px}
.we-button-chips .builder-fields input[type=color]::-moz-color-swatch{border:1px solid rgba(255,255,255,.15);border-radius:5px}
.we-button-chips .builder-actions{margin-top:10px;justify-content:flex-end;width:100%}
.we-add-chip{border:1.5px dashed rgba(130,137,165,.45);background:transparent;color:#9aa3c0;border-radius:20px;padding:0 16px;font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap;align-self:start;height:38px;display:flex;align-items:center;justify-content:center}
.we-add-chip:hover{border-color:rgba(73,171,255,.6);color:#dfe9ff}

.we-two-col{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin:4px 0 20px}
.we-select{width:100%;border:1px solid rgba(130,137,165,.25);background:#0b0d16;color:#e8ebf5;border-radius:10px;padding:11px 13px;font-size:12px;outline:0}
.we-select:focus{border-color:rgba(73,171,255,.55)}

.we-role-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-height:38px}
.we-role-chip{display:inline-flex;align-items:center;gap:6px;background:rgba(73,143,255,.18);border:1px solid rgba(73,143,255,.4);color:#bcd4ff;border-radius:20px;padding:6px 8px 6px 10px;font-size:11px;font-weight:600}
.we-role-dot{width:8px;height:8px;border-radius:50%;flex:none;display:inline-block}
.we-role-chip button{background:none;border:0;color:#8fb3ff;cursor:pointer;font-size:13px;line-height:1;padding:2px}
.we-role-add-wrap{position:relative}
.we-role-add-btn{border:1.5px dashed rgba(130,137,165,.45);background:transparent;color:#9aa3c0;border-radius:20px;padding:6px 12px;font-size:11px;font-weight:600;cursor:pointer}
.we-role-add-btn:hover{border-color:rgba(73,171,255,.6);color:#dfe9ff}
.we-role-dropdown{position:absolute;top:calc(100% + 6px);left:0;min-width:190px;max-height:220px;overflow:auto;background:#10131f;border:1px solid rgba(130,137,165,.3);border-radius:10px;padding:6px;z-index:30;box-shadow:0 14px 30px rgba(0,0,0,.45)}
.we-role-dropdown button{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:transparent;border:0;color:#dfe1ea;padding:7px 8px;border-radius:7px;font-size:11px;cursor:pointer}
.we-role-dropdown button:hover{background:rgba(73,143,255,.15)}
.we-role-dropdown-empty{display:block;padding:8px;color:#6d7488;font-size:10px}

.we-card-head-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.we-actions{display:flex;gap:12px;margin-top:6px;flex-wrap:wrap}
.we-actions-3 button{min-width:150px}
.studio-layout-single{grid-template-columns:1fr}
.emoji-picker-grid{display:flex;flex-wrap:wrap;gap:7px;padding:9px;border:1px solid var(--line);border-radius:9px;background:#090c17;max-height:150px;overflow-y:auto}
.emoji-picker-grid:empty::before{content:"Keine Server-Emojis gefunden.";color:#777b8f;font-size:10px;padding:4px}
.emoji-pick-btn{border:1px solid var(--line);background:#131624;border-radius:9px;width:36px;height:36px;display:grid;place-items:center;cursor:pointer;font-size:17px;padding:0;transition:.15s}
.emoji-pick-btn:hover{border-color:#0d8aff}
.emoji-pick-btn img{width:22px;height:22px;object-fit:contain}
.emoji-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;min-height:14px}
.emoji-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(73,143,255,.4);background:rgba(73,143,255,.18);color:#bcd4ff;border-radius:20px;padding:6px 8px 6px 12px;font-size:15px;font-weight:600}
.emoji-chip img{width:19px;height:19px;object-fit:contain;vertical-align:middle}
.emoji-chip button{border:0;background:none;color:#8fb3ff;cursor:pointer;font-size:13px;line-height:1;padding:2px}
.emoji-chip button:hover{color:#ff7b8c}
.reaction-emoji-preview{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
.reaction-emoji-preview span{font-size:16px}
.reaction-emoji-preview img{width:18px;height:18px;object-fit:contain;vertical-align:middle}
.we-actions button{flex:1;padding:13px;border-radius:11px;font-size:12px;font-weight:700;text-align:center;justify-content:center}

.we-button-chips .builder-fields input,.we-button-chips .builder-fields select,.we-button-chips .builder-fields textarea{width:100%;min-width:0}
.we-add-chip{grid-column:1/-1}

@media(max-width:700px){
  .we-two-col{grid-template-columns:1fr}
  .we-actions{flex-direction:column}
  .we-header-row{flex-wrap:wrap}
  .we-buttons-row{grid-template-columns:1fr}
  .we-button-chips .builder-row{width:100%}
}

#adminStaffRole{border:1px solid var(--line);background:#090c17;color:#dfe1e7;border-radius:8px;padding:10px;font-size:11px;outline:none;width:100%;}#adminStaffRole option{background:#090c17;color:#dfe1e7;}

/* NEXUS DEVELOPMENT WORK CONTROL */
.work-control-panel .admin-card-head{align-items:flex-start}.admin-card-description{margin:6px 0 0;color:#68758a;font-size:9px;line-height:1.5;max-width:620px}.work-control-badge{display:inline-flex;align-items:center;height:24px;padding:0 9px;border:1px solid rgba(8,186,255,.22);border-radius:999px;background:rgba(8,186,255,.06);color:#65dcff;font-size:7px;font-weight:900;letter-spacing:.14em}.admin-work-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}.admin-work-item{position:relative;display:flex;align-items:center;gap:9px;min-width:0;padding:10px 11px;border:1px solid rgba(17,86,120,.28);border-radius:10px;background:#050c13;color:#aab8c2;cursor:pointer;text-align:left;font:inherit;transition:.18s ease;overflow:hidden}.admin-work-item:hover{border-color:rgba(8,186,255,.35);transform:translateY(-1px)}.admin-work-item.selected{border-color:rgba(8,186,255,.45);background:linear-gradient(145deg,rgba(8,186,255,.10),rgba(8,186,255,.025));color:#e8faff;box-shadow:0 0 18px rgba(8,186,255,.06)}.admin-work-item.selected:after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:#08baff;box-shadow:0 0 12px rgba(8,186,255,.6)}.admin-work-check{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);font-size:8px;font-weight:900;color:#687887;flex:none}.admin-work-item.selected .admin-work-check{background:rgba(8,186,255,.12);border-color:rgba(8,186,255,.28);color:#6ee5ff}.admin-work-item>span:nth-child(2){font-size:9px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-work-item i{margin-left:auto;width:6px;height:6px;border-radius:50%;background:#344652;flex:none}.admin-work-item.selected i{background:#08baff;box-shadow:0 0 10px rgba(8,186,255,.75)}.work-control-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.05)}@media(max-width:900px){.admin-work-items{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.admin-work-items{grid-template-columns:1fr}.work-control-footer{align-items:stretch;flex-direction:column}.work-control-footer .admin-primary-button{width:100%}}

/* =========================================================
   NEXUS INTERACTION FX
   Krasse Hover-/Active-Animationen für Sidebar-Navigation,
   Übersicht-Kacheln (Dashboard-Stats) und Admin-Panel.
   Am Ende der Datei platziert, damit sie alle vorherigen
   Theme-Layer überstimmen (gleiche Spezifität, letzte Regel
   gewinnt).
   ========================================================= */

/* ---- Sidebar-Navigation (Willkommen, Mitglieder, Wochenabgabe, ...) ---- */
.nav-item{position:relative;overflow:hidden;isolation:isolate;transition:transform .3s cubic-bezier(.22,.9,.32,1),color .25s ease,background .25s ease,box-shadow .3s ease}
.nav-item::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(100deg,rgba(8,186,255,.28),rgba(13,111,209,.08) 55%,transparent);opacity:0;transform:translateX(-14px) scaleX(.9);transform-origin:left center;transition:opacity .35s ease,transform .4s cubic-bezier(.22,.9,.32,1)}
.nav-item::after{content:"";position:absolute;top:0;left:-60%;width:35%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.22),transparent);transform:skewX(-18deg);opacity:0;transition:opacity .2s ease}
.nav-item:hover{transform:translateX(5px);color:#fff}
.nav-item:hover::before{opacity:1;transform:translateX(0) scaleX(1)}
.nav-item:hover::after{opacity:1;animation:navShine .85s ease forwards}
.nav-item span{transition:transform .35s cubic-bezier(.34,1.56,.64,1),color .3s ease,text-shadow .3s ease}
.nav-item:hover span{transform:scale(1.24) rotate(-8deg);color:#2be3ff;text-shadow:0 0 14px rgba(43,227,255,.75)}
.nav-item:active{transform:translateX(5px) scale(.97)}
.nav-item.active{animation:navGlowPulse 2.4s ease-in-out infinite}
.nav-item.active span{animation:navIconFloat 2.4s ease-in-out infinite}
@keyframes navShine{from{left:-60%}to{left:130%}}
@keyframes navGlowPulse{0%,100%{box-shadow:0 10px 25px rgba(0,126,201,.12),inset 0 0 18px rgba(0,174,245,.035),0 0 0 rgba(8,186,255,0)}50%{box-shadow:0 12px 30px rgba(0,126,201,.22),inset 0 0 18px rgba(0,174,245,.06),0 0 20px rgba(8,186,255,.4)}}
@keyframes navIconFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}

/* ---- Übersicht: Dashboard-Kacheln (Mitglieder, Kasse Grün/Schwarz, Befehle, Bot Status) ---- */
.dash-stat{cursor:default;transition:transform .4s cubic-bezier(.22,.9,.32,1),box-shadow .4s ease,border-color .4s ease}
.dash-stat::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.16) 48%,transparent 64%);transform:translateX(-130%);transition:transform .8s ease}
.dash-stat:hover{transform:translateY(-8px) scale(1.025);border-color:#13c8ff;box-shadow:0 28px 60px rgba(0,0,0,.4),0 0 0 1px rgba(19,200,255,.4),0 0 38px rgba(19,200,255,.35)}
.dash-stat:hover::after{transform:translateX(130%)}
.dash-icon{transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s ease}
.dash-stat:hover .dash-icon{transform:scale(1.16) rotate(-8deg);box-shadow:0 0 28px rgba(19,200,255,.55),inset 0 0 18px rgba(0,165,255,.18)}
.dash-stat strong{transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.dash-stat:hover strong{transform:scale(1.06)}
.dash-stat:has(.dash-icon.green):hover{border-color:#27e67e;box-shadow:0 28px 60px rgba(0,0,0,.4),0 0 0 1px rgba(39,230,126,.45),0 0 40px rgba(39,230,126,.4)}
.dash-stat:has(.dash-icon.green):hover .dash-icon{box-shadow:0 0 30px rgba(39,230,126,.6)}
.dash-stat:has(.dash-icon.silver):hover{border-color:#c9d3dc;box-shadow:0 28px 60px rgba(0,0,0,.4),0 0 0 1px rgba(224,231,238,.35),0 0 36px rgba(224,231,238,.3)}
.dash-stat:has(.dash-icon.silver):hover .dash-icon{box-shadow:0 0 26px rgba(224,231,238,.45)}
.dash-stat:has(.dash-icon.pulse):hover{border-color:#08baff;box-shadow:0 28px 60px rgba(0,0,0,.4),0 0 0 1px rgba(8,186,255,.5),0 0 42px rgba(8,186,255,.45)}
.dash-stat:has(.dash-icon.pulse):hover .dash-icon{box-shadow:0 0 32px rgba(8,186,255,.65)}
.dash-icon.pulse{animation:dashPulseRing 2s ease-in-out infinite}
@keyframes dashPulseRing{0%,100%{box-shadow:0 0 14px rgba(8,186,255,.2)}50%{box-shadow:0 0 22px rgba(8,186,255,.5)}}

/* ---- Admin Panel: Sidebar-Tabs (Übersicht, Kunden, Bot-Server, ...) ---- */
.admin-tab{position:relative;overflow:hidden;isolation:isolate;transition:transform .3s cubic-bezier(.22,.9,.32,1),background .25s ease,border-color .25s ease,box-shadow .3s ease}
.admin-tab::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(100deg,rgba(0,174,255,.28),rgba(0,110,170,.06) 60%,transparent);opacity:0;transform:translateX(-14px);transition:opacity .35s ease,transform .4s cubic-bezier(.22,.9,.32,1)}
.admin-tab:hover{transform:translateX(4px)}
.admin-tab:hover::before{opacity:1;transform:translateX(0)}
.admin-tab>span{transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s ease,color .3s ease}
.admin-tab:hover>span{transform:scale(1.18) rotate(-8deg);color:#45caff;box-shadow:0 0 18px rgba(0,174,255,.45)}
.admin-tab.active{animation:adminTabGlow 2.4s ease-in-out infinite}
.admin-tab.active>span{animation:navIconFloat 2.4s ease-in-out infinite}
@keyframes adminTabGlow{0%,100%{box-shadow:0 0 0 rgba(0,174,255,0)}50%{box-shadow:0 0 22px rgba(0,174,255,.3)}}

/* ---- Admin Panel: Übersicht-Statistiken ---- */
.admin-stat{transition:transform .4s cubic-bezier(.22,.9,.32,1),box-shadow .4s ease,border-color .4s ease}
.admin-stat:hover{transform:translateY(-7px) scale(1.02);border-color:#0d8aff;box-shadow:0 24px 55px rgba(0,0,0,.4),0 0 0 1px rgba(13,138,255,.4),0 0 36px rgba(13,138,255,.32)}
.admin-stat>span{transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s ease}
.admin-stat:hover>span{transform:scale(1.15) rotate(-8deg);box-shadow:0 0 26px rgba(13,138,255,.5)}

/* ---- Admin Panel: Karten (sanfteres Anheben) ---- */
.admin-panel-card{transition:transform .35s cubic-bezier(.22,.9,.32,1),box-shadow .35s ease,border-color .35s ease}
.admin-panel-card:hover{transform:translateY(-3px);border-color:rgba(0,174,255,.4);box-shadow:0 24px 55px rgba(0,0,0,.28)}

/* =========================================================
   NEXUS SEITEN-ÖFFNEN
   Wenn eine Funktion in der Sidebar (Willkommen, Mitglieder, ...)
   oder ein Admin-Panel-Tab angeklickt wird, öffnet sich die
   dazugehörige Ansicht langsam animiert statt abrupt zu
   erscheinen. Die einzelnen Karten/Panels darin fahren zusätzlich
   nacheinander (gestaffelt) herein.
   ========================================================= */
.page-view,.admin-tab-view,.nexus-dashboard{animation:nexusPageOpen .65s cubic-bezier(.16,1,.3,1)}
@keyframes nexusPageOpen{
 0%{opacity:0;transform:translateY(24px) scale(.965)}
 55%{opacity:1;transform:translateY(-3px) scale(1.006)}
 100%{opacity:1;transform:translateY(0) scale(1)}
}

.studio-editor>.panel,
.studio-preview>.panel,
.admin-dashboard-grid>.admin-panel-card,
.admin-staff-grid>.admin-panel-card,
.dashboard-main-grid>.dash-panel,
.dashboard-bottom-grid>.dash-panel,
.dashboard-stats>.dash-stat,
.admin-stat-grid>.admin-stat{
 opacity:0;transform:translateY(20px);animation:nexusCardIn .55s cubic-bezier(.16,1,.3,1) forwards
}
@keyframes nexusCardIn{to{opacity:1;transform:translateY(0)}}

.studio-editor>.panel:nth-child(1),.studio-preview>.panel:nth-child(1),.admin-dashboard-grid>.admin-panel-card:nth-child(1),.admin-staff-grid>.admin-panel-card:nth-child(1),.dashboard-main-grid>.dash-panel:nth-child(1),.dashboard-bottom-grid>.dash-panel:nth-child(1),.dashboard-stats>.dash-stat:nth-child(1),.admin-stat-grid>.admin-stat:nth-child(1){animation-delay:.08s}
.studio-editor>.panel:nth-child(2),.studio-preview>.panel:nth-child(2),.admin-dashboard-grid>.admin-panel-card:nth-child(2),.admin-staff-grid>.admin-panel-card:nth-child(2),.dashboard-main-grid>.dash-panel:nth-child(2),.dashboard-bottom-grid>.dash-panel:nth-child(2),.dashboard-stats>.dash-stat:nth-child(2),.admin-stat-grid>.admin-stat:nth-child(2){animation-delay:.15s}
.studio-editor>.panel:nth-child(3),.studio-preview>.panel:nth-child(3),.admin-dashboard-grid>.admin-panel-card:nth-child(3),.admin-staff-grid>.admin-panel-card:nth-child(3),.dashboard-main-grid>.dash-panel:nth-child(3),.dashboard-bottom-grid>.dash-panel:nth-child(3),.dashboard-stats>.dash-stat:nth-child(3),.admin-stat-grid>.admin-stat:nth-child(3){animation-delay:.22s}
.studio-editor>.panel:nth-child(4),.studio-preview>.panel:nth-child(4),.dashboard-stats>.dash-stat:nth-child(4),.admin-stat-grid>.admin-stat:nth-child(4){animation-delay:.29s}
.studio-editor>.panel:nth-child(5),.dashboard-stats>.dash-stat:nth-child(5){animation-delay:.36s}
.studio-editor>.panel:nth-child(6){animation-delay:.43s}

@media(prefers-reduced-motion:reduce){
 .nav-item,.nav-item::before,.nav-item::after,.nav-item span,.dash-stat,.dash-stat::after,.dash-icon,.dash-stat strong,.admin-tab,.admin-tab::before,.admin-tab>span,.admin-stat,.admin-stat>span,.admin-panel-card,.page-view,.admin-tab-view,.nexus-dashboard,.studio-editor>.panel,.studio-preview>.panel,.admin-dashboard-grid>.admin-panel-card,.admin-staff-grid>.admin-panel-card,.dashboard-main-grid>.dash-panel,.dashboard-bottom-grid>.dash-panel,.dashboard-stats>.dash-stat,.admin-stat-grid>.admin-stat,.nexus-login-shell,.server-picker-shell,.nexus-login-shell:before,.server-picker-shell:before,.nexus-login-shell:after,.server-picker-shell:after,.login-orbit-a,.login-orbit-b,.picker-orbit-one,.picker-orbit-two,.login-grid,.picker-grid,.nexus-login-brand,.nexus-login-copy>*,.nexus-login-status,.picker-brand,.picker-showcase-content>*,.picker-status,.nexus-login-card,.server-picker-card,.nexus-login-logo,.picker-brand-logo,.nexus-kicker i,.picker-kicker i,.nexus-login-status>i,.picker-status-dot,.server-monitor-screen,.server-monitor-screen:after,.server-monitor,.server-monitor-dot,.server-monitor .server-pick-item,.nexus-login-copy h1 b,.picker-showcase-content h1 strong{transition:none!important;animation:none!important;opacity:1!important;transform:none!important;filter:none!important}
}

/* =========================================================
   NEXUS AUTH PAGES — ENTRANCE- UND AMBIENT-ANIMATIONEN
   Login-Seite und Server-Auswahl "erwachen" beim Öffnen und
   laufen danach mit dezenten Ambient-Effekten weiter (Sweep,
   Scanlines, pulsierende Ringe, treibendes Grid, Shimmer-Text).
   ========================================================= */

/* Shell "Power-On": skaliert/blendet aus einem Lichtblitz ein */
.nexus-login-shell,.server-picker-shell{position:relative;animation:shellPowerOn .9s cubic-bezier(.16,1,.3,1)}
@keyframes shellPowerOn{
 0%{opacity:0;transform:scale(.95) translateY(26px);filter:brightness(2.4) blur(7px)}
 55%{opacity:1;filter:brightness(1.2) blur(0)}
 100%{opacity:1;transform:scale(1) translateY(0);filter:brightness(1) blur(0)}
}

/* Animierte Sweep-Leiste oben an der Kante (ersetzt den weggefallenen Rahmen) */
.nexus-login-shell:before,.server-picker-shell:before{
 content:"";position:absolute;top:0;left:0;right:0;height:2px;z-index:6;pointer-events:none;
 background:linear-gradient(90deg,transparent,var(--blue) 20%,var(--blue2) 50%,var(--blue) 80%,transparent);
 background-size:250% 100%;
 animation:topBarSweep 4s linear infinite;
}
@keyframes topBarSweep{to{background-position:-250% 0}}

/* Diagonaler Lichtstrahl, der periodisch über die ganze Fläche zieht */
.nexus-login-shell:after,.server-picker-shell:after{
 content:"";position:absolute;top:-60%;left:-55%;width:32%;height:220%;z-index:5;pointer-events:none;
 background:linear-gradient(78deg,transparent,rgba(0,200,255,.05) 44%,rgba(140,245,255,.14) 50%,rgba(0,200,255,.05) 56%,transparent);
 transform:rotate(6deg);
 animation:shellSweep 6.5s ease-in-out infinite;
}
@keyframes shellSweep{0%{left:-55%}42%{left:135%}100%{left:135%}}

/* Treibendes Hintergrundgitter */
.login-grid{animation:gridDriftA 24s linear infinite}
@keyframes gridDriftA{to{background-position:38px 38px}}
.picker-grid{animation:gridDriftB 20s linear infinite}
@keyframes gridDriftB{to{background-position:32px 32px}}

/* Atmende Orbit-Ringe */
.login-orbit-a,.login-orbit-b,.picker-orbit-one,.picker-orbit-two{animation:orbitPulse 6.5s ease-in-out infinite}
.login-orbit-b{animation-delay:1.4s}
.picker-orbit-one{animation-delay:.7s}
.picker-orbit-two{animation-delay:2.1s}
@keyframes orbitPulse{0%,100%{transform:scale(1);opacity:.55}50%{transform:scale(1.07);opacity:1}}

/* Kaskadierendes Einfliegen der Showcase-Inhalte (links) */
.nexus-login-brand,.picker-brand{opacity:0;transform:translateX(-22px);animation:showcaseIn .7s cubic-bezier(.16,1,.3,1) .12s forwards}
.nexus-login-copy>*,.picker-showcase-content>*{opacity:0;transform:translateX(-22px);animation:showcaseIn .7s cubic-bezier(.16,1,.3,1) forwards}
.nexus-login-copy>*:nth-child(1),.picker-showcase-content>*:nth-child(1){animation-delay:.26s}
.nexus-login-copy>*:nth-child(2),.picker-showcase-content>*:nth-child(2){animation-delay:.38s}
.nexus-login-copy>*:nth-child(3),.picker-showcase-content>*:nth-child(3){animation-delay:.5s}
.nexus-login-copy>*:nth-child(4),.picker-showcase-content>*:nth-child(4){animation-delay:.62s}
.nexus-login-status,.picker-status{opacity:0;transform:translateX(-22px);animation:showcaseIn .7s cubic-bezier(.16,1,.3,1) .74s forwards}
@keyframes showcaseIn{to{opacity:1;transform:translateX(0)}}

/* Login-/Server-Karte fliegt von rechts ein */
.nexus-login-card,.server-picker-shell>.server-picker-card{opacity:0;transform:translateX(34px);animation:cardIn .8s cubic-bezier(.16,1,.3,1) .22s forwards}
@keyframes cardIn{to{opacity:1;transform:translateX(0)}}

/* Shimmer-Text in den Überschriften */
.nexus-login-copy h1 b,.picker-showcase-content h1 strong{
 background:linear-gradient(90deg,#0d6fd1,#16caff,#9df6ff,#16caff,#0d6fd1);
 background-size:320% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;
 text-shadow:none;animation:textShimmer 5s linear infinite;
}
@keyframes textShimmer{to{background-position:-320% 0}}

/* Logo schwebt sanft */
.nexus-login-logo,.picker-brand-logo{animation:logoFloat 4.2s ease-in-out infinite}
@keyframes logoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}

/* Status-/Kicker-Punkte blinken wie eine aktive LED */
.nexus-kicker i,.picker-kicker i,.nexus-login-status>i,.picker-status-dot{animation:statusBlink 1.7s ease-in-out infinite}
@keyframes statusBlink{0%,100%{opacity:1}50%{opacity:.35}}

/* Discord-/Login-Button: dezenter Glow nur beim Hover */
.nexus-discord-btn{position:relative;overflow:visible;transition:box-shadow .3s ease,transform .2s ease}
.nexus-discord-btn:hover{box-shadow:0 12px 34px rgba(13,138,255,.35);transform:translateY(-1px)}

/* Server-Monitor: CRT-"Power-On"-Flackern + laufende Scanline (Animation ist oben in .server-monitor zusammengeführt) */
@keyframes monitorPowerOn{0%{opacity:0;transform:scaleY(.05);filter:brightness(3)}18%{opacity:1;transform:scaleY(1.03)}30%{transform:scaleY(.99)}45%{transform:scaleY(1)}100%{opacity:1;filter:brightness(1)}}
.server-monitor-screen{position:relative}
.server-monitor-screen:after{
 content:"";position:absolute;inset:0;z-index:2;pointer-events:none;mix-blend-mode:screen;
 background:linear-gradient(rgba(255,255,255,0) 0%,rgba(130,235,255,.06) 50%,rgba(255,255,255,0) 100%);
 background-size:100% 5px;animation:crtScan 4.5s linear infinite;
}
@keyframes crtScan{to{background-position:0 190px}}

/* Server-Kacheln: kaskadierendes Pop-in */
.server-monitor .server-pick-item{opacity:0;transform:translateY(16px) scale(.92);animation:tilePop .5s cubic-bezier(.34,1.56,.64,1) forwards}
.server-monitor .server-pick-item:nth-child(1){animation-delay:.5s}
.server-monitor .server-pick-item:nth-child(2){animation-delay:.56s}
.server-monitor .server-pick-item:nth-child(3){animation-delay:.62s}
.server-monitor .server-pick-item:nth-child(4){animation-delay:.68s}
.server-monitor .server-pick-item:nth-child(5){animation-delay:.74s}
.server-monitor .server-pick-item:nth-child(6){animation-delay:.8s}
.server-monitor .server-pick-item:nth-child(7){animation-delay:.86s}
.server-monitor .server-pick-item:nth-child(8){animation-delay:.92s}
.server-monitor .server-pick-item:nth-child(9){animation-delay:.98s}
.server-monitor .server-pick-item:nth-child(n+10){animation-delay:1.04s}
@keyframes tilePop{to{opacity:1;transform:translateY(0) scale(1)}}
/* Begrüßung: Sub-Tabs (Beitritt / Abschied) */
.we-subtabs{display:flex;gap:8px;margin:18px 0 -2px}
.we-subtab-btn{border:1px solid var(--line);background:#14172a;color:#9b9eb0;border-radius:10px;padding:9px 16px;font-size:12px;font-weight:600;cursor:pointer;transition:.2s;display:inline-flex;align-items:center;gap:7px}
.we-subtab-btn:hover{color:#fff;border-color:rgba(13,138,255,.35)}
.we-subtab-btn.active{background:linear-gradient(100deg,#0d6fd1,#0a56a8);color:#fff;border-color:transparent;box-shadow:0 10px 26px rgba(13,111,209,.22)}
.we-subtab-panel{margin-top:18px}

/* Statistik: Ein-/Ausschalter für Discord-Statistik-Kanäle */
.stat-toggle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:18px;margin-top:8px}
.stat-toggle-card{background:var(--panel);border:1px solid var(--line);padding:20px}
.stat-toggle-card .we-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:10px}
.stat-toggle-card .we-card-head h2{margin:2px 0 0;font-size:17px}
.stat-toggle-card p.muted{font-size:13px;line-height:1.55;margin:0 0 14px}
.stat-toggle-card p.muted code{background:rgba(255,255,255,.06);border-radius:5px;padding:1px 6px;color:var(--blue2)}
.stat-preview-row{display:flex;align-items:center;justify-content:space-between;gap:10px;background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:9px;padding:10px 14px;margin-bottom:8px}
.stat-preview-label{font-size:12px;color:var(--muted)}
.stat-preview-value{font-size:13px;font-weight:600;color:var(--text)}
.stat-hint{font-size:11.5px !important;margin:0 !important;opacity:.75}

.toggle-switch{position:relative;display:inline-block;width:44px;height:25px;flex:0 0 44px}
.toggle-switch input{opacity:0;width:0;height:0}
.toggle-slider{position:absolute;cursor:pointer;inset:0;background:rgba(255,255,255,.12);border:1px solid var(--line);border-radius:999px;transition:.2s}
.toggle-slider::before{content:"";position:absolute;height:17px;width:17px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s;box-shadow:0 2px 6px rgba(0,0,0,.35)}
.toggle-switch input:checked + .toggle-slider{background:linear-gradient(100deg,#0d6fd1,#0a56a8);border-color:transparent}
.toggle-switch input:checked + .toggle-slider::before{transform:translateX(19px)}

/* ---- Twitch Stream ---- */
.tw-notice{margin:0 0 16px;padding:14px 16px;border:1px solid rgba(255,181,45,.35);background:rgba(255,181,45,.07);border-radius:10px;color:#f1d9a3;font-size:12px;line-height:1.6}
.tw-notice strong{display:block;color:#ffd77a;margin-bottom:2px;font-size:13px}
.tw-notice code{background:rgba(255,255,255,.08);border-radius:5px;padding:1px 6px;color:#fff}
.tw-token-row{display:flex;flex-wrap:wrap;gap:6px;margin:-4px 0 4px}
.tw-token{border:1px solid var(--line);background:#101321;color:#c9b3ff;border-radius:6px;padding:4px 9px;font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;cursor:pointer;transition:.15s}
.tw-token:hover{border-color:#9146ff;background:rgba(145,70,255,.12);color:#fff}
.tw-chip{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);background:#101321;border-radius:999px;padding:5px 8px 5px 6px;max-width:100%}
.tw-chip img{width:28px;height:28px;border-radius:50%;object-fit:cover;flex:none}
.tw-chip span{display:flex;flex-direction:column;min-width:0}
.tw-chip strong{font-size:12px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tw-chip small{font-size:10px;color:#777b8f}
.tw-chip .chip-remove{border:0;background:transparent;color:#8d91a4;cursor:pointer;font-size:15px;width:22px;height:22px;border-radius:50%;line-height:1;flex:none}
.tw-chip .chip-remove:hover{color:#ff7b8c;background:rgba(255,78,104,.12)}
.tw-live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ff4e68;box-shadow:0 0 8px rgba(255,78,104,.7);margin-left:4px;vertical-align:middle}
.tw-result-note{padding:12px;font-size:11px;color:#8d91a4;line-height:1.5}
.tw-list-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.tw-card-head{display:flex;align-items:center;gap:12px}
.tw-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;flex:none;background:#181b2b}
.tw-card-names{min-width:0;flex:1}
.tw-card-names strong{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tw-card-names a{font-size:11px;color:#a98bff;text-decoration:none}
.tw-card-names a:hover{text-decoration:underline}
.tw-badge{flex:none;font-size:10px;font-weight:700;padding:4px 9px;border-radius:999px;border:1px solid var(--line);color:#8d91a4;background:#101321}
.tw-badge-live{color:#fff;background:#e5314b;border-color:#e5314b}
.tw-badge-paused{color:#f1d9a3;border-color:rgba(255,181,45,.35)}
.tw-warning{margin-top:10px;padding:8px 10px;border-radius:8px;border:1px solid rgba(255,78,104,.3);background:rgba(255,78,104,.08);color:#ffb3bd;font-size:11px;line-height:1.5}
.tw-preview-embed{--embed-accent:#9146ff;min-height:0}
.tw-preview-fields{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:8px}
.tw-preview-fields div{display:flex;flex-direction:column;font-size:11px;color:#dbdee1}
.tw-preview-fields b{font-size:11px;color:#f2f3f5;margin-bottom:2px}
.tw-preview-thumb{margin-top:12px;height:120px;border-radius:6px;border:1px dashed rgba(255,255,255,.14);background:linear-gradient(135deg,#1d1f23,#25213a);display:grid;place-items:center;color:#7d7f94;font-size:10px}
.tw-preview-content{color:#dbdee1;font-size:12px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 8px}
.tw-preview-mention{background:rgba(88,101,242,.3);color:#c9cdfb;border-radius:3px;padding:0 2px;font-weight:500}

/* ---- TikTok Live (nutzt die tw-Klassen von Twitch Stream, nur andere Akzentfarbe) ---- */
#tiktokView .tw-preview-embed{--embed-accent:#fe2c55}
#tiktokView .tw-token{color:#ffb3c0}
#tiktokView .tw-token:hover{border-color:#fe2c55;background:rgba(254,44,85,.12);color:#fff}
#tiktokView .tw-card-names a{color:#ff7a93}

/* ---- Emoji-Auswahl für Buttons ---- */
.btn-emoji-trigger{flex:none;width:32px;height:32px;padding:0;border-radius:50%;border:1px solid rgba(130,137,165,.28);background:rgba(255,255,255,.03);color:#e8ebf5;font-size:16px;line-height:1;display:grid;place-items:center;cursor:pointer;transition:.15s}
.btn-emoji-trigger:hover{border-color:#0d8aff;background:rgba(13,138,255,.1)}
.btn-emoji-empty{color:#6d7488;font-size:15px}
.btn-emoji{width:16px;height:16px;object-fit:contain;vertical-align:-3px;margin-right:6px}
.btn-emoji-trigger .btn-emoji{width:20px;height:20px;margin:0;vertical-align:middle}
.btn-emoji-char{margin-right:6px}
.btn-emoji-trigger .btn-emoji-char{margin:0}
.btn-emoji-popover{position:fixed;z-index:1000;width:min(340px,calc(100vw - 16px));padding:12px;border:1px solid var(--line);border-radius:12px;background:#0b0e1b;box-shadow:0 18px 50px rgba(0,0,0,.55);display:grid;gap:10px}
.bep-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.bep-head strong{font-size:12px}
.bep-head .ghost{padding:5px 9px;font-size:10px}
.bep-search,.bep-unicode-input{padding:8px 11px;font-size:12px}
.btn-emoji-popover .bep-grid{max-height:190px}
.btn-emoji-popover .bep-grid:empty::before{content:none}
.bep-note{color:#777b8f;font-size:11px;line-height:1.5;padding:4px}
.emoji-pick-btn.selected{border-color:#0d8aff;background:rgba(13,138,255,.18)}
.bep-unicode{display:flex;gap:8px}
.bep-unicode .ghost{flex:none;padding:8px 11px;font-size:11px}
.bep-msg{min-height:0;font-size:11px;color:#ff9aa8}
.bep-msg:empty{display:none}

/* ---- Sidebar: Kategorien mit direkt sichtbaren Unterpunkten ---- */
/* Scrollbar der Sidebar bleibt unsichtbar (Scrollen per Mausrad/Touch funktioniert weiterhin) */
.sidebar,.sidebar-nav{scrollbar-width:none!important;-ms-overflow-style:none!important}
.sidebar::-webkit-scrollbar,.sidebar-nav::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.sidebar{overscroll-behavior:contain}
.sidebar-nav .nav-category{margin-top:8px;padding-top:6px;border-top:1px solid rgba(0,174,245,.10)}
.sidebar-nav .nav-category-toggle{color:#6f9bb5;font-size:9px;font-weight:700;letter-spacing:.14em;padding:5px 10px 5px}
.sidebar-nav .nav-category-toggle:hover{color:#9fd8f5}
.nav-category-items{padding:3px 8px 3px 0;margin-right:-8px;gap:1px}
.nav-category.collapsed .nav-category-items{padding-top:0;padding-bottom:0}
.nav-category-items .nav-item{padding-left:14px}

/* ===== Einstellungen: Bereichs-Navigation und ruhigeres Layout ===== */
/* .content schrumpft sonst auf die Breite des Inhalts – die Einstellungen sollen immer gleich breit sein */
.content:has(>#settingsView:not(.hidden)){width:100%}
#settingsView{width:100%;max-width:1120px;margin-left:auto;margin-right:auto}
#settingsView .page-heading{margin-bottom:22px}
#settingsView .page-heading h1{font-size:24px}
#settingsView .page-heading p{font-size:13px;line-height:1.55;color:#8ea3b3;max-width:62ch}

.set-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:30px;align-items:start}
.set-nav{position:sticky;top:8px;display:flex;flex-direction:column;gap:2px}
.set-nav-group{margin:18px 12px 6px;font-size:11.5px;font-weight:600;color:#667d90}
.set-nav-group:first-child{margin-top:0}
.set-nav-item{display:flex;align-items:center;gap:11px;width:100%;border:0;background:transparent;color:#92a8b8;border-radius:9px;padding:9px 12px;font-size:13px;text-align:left;transition:background .15s,color .15s}
.set-nav-item svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.set-nav-item:hover{background:rgba(255,255,255,.04);color:#fff}
.set-nav-item.active{background:rgba(0,174,245,.13);color:#fff}
.set-nav-item.active svg{color:var(--blue2)}
.set-nav-item:focus-visible{outline:2px solid var(--blue);outline-offset:2px}

.set-content{min-width:0}
.set-section{display:none;flex-direction:column;gap:16px}
.set-section.active{display:flex;animation:setSectionIn .18s ease}
@keyframes setSectionIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.set-section.active{animation:none}}

.set-head{margin:0 0 2px}
.set-head h2{margin:0 0 6px;font-size:19px;font-weight:650;letter-spacing:-.3px}
.set-head p{margin:0;font-size:13px;line-height:1.55;color:#8ea3b3;max-width:70ch}
.set-head code,.set-note code,#settingsView .panel .muted code{background:rgba(0,174,245,.1);color:#8fdcff;border-radius:5px;padding:1px 6px;font-size:.92em}

#settingsView .panel{padding:20px 22px;border-radius:14px}
#settingsView .panel-head{margin-bottom:6px}
#settingsView .panel h2{font-size:15px;font-weight:600;letter-spacing:-.1px}
#settingsView .panel .muted{margin:0 0 16px;font-size:12.5px;line-height:1.6;color:#8499aa;max-width:78ch}
#settingsView .send-row{margin-top:0;gap:12px}
#settingsView .send-row label{font-size:12px;color:#9db2c1;gap:8px}
#settingsView select,#settingsView input[type=text]{font-size:13px;padding:10px 12px;border-radius:9px}
#settingsView .role-multi{min-height:128px!important}
#settingsView .primary-btn{font-size:12.5px;padding:10px 18px;border-radius:9px}
#settingsView .admin-refresh{font-size:12px}
#settingsView .form-message{font-size:12.5px;margin-top:10px}
#settingsView .form-message:empty{display:none}
#settingsView .kasse-empty{font-size:12.5px;padding:2px 0}
#settingsView .role-chip{font-size:12.5px;padding:7px 9px 7px 12px}
#settingsView .color-palette-grid{gap:12px;margin:4px 0 0}
#settingsView .color-swatch{width:36px;height:36px}
#settingsView .we-section-label{font-size:12px;letter-spacing:0;color:#9db2c1;font-weight:600;margin:22px 0 4px}
#settingsView .admin-table-row b{font-size:13px}
#settingsView .admin-table-row small{font-size:11.5px}

.set-note{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid rgba(0,174,245,.16);background:rgba(0,174,245,.05);border-radius:12px}
.set-note svg{width:18px;height:18px;flex:none;margin-top:1px;fill:none;stroke:var(--blue2);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.set-note p{margin:0;font-size:12.5px;line-height:1.6;color:#9db2c1;max-width:78ch}

@media(max-width:900px){
  .set-layout{grid-template-columns:1fr;gap:18px}
  .set-nav{position:static;flex-direction:row;overflow-x:auto;gap:6px;padding-bottom:4px;scrollbar-width:none}
  .set-nav::-webkit-scrollbar{display:none}
  .set-nav-group{display:none}
  .set-nav-item{width:auto;flex:none;white-space:nowrap;border:1px solid rgba(0,174,245,.14)}
  .set-nav-item.active{border-color:rgba(0,174,245,.4)}
}
@media(max-width:650px){#settingsView .panel{padding:16px}}


/* ===== Einheitliche Lesbarkeit auf allen Seiten ===== */
.page-view .muted{font-size:12px;line-height:1.6}
.page-view .panel h2{font-size:14px}
.page-view .page-heading h1{font-size:22px}
.page-view .page-heading p{font-size:12.5px;line-height:1.55}
.page-view input,.page-view select,.page-view textarea{font-size:12.5px}
.page-view .primary-btn,.page-view .ghost,.page-view .danger-btn{font-size:11.5px;padding:9px 13px}
.page-view .form-grid label,.page-view .send-row label,.page-view .button-label{font-size:11.5px}
.page-view .panel-kicker,.page-view .eyebrow{font-size:10px;letter-spacing:.12em}
.page-view .kasse-empty,.page-view .form-message{font-size:12px}

/* ===== Toast-Meldungen ===== */
#nexusToasts{position:fixed;top:78px;right:22px;z-index:2147483000;display:flex;flex-direction:column;gap:10px;width:min(360px,calc(100vw - 32px));pointer-events:none}
.nx-toast{pointer-events:auto;display:flex;align-items:flex-start;gap:11px;padding:12px 14px;border-radius:12px;border:1px solid rgba(0,174,245,.2);background:rgba(7,17,29,.97);color:#e8f6ff;font-size:13px;line-height:1.45;box-shadow:0 14px 40px rgba(0,0,0,.45);cursor:pointer;animation:nxToastIn .2s ease}
.nx-toast.out{opacity:0;transform:translateX(8px);transition:opacity .18s,transform .18s}
.nx-toast-ic{flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;margin-top:1px}
.nx-success{border-color:rgba(37,229,139,.35)}
.nx-success .nx-toast-ic{background:rgba(37,229,139,.16);color:#25e58b}.nx-success .nx-toast-ic::before{content:"✓"}
.nx-error{border-color:rgba(255,92,108,.42)}
.nx-error .nx-toast-ic{background:rgba(255,92,108,.16);color:#ff7a88}.nx-error .nx-toast-ic::before{content:"!"}
.nx-warn{border-color:rgba(255,196,77,.4)}
.nx-warn .nx-toast-ic{background:rgba(255,196,77,.16);color:#ffc44d}.nx-warn .nx-toast-ic::before{content:"!"}
.nx-info .nx-toast-ic{background:rgba(0,174,245,.16);color:#29c6ff}.nx-info .nx-toast-ic::before{content:"i"}
@keyframes nxToastIn{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}
@media(max-width:650px){#nexusToasts{top:64px;right:16px}}
@media(prefers-reduced-motion:reduce){.nx-toast{animation:none}.nx-toast.out{transition:none}}

/* Einstellungen: Statusmeldungen nur noch als Toast (für Screenreader bleibt der Text erhalten) */
#settingsView .form-message{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ===== Einstellungen: Layout-Klassen statt Inline-Styles ===== */
#settingsView .send-row{grid-template-columns:minmax(0,1fr) auto;align-items:end}
#settingsView .send-row.send-row-single{grid-template-columns:minmax(0,1fr)}
#settingsView .kasse-list{margin-top:14px}
#settingsView .we-color-chip{margin-top:14px;align-self:flex-start;width:max-content}
#settingsView .set-relative{position:relative}
#settingsView .set-info{margin:12px 0 0}
#settingsView .set-save{margin-top:20px}
.set-media-row{display:flex;flex-wrap:wrap;gap:26px;margin-top:8px}
.set-media-item{display:flex;flex-direction:column;align-items:center;gap:7px}
#settingsView .role-chip-row{display:flex;flex-wrap:wrap;gap:8px}
@media(max-width:650px){#settingsView .send-row{grid-template-columns:1fr}}

/* ===== Rollenauswahl mit Suche ===== */
select.rp-native{display:none!important}
.rp{display:flex;flex-direction:column;border:1px solid rgba(0,174,245,.16);background:#061421;border-radius:11px;overflow:hidden}
.rp-search{display:flex;align-items:center;gap:9px;padding:0 12px;border-bottom:1px solid rgba(0,174,245,.12)}
.rp-search svg{width:15px;height:15px;flex:none;fill:none;stroke:#6f8ea3;stroke-width:1.8;stroke-linecap:round}
.rp .rp-input{flex:1;min-width:0;border:0;background:transparent;box-shadow:none;padding:11px 0;font-size:13px;color:#e8f6ff;outline:none}
.rp:focus-within{border-color:rgba(41,227,255,.5)}
.rp-list{max-height:210px;overflow-y:auto;padding:6px;display:flex;flex-direction:column;gap:2px;scrollbar-width:thin}
.rp-item{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;color:#b6cad8;border-radius:8px;padding:8px 10px;font-size:13px;text-align:left}
.rp-item[hidden],.rp-empty[hidden],.rp-clear[hidden]{display:none!important}
.rp-item:hover{background:rgba(255,255,255,.045);color:#fff}
.rp-item:focus-visible,.rp-clear:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}
.rp-item.on{background:rgba(0,174,245,.14);color:#fff}
.rp-dot{width:10px;height:10px;border-radius:50%;flex:none}
.rp-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rp-check{width:16px;height:16px;flex:none;fill:none;stroke:var(--blue2);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;opacity:0}
.rp-item.on .rp-check{opacity:1}
.rp-empty{padding:14px 10px;font-size:12.5px;color:#7d93a4}
.rp-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border-top:1px solid rgba(0,174,245,.12);font-size:12px;color:#7d93a4}
.rp-clear{border:0;background:transparent;color:#8fdcff;font-size:12px;padding:2px 4px;border-radius:5px}
.rp-clear:hover{color:#fff}

/* ===== Route: Live-Vorschau ===== */
.rt-preview{margin:4px 0 18px;padding:16px;border-radius:12px;background:#313338;max-width:520px}
.rt-embed{display:flex;gap:14px;border-left:4px solid var(--rt-color,#8b5cf6);background:#2b2d31;border-radius:5px;padding:12px 14px 12px 14px;color:#dbdee1;font-size:13px;line-height:1.4}
.rt-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:7px}
.rt-author{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:#fff}
.rt-author img,.rt-footer img{width:20px;height:20px;border-radius:50%;object-fit:cover}
.rt-author[hidden],.rt-author img[hidden],.rt-footer img[hidden],.rt-thumb[hidden]{display:none}
.rt-title{font-size:15px;font-weight:700;color:#fff}
.rt-desc{color:#dbdee1}
.rt-desc code{background:rgba(255,255,255,.08);border-radius:4px;padding:0 5px}
.rt-field{display:flex;flex-direction:column;gap:2px}
.rt-field b{font-size:13px;color:#fff}
.rt-field span{color:#b5bac1;word-break:break-all}
.rt-code{display:inline-block;align-self:flex-start;background:#1e1f22;border-radius:4px;padding:3px 8px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px}
.rt-footer{display:flex;align-items:center;gap:7px;margin-top:3px;font-size:11.5px;color:#b5bac1}
.rt-thumb{width:72px;height:72px;border-radius:6px;object-fit:cover;flex:none}

/* ===== Bereichs-Tabs auf langen Seiten ===== */
.sec-hidden{display:none!important}
.studio-layout.sec-single{grid-template-columns:minmax(0,1fr)}
.studio-layout.sec-single>.studio-preview{display:none}
.sec-tabs{margin-bottom:18px}

/* ===== Suche (Strg+K) ===== */
.nexus-search-btn{display:inline-flex;align-items:center;gap:9px;height:36px;padding:0 10px 0 12px;border-radius:10px;border:1px solid rgba(0,174,245,.16);background:rgba(7,17,29,.7);color:#8fa6b6;font-size:12.5px;transition:border-color .15s,color .15s}
.nexus-search-btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.nexus-search-btn kbd{font:inherit;font-size:11px;padding:2px 6px;border-radius:6px;background:rgba(255,255,255,.06);color:#7d93a4}
.nexus-search-btn:hover{border-color:rgba(41,227,255,.45);color:#fff}
.nexus-search-btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
@media(max-width:900px){.nexus-search-btn span,.nexus-search-btn kbd{display:none}.nexus-search-btn{padding:0 11px}}
.pal[hidden]{display:none}
.pal{position:fixed;inset:0;z-index:2147482000;display:flex;justify-content:center;align-items:flex-start;padding:12vh 16px 16px}
.pal-backdrop{position:absolute;inset:0;background:rgba(2,7,13,.66);backdrop-filter:blur(3px)}
.pal-box{position:relative;width:min(560px,100%);border-radius:16px;border:1px solid rgba(0,174,245,.22);background:#07111d;box-shadow:0 30px 90px rgba(0,0,0,.6);overflow:hidden}
.pal-search{display:flex;align-items:center;gap:11px;padding:0 18px;border-bottom:1px solid rgba(0,174,245,.14)}
.pal-search svg{width:18px;height:18px;flex:none;fill:none;stroke:#6f8ea3;stroke-width:1.8;stroke-linecap:round}
#nxPalInput{flex:1;min-width:0;border:0;background:transparent;box-shadow:none;outline:none;color:#e8f6ff;font-size:15px;padding:17px 0}
.pal-list{max-height:min(46vh,360px);overflow-y:auto;padding:8px;scrollbar-width:thin}
.pal-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;border:0;background:transparent;color:#b6cad8;border-radius:9px;padding:10px 12px;font-size:14px;text-align:left}
.pal-item small{font-size:12px;color:#6f8798}
.pal-item.on{background:rgba(0,174,245,.15);color:#fff}
.pal-empty{padding:22px 12px;text-align:center;font-size:13px;color:#7d93a4}
.pal-foot{display:flex;gap:18px;padding:10px 18px;border-top:1px solid rgba(0,174,245,.12);font-size:12px;color:#6f8798}
.pal-foot kbd{font:inherit;font-size:11px;padding:1px 6px;margin-right:4px;border-radius:5px;background:rgba(255,255,255,.07)}

/* ===== Startseite: Einrichtungs-Status ===== */
.setup-panel[hidden]{display:none}
.setup-panel{margin:0 0 18px}
.setup-bar{height:5px;border-radius:5px;background:rgba(255,255,255,.07);overflow:hidden;margin:2px 0 16px}
.setup-bar i{display:block;height:100%;width:0;border-radius:5px;background:linear-gradient(90deg,#079bd9,#25e58b);transition:width .5s ease}
.setup-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:10px}
.setup-tile{display:flex;align-items:center;gap:12px;border:1px solid rgba(0,174,245,.13);background:rgba(5,12,19,.7);color:#dbe9f3;border-radius:11px;padding:11px 13px;text-align:left;transition:border-color .15s,background .15s}
.setup-tile:hover{border-color:rgba(41,227,255,.4);background:rgba(0,174,245,.07)}
.setup-tile:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.setup-ic{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center}
.setup-ic svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.st-ok .setup-ic{background:rgba(37,229,139,.15);color:#25e58b}
.st-todo .setup-ic{background:rgba(255,196,77,.14);color:#ffc44d}
.st-info .setup-ic{background:rgba(255,255,255,.07);color:#8ea3b3}
.setup-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.setup-txt b{font-size:13px;font-weight:600}
.setup-txt small{font-size:12px;color:#8ea3b3}
@media(prefers-reduced-motion:reduce){.setup-bar i{transition:none}}

#settingsView .role-chip .role-dot{width:9px;height:9px;border-radius:50%;flex:none;display:inline-block}
#settingsView .role-chip .role-lock{font-size:11px;opacity:.7}


/* ===== Einstellungen: neue Bereiche ===== */
#settingsView .send-row.has-test{grid-template-columns:minmax(0,1fr) auto auto}
#settingsView .set-config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}
#settingsView .set-footer-grid{gap:14px}
#settingsView .form-grid label,#settingsView .set-config-grid label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#9db2c1}
#settingsView .set-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
#settingsView .set-actions .primary-btn{margin:0}
#settingsView .ghost{border:1px solid rgba(0,174,245,.25);background:transparent;color:#cfe9f7;border-radius:9px;padding:10px 16px;font-size:12.5px;transition:border-color .15s,color .15s,background .15s}
#settingsView .ghost:hover{border-color:rgba(41,227,255,.55);color:#fff;background:rgba(0,174,245,.08)}
#settingsView .ghost:disabled,#settingsView .primary-btn:disabled,#settingsView .danger-btn:disabled{opacity:.55;cursor:default}
#settingsView .ghost:focus-visible,#settingsView .danger-btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
#settingsView .danger-btn{border:1px solid rgba(255,92,108,.4);background:rgba(255,92,108,.08);color:#ff9aa5;border-radius:9px;padding:10px 16px;font-size:12.5px;transition:background .15s,color .15s}
#settingsView .danger-btn:hover{background:rgba(255,92,108,.18);color:#fff}
@media(max-width:650px){#settingsView .send-row.has-test{grid-template-columns:1fr}}

.set-reset{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:6px;padding:16px 18px;border:1px dashed rgba(255,92,108,.28);border-radius:12px}
.set-reset div{display:flex;flex-direction:column;gap:3px;min-width:0}
.set-reset b{font-size:13px;font-weight:600;color:#e8f6ff}
.set-reset small{font-size:12px;line-height:1.5;color:#8499aa}
.set-reset .danger-btn{flex:none}
@media(max-width:650px){.set-reset{flex-direction:column;align-items:stretch}}

.set-save{align-self:flex-start}
.set-footer-preview{display:flex;align-items:center;gap:8px;margin:16px 0 0;padding:10px 14px;border-radius:9px;background:#2b2d31;color:#b5bac1;font-size:12px;max-width:420px}
.set-footer-preview img{width:18px;height:18px;border-radius:50%;object-fit:cover}
.set-footer-preview img[hidden]{display:none}

.chan-warn{margin:12px 0 0;padding:10px 14px;border:1px solid rgba(255,196,77,.4);background:rgba(255,196,77,.08);border-radius:10px;color:#ffd98a;font-size:12.5px;line-height:1.5}
.chan-warn[hidden]{display:none}

/* ungespeicherte Änderungen */
#settingsView .panel.is-dirty{border-color:rgba(255,196,77,.45)}
#settingsView .panel.is-dirty>.panel-head h2::after{content:"Ungespeichert";margin-left:10px;padding:2px 8px;border-radius:999px;background:rgba(255,196,77,.14);color:#ffc44d;font-size:11px;font-weight:600;letter-spacing:0;vertical-align:middle}
.set-nav-item.dirty::after{content:"";width:7px;height:7px;margin-left:auto;border-radius:50%;background:#ffc44d;flex:none}

/* Zugriff auf Zeit */
.expiry-list{display:flex;flex-direction:column;gap:10px}
.expiry-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 18px;padding:12px 14px;border:1px solid rgba(0,174,245,.12);border-radius:11px;background:rgba(5,12,19,.5)}
.expiry-name{display:flex;align-items:center;gap:9px;min-width:0;font-size:13px}
.expiry-name .role-dot{width:9px;height:9px;border-radius:50%;flex:none}
.expiry-state{padding:2px 9px;border-radius:999px;background:rgba(255,255,255,.06);color:#8ea3b3;font-size:11.5px}
.expiry-state.limited{background:rgba(255,196,77,.12);color:#ffc44d}
.expiry-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
#settingsView .expiry-input{width:auto;min-width:0;padding:8px 10px;font-size:12.5px;color-scheme:dark}
#settingsView .expiry-controls .ghost{padding:8px 12px;font-size:12px}

/* Berechtigungen */
.perm-scroll{overflow-x:auto;border:1px solid rgba(0,174,245,.13);border-radius:12px;margin-bottom:18px}
.perm-table{width:100%;border-collapse:collapse;font-size:13px}
.perm-table th,.perm-table td{padding:11px 14px;text-align:center;border-bottom:1px solid rgba(0,174,245,.08)}
.perm-table thead th{font-size:12px;font-weight:600;color:#9db2c1;background:rgba(0,174,245,.05);white-space:nowrap}
.perm-table th[scope=row]{display:flex;align-items:center;gap:9px;text-align:left;font-weight:500;color:#e8f6ff;white-space:nowrap}
.perm-table thead th:first-child{text-align:left}
.perm-table tbody tr:last-child th,.perm-table tbody tr:last-child td{border-bottom:0}
.perm-table .role-dot{width:9px;height:9px;border-radius:50%;flex:none}
.perm-check{position:relative;display:inline-grid;place-items:center;width:22px;height:22px;cursor:pointer}
.perm-check input{position:absolute;inset:0;z-index:1;margin:0;opacity:0;cursor:pointer}
.perm-check span{pointer-events:none;width:20px;height:20px;border-radius:6px;border:1.5px solid rgba(143,220,255,.35);background:#061421;transition:background .15s,border-color .15s}
.perm-check input:checked+span{background:linear-gradient(135deg,#079bd9,#25e58b);border-color:transparent}
.perm-check input:checked+span::after{content:"";display:block;width:5px;height:10px;margin:2px 0 0 6px;border:solid #04121d;border-width:0 2px 2px 0;transform:rotate(45deg)}
.perm-check input:focus-visible+span{outline:2px solid var(--blue);outline-offset:2px}
.perm-check input:disabled+span{opacity:.5}
.perm-add{align-items:end}

/* Protokoll */
.audit-list{display:flex;flex-direction:column}
.audit-item{display:flex;justify-content:space-between;gap:16px;padding:13px 2px;border-bottom:1px solid rgba(0,174,245,.09)}
.audit-item:last-child{border-bottom:0}
.audit-main{display:flex;flex-direction:column;gap:3px;min-width:0}
.audit-main b{font-size:13px;font-weight:600;color:#e8f6ff}
.audit-main span{font-size:12.5px;line-height:1.5;color:#9db2c1;word-break:break-word}
.audit-meta{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex:none;font-size:12px;color:#7d93a4;text-align:right}
@media(max-width:650px){.audit-item{flex-direction:column;gap:6px}.audit-meta{align-items:flex-start;text-align:left;flex-direction:row;gap:10px}}

/* Sicherung */
.set-file{display:flex;flex-direction:column;gap:8px;margin:2px 0 14px;font-size:12px;color:#9db2c1}
.set-file input[type=file]{font-size:12.5px;color:#cfe9f7;padding:10px;border:1px dashed rgba(0,174,245,.3);border-radius:10px;background:rgba(5,12,19,.5)}
.import-options{display:flex;flex-direction:column;gap:8px;margin:4px 0 16px}
.import-options[hidden],.import-result[hidden],#importSettingsBtn[hidden]{display:none}
.import-opt{display:flex;align-items:flex-start;gap:12px;padding:11px 14px;border:1px solid rgba(0,174,245,.13);border-radius:10px;background:rgba(5,12,19,.5);cursor:pointer}
.import-opt input{margin-top:3px;accent-color:#0aa5ea}
.import-opt span{display:flex;flex-direction:column;gap:2px}
.import-opt b{font-size:13px;font-weight:600;color:#e8f6ff}
.import-opt small{font-size:12px;color:#8499aa;line-height:1.45}
.import-result{margin-top:16px;padding:14px 16px;border-radius:10px;background:rgba(37,229,139,.06);border:1px solid rgba(37,229,139,.25);font-size:12.5px;line-height:1.6;color:#cfe9f7}
.import-result .import-skip{display:block;margin-top:10px;color:#ffc44d}
.import-result ul{margin:6px 0 0;padding-left:18px;color:#ffd98a}


/* ===== Custom Commands ===== */
#customcommandsView .page-heading p code,#customcommandsView .we-hint code{background:rgba(0,174,245,.1);color:#8fdcff;border-radius:5px;padding:1px 6px;font-size:.92em}
.cc-name-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:16px;margin-top:6px}
.cc-name-field,.cc-note-field,.cc-pick-grid label,.cc-number{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#9db2c1}
.cc-name-input{display:flex;align-items:center;gap:0;border:1px solid rgba(0,174,245,.18);background:#061421;border-radius:10px;overflow:hidden}
.cc-name-input:focus-within{border-color:rgba(41,227,255,.55)}
.cc-name-input b{display:grid;place-items:center;align-self:stretch;padding:0 14px;background:rgba(0,174,245,.12);color:#8fdcff;font-size:16px}
#customcommandsView .cc-name-input input{flex:1;min-width:0;border:0;background:transparent;box-shadow:none;outline:none;padding:12px 12px;font-size:14px;color:#e8f6ff}
.cc-pick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:8px}
.cc-options-grid{display:grid;grid-template-columns:minmax(0,230px) minmax(0,1fr);gap:14px 28px;align-items:end}
.cc-checks{display:flex;flex-direction:column;gap:12px}
.cc-checks .we-timestamp-check{margin:0}
@media(max-width:650px){.cc-options-grid{grid-template-columns:1fr}}
.cc-number input{width:100%}
.cc-vars-box{margin-top:6px}
.cc-vars{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 4px}
.cc-var{border:1px solid rgba(0,174,245,.25);background:rgba(0,174,245,.07);color:#bfe9ff;border-radius:8px;padding:5px 10px;font-size:12px;font-family:ui-monospace,Menlo,Consolas,monospace;cursor:pointer;transition:background .15s,border-color .15s}
.cc-var:hover{background:rgba(0,174,245,.18);border-color:rgba(41,227,255,.55);color:#fff}
.cc-var:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.cc-usage{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;padding:10px 14px;border:1px dashed rgba(0,174,245,.3);border-radius:10px;background:rgba(0,174,245,.05)}
.cc-usage-label{font-size:12px;color:#8ea3b3}
.cc-usage code{font-size:13px;color:#e8f6ff;background:rgba(255,255,255,.07);border-radius:6px;padding:3px 9px;word-break:break-all}
#customcommandsView .form-message:empty{display:none}
@media(max-width:650px){.cc-name-row{grid-template-columns:1fr}}
.cc-media-remove{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}
.cc-media-remove[hidden],.cc-media-remove [hidden]{display:none!important}
.cc-media-remove .ghost{padding:6px 11px;font-size:12px}