:root{--rpo:#6602a3;--rpo2:#8b23c9;--bg:#08080a;--panel:#121216;--panel2:#17171c;--line:#282830;--text:#f5f5f7;--muted:#8f8f9b;--good:#35d07f;--warn:#e6b94b;--bad:#ff4f64;--sidebar:#101014;--shadow:0 20px 50px rgba(0,0,0,.32)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}.hidden{display:none!important}
.shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:var(--sidebar);border-right:1px solid #1e1e24;padding:18px 14px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;padding:0 6px 18px}.brand strong{display:block;font-size:15px}.brand span{display:block;font-size:11px;color:var(--muted);margin-top:2px}.brand-orb{width:68px;height:68px;border-radius:22px;background:radial-gradient(circle at 30% 30%,#9b38d7,var(--rpo) 50%,#2b0046);display:grid;place-items:center;font-weight:900;box-shadow:0 0 40px rgba(102,2,163,.32)}.brand-orb.small{width:36px;height:36px;border-radius:12px;font-size:10px}nav{display:flex;flex-direction:column;gap:5px}.nav-label{color:#676773;font-size:10px;text-transform:uppercase;letter-spacing:.09em;padding:15px 10px 5px}.nav-item{border:1px solid transparent;background:transparent;color:#d9d9df;border-radius:9px;text-align:left;padding:10px 11px;display:flex;gap:10px;align-items:center;cursor:pointer}.nav-item:hover{background:#18181e}.nav-item.active{background:linear-gradient(90deg,rgba(102,2,163,.28),rgba(102,2,163,.08));border-color:rgba(139,35,201,.45);color:#fff}.nav-item>span{width:18px;text-align:center;color:#aaa}.sidebar-foot{margin-top:auto;border-top:1px solid #24242b;padding-top:13px}.user-mini{font-size:12px;color:#ccc;margin-bottom:7px}.logout{font-size:11px;color:#8f8f9b;text-decoration:none}.logout:hover{color:#fff}
main{min-width:0}.topbar{height:64px;border-bottom:1px solid #1d1d23;background:rgba(8,8,10,.86);backdrop-filter:blur(16px);position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:16px;padding:0 26px}.search-global{flex:1;max-width:760px;height:38px;border:1px solid #292930;background:#0e0e12;border-radius:8px;display:flex;align-items:center;padding:0 12px;gap:8px}.search-global input{width:100%;border:0;outline:0;background:transparent;color:#fff}.status-pill{margin-left:auto;border:1px solid #27272e;border-radius:999px;padding:7px 11px;color:#bbb;font-size:12px;display:flex;align-items:center;gap:7px}.status-pill i{width:8px;height:8px;border-radius:50%;background:var(--good);box-shadow:0 0 12px rgba(53,208,127,.7)}.view{padding:26px;max-width:1600px;margin:0 auto}.page-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;margin-bottom:20px}.page-head h1{font-size:24px;margin:0}.page-head p{margin:6px 0 0;color:var(--muted);font-size:13px}.actions{display:flex;gap:8px;align-items:center}.btn{border:1px solid #2e2e36;background:#17171d;color:#f7f7f9;border-radius:8px;padding:9px 12px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:7px;justify-content:center}.btn:hover{background:#202027}.btn.primary{background:var(--rpo);border-color:#7914b8}.btn.primary:hover{background:#7610b7}.btn.danger{background:rgba(255,79,100,.12);border-color:rgba(255,79,100,.3);color:#ff7b8a}.btn.ghost{background:transparent}.btn.small{padding:6px 9px;font-size:12px}.btn.wide{width:100%;margin-top:18px}.btn:disabled{opacity:.4;cursor:not-allowed}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.stat-card,.card{background:var(--panel);border:1px solid #222229;border-radius:14px;box-shadow:var(--shadow)}.stat-card{padding:18px 20px;position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;right:-20px;top:-30px;width:100px;height:100px;border-radius:50%;background:rgba(102,2,163,.12);filter:blur(2px)}.stat-card .k{color:#92929d;font-size:12px}.stat-card .v{font-size:28px;font-weight:750;margin-top:5px}.jobs-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}.job-card{padding:13px 15px;background:#111116;border:1px solid #23232b;border-radius:11px}.job-card b{display:block;font-size:20px}.job-card span{font-size:11px;color:var(--muted)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(330px,.7fr);gap:14px}.card{padding:16px}.card-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.card-title h2{font-size:14px;margin:0}.card-title span{font-size:11px;color:var(--muted)}.chart{height:230px;width:100%;display:block}.chart-grid{stroke:#24242c;stroke-width:1}.chart-line{fill:none;stroke:#8b23c9;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-fill{fill:url(#chartGrad)}
.table-tools{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-bottom:12px}.search-box{height:38px;border:1px solid #2b2b32;background:#0d0d11;border-radius:8px;display:flex;align-items:center;gap:8px;padding:0 11px;min-width:290px}.search-box input{border:0;outline:0;background:transparent;color:#fff;width:100%}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:720px}.table th{text-align:left;color:#8f8f9a;font-size:11px;font-weight:600;padding:11px 10px;border-bottom:1px solid #292930}.table td{padding:12px 10px;border-bottom:1px solid #24242b;font-size:13px;vertical-align:middle}.table tr.clickable:hover{background:#17171d;cursor:pointer}.sub{display:block;color:#7f7f8b;font-size:10px;margin-top:3px}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 7px;font-size:10px;background:#24242b;color:#cfcfd5}.badge.purple{background:rgba(102,2,163,.25);color:#d9a8f3}.badge.green{background:rgba(53,208,127,.13);color:#7ee9aa}.badge.red{background:rgba(255,79,100,.13);color:#ff8c99}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px;background:#555}.dot.on{background:var(--good)}.pager{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:14px;color:#8e8e99;font-size:12px}.pager button{width:34px;height:30px;border-radius:7px;border:1px solid #292930;background:#121217;color:#fff;cursor:pointer}.pager button:disabled{opacity:.35}.empty{padding:50px 20px;text-align:center;color:#777783}
.player-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:14px}.identity{display:flex;align-items:center;gap:13px}.avatar{width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,#2c2c36,#15151a);display:grid;place-items:center;font-weight:800;border:1px solid #31313a}.identity h1{font-size:20px;margin:0}.identity p{margin:4px 0 0;color:#8b8b96;font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.tabs{display:flex;gap:4px;background:#17171c;border:1px solid #25252c;border-radius:10px;padding:4px;margin-bottom:14px;overflow:auto}.tab{border:0;background:transparent;color:#aaa;padding:9px 13px;border-radius:7px;cursor:pointer;white-space:nowrap}.tab.active{background:#26262e;color:#fff}.profile-grid{display:grid;grid-template-columns:340px 1fr;gap:14px}.info-list{display:grid;grid-template-columns:1fr;gap:0}.info-row{display:grid;grid-template-columns:115px 1fr;gap:12px;padding:11px 0;border-bottom:1px solid #27272e}.info-row:last-child{border:0}.info-row span:first-child{color:#858590;font-size:11px}.info-row span:last-child{font-size:12px;word-break:break-word}.jobs-list{display:flex;flex-direction:column;gap:8px}.job-line{display:flex;justify-content:space-between;background:#19191f;border:1px solid #292931;padding:10px 12px;border-radius:8px}.money-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.money-card{background:#16161c;border:1px solid #292931;border-radius:11px;padding:14px}.money-card small{color:#888894}.money-card strong{display:block;font-size:22px;margin:6px 0 10px}.row-actions{display:flex;gap:6px}.icon-btn{width:34px;height:34px;border:1px solid #2e2e35;background:#111116;color:#ddd;border-radius:8px;cursor:pointer}.icon-btn:hover{background:#202027}.icon-btn.danger{color:#ff6677;border-color:rgba(255,79,100,.24)}
.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 20%,rgba(102,2,163,.22),transparent 35%),#08080a}.login-card{width:min(390px,calc(100vw - 32px));padding:38px;background:#121216;border:1px solid #292931;border-radius:20px;box-shadow:0 30px 80px rgba(0,0,0,.55);text-align:center}.login-card .brand-orb{margin:0 auto 20px}.login-card h1{margin:0;font-size:28px}.login-card p{color:#8f8f9a;font-size:13px;margin:8px 0 0}.toast-host{position:fixed;right:18px;bottom:18px;z-index:100;display:flex;flex-direction:column;gap:8px}.toast{background:#17171d;border:1px solid #2b2b33;padding:11px 13px;border-radius:10px;box-shadow:var(--shadow);font-size:12px;min-width:260px}.toast.good{border-color:rgba(53,208,127,.4)}.toast.bad{border-color:rgba(255,79,100,.45)}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.68);display:grid;place-items:center;z-index:50;padding:18px}.modal{width:min(520px,100%);background:#141419;border:1px solid #2b2b33;border-radius:15px;box-shadow:0 35px 100px rgba(0,0,0,.65);padding:18px}.modal h3{margin:0 0 15px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.field label{font-size:11px;color:#92929d}.field input,.field select{height:39px;border:1px solid #303039;background:#0c0c10;color:#fff;border-radius:8px;padding:0 10px;outline:none}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:15px}.screenshot-view{width:100%;max-height:70vh;object-fit:contain;border-radius:10px;border:1px solid #2b2b33;background:#000}.health-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.health-item{padding:13px;border-radius:10px;background:#17171d;border:1px solid #292930}.health-item small{display:block;color:#888892}.health-item b{display:block;margin-top:4px}.muted{color:#8b8b96}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.danger-text{color:#ff7383}
@media(max-width:1050px){.jobs-grid{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr}.profile-grid{grid-template-columns:1fr}.money-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.sidebar nav{display:grid;grid-template-columns:repeat(3,1fr)}.nav-label{display:none}.sidebar-foot{display:none}.topbar{top:0}.view{padding:16px}.stats{grid-template-columns:1fr}.jobs-grid{grid-template-columns:1fr 1fr}.money-grid{grid-template-columns:1fr}.search-global{max-width:none}.status-pill{display:none}}

/* v0.2 */
.brand-logo{width:48px;height:42px;object-fit:contain;flex:0 0 auto}.login-logo{width:210px;max-width:72%;height:auto;object-fit:contain;margin:0 auto 18px;display:block}.login-card{padding-top:28px}.global-search-wrap{position:relative;flex:1;max-width:760px}.global-search-wrap .search-global{max-width:none;width:100%}.global-search-results{position:absolute;left:0;right:0;top:44px;background:#121217;border:1px solid #303038;border-radius:12px;box-shadow:0 24px 60px rgba(0,0,0,.55);padding:7px;z-index:30;max-height:520px;overflow:auto}.search-group+.search-group{border-top:1px solid #292931;margin-top:7px;padding-top:7px}.search-group-title{font-size:10px;color:#777783;text-transform:uppercase;letter-spacing:.08em;padding:7px 9px}.search-hit{width:100%;border:0;background:transparent;color:#eee;display:flex;gap:10px;align-items:center;text-align:left;padding:9px;border-radius:8px;cursor:pointer}.search-hit:hover{background:#1c1c22}.search-hit span:nth-child(2){min-width:0}.search-hit b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-hit small{display:block;color:#858591;font-size:10px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-icon{width:30px;height:30px;border:1px solid #303038;border-radius:8px;display:grid;place-items:center;color:#c58ce6;flex:0 0 auto}.search-empty{padding:18px;text-align:center;color:#83838f;font-size:12px}
.stats.two{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-summary{display:flex;gap:18px;margin:2px 0 8px 48px;color:#8e8e99;font-size:11px}.chart-summary b{color:#f3f3f5;margin-left:4px}.chart-label-y,.chart-label-x{fill:#777783;font-size:10px;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.chart{overflow:visible}.chart-grid{stroke:#27272f;stroke-width:1}.chart-line{vector-effect:non-scaling-stroke}.chart-fill{opacity:.95}
.player-tools{align-items:flex-start}.filters{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.filters select{height:38px;border:1px solid #2b2b32;background:#0d0d11;color:#eee;border-radius:8px;padding:0 30px 0 10px;outline:none}.filters select:focus{border-color:rgba(139,35,201,.7)}
.job-line>span:first-child{display:flex;flex-direction:column}.job-line small{color:#7f7f8b;font-size:10px;margin-top:3px}.job-line .row-actions{margin-left:auto}.online-list{display:flex;flex-direction:column}.online-row{border:0;border-bottom:1px solid #25252c;background:transparent;color:#eee;padding:10px 4px;display:flex;justify-content:space-between;gap:12px;text-align:left;cursor:pointer}.online-row:hover{background:#17171d}.online-row:last-child{border-bottom:0}.online-row b{font-size:12px}.online-row small{display:block;color:#7d7d89;font-size:10px;margin-top:3px}.empty.compact{padding:22px 12px}
.pager{justify-content:space-between;gap:12px;flex-wrap:wrap}.pager-controls{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.pager button.active{background:var(--rpo);border-color:#7610b7}.pager-dots{padding:0 2px;color:#686873}.page-jump{display:flex;align-items:center;gap:5px;margin-left:8px}.page-jump span{font-size:10px;color:#777783}.page-jump input{width:58px;height:30px;border:1px solid #292930;background:#0d0d11;color:#fff;border-radius:7px;padding:0 7px;outline:none}.page-jump button{width:auto;padding:0 9px}
.model-summary{max-width:620px}.warning-copy{color:#b9b9c1;line-height:1.55;font-size:12px;background:rgba(255,79,100,.07);border:1px solid rgba(255,79,100,.18);padding:11px;border-radius:9px}.modal select{width:100%}
@media(max-width:1050px){.player-tools{flex-direction:column}.filters{justify-content:flex-start;width:100%}.global-search-wrap{max-width:none}}
@media(max-width:760px){.stats.two{grid-template-columns:1fr}.filters{display:grid;grid-template-columns:1fr 1fr}.pager{align-items:flex-start}.pager-controls{width:100%}.page-jump{margin-left:0}.brand-logo{width:42px;height:38px}.global-search-results{position:fixed;left:12px;right:12px;top:60px}}


/* v0.3 */
.server-id{display:inline-flex;min-width:34px;justify-content:center;margin-right:7px;padding:2px 6px;border-radius:6px;background:#24242b;color:#bdbdc6;font-size:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;vertical-align:1px}
.group-badge{border:1px solid transparent;text-transform:none}.group-user{background:#2a2a30;color:#c8c8cf;border-color:#3a3a42}.group-superadmin{background:rgba(102,2,163,.28);color:#dfb1fb;border-color:rgba(139,35,201,.5)}.group-admin{background:rgba(230,185,75,.15);color:#ffd96f;border-color:rgba(230,185,75,.35)}.group-mod{background:rgba(255,79,100,.15);color:#ff8b99;border-color:rgba(255,79,100,.35)}.group-supp{background:rgba(60,135,255,.15);color:#85b5ff;border-color:rgba(60,135,255,.38)}.group-police{background:#eeeeF2;color:#151519;border-color:#fff}.group-socialmedia{background:rgba(255,95,190,.15);color:#ff9bd7;border-color:rgba(255,95,190,.38)}
.card-title-actions{gap:10px}.card-title-actions>div{display:flex;align-items:center;gap:8px}.current-job{margin-left:7px;vertical-align:1px}.job-current{border-color:rgba(53,208,127,.25);background:rgba(53,208,127,.045)}
.typeahead-field{position:relative}.suggestion-list{position:absolute;left:0;right:0;top:62px;z-index:70;max-height:230px;overflow:auto;padding:6px;background:#101014;border:1px solid #32323b;border-radius:10px;box-shadow:0 18px 48px rgba(0,0,0,.58)}.suggestion-hit{display:block;width:100%;border:0;background:transparent;color:#f2f2f5;text-align:left;padding:8px 9px;border-radius:7px;cursor:pointer}.suggestion-hit:hover{background:#202027}.suggestion-hit b{display:block;font-size:12px}.suggestion-hit small{display:block;color:#80808c;margin-top:2px;font-size:10px}.suggestion-empty{padding:12px;color:#7f7f8a;text-align:center;font-size:11px}.vehicle-tabs{max-width:520px}.vehicle-tabs+.card{margin-top:0}

/* v0.3.7 */
.identity p{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.tx-name{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#bdbdc7;padding-left:8px;border-left:1px solid #34343c}.job-display{display:flex;flex-direction:column;gap:3px}.job-display b{font-size:12px}.job-display small{font-size:10px;color:#7f7f8b}.field select{cursor:pointer}

.job-info-row{grid-template-columns:1fr;gap:5px}.job-info-row .job-display{padding-top:1px}


/* Teleportation v0.4.9 */
.teleport-panel{
  max-width:820px;
}
.teleport-offline{
  margin:0 0 10px;
}
.teleport-destination-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.teleport-destination{
  position:relative;
  min-height:46px;
  width:100%;
  border:1px solid #292930;
  background:#121217;
  color:#ededf2;
  border-radius:9px;
  padding:0 38px 0 14px;
  text-align:left;
  font:inherit;
  font-size:13px;
  font-weight:600;
  cursor:pointer;
  transition:background .14s ease,border-color .14s ease,transform .14s ease;
}
.teleport-destination::after{
  content:'';
  position:absolute;
  right:16px;
  top:50%;
  width:7px;
  height:7px;
  border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;
  transform:translateY(-50%) rotate(-45deg);
  color:#666672;
  transition:color .14s ease,transform .14s ease;
}
.teleport-destination:hover:not(:disabled){
  background:rgba(102,2,163,.10);
  border-color:rgba(139,35,201,.56);
  transform:translateX(2px);
}
.teleport-destination:hover:not(:disabled)::after{
  color:#c47be9;
  transform:translate(2px,-52%);
}
.teleport-destination:disabled{
  opacity:.4;
  cursor:not-allowed;
}
@media(max-width:760px){
  .teleport-panel{max-width:none}
  .teleport-destination-list{grid-template-columns:1fr}
}

/* v0.5.2 · RPO Confirm Dialogs */
.modal-backdrop{
  background:rgba(3,3,6,.76);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  animation:rpoBackdropIn .14s ease-out;
}
.modal{
  position:relative;
  overflow:visible;
  animation:rpoModalIn .18s cubic-bezier(.2,.8,.2,1);
}
.confirm-dialog{position:relative}
.modal-x{
  position:absolute;
  top:-4px;
  right:-3px;
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border:1px solid #303039;
  border-radius:9px;
  background:#18181e;
  color:#8e8e99;
  font-size:20px;
  line-height:1;
  cursor:pointer;
  transition:background .14s ease,color .14s ease,border-color .14s ease;
}
.modal-x:hover{background:#222229;color:#fff;border-color:#3a3a44}
.confirm-head{display:flex;align-items:center;gap:13px;padding-right:38px;margin-bottom:14px}
.confirm-head h3,.screenshot-modal-head h3{margin:2px 0 0;font-size:18px;letter-spacing:-.01em}
.confirm-kicker{display:block;color:#777783;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.confirm-icon{
  width:44px;
  height:44px;
  flex:0 0 44px;
  display:grid;
  place-items:center;
  border-radius:13px;
  font-size:20px;
  font-weight:800;
  background:rgba(102,2,163,.16);
  color:#d5a0f1;
  border:1px solid rgba(139,35,201,.34);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.confirm-danger .confirm-icon{background:rgba(255,79,100,.10);color:#ff8795;border-color:rgba(255,79,100,.28)}
.confirm-warning .confirm-icon{background:rgba(230,185,75,.10);color:#f3ce70;border-color:rgba(230,185,75,.28)}
.confirm-message{margin:0 0 14px;color:#a4a4ae;font-size:13px;line-height:1.55}
.confirm-subject{
  display:flex;
  flex-direction:column;
  gap:4px;
  margin:0 0 16px;
  padding:13px 14px;
  border-radius:10px;
  background:#0d0d11;
  border:1px solid #292931;
}
.confirm-primary .confirm-subject{border-color:rgba(139,35,201,.28);background:linear-gradient(90deg,rgba(102,2,163,.08),#0d0d11 58%)}
.confirm-danger .confirm-subject{border-color:rgba(255,79,100,.22);background:linear-gradient(90deg,rgba(255,79,100,.055),#0d0d11 58%)}
.confirm-subject>span{color:#757580;font-size:10px;text-transform:uppercase;letter-spacing:.07em}
.confirm-subject>strong{font-size:14px;color:#f5f5f7;line-height:1.35}
.confirm-subject>small{font-size:10px;color:#7f7f8a;margin-top:1px}
.confirm-actions{padding-top:2px;border-top:1px solid #23232a;margin-top:0;padding-top:14px}
.confirm-actions .btn{min-width:112px}
.confirm-typed-field{margin-top:2px}
.screenshot-modal-head{position:relative;display:flex;align-items:flex-start;justify-content:space-between;padding-right:38px;margin-bottom:14px}
.screenshot-modal-head .modal-x{top:-4px;right:-3px}
@keyframes rpoBackdropIn{from{opacity:0}to{opacity:1}}
@keyframes rpoModalIn{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:560px){
  .modal{padding:16px}
  .confirm-actions{display:grid;grid-template-columns:1fr 1fr}
  .confirm-actions .btn{min-width:0}
}

/* v0.5.6 · styled auth denial */
.player-actions{gap:8px;flex-wrap:wrap;justify-content:flex-end}
.player-actions .btn{font-weight:600}
.btn.action-screen{background:#17171d;border-color:#34343d;color:#e8e8ed}
.btn.action-screen:hover{background:#222229;border-color:#42424d}
.btn.action-revive{background:rgba(53,208,127,.10);border-color:rgba(53,208,127,.32);color:#72dda6}
.btn.action-revive:hover{background:rgba(53,208,127,.16);border-color:rgba(53,208,127,.45)}
.btn.action-char{background:rgba(102,2,163,.14);border-color:rgba(142,44,205,.38);color:#d19aef}
.btn.action-char:hover{background:rgba(102,2,163,.22);border-color:rgba(142,44,205,.52)}
.btn.action-kill{background:rgba(255,79,100,.10);border-color:rgba(255,79,100,.30);color:#ff7d8d}
.btn.action-kill:hover{background:rgba(255,79,100,.17);border-color:rgba(255,79,100,.44)}
.btn.action-kick{background:rgba(255,165,70,.10);border-color:rgba(255,165,70,.32);color:#ffb36c}
.btn.action-kick:hover{background:rgba(255,165,70,.17);border-color:rgba(255,165,70,.46)}
.action-separator{width:1px;height:26px;background:#303038;margin:0 2px;align-self:center}
@media (max-width:980px){.action-separator{display:none}}

/* v0.6.2 · Team-Onlineübersicht */
.team-online-card{margin-bottom:14px}.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.team-role-card{position:relative;background:#111116;border:1px solid #24242c;border-radius:11px;padding:12px 13px;overflow:hidden}.team-role-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--team-role)}.team-role-head{display:flex;align-items:center;gap:8px;color:#d8d8df;font-size:11px;font-weight:650}.team-role-head b{margin-left:auto;font-size:18px;color:#fff}.team-role-dot{width:7px;height:7px;border-radius:50%;background:var(--team-role);box-shadow:0 0 12px color-mix(in srgb,var(--team-role) 60%,transparent)}.team-role-members{display:flex;flex-direction:column;gap:3px;margin-top:7px;min-height:18px}.team-member{display:flex;align-items:center;gap:6px;border:0;background:transparent;color:#91919d;padding:2px 0;text-align:left;font-size:10px;cursor:pointer}.team-member:hover{color:#fff}.team-member-id{color:#676773;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;min-width:26px}.team-none{color:#5f5f69;font-size:10px}.dashboard-grid-team{margin-top:0}
@media(max-width:1050px){.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.team-grid{grid-template-columns:1fr}}


/* v0.6.2 · Dashboard-Reihenfolge / aufklappbare vertretene Jobs */
.dashboard-jobs-card{padding:0;margin-bottom:14px;overflow:hidden}
.dashboard-jobs-card>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 16px;cursor:pointer;user-select:none}
.dashboard-jobs-card>summary::-webkit-details-marker{display:none}
.dashboard-jobs-card>summary:hover{background:#15151a}
.dashboard-jobs-card>summary>div{min-width:0}
.dashboard-jobs-card>summary h2{font-size:14px;margin:0;color:#f4f4f7}
.dashboard-jobs-card>summary span{display:block;color:var(--muted);font-size:11px;margin-top:4px}
.dashboard-jobs-chevron{font-size:22px!important;line-height:1;color:#8e8e99!important;margin:0!important;transition:transform .18s ease}
.dashboard-jobs-card[open] .dashboard-jobs-chevron{transform:rotate(180deg)}
.dashboard-jobs-grid{padding:0 16px 16px;margin:0;border-top:1px solid #24242b;padding-top:14px}
.dashboard-jobs-empty{grid-column:1/-1;width:100%}


/* v0.6.3 · Serverstatistiken */
.server-stats-live{display:flex;align-items:center;gap:9px;margin:-7px 0 13px;color:#767682;font-size:10px}.server-stats-live>span{display:inline-flex;align-items:center;gap:6px;color:#8fdfb4;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.server-stats-live i{width:6px;height:6px;border-radius:50%;background:var(--good);box-shadow:0 0 10px rgba(53,208,127,.6)}
.server-metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.server-metric{padding:15px}.server-metric-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.server-metric-head span{font-size:11px;color:#8f8f9a;font-weight:650}.server-metric-head b{font-size:20px;color:#f4f4f7}.server-metric>small{display:block;color:#6f6f7b;font-size:9px;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.server-progress{height:5px;background:#202027;border-radius:99px;margin-top:13px;overflow:hidden}.server-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#6602a3,#a441dc);border-radius:inherit;transition:width .35s ease}
.network-values{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.network-values>div{background:#0e0e13;border:1px solid #26262e;border-radius:8px;padding:9px}.network-values span{display:block;color:#73737e;font-size:9px;margin-bottom:4px}.network-values strong{font-size:12px;color:#e8e8ed}
.server-info-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);gap:14px;margin-bottom:14px}.server-info-card,.server-tick-card{min-height:226px}.server-info-rows{display:flex;flex-direction:column}.server-info-rows>div{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:10px 0;border-bottom:1px solid #24242b}.server-info-rows>div:last-child{border-bottom:0}.server-info-rows span{color:#777783;font-size:10px}.server-info-rows strong{min-width:0;color:#e9e9ed;font-size:11px;font-weight:600;overflow-wrap:anywhere}
.tick-main{display:flex;align-items:baseline;justify-content:center;gap:7px;padding:15px 0 17px}.tick-main strong{font-size:42px;line-height:1;color:#f4f4f7;letter-spacing:-.04em}.tick-main span{font-size:13px;color:#8a8a96}.tick-details{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.tick-details>div{background:#101015;border:1px solid #25252d;border-radius:8px;padding:10px;text-align:center}.tick-details span{display:block;font-size:8px;color:#6f6f7a;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.tick-details b{font-size:11px;color:#d9d9df}
.server-resources-card{padding:0;overflow:hidden}.server-resources-card>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 16px;cursor:pointer;user-select:none}.server-resources-card>summary::-webkit-details-marker{display:none}.server-resources-card>summary:hover{background:#15151a}.server-resources-card>summary h2{font-size:14px;margin:0;color:#f4f4f7}.server-resources-card>summary span{display:block;color:var(--muted);font-size:11px;margin-top:4px}.server-resources-card[open] .dashboard-jobs-chevron{transform:rotate(180deg)}.server-resources-body{border-top:1px solid #24242b;padding:14px 16px 16px}.resmon-note{display:flex;align-items:flex-start;gap:10px;padding:10px 11px;margin-bottom:12px;background:rgba(102,2,163,.07);border:1px solid rgba(139,35,201,.22);border-radius:8px}.resmon-note b{color:#c58ae5;font-size:10px}.resmon-note span{color:#858590;font-size:10px;line-height:1.45}.resource-state{display:inline-flex;align-items:center;padding:3px 7px;border-radius:99px;border:1px solid #34343c;background:#202027;color:#aaaab5;font-size:9px}.resource-started{border-color:rgba(53,208,127,.28);background:rgba(53,208,127,.08);color:#72dda6}.resource-stopped,.resource-missing,.resource-unknown{border-color:rgba(255,79,100,.24);background:rgba(255,79,100,.07);color:#ff8b99}
@media(max-width:1180px){.server-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.server-info-grid{grid-template-columns:1fr}}
@media(max-width:680px){.server-metrics-grid{grid-template-columns:1fr}.server-info-rows>div{grid-template-columns:1fr;gap:4px}.tick-details{grid-template-columns:1fr}.network-values{grid-template-columns:1fr}}


/* v0.6.4 · Serversteuerung */
.control-status-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.control-status-strip>div{display:flex;align-items:center;gap:9px;min-height:58px;padding:11px 13px;background:#111116;border:1px solid #25252d;border-radius:10px}.control-status-strip small{display:block;color:#70707b;font-size:9px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px}.control-status-strip b{display:block;color:#e9e9ee;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.control-dot{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:var(--good);box-shadow:0 0 10px rgba(53,208,127,.5)}.control-dot.offline{background:var(--bad);box-shadow:0 0 10px rgba(255,79,100,.4)}
.server-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.control-card{min-height:245px}.control-card textarea{width:100%;min-height:112px;resize:vertical;background:#0c0c11;border:1px solid #292931;border-radius:9px;color:#eeeef2;padding:11px 12px;font:inherit;font-size:11px;line-height:1.5;outline:0}.control-card textarea:focus,.control-form-row input:focus,.control-form-row select:focus,.control-resource-tools input:focus,.control-resource-tools select:focus,.server-console-input input:focus{border-color:#6602a3;box-shadow:0 0 0 2px rgba(102,2,163,.12)}.control-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:12px}.char-counter{margin-right:auto;color:#666672;font-size:9px}.restart-plan{display:flex;flex-direction:column;gap:3px;margin-bottom:13px;padding:10px 11px;border:1px solid #2a2a32;background:#0f0f14;border-radius:9px}.restart-plan b{font-size:11px;color:#e6e6eb}.restart-plan span{font-size:9px;color:#767681}.control-form-row{display:flex;gap:9px}.control-form-row label{display:flex;flex-direction:column;gap:5px;color:#787884;font-size:9px}.control-form-row label.grow{flex:1}.control-form-row input,.control-form-row select,.control-resource-tools input,.control-resource-tools select{height:35px;background:#0c0c11;border:1px solid #292931;border-radius:8px;color:#e6e6eb;padding:0 10px;outline:0;font-size:10px}.control-form-row select{min-width:120px}
.control-resources-card{margin-bottom:14px}.control-resources-card>.card-title{align-items:center}.control-resources-card .card-title>div:first-child span{display:block;color:#777783;font-size:9px;margin-top:3px}.control-resource-tools{display:flex;gap:7px}.control-resource-tools input{width:190px}.control-resource-tools select{width:120px}.resource-actions-cell{text-align:right}.resource-actions{display:flex;gap:5px;justify-content:flex-end}.btn.compact{min-height:28px;padding:5px 9px;font-size:9px}.btn.primary-soft{background:rgba(102,2,163,.12);border-color:rgba(150,57,204,.32);color:#d4a3ef}.btn.danger-soft{background:rgba(255,79,100,.08);border-color:rgba(255,79,100,.25);color:#ff8795}.resource-protected{display:inline-flex;padding:4px 7px;border:1px solid rgba(255,185,70,.24);background:rgba(255,185,70,.07);border-radius:7px;color:#e4bd72;font-size:8px}.resource-protected.muted{border-color:#303038;background:#18181e;color:#6f6f79}.resource-core-note{display:block;color:#656570;font-size:8px;margin-top:3px}
.server-console-card{padding-bottom:13px}.console-live{display:inline-flex!important;align-items:center;gap:5px;color:#7fd8a9!important;font-size:9px!important;text-transform:uppercase;font-weight:700;letter-spacing:.05em}.console-live i{width:6px;height:6px;border-radius:50%;background:var(--good)}.server-console-output{height:360px;overflow:auto;margin:0;background:#08080b;border:1px solid #24242b;border-radius:9px;padding:12px;color:#bcbcc4;font:10px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;word-break:break-word;scrollbar-width:thin}.server-console-output.console-unavailable{color:#7c7c87}.server-console-input{display:flex;align-items:center;gap:8px;margin-top:8px;padding:0 0 0 10px;background:#0c0c11;border:1px solid #292931;border-radius:9px}.server-console-input>span{color:#9b54c5;font:700 13px ui-monospace,SFMono-Regular,Consolas,monospace}.server-console-input input{flex:1;height:38px;min-width:0;background:transparent;border:0;color:#eeeef2;outline:0;font:10px ui-monospace,SFMono-Regular,Consolas,monospace}.server-console-input .btn{margin-right:4px;min-height:30px}
@media(max-width:950px){.control-status-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.server-control-grid{grid-template-columns:1fr}.control-resource-tools{width:100%;margin-top:8px}.control-resources-card>.card-title{align-items:flex-start;flex-direction:column}.control-resource-tools input{flex:1;width:auto}}
@media(max-width:620px){.control-status-strip{grid-template-columns:1fr}.control-form-row{flex-direction:column}.control-form-row select{width:100%}.control-resource-tools{flex-direction:column}.control-resource-tools input,.control-resource-tools select{width:100%}.server-console-output{height:300px}}

/* v0.7.2 · Serverinfo & Serversteuerung Ausbau */
.server-health-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 15px;margin-bottom:12px;border-color:#2d2d35}.server-health-left{display:flex;align-items:center;gap:11px;min-width:180px}.server-health-left small{display:block;color:#777783;font-size:9px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}.server-health-left strong{font-size:15px}.server-health-dot{width:10px;height:10px;border-radius:50%;background:var(--good);box-shadow:0 0 14px rgba(53,208,127,.55)}.server-health-banner.health-warning .server-health-dot{background:#f1b84b;box-shadow:0 0 14px rgba(241,184,75,.45)}.server-health-banner.health-critical .server-health-dot{background:var(--bad);box-shadow:0 0 14px rgba(255,79,100,.48)}.server-health-issues{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:6px}.health-issue,.health-ok{display:inline-flex;gap:5px;padding:5px 8px;border:1px solid #2d2d35;border-radius:7px;background:#111116;color:#8b8b96;font-size:9px}.health-issue.warning{border-color:rgba(241,184,75,.25);color:#dab56a}.health-issue.critical{border-color:rgba(255,79,100,.27);color:#ff8795}.health-issue b{font-weight:700;color:inherit}
.server-diagnostics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.diagnostic-card{padding:14px;min-height:130px}.diagnostic-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.diagnostic-title span{font-size:10px;color:#7f7f8a;font-weight:650}.diagnostic-title b{font-size:10px;color:#bdbdc5}.diagnostic-card>strong{display:block;font-size:20px;color:#f2f2f5;margin-bottom:8px}.diagnostic-card>small{display:block;color:#6d6d78;font-size:9px;line-height:1.45;overflow-wrap:anywhere}.diag-inline{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}.diag-inline span{font-size:9px;color:#74747f}.diag-inline b{color:#e6e6eb;font-size:10px;margin-left:3px}
.performance-history-card{margin-bottom:14px}.performance-history-card>.card-title{align-items:center}.performance-history-card .card-title>div:first-child span{display:block;color:#777783;font-size:9px;margin-top:3px}.history-window-buttons{display:flex;gap:5px}.history-window-buttons button{height:27px;padding:0 9px;border-radius:7px;border:1px solid #2c2c34;background:#15151a;color:#80808b;font-size:9px;cursor:pointer}.history-window-buttons button.active{border-color:rgba(151,61,204,.45);background:rgba(102,2,163,.16);color:#d0a3ea}.stats-history-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.history-chart-card{min-width:0;padding:10px;border:1px solid #26262e;background:#0e0e13;border-radius:9px}.history-chart-card>span{display:block;color:#777783;font-size:9px;margin-bottom:5px}.history-chart-summary{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.history-chart-summary b{font-size:15px;color:#eaeaf0}.history-chart-summary span{font-size:8px;color:#666672;white-space:nowrap}.history-sparkline{display:block;width:100%;height:65px;margin-top:4px}.history-sparkline path{fill:none;stroke:#9344c3;stroke-width:2;vector-effect:non-scaling-stroke}.history-empty{height:86px;display:grid;place-items:center;color:#666672;font-size:9px}.server-lower-grid{grid-template-columns:1fr 1fr}.server-lower-grid>.card{min-height:210px}
.control-status-five{grid-template-columns:repeat(5,minmax(0,1fr))}.control-standalone-label{display:flex;flex-direction:column;gap:5px;color:#787884;font-size:9px}.control-standalone-label input{height:37px;background:#0c0c11;border:1px solid #292931;border-radius:8px;color:#e6e6eb;padding:0 10px;outline:0;font-size:10px}.control-standalone-label input:focus{border-color:#6602a3;box-shadow:0 0 0 2px rgba(102,2,163,.12)}
.console-tools{display:flex;align-items:center;gap:7px;margin-bottom:8px}.console-tools input,.console-tools select{height:32px;background:#0c0c11;border:1px solid #292931;border-radius:8px;color:#dcdce2;padding:0 9px;outline:0;font-size:9px}.console-tools input{flex:1;min-width:140px}.console-tools label{display:inline-flex;align-items:center;gap:5px;color:#777783;font-size:9px;white-space:nowrap}.console-counts{font-size:9px!important;color:#777783!important}.console-favorites{display:flex;align-items:center;gap:5px;margin-bottom:8px}.console-favorites>span{font-size:8px;color:#666672;margin-right:3px}.console-favorites button{border:1px solid #292931;background:#121217;color:#9797a1;border-radius:6px;padding:4px 7px;font:9px ui-monospace,SFMono-Regular,Consolas,monospace;cursor:pointer}.console-favorites button:hover{border-color:#4b2b5f;color:#d0a3ea}
.recent-actions-card{padding:0;overflow:hidden;margin-top:14px}.recent-actions-card>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;cursor:pointer}.recent-actions-card>summary::-webkit-details-marker{display:none}.recent-actions-card>summary h2{font-size:14px;margin:0}.recent-actions-card>summary span{display:block;font-size:9px;color:#777783;margin-top:3px}.recent-actions-card[open] .dashboard-jobs-chevron{transform:rotate(180deg)}.recent-server-actions{border-top:1px solid #24242b}.server-action-row{display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 15px;border-bottom:1px solid #202027}.server-action-row:last-child{border-bottom:0}.server-action-dot{width:6px;height:6px;border-radius:50%;background:#7c2aac}.server-action-row b{display:block;font-size:10px;color:#dcdce2}.server-action-row small{display:block;margin-top:3px;color:#70707b;font-size:8px}.server-action-row>span:last-child{font-size:9px;color:#74747f}
@media(max-width:1180px){.server-diagnostics-grid,.stats-history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.control-status-five{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.server-health-banner{align-items:flex-start;flex-direction:column}.server-health-issues{justify-content:flex-start}.server-diagnostics-grid,.stats-history-grid{grid-template-columns:1fr}.server-lower-grid{grid-template-columns:1fr}.control-status-five{grid-template-columns:1fr 1fr}.console-tools{align-items:stretch;flex-wrap:wrap}.console-tools input{flex-basis:100%}}


/* v0.7.2 · Discord-Wartungsfreigaben */
.maintenance-access{display:grid;gap:12px;margin:14px 0 16px}.maintenance-access-block{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);border-radius:12px;padding:13px}.maintenance-access-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.maintenance-access-title b{font-size:13px}.maintenance-access-title small{color:var(--muted);font-size:11px}.maintenance-fixed-roles{display:flex;flex-wrap:wrap;gap:7px}.maintenance-fixed-roles span{display:inline-flex;align-items:center;min-height:28px;padding:4px 9px;border-radius:999px;background:rgba(102,2,163,.16);border:1px solid rgba(206,174,253,.20);font-size:11px;color:#e8dcff}.maintenance-switch-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0;border-top:1px solid rgba(255,255,255,.06);cursor:pointer}.maintenance-switch-row:first-of-type{border-top:0}.maintenance-switch-row>span{display:grid;gap:2px}.maintenance-switch-row b{font-size:12px}.maintenance-switch-row small{font-size:10px;color:var(--muted)}.maintenance-switch-row input{position:absolute;opacity:0;pointer-events:none}.maintenance-switch-row i{position:relative;width:40px;height:22px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.10);transition:.18s;flex:0 0 auto}.maintenance-switch-row i:after{content:'';position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#aaa;transition:.18s}.maintenance-switch-row input:checked+i{background:rgba(102,2,163,.55);border-color:rgba(206,174,253,.45)}.maintenance-switch-row input:checked+i:after{left:21px;background:#fff}.maintenance-switch-row input:disabled+i{opacity:.45;cursor:not-allowed}@media(max-width:700px){.maintenance-access-title{align-items:flex-start;flex-direction:column;gap:2px}}

/* v0.8.5 · Programmverwaltung */
.program-watchdog-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 15px;margin-bottom:12px}.program-watchdog-banner>div{display:flex;align-items:center;gap:10px}.program-watchdog-banner b{display:block;font-size:12px}.program-watchdog-banner small{display:block;margin-top:2px;color:#74747f;font-size:9px}.program-watchdog-banner>span{font-size:9px;color:#777783;text-align:right}.program-watchdog-banner>span.bad{color:#ff8795}.program-watchdog-pulse{width:9px;height:9px;border-radius:50%;background:var(--good);box-shadow:0 0 14px rgba(53,208,127,.55)}
.program-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.program-summary{padding:14px}.program-summary>span{display:block;color:#7f7f8a;font-size:9px;margin-bottom:6px}.program-summary>strong{display:block;color:#f0f0f4;font-size:20px;line-height:1.1}.program-summary>small{display:block;color:#666672;font-size:8px;margin-top:5px}
.panel-autostart-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 15px;margin-bottom:14px}.panel-autostart-info{display:flex;align-items:center;gap:10px}.panel-autostart-info b{display:block;font-size:11px}.panel-autostart-info small{display:block;margin-top:3px;color:#70707b;font-size:9px}.panel-autostart-actions{display:flex;align-items:center;gap:10px}.panel-autostart-actions>strong{font-size:9px;color:#8a8a95}.control-dot{width:8px;height:8px;border-radius:50%;background:var(--good);box-shadow:0 0 12px rgba(53,208,127,.45);flex:0 0 auto}.control-dot.offline{background:#666672;box-shadow:none}
.program-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}.program-card{padding:14px;border-color:#292932}.program-card.program-online{border-color:rgba(53,208,127,.20)}.program-card.program-offline{border-color:rgba(255,79,100,.18)}.program-card.program-warning{border-color:rgba(241,184,75,.22)}.program-card.program-disabled{opacity:.72}.program-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.program-card-head>div{display:flex;align-items:center;gap:8px;min-width:0}.program-card-head strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.program-status-dot{width:7px;height:7px;border-radius:50%;background:#777783;flex:0 0 auto}.program-online .program-status-dot{background:var(--good);box-shadow:0 0 10px rgba(53,208,127,.45)}.program-offline .program-status-dot{background:var(--bad);box-shadow:0 0 10px rgba(255,79,100,.35)}.program-warning .program-status-dot{background:#f1b84b}.program-state{font-size:9px;color:#7f7f8a}.program-online .program-state{color:#76dca4}.program-offline .program-state{color:#ff8795}.program-warning .program-state{color:#e6bd6d}.program-description{margin:0 0 11px;color:#72727d;font-size:9px;line-height:1.45}.program-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:11px}.program-meta>div{padding:8px;border:1px solid #25252c;border-radius:8px;background:#101015;min-width:0}.program-meta span{display:block;color:#666672;font-size:8px;margin-bottom:3px}.program-meta b{display:block;color:#d8d8de;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.program-autostart{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #23232a;border-bottom:1px solid #23232a;cursor:pointer}.program-autostart>span{display:grid;gap:2px}.program-autostart b{font-size:9px;color:#d3d3d9}.program-autostart small{font-size:8px;color:#686873}.program-autostart input{position:absolute;opacity:0;pointer-events:none}.program-autostart i{position:relative;width:40px;height:22px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.10);transition:.18s;flex:0 0 auto}.program-autostart i:after{content:'';position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#aaa;transition:.18s}.program-autostart input:checked+i{background:rgba(102,2,163,.55);border-color:rgba(206,174,253,.45)}.program-autostart input:checked+i:after{left:21px;background:#fff}.program-autostart input:disabled+i{opacity:.4;cursor:not-allowed}.program-note{min-height:16px;padding-top:8px;color:#74747f;font-size:8px}.program-note.bad,.program-last-error{color:#ff8795}.program-last-error{margin-top:4px;padding:7px 8px;border:1px solid rgba(255,79,100,.18);border-radius:7px;background:rgba(255,79,100,.05);font-size:8px}.program-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:10px}.program-actions .btn{min-width:76px}.program-audit-row{display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 15px;border-bottom:1px solid #202027}.program-audit-row:last-child{border-bottom:0}.program-audit-dot{width:6px;height:6px;border-radius:50%;background:#7c2aac}.program-audit-row b{display:block;font-size:10px;color:#dcdce2}.program-audit-row small{display:block;margin-top:3px;color:#70707b;font-size:8px}.program-audit-row>span:last-child{font-size:9px;color:#74747f}
@media(max-width:1100px){.program-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.program-service-grid{grid-template-columns:1fr}}@media(max-width:700px){.program-summary-grid{grid-template-columns:1fr}.panel-autostart-card{align-items:flex-start;flex-direction:column}.panel-autostart-actions{width:100%;justify-content:space-between}.program-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.program-watchdog-banner{align-items:flex-start;flex-direction:column}.program-watchdog-banner>span{text-align:left}.program-actions{justify-content:stretch}.program-actions .btn{flex:1;min-width:0}}

/* v0.8.5 · Mehrteilige Programme */
.program-components{display:grid;gap:6px;margin:0 0 10px}.program-component{display:grid;grid-template-columns:7px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 9px;border:1px solid #25252c;border-radius:8px;background:#101015}.program-component-dot{width:6px;height:6px;border-radius:50%;background:#777783}.program-component.online .program-component-dot{background:var(--good);box-shadow:0 0 9px rgba(53,208,127,.4)}.program-component.offline .program-component-dot{background:var(--bad)}.program-component.warning .program-component-dot{background:#f1b84b}.program-component b{display:block;font-size:9px;color:#d8d8de}.program-component small{display:block;margin-top:2px;font-size:8px;color:#666672;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.program-component>strong{font-size:8px;font-weight:600;color:#74747f}.program-component.online>strong{color:#76dca4}.program-component.offline>strong{color:#ff8795}.program-component.warning>strong{color:#e6bd6d}

/* v0.8.8 · Player table sorting */
.table-sort {
  appearance:none; border:0; background:transparent; color:inherit; font:inherit; font-weight:inherit;
  padding:0; margin:0; cursor:pointer; display:inline-flex; align-items:center; gap:6px;
}
.table-sort span { color:var(--muted, #8f91a1); font-size:11px; line-height:1; }
.table-sort:hover, .table-sort.active { color:#fff; }
.table-sort.active span { color:#b96cff; }

/* v0.9.0 · Responsive UI System */
:root{
  --content-max:2200px;
  --sidebar-width:244px;
  --topbar-height:68px;
  --radius-lg:16px;
  --radius-md:11px;
  --surface-glass:rgba(18,18,22,.94);
  --focus:0 0 0 3px rgba(139,35,201,.18);
}
html{font-size:16px;scroll-behavior:smooth}
body{overflow-x:hidden;background:
  radial-gradient(circle at 72% -10%,rgba(102,2,163,.10),transparent 27rem),
  radial-gradient(circle at 4% 90%,rgba(102,2,163,.055),transparent 25rem),
  var(--bg)}
button,input,select{min-width:0}
button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:none;box-shadow:var(--focus)}

.shell{grid-template-columns:var(--sidebar-width) minmax(0,1fr)}
.sidebar{
  width:var(--sidebar-width);padding:20px 14px 16px;
  background:linear-gradient(180deg,rgba(16,16,20,.98),rgba(12,12,16,.98));
  border-right-color:#23232a;z-index:30;
}
.brand{padding:1px 7px 20px;gap:11px}.brand-logo{width:50px;height:44px}.brand strong{font-size:15px;letter-spacing:-.015em}.brand span{font-size:10px}
.nav-item{min-height:42px;padding:10px 12px;border-radius:10px;font-size:13px;transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease}
.nav-item:hover{transform:translateX(2px)}
.nav-item.active{box-shadow:inset 3px 0 0 var(--rpo2);background:linear-gradient(90deg,rgba(102,2,163,.28),rgba(102,2,163,.055) 82%)}
.nav-label{padding:17px 11px 6px;font-size:9px;letter-spacing:.13em}
.sidebar-foot{padding:14px 7px 0}.user-mini{line-height:1.35}

.topbar{height:var(--topbar-height);padding:0 clamp(18px,1.6vw,34px);gap:14px;border-bottom-color:#222229;background:rgba(8,8,10,.78)}
.global-search-wrap{max-width:min(820px,62vw)}
.search-global{height:40px;border-radius:10px;background:rgba(14,14,18,.88);transition:border-color .14s ease,box-shadow .14s ease}
.search-global:focus-within{border-color:rgba(139,35,201,.62);box-shadow:var(--focus)}
.status-pill{background:rgba(18,18,22,.72);min-height:34px}
.view{width:100%;max-width:var(--content-max);padding:clamp(20px,1.7vw,38px);margin-inline:auto}
.page-head{align-items:center;margin-bottom:clamp(18px,1.4vw,28px)}
.page-head h1{font-size:clamp(23px,1.25vw,32px);letter-spacing:-.035em;font-weight:760}.page-head p{font-size:clamp(12px,.68vw,14px);line-height:1.45}
.actions{flex-wrap:wrap;justify-content:flex-end}
.btn{min-height:39px;border-radius:9px;padding:8px 13px;transition:background .14s ease,border-color .14s ease,transform .12s ease,box-shadow .14s ease}
.btn:hover:not(:disabled){transform:translateY(-1px)}

.card,.stat-card{border-color:#292930;background:linear-gradient(180deg,rgba(20,20,25,.96),rgba(16,16,21,.96));border-radius:var(--radius-lg);box-shadow:0 18px 50px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.018)}
.card{padding:clamp(15px,1vw,20px)}
.stat-card{padding:clamp(17px,1.1vw,23px)}
.stat-card .k{font-size:clamp(11px,.63vw,13px)}.stat-card .v{font-size:clamp(27px,1.55vw,38px);letter-spacing:-.035em}
.stats{gap:clamp(10px,.8vw,16px);margin-bottom:clamp(12px,.8vw,16px)}
.card-title{margin-bottom:clamp(12px,.75vw,16px)}.card-title h2{font-size:clamp(13px,.76vw,16px)}.card-title span{font-size:clamp(10px,.58vw,12px)}
.dashboard-grid{grid-template-columns:minmax(0,1.65fr) minmax(320px,.65fr);gap:clamp(12px,.8vw,17px)}
.chart{height:clamp(230px,15vw,330px)}
.team-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(9px,.7vw,14px)}
.team-role-card,.job-card{border-radius:12px}.team-role-card{padding:clamp(11px,.75vw,15px)}
.jobs-grid{gap:clamp(8px,.6vw,12px)}

.table-wrap{border:1px solid #24242c;border-radius:12px;overflow:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#3a3a44 transparent}
.table{min-width:760px}.table th{position:sticky;top:0;z-index:2;background:#131318;padding:12px 11px;font-size:11px;white-space:nowrap}.table td{padding:13px 11px}
.table tr:last-child td{border-bottom:0}.table tr.clickable{transition:background .12s ease}.table tr.clickable:hover{background:#19191f}
.table-tools{gap:12px;flex-wrap:wrap}.search-box{min-width:min(320px,100%);flex:1;max-width:520px;border-radius:10px}.filters{gap:7px}.filters select{min-width:130px;border-radius:9px}
.pager{padding-top:2px}.pager button,.page-jump input{min-height:34px}

.player-head{align-items:center;margin-bottom:16px}.avatar{width:52px;height:52px;border-radius:16px}.identity h1{font-size:clamp(19px,1vw,24px)}
.player-actions{max-width:65%}.tabs{padding:5px;border-radius:12px;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{min-height:38px;padding:9px 14px}
.profile-grid{grid-template-columns:minmax(290px,360px) minmax(0,1fr);gap:clamp(12px,.8vw,17px)}
.info-row{grid-template-columns:minmax(100px,120px) minmax(0,1fr);padding:12px 0}.money-grid{gap:12px}

.modal-backdrop{padding:clamp(12px,2vw,24px)}.modal{width:min(560px,100%);max-height:min(88vh,860px);overflow:auto;border-radius:18px;padding:clamp(17px,1.25vw,22px)}
.toast-host{max-width:min(380px,calc(100vw - 24px))}.toast{min-width:min(280px,calc(100vw - 24px));border-radius:11px}

.mobile-nav-toggle,.nav-backdrop{display:none}

/* Large desktop / 4K: use the available canvas instead of leaving the UI tiny in the middle. */
@media (min-width:1921px){
  :root{--content-max:2360px;--sidebar-width:270px;--topbar-height:76px}
  .sidebar{padding:24px 17px 18px}.brand-logo{width:58px;height:50px}.brand strong{font-size:17px}.brand span{font-size:12px}
  .nav-item{min-height:48px;font-size:15px;padding:11px 14px}.nav-item>span{width:21px}.nav-label{font-size:10px}
  .search-global{height:44px}.search-global input{font-size:14px}.status-pill{font-size:13px;padding:8px 13px}
  .btn{font-size:14px;min-height:42px}.table th{font-size:12px}.table td{font-size:14px}.sub{font-size:11px}.badge{font-size:11px}
  .online-row b{font-size:13px}.online-row small{font-size:11px}
  .team-role-head{font-size:12px}.team-member{font-size:11px}.job-card span{font-size:12px}
  .program-description,.program-state,.program-meta b,.program-autostart b{font-size:10px}.program-meta span,.program-autostart small,.program-note{font-size:9px}
}

/* Laptop / Full-HD: slightly denser, but never squeezed. */
@media (max-width:1366px){
  :root{--sidebar-width:218px}.view{padding:22px}.topbar{padding-inline:22px}.dashboard-grid{grid-template-columns:minmax(0,1.45fr) minmax(300px,.7fr)}
  .profile-grid{grid-template-columns:310px minmax(0,1fr)}
  .program-meta{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:1050px){
  :root{--sidebar-width:205px}.view{padding:20px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stats>.stat-card:last-child:nth-child(odd){grid-column:1/-1}
  .team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.profile-grid{grid-template-columns:1fr}
  .player-actions{max-width:none}.page-head{align-items:flex-start}.program-service-grid{grid-template-columns:1fr}
}

/* Mobile drawer navigation */
@media (max-width:760px){
  :root{--topbar-height:60px}
  body.nav-open{overflow:hidden}
  .shell{display:block;min-height:100dvh}
  .sidebar{
    position:fixed;left:0;top:0;bottom:0;height:100dvh;width:min(86vw,320px);z-index:80;
    padding:18px 14px;transform:translateX(-105%);transition:transform .22s cubic-bezier(.2,.8,.2,1);
    box-shadow:24px 0 70px rgba(0,0,0,.55);overflow-y:auto;
  }
  body.nav-open .sidebar{transform:translateX(0)}
  .sidebar nav{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;gap:5px}
  .nav-label{display:block!important}.sidebar-foot{display:block!important;margin-top:24px}
  .nav-item{min-height:46px;font-size:14px}
  .nav-backdrop{display:block;position:fixed;inset:0;z-index:70;border:0;background:rgba(0,0,0,.62);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .2s ease}
  body.nav-open .nav-backdrop{opacity:1;pointer-events:auto}
  .mobile-nav-toggle{display:grid;place-content:center;gap:4px;width:40px;height:40px;flex:0 0 40px;border:1px solid #2b2b33;background:#121217;border-radius:10px;cursor:pointer}
  .mobile-nav-toggle span{display:block;width:17px;height:1.5px;border-radius:999px;background:#d8d8df;transition:transform .18s ease,opacity .18s ease}
  body.nav-open .mobile-nav-toggle span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}
  body.nav-open .mobile-nav-toggle span:nth-child(2){opacity:0}
  body.nav-open .mobile-nav-toggle span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}
  .topbar{height:var(--topbar-height);padding:0 12px;gap:9px;z-index:40}.global-search-wrap{max-width:none}.search-global{height:40px;padding:0 10px}.search-global input{font-size:13px}.status-pill{display:none}
  .global-search-results{top:54px!important;left:8px!important;right:8px!important;max-height:min(70dvh,520px)}
  .view{padding:15px 12px 28px;max-width:none}
  .page-head{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:17px}.page-head h1{font-size:23px}.page-head p{font-size:12px}.page-head .actions{justify-content:flex-start;width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px;scrollbar-width:none}.page-head .actions::-webkit-scrollbar{display:none}.page-head .actions:empty{display:none}.page-head .actions>.btn{flex:0 0 auto}
  .btn{min-height:42px}.btn.small{min-height:36px}
  .stats,.stats.two{grid-template-columns:1fr 1fr!important;gap:9px}.stats>.stat-card:last-child:nth-child(odd){grid-column:1/-1}.stat-card{padding:14px}.stat-card .v{font-size:25px}
  .card{padding:14px;border-radius:14px}.card-title{align-items:flex-start;gap:8px}.card-title h2{font-size:13px}
  .team-grid{grid-template-columns:1fr!important}.jobs-grid{grid-template-columns:1fr 1fr!important}.dashboard-grid{grid-template-columns:1fr}.chart{height:220px}
  .table-tools{align-items:stretch;flex-direction:column}.search-box{max-width:none;width:100%;min-width:0}.filters{display:grid!important;grid-template-columns:1fr 1fr;width:100%;gap:8px}.filters select{width:100%;min-width:0;height:42px}
  .table-wrap{margin-inline:-2px;border-radius:10px}.table{min-width:680px}.table th{font-size:10px;padding:10px 9px}.table td{font-size:12px;padding:11px 9px}.table-wrap:after{content:'';position:sticky;right:0;display:block;width:18px;height:1px;float:right;box-shadow:-12px 0 18px rgba(0,0,0,.35);pointer-events:none}
  .pager{align-items:stretch;flex-direction:column}.pager-controls{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px;scrollbar-width:none}.page-jump{margin-left:2px;flex:0 0 auto}
  .player-head{align-items:flex-start;flex-direction:column}.identity{width:100%}.identity p{word-break:break-word}.player-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.player-actions .btn{width:100%;min-width:0}.action-separator{display:none!important}
  .tabs{margin-inline:-1px}.tab{min-height:42px;padding:9px 13px}.profile-grid{grid-template-columns:1fr}.info-row{grid-template-columns:105px minmax(0,1fr)}.money-grid{grid-template-columns:1fr!important}
  .row-actions{flex-wrap:wrap}.job-line{align-items:flex-start;gap:8px}.job-line .row-actions{justify-content:flex-end}
  .health-grid{grid-template-columns:1fr}.server-metrics-grid,.server-diagnostics-grid,.stats-history-grid,.server-info-grid,.server-lower-grid{grid-template-columns:1fr!important}
  .control-status-strip,.control-status-five{grid-template-columns:1fr 1fr!important}.server-control-grid{grid-template-columns:1fr}.control-form-row{flex-direction:column}.control-form-row>*{width:100%!important}
  .control-resource-tools{width:100%;flex-direction:column}.control-resource-tools input,.control-resource-tools select{width:100%!important}.console-tools{display:grid;grid-template-columns:1fr 1fr;width:100%}.console-tools input{grid-column:1/-1}.server-console-output{height:44dvh;min-height:280px;font-size:10px}
  .program-summary-grid{grid-template-columns:1fr 1fr!important}.program-service-grid{grid-template-columns:1fr}.panel-autostart-card,.program-watchdog-banner{align-items:flex-start;flex-direction:column}.panel-autostart-actions{width:100%;display:grid;grid-template-columns:1fr auto}.program-meta{grid-template-columns:1fr 1fr}.program-actions{display:grid;grid-template-columns:repeat(3,1fr);width:100%}.program-actions .btn{min-width:0;width:100%}
  .teleport-destination-list{grid-template-columns:1fr!important}
  .modal-backdrop{align-items:end;padding:0}.modal{width:100%;max-width:none;max-height:92dvh;border-radius:18px 18px 0 0;border-bottom:0;padding:18px 16px calc(18px + env(safe-area-inset-bottom));animation:rpoMobileModalIn .2s cubic-bezier(.2,.8,.2,1)}
  .modal-actions{position:sticky;bottom:0;margin-inline:-2px;padding-top:12px;padding-bottom:2px;background:linear-gradient(180deg,rgba(20,20,25,0),#141419 18%)}
  .toast-host{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));max-width:none}.toast{width:100%;min-width:0}
  .login{padding:16px}.login-card{padding:28px 22px;border-radius:18px}.login-logo{max-width:64%}
}

@media (max-width:480px){
  .stats,.stats.two{grid-template-columns:1fr!important}.stats>.stat-card:last-child:nth-child(odd){grid-column:auto}.jobs-grid{grid-template-columns:1fr!important}
  .filters{grid-template-columns:1fr!important}.player-actions{grid-template-columns:1fr 1fr}.control-status-strip,.control-status-five{grid-template-columns:1fr!important}
  .program-summary-grid{grid-template-columns:1fr!important}.program-meta{grid-template-columns:1fr 1fr}.program-actions{grid-template-columns:1fr 1fr}.program-actions .btn:last-child:nth-child(odd){grid-column:1/-1}
  .info-row{grid-template-columns:1fr;gap:5px}.job-line{flex-direction:column}.job-line .row-actions{width:100%;justify-content:flex-start}
  .modal-actions,.confirm-actions{grid-template-columns:1fr 1fr}.modal-actions .btn{min-width:0}
}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
@keyframes rpoMobileModalIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}

/* v0.9.2 · Premium visual system + unified SVG icons */
:root{
  --rpo:#6602a3;
  --rpo-bright:#8f2fd0;
  --rpo-soft:#b96be8;
  --bg:#07080c;
  --panel:#101219;
  --panel2:#151821;
  --panel3:#1a1d27;
  --sidebar:#0b0d12;
  --line:rgba(255,255,255,.075);
  --line-strong:rgba(255,255,255,.12);
  --text:#f7f7fb;
  --muted:#8f94a5;
  --muted-2:#686d7d;
  --good:#38d58a;
  --warn:#e7b94f;
  --bad:#ff5d70;
  --shadow:0 18px 50px rgba(0,0,0,.28);
  --shadow-soft:0 8px 28px rgba(0,0,0,.18);
  --focus:0 0 0 3px rgba(143,47,208,.20);
}
html,body{background:var(--bg)}
body{
  color:var(--text);
  font-feature-settings:"kern" 1,"liga" 1,"tnum" 1;
  text-rendering:optimizeLegibility;
  background:
    radial-gradient(circle at 85% -8%,rgba(102,2,163,.12),transparent 34rem),
    radial-gradient(circle at 8% 110%,rgba(102,2,163,.055),transparent 36rem),
    linear-gradient(180deg,#07080c 0%,#090a0f 46%,#07080c 100%);
}
::selection{background:rgba(143,47,208,.36);color:#fff}

.rpo-icon{width:1em;height:1em;display:block;flex:0 0 auto;overflow:visible;color:currentColor}
.btn .rpo-icon{width:16px;height:16px}
.icon-btn .rpo-icon{width:16px;height:16px;margin:auto}
.modal-x .rpo-icon{width:17px;height:17px}
.confirm-icon .rpo-icon{width:23px;height:23px}
.search-icon .rpo-icon{width:16px;height:16px}
.table-sort .rpo-icon{width:13px;height:13px}
.dashboard-jobs-chevron .rpo-icon{width:17px;height:17px}
.network-values .rpo-icon{width:12px;height:12px;display:inline-block;vertical-align:-2px;margin-right:4px}

.sidebar{
  background:
    linear-gradient(180deg,rgba(18,19,27,.96),rgba(10,11,16,.99)),
    var(--sidebar);
  border-right:1px solid var(--line);
  box-shadow:18px 0 50px rgba(0,0,0,.12);
}
.brand{position:relative;padding-bottom:22px;margin-bottom:4px}
.brand:after{content:"";position:absolute;left:7px;right:7px;bottom:0;height:1px;background:linear-gradient(90deg,var(--line-strong),transparent)}
.brand-logo{filter:drop-shadow(0 6px 18px rgba(102,2,163,.16))}
.brand strong{font-weight:750;letter-spacing:-.025em;color:#fff}
.brand span{color:#747988;letter-spacing:.01em}
.nav-label{color:#5f6473;font-weight:700;letter-spacing:.14em}
.nav-item{
  position:relative;
  border-color:transparent;
  color:#b8bcc8;
  font-weight:560;
  letter-spacing:-.01em;
}
.nav-item:hover{background:rgba(255,255,255,.038);color:#f3f4f7;transform:none}
.nav-item.active{
  color:#fff;
  border-color:rgba(143,47,208,.24);
  background:linear-gradient(90deg,rgba(102,2,163,.24),rgba(102,2,163,.07));
  box-shadow:inset 3px 0 0 var(--rpo-bright),0 4px 18px rgba(45,3,69,.08);
}
.nav-icon{
  width:30px!important;height:30px!important;display:grid!important;place-items:center!important;
  border:1px solid rgba(255,255,255,.06);border-radius:8px;
  background:rgba(255,255,255,.022);color:#8f94a4!important;transition:.15s ease;
}
.nav-icon .rpo-icon{width:15px;height:15px}
.nav-item:hover .nav-icon{color:#d7dae3!important;border-color:rgba(255,255,255,.10);background:rgba(255,255,255,.04)}
.nav-item.active .nav-icon{color:#d8a7f3!important;background:rgba(102,2,163,.18);border-color:rgba(185,107,232,.22);box-shadow:0 0 22px rgba(102,2,163,.14)}
.nav-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar-foot{border-top-color:var(--line);padding-top:15px}
.user-mini b{display:block;color:#eff0f4;font-weight:650}.user-mini .sub{color:#737887}
.logout{display:inline-flex;align-items:center;gap:7px;color:#777c8a;transition:.15s ease}.logout .rpo-icon{width:14px;height:14px}.logout:hover{color:#fff}

.topbar{
  border-bottom:1px solid var(--line);
  background:rgba(7,8,12,.76);
  box-shadow:0 10px 28px rgba(0,0,0,.09);
  backdrop-filter:blur(22px) saturate(125%);
}
.search-global{
  border-color:var(--line-strong);
  background:rgba(15,17,24,.84);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.022),0 5px 18px rgba(0,0,0,.08);
}
.search-global:focus-within{border-color:rgba(143,47,208,.52);background:rgba(17,19,27,.96);box-shadow:var(--focus),0 8px 24px rgba(0,0,0,.12)}
.search-leading{color:#727887;display:grid;place-items:center}.search-leading .rpo-icon{width:16px;height:16px}
.search-global input{font-size:13px;letter-spacing:-.005em}.search-global input::placeholder{color:#686d7c}
.search-hint{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#555a68;border-left:1px solid var(--line);padding-left:10px;white-space:nowrap}
.status-pill{border-color:var(--line);background:rgba(16,18,25,.74);box-shadow:inset 0 1px 0 rgba(255,255,255,.02);color:#a9adba}
.status-pill i{width:7px;height:7px}

.page-head{position:relative;padding-bottom:2px}
.page-head-copy{min-width:0}
.page-eyebrow{display:block;margin-bottom:6px;font-size:9px;font-weight:760;text-transform:uppercase;letter-spacing:.16em;color:#806493}
.page-head h1{font-weight:770;letter-spacing:-.04em;line-height:1.06;color:#fafafd}
.page-head p{color:#858a9a;max-width:850px}

.card,.stat-card{
  border:1px solid var(--line);
  background:
    linear-gradient(180deg,rgba(19,21,29,.965),rgba(13,15,21,.985));
  box-shadow:var(--shadow-soft),inset 0 1px 0 rgba(255,255,255,.025);
}
.card:hover{border-color:rgba(255,255,255,.09)}
.stat-card{isolation:isolate}
.stat-card:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(185,107,232,.38),transparent);opacity:.55}
.stat-card:after{width:120px;height:120px;right:-42px;top:-52px;background:radial-gradient(circle,rgba(102,2,163,.16),transparent 68%);filter:none;z-index:-1}
.stat-card-head{display:flex;align-items:center;gap:9px}.stat-card .k{font-weight:590;color:#9297a7}
.stat-icon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;color:#c088e0;background:rgba(102,2,163,.12);border:1px solid rgba(185,107,232,.15)}
.stat-icon .rpo-icon{width:14px;height:14px}
.stat-card .v{margin-top:14px;font-weight:780;color:#fff;font-variant-numeric:tabular-nums}
.card-title h2{font-weight:680;letter-spacing:-.018em;color:#f4f5f8}.card-title span{color:#737887}

.btn{
  border-color:var(--line-strong);
  background:linear-gradient(180deg,rgba(29,31,41,.94),rgba(20,22,30,.96));
  color:#e9eaf0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 4px 12px rgba(0,0,0,.10);
  font-weight:590;
  letter-spacing:-.005em;
}
.btn:hover:not(:disabled){background:linear-gradient(180deg,rgba(35,38,49,.98),rgba(24,26,35,.98));border-color:rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 7px 18px rgba(0,0,0,.14)}
.btn.primary{background:linear-gradient(180deg,#7a15b6,#5c018f);border-color:#851ebf;color:#fff;box-shadow:0 7px 20px rgba(102,2,163,.22),inset 0 1px 0 rgba(255,255,255,.13)}
.btn.primary:hover:not(:disabled){background:linear-gradient(180deg,#8823c5,#68059a);border-color:#9830cf;box-shadow:0 10px 26px rgba(102,2,163,.28),inset 0 1px 0 rgba(255,255,255,.14)}
.btn.danger{background:linear-gradient(180deg,rgba(255,93,112,.105),rgba(255,93,112,.065));border-color:rgba(255,93,112,.28);color:#ff8998}
.btn.danger:hover:not(:disabled){background:rgba(255,93,112,.14);border-color:rgba(255,93,112,.40)}
.btn.ghost{box-shadow:none;background:transparent}
.btn:disabled{opacity:.38;filter:saturate(.75)}
.btn.compact{min-height:31px;padding:5px 9px;font-size:10px}

.btn.action-screen{background:linear-gradient(180deg,rgba(32,35,45,.94),rgba(22,24,32,.96));border-color:var(--line-strong);color:#d9dce4}
.btn.action-revive{background:rgba(56,213,138,.075);border-color:rgba(56,213,138,.25);color:#80e9b4}
.btn.action-char{background:rgba(102,2,163,.10);border-color:rgba(185,107,232,.26);color:#d9a6f4}
.btn.action-kill{background:rgba(255,93,112,.075);border-color:rgba(255,93,112,.24);color:#ff8e9c}
.btn.action-kick{background:rgba(236,154,70,.075);border-color:rgba(236,154,70,.24);color:#f6b675}
.action-separator{background:var(--line)!important}

.search-box,.field input,.field select,.control-form-row input,.control-form-row select,.control-standalone-label input,.control-resource-tools input,.control-resource-tools select,.console-tools input,.console-tools select,.server-console-input input,textarea{
  border-color:var(--line-strong)!important;
  background:#0b0d12!important;
  color:#f1f2f6!important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.16);
}
.search-box:focus-within,.field input:focus,.field select:focus,.control-form-row input:focus,.control-form-row select:focus,.control-standalone-label input:focus,.control-resource-tools input:focus,.control-resource-tools select:focus,.console-tools input:focus,.console-tools select:focus,.server-console-input input:focus,textarea:focus{border-color:rgba(143,47,208,.52)!important;box-shadow:var(--focus)!important;outline:none}
.search-box>span{color:#6e7381}.search-box>span .rpo-icon{width:15px;height:15px}

.table-wrap{border:1px solid var(--line);background:rgba(7,8,12,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.012)}
.table th{background:#11131a;color:#727887;border-bottom-color:var(--line);font-weight:690;text-transform:uppercase;letter-spacing:.045em;font-size:9.5px}
.table td{border-bottom-color:rgba(255,255,255,.052);color:#d9dbe3}
.table tbody tr{transition:background .12s ease}.table tbody tr:hover{background:rgba(255,255,255,.024)}
.table tr.clickable:hover{background:rgba(102,2,163,.065)}
.sub{color:#6f7484}.mono{font-variant-ligatures:none}
.icon-btn{display:grid;place-items:center;border-color:var(--line-strong);background:#0d0f15;color:#afb4c2;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}
.icon-btn:hover{background:#171a22;color:#fff;border-color:rgba(255,255,255,.16)}
.icon-btn.danger{color:#f17b89;background:rgba(255,93,112,.03)}

.badge{border:1px solid rgba(255,255,255,.055);background:#1a1d25;color:#b9bdc9;font-weight:650}
.badge.purple{border-color:rgba(185,107,232,.14);background:rgba(102,2,163,.14);color:#d7a5f1}
.badge.green{border-color:rgba(56,213,138,.15);background:rgba(56,213,138,.09);color:#7fe9b3}
.badge.red{border-color:rgba(255,93,112,.16);background:rgba(255,93,112,.08);color:#ff8998}

.tabs{background:#0d0f15;border-color:var(--line);box-shadow:inset 0 1px 0 rgba(255,255,255,.016)}
.tab{color:#878c9a;font-weight:590}.tab:hover{color:#d7d9e1;background:rgba(255,255,255,.025)}.tab.active{color:#fff;background:#1a1d26;box-shadow:0 3px 10px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.035)}
.avatar{background:linear-gradient(145deg,#242734,#12141b);border-color:var(--line-strong);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);color:#e2b8f6}
.identity h1{font-weight:740;letter-spacing:-.03em}.identity p{color:#6f7484}
.info-row{border-bottom-color:rgba(255,255,255,.055)}.info-row span:first-child{color:#737887}.job-line,.money-card{background:#11131a;border-color:var(--line)}

.global-search-results{background:rgba(15,17,24,.98);border-color:var(--line-strong);box-shadow:0 28px 80px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.03);backdrop-filter:blur(18px)}
.search-group+.search-group{border-top-color:var(--line)}.search-group-title{color:#666b79;font-weight:720}
.search-hit{color:#e9eaf0}.search-hit:hover{background:rgba(255,255,255,.04)}.search-hit small{color:#777c8a}
.search-icon{border-color:var(--line);background:#11141b;color:#b877dc}

.dashboard-jobs-card>summary,.server-resources-card>summary,.recent-actions-card>summary{transition:background .14s ease}
.dashboard-jobs-card>summary:hover,.server-resources-card>summary:hover,.recent-actions-card>summary:hover{background:rgba(255,255,255,.018)}
.dashboard-jobs-chevron{display:grid;place-items:center;color:#787d8c!important}.dashboard-jobs-card[open] .dashboard-jobs-chevron,.server-resources-card[open] .dashboard-jobs-chevron,.recent-actions-card[open] .dashboard-jobs-chevron{transform:rotate(180deg)}
.team-role-card,.job-card{background:#0f1117;border-color:var(--line);box-shadow:inset 0 1px 0 rgba(255,255,255,.018)}
.team-member:hover,.online-row:hover{background:rgba(255,255,255,.028)}

.control-status-strip,.program-watchdog-banner,.panel-autostart-card{border-color:var(--line)!important;background:linear-gradient(180deg,rgba(18,20,27,.96),rgba(13,15,21,.98))!important;box-shadow:var(--shadow-soft),inset 0 1px 0 rgba(255,255,255,.025)}
.server-console-output{background:#07080b;border-color:var(--line);color:#c9cdd7;box-shadow:inset 0 0 0 1px rgba(255,255,255,.008)}
.server-console-input>span{color:#8c63a2;font-weight:700}
.program-component{background:#0d0f15;border-color:var(--line)}
.program-service-card{border-color:var(--line)!important;background:linear-gradient(180deg,#12141b,#0e1016)!important}

.modal-backdrop{background:rgba(2,3,6,.76);backdrop-filter:blur(7px)}
.modal{background:linear-gradient(180deg,#151720,#101219);border-color:var(--line-strong);box-shadow:0 35px 110px rgba(0,0,0,.70),inset 0 1px 0 rgba(255,255,255,.035)}
.modal-x{display:grid!important;place-items:center!important;background:#101219!important;border-color:var(--line-strong)!important;color:#8f94a4!important}.modal-x:hover{background:#1b1e27!important;color:#fff!important}
.confirm-kicker{font-weight:760;letter-spacing:.14em;color:#79538d}.confirm-head h3{font-weight:720;letter-spacing:-.025em}.confirm-icon{display:grid;place-items:center;border-radius:12px}.confirm-subject{background:#0b0d12!important;border-color:var(--line-strong)!important}
.toast{background:#151820;border-color:var(--line-strong);box-shadow:0 18px 50px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.03)}

.login{background:radial-gradient(circle at 50% 22%,rgba(102,2,163,.20),transparent 30rem),linear-gradient(180deg,#08090e,#06070a)}
.login-card{background:linear-gradient(180deg,rgba(19,21,29,.98),rgba(12,14,20,.99));border-color:var(--line-strong);box-shadow:0 40px 110px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.04)}
.login-card h1{font-weight:780;letter-spacing:-.04em}.login-card p{color:#858a99}

.pager button{display:grid;place-items:center;border-color:var(--line);background:#101219;color:#aeb3c0}.pager button .rpo-icon{width:14px;height:14px}.pager button:hover:not(:disabled){background:#1a1d26;border-color:var(--line-strong);color:#fff}.pager button.active{background:rgba(102,2,163,.22);border-color:rgba(185,107,232,.26);color:#e5c5f5}
.table-sort span{display:inline-grid;place-items:center}.table-sort.active span{color:#c684e8}

@media (min-width:1921px){
  .nav-icon{width:34px!important;height:34px!important}.nav-icon .rpo-icon{width:17px;height:17px}
  .rpo-icon{stroke-width:1.75}
  .page-eyebrow{font-size:10px}
}

@media (max-width:760px){
  .sidebar{background:linear-gradient(180deg,#11131a,#090b10);border-right-color:var(--line-strong)}
  .brand{margin-bottom:6px}.nav-item{min-height:48px;padding:8px 10px}.nav-icon{width:32px!important;height:32px!important}
  .search-hint{display:none}.topbar{background:rgba(7,8,12,.90)}
  .page-eyebrow{font-size:8px;margin-bottom:5px}.page-head h1{font-size:24px}.page-head p{color:#7f8493}
  .card,.stat-card{box-shadow:0 10px 30px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.024)}
  .stat-card-head{gap:8px}.stat-icon{width:26px;height:26px}.stat-card .v{margin-top:11px}
  .player-actions .btn{justify-content:flex-start;padding-inline:12px}
  .btn .rpo-icon{width:15px;height:15px}
  .global-search-results{background:#101219}
  .modal{background:linear-gradient(180deg,#161923,#101219)}
  .table th{font-size:9px}
}

@media (max-width:480px){
  .brand-logo{width:44px;height:39px}.brand strong{font-size:14px}
  .player-actions .btn{font-size:12px}
  .page-head h1{font-size:22px}
}

/* v0.9.2 · Sidebar label width fix */
.nav-item > .nav-text{
  width:auto !important;
  flex:1 1 auto;
  min-width:0;
  text-align:left;
  color:inherit;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* v1.0.1 · Rechteverwaltung & Rollenansicht */
.permission-hidden{display:none!important}
.permission-admin-note{display:flex;align-items:center;gap:14px;margin-bottom:16px;padding:16px 18px;border:1px solid rgba(185,107,232,.20);border-radius:16px;background:linear-gradient(135deg,rgba(102,2,163,.13),rgba(18,20,28,.94));box-shadow:var(--shadow-soft)}
.permission-admin-note>div{flex:1;min-width:0}.permission-admin-note b{display:block;font-size:14px}.permission-admin-note p{margin:4px 0 0;color:#8b90a0;font-size:12px}.permission-admin-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(102,2,163,.18);border:1px solid rgba(185,107,232,.22);color:#d2a2ec}.permission-admin-icon .rpo-icon{width:18px;height:18px}
.permission-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:16px;align-items:start}
.permission-role-panel{position:sticky;top:82px;padding:12px}.permission-role-panel-head{padding:6px 8px 12px;border-bottom:1px solid var(--line);margin-bottom:8px}.permission-role-panel-head small{display:block;color:#686d7a;text-transform:uppercase;letter-spacing:.12em;font-size:9px;font-weight:760}.permission-role-panel-head b{display:block;margin-top:3px;font-size:15px}
.permission-role-list{display:grid;gap:7px}.permission-role{--permission-role:#777;display:flex;align-items:center;gap:10px;width:100%;padding:11px 10px;border:1px solid transparent;border-radius:12px;background:transparent;color:#aeb3c0;text-align:left;cursor:pointer;transition:.14s ease}.permission-role:hover{background:rgba(255,255,255,.026);color:#fff}.permission-role.active{border-color:color-mix(in srgb,var(--permission-role) 42%,transparent);background:color-mix(in srgb,var(--permission-role) 11%,#11131a);color:#fff;box-shadow:inset 3px 0 0 var(--permission-role)}.permission-role-dot{width:9px;height:9px;border-radius:999px;background:var(--permission-role);box-shadow:0 0 0 4px color-mix(in srgb,var(--permission-role) 12%,transparent);flex:0 0 auto}.permission-role span:nth-child(2){min-width:0}.permission-role b{display:block;font-size:12px}.permission-role small{display:block;margin-top:2px;color:#737887;font-size:10px}
.permission-content{display:grid;gap:16px;min-width:0}.permission-role-summary{--permission-role:#777;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border-top:2px solid color-mix(in srgb,var(--permission-role) 62%,transparent)}.permission-role-summary>div:first-child{display:flex;align-items:center;gap:12px}.permission-role-summary h2{margin:2px 0 3px;font-size:18px}.permission-role-summary p{margin:0;color:#777c8a;font-size:11px}.permission-role-summary small{color:#656a78;text-transform:uppercase;letter-spacing:.1em;font-size:8px;font-weight:760}.permission-role-summary-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.permission-role-summary-actions>strong{margin-right:4px;font-size:13px;color:#c7cad3}
.permission-section{display:grid;gap:10px}.permission-section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;padding:0 2px}.permission-section-head h2{margin:0;font-size:15px}.permission-section-head p{margin:4px 0 0;color:#707584;font-size:11px}.permission-section-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.permission-section-actions>span{font-size:10px;color:#777c8a;margin-right:2px}.permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.permission-tile{display:block;min-height:112px;padding:13px 14px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(180deg,#11131a,#0e1016);color:#d8dbe4;text-align:left;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease,box-shadow .12s ease}.permission-tile:hover{transform:translateY(-1px);border-color:var(--line-strong);background:#14171f}.permission-tile.granted{border-color:rgba(49,210,127,.30);background:linear-gradient(180deg,rgba(17,33,25,.95),rgba(11,24,18,.96));box-shadow:inset 3px 0 0 #31d27f}.permission-tile:disabled{opacity:.6;cursor:wait;transform:none}.permission-tile-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.permission-tile-top>b{font-size:12px;line-height:1.3}.permission-tile p{margin:9px 0 0;color:#747987;font-size:10px;line-height:1.45}.permission-state{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;padding:3px 7px;border-radius:999px;background:#1a1d24;color:#777c89;font-size:8px;font-weight:700}.permission-state .rpo-icon{width:10px;height:10px}.permission-tile.granted .permission-state{background:rgba(49,210,127,.10);color:#62dda0}
@media (min-width:2200px){.permission-layout{grid-template-columns:280px minmax(0,1fr)}.permission-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.permission-tile{min-height:122px;padding:15px 16px}.permission-tile-top>b{font-size:13px}.permission-tile p{font-size:11px}}
@media (max-width:1280px){.permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.permission-layout{grid-template-columns:1fr}.permission-role-panel{position:static}.permission-role-list{display:flex;overflow-x:auto;padding-bottom:2px}.permission-role{min-width:170px}.permission-role-summary{align-items:flex-start;flex-direction:column}.permission-role-summary-actions{justify-content:flex-start}.permission-section-head{align-items:flex-start;flex-direction:column}.permission-grid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.permission-admin-note{align-items:flex-start;flex-wrap:wrap}.permission-admin-note .badge{margin-left:52px}.permission-grid{grid-template-columns:1fr}.permission-tile{min-height:auto}.permission-role-summary-actions .btn,.permission-section-actions .btn{min-height:36px}.permission-section-actions{width:100%}}
\n\n/* v1.0.1 · Rollenansicht */\n.preview-role-btn{border-color:rgba(185,107,232,.28);background:rgba(102,2,163,.12);color:#dec1ef}.preview-role-btn:hover{background:rgba(102,2,163,.22);border-color:rgba(185,107,232,.42)}\n.role-preview-banner{--preview-role:#777;position:sticky;top:var(--topbar-height,68px);z-index:9;display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0;padding:11px clamp(18px,1.6vw,34px);border-bottom:1px solid color-mix(in srgb,var(--preview-role) 32%,var(--line));background:linear-gradient(90deg,color-mix(in srgb,var(--preview-role) 13%,#0d0f15),rgba(10,11,16,.97));box-shadow:0 12px 30px rgba(0,0,0,.16);backdrop-filter:blur(18px)}\n.role-preview-banner.hidden{display:none!important}.role-preview-main{display:flex;align-items:center;gap:11px;min-width:0}.role-preview-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:color-mix(in srgb,var(--preview-role) 70%,#fff);background:color-mix(in srgb,var(--preview-role) 16%,transparent);border:1px solid color-mix(in srgb,var(--preview-role) 28%,transparent);flex:0 0 auto}.role-preview-icon .rpo-icon{width:17px;height:17px}.role-preview-main>div{display:grid;grid-template-columns:auto auto;column-gap:8px;align-items:baseline;min-width:0}.role-preview-main small{grid-column:1/-1;color:#747a89;text-transform:uppercase;letter-spacing:.11em;font-size:8px;font-weight:800}.role-preview-main b{font-size:13px;color:#f4f4f7}.role-preview-main span{font-size:10px;color:#8b909f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.role-preview-actions{display:flex;align-items:end;gap:8px;flex:0 0 auto}.role-preview-actions label{display:grid;gap:3px}.role-preview-actions label>span{font-size:8px;color:#707584;text-transform:uppercase;letter-spacing:.1em;font-weight:760}.role-preview-actions select{min-width:170px;height:34px;border-radius:8px;border:1px solid var(--line-strong);background:#11141b;color:#e4e7ee;padding:0 28px 0 10px;font-size:11px}.role-preview-active .sidebar{box-shadow:inset -2px 0 0 color-mix(in srgb,var(--preview-role,#6602a3) 30%,transparent)}\n@media(max-width:760px){.role-preview-banner{top:var(--topbar-height,60px);align-items:stretch;flex-direction:column;gap:8px;padding:10px 12px}.role-preview-main>div{grid-template-columns:1fr}.role-preview-main span{white-space:normal}.role-preview-actions{width:100%;align-items:end}.role-preview-actions label{flex:1}.role-preview-actions select{width:100%;min-width:0}.role-preview-actions .btn{white-space:nowrap}}\n
/* v1.0.2 · Audit-Log Redesign */
.audit-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.audit-stat{display:flex;align-items:center;gap:12px;padding:15px 16px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,rgba(20,22,29,.92),rgba(14,16,22,.94));box-shadow:0 10px 30px rgba(0,0,0,.12)}.audit-stat>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;border:1px solid rgba(151,85,198,.18);background:rgba(102,2,163,.11);color:#c58bea;flex:0 0 auto}.audit-stat>span .rpo-icon{width:18px;height:18px}.audit-stat>div{display:grid;gap:2px}.audit-stat small{color:#777d8b;font-size:9px;text-transform:uppercase;letter-spacing:.09em;font-weight:760}.audit-stat b{font-size:20px;line-height:1;color:#f3f4f7}.audit-stat.filtered{border-color:rgba(102,2,163,.26);background:linear-gradient(180deg,rgba(37,20,48,.78),rgba(17,15,24,.95))}
.audit-filter-card{margin-bottom:18px;padding:14px}.audit-filter-grid{display:grid;grid-template-columns:minmax(260px,1.7fr) repeat(3,minmax(150px,.75fr));gap:10px;align-items:end}.audit-filter-grid>label{display:grid;gap:6px}.audit-filter-grid>label>span{font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:#737988;font-weight:760}.audit-filter-grid select{height:40px;width:100%;padding:0 32px 0 11px;border-radius:10px;border:1px solid var(--line);background:#101219;color:#e6e8ee;font-size:11px;outline:none}.audit-filter-grid select:focus,.audit-filter-grid .search-box:focus-within{border-color:rgba(153,79,199,.58);box-shadow:0 0 0 3px rgba(102,2,163,.09)}.audit-filter-grid .search-box{height:40px;margin:0}.audit-filter-grid .search-box input{font-size:11px}.audit-filter-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:11px;margin-top:11px;border-top:1px solid rgba(255,255,255,.055);color:#777d8b;font-size:10px}.audit-filter-actions .btn{height:32px}
.audit-stream{display:grid;gap:18px}.audit-day{display:grid;gap:8px}.audit-day-heading{display:flex;align-items:center;gap:12px;padding:0 3px}.audit-day-heading span{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#777d8b;white-space:nowrap}.audit-day-heading i{height:1px;background:var(--line);flex:1}
.audit-event{--audit-tone:#8d94a3;position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;padding:13px 15px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(180deg,rgba(18,20,27,.95),rgba(14,16,22,.97));transition:border-color .16s ease,background .16s ease,transform .16s ease}.audit-event:hover{border-color:rgba(255,255,255,.115);background:linear-gradient(180deg,rgba(22,24,32,.98),rgba(15,17,23,.98))}.audit-event[data-tone="purple"]{--audit-tone:#b96be8}.audit-event[data-tone="good"]{--audit-tone:#43d68a}.audit-event[data-tone="warning"]{--audit-tone:#efb85b}.audit-event[data-tone="danger"]{--audit-tone:#ef6677}.audit-event[data-tone="blue"]{--audit-tone:#69a8ff}.audit-event-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;border:1px solid color-mix(in srgb,var(--audit-tone) 25%,transparent);background:color-mix(in srgb,var(--audit-tone) 10%,transparent);color:var(--audit-tone)}.audit-event-icon .rpo-icon{width:18px;height:18px}.audit-event-body{min-width:0}.audit-event-top{display:flex;align-items:center;justify-content:space-between;gap:14px}.audit-event-meta{display:flex;align-items:center;gap:7px;min-width:0;flex-wrap:wrap}.audit-event-meta>b{font-size:11px;color:#f1f2f5}.audit-category,.audit-action{display:inline-flex;align-items:center;height:21px;padding:0 7px;border-radius:7px;font-size:8px;font-weight:780;letter-spacing:.035em}.audit-category{background:color-mix(in srgb,var(--audit-tone) 11%,transparent);border:1px solid color-mix(in srgb,var(--audit-tone) 20%,transparent);color:color-mix(in srgb,var(--audit-tone) 80%,white)}.audit-action{background:#181b23;border:1px solid rgba(255,255,255,.06);color:#898f9e}.audit-event-top time{font-size:9px;color:#6f7583;white-space:nowrap}.audit-headline{margin-top:6px;font-size:12px;line-height:1.48;color:#cdd1da}.audit-target-id{display:flex;align-items:center;gap:5px;margin-top:5px;color:#656b79;font:9px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace}.audit-target-id .rpo-icon{width:11px;height:11px}
.audit-details{margin-top:10px;border-top:1px solid rgba(255,255,255,.05);padding-top:8px}.audit-details summary{display:inline-flex;align-items:center;gap:5px;cursor:pointer;list-style:none;color:#7c8290;font-size:9px;font-weight:700;user-select:none}.audit-details summary::-webkit-details-marker{display:none}.audit-details summary .rpo-icon{width:12px;height:12px;transition:transform .16s ease}.audit-details[open] summary .rpo-icon{transform:rotate(180deg)}.audit-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:9px}.audit-detail-row{display:grid;gap:3px;padding:9px 10px;border-radius:9px;border:1px solid rgba(255,255,255,.055);background:rgba(7,8,12,.34);min-width:0}.audit-detail-row>span{font-size:8px;color:#686e7d;text-transform:uppercase;letter-spacing:.08em;font-weight:760}.audit-detail-row>b{font-size:10px;color:#d8dbe3;font-weight:650;overflow-wrap:anywhere}.audit-detail-row.good{border-color:rgba(67,214,138,.14);background:rgba(67,214,138,.04)}.audit-detail-row.warning{border-color:rgba(239,184,91,.14);background:rgba(239,184,91,.04)}.audit-empty{padding:42px 20px!important}
@media(min-width:2300px){.audit-stats{gap:15px}.audit-stat{padding:18px 19px}.audit-stat b{font-size:23px}.audit-filter-card{padding:17px}.audit-event{grid-template-columns:46px minmax(0,1fr);padding:15px 17px}.audit-event-icon{width:44px;height:44px}.audit-headline{font-size:13px}.audit-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1180px){.audit-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.audit-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.audit-filter-search{grid-column:1/-1}}
@media(max-width:680px){.audit-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.audit-stat{padding:11px 12px;gap:9px}.audit-stat>span{width:33px;height:33px}.audit-stat b{font-size:17px}.audit-stat small{font-size:7.5px}.audit-filter-card{padding:11px}.audit-filter-grid{grid-template-columns:1fr}.audit-filter-search{grid-column:auto}.audit-filter-actions{align-items:stretch;flex-direction:column}.audit-filter-actions .btn{width:100%;justify-content:center}.audit-event{grid-template-columns:35px minmax(0,1fr);gap:9px;padding:11px;border-radius:11px}.audit-event-icon{width:34px;height:34px;border-radius:9px}.audit-event-icon .rpo-icon{width:15px;height:15px}.audit-event-top{align-items:flex-start;flex-direction:column;gap:5px}.audit-event-meta{gap:5px}.audit-event-top time{order:-1}.audit-headline{font-size:11px;margin-top:7px}.audit-detail-grid{grid-template-columns:1fr}.audit-day-heading span{font-size:8.5px}}

/* v1.1.2 · Datenbank-Backups */
.backup-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.backup-summary{padding:15px 16px}.backup-summary>span{display:block;color:#777d8a;font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:760;margin-bottom:7px}.backup-summary>strong{display:block;color:#f1f2f6;font-size:18px;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.backup-summary>small{display:block;margin-top:6px;color:#6f7583;font-size:9px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.backup-status-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;margin-bottom:12px}.backup-status-card.ready{border-color:rgba(49,210,127,.18);background:linear-gradient(180deg,rgba(15,29,23,.72),rgba(13,18,17,.92))}.backup-status-card.warning{border-color:rgba(239,184,91,.20);background:linear-gradient(180deg,rgba(31,25,15,.76),rgba(18,17,14,.94))}.backup-status-main{display:flex;align-items:center;gap:10px;min-width:0}.backup-status-main>div{min-width:0}.backup-status-main b{display:block;font-size:12px}.backup-status-main small{display:block;margin-top:3px;color:#787e8c;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.backup-status-path{display:grid;gap:3px;min-width:240px;text-align:right}.backup-status-path span{font-size:8px;color:#6f7583;text-transform:uppercase;letter-spacing:.08em;font-weight:760}.backup-status-path b{font:9px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;color:#adb2bf;overflow-wrap:anywhere}
.backup-hint{display:flex;align-items:flex-start;gap:11px;padding:13px 15px;margin-bottom:12px;border-color:rgba(239,184,91,.18);background:rgba(239,184,91,.045);color:#d7bb7b}.backup-hint>.rpo-icon{width:17px;height:17px;flex:0 0 auto;margin-top:1px}.backup-hint b{display:block;color:#e7d19c;font-size:11px}.backup-hint span{display:block;margin-top:4px;color:#908778;font-size:9px;line-height:1.5}
.backup-settings-card{padding:15px 16px;margin-bottom:14px}.backup-settings-card .card-title{margin-bottom:4px}.backup-settings-card .card-title h2{margin:0}.backup-settings-card .card-title span{display:block;margin-top:3px;color:#747a88;font-size:9px}.backup-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px;row-gap:0}.backup-setting-field{display:grid;gap:6px;padding:10px 0;border-top:1px solid rgba(255,255,255,.06)}.backup-setting-field>span{font-size:9px;color:#737988;text-transform:uppercase;letter-spacing:.08em;font-weight:760}.backup-setting-field select{height:38px;border:1px solid var(--line);border-radius:9px;background:#101219;color:#e5e7ee;padding:0 30px 0 10px;font-size:10px;outline:none}.backup-setting-field select:focus{border-color:rgba(153,79,199,.58);box-shadow:0 0 0 3px rgba(102,2,163,.08)}.backup-settings-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;margin-top:4px;border-top:1px solid rgba(255,255,255,.06)}.backup-settings-actions>span{color:#737987;font-size:9px;overflow-wrap:anywhere}
.backup-list-card{padding:0;overflow:hidden}.backup-list-card>.card-title{padding:15px 16px 11px;margin:0;border-bottom:1px solid rgba(255,255,255,.055)}.backup-list{display:grid}.backup-row{display:grid;grid-template-columns:38px minmax(0,1fr) 150px auto;align-items:center;gap:12px;padding:12px 15px;border-bottom:1px solid rgba(255,255,255,.05)}.backup-row:last-child{border-bottom:0}.backup-row:hover{background:rgba(255,255,255,.018)}.backup-row-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;border:1px solid rgba(151,85,198,.18);background:rgba(102,2,163,.10);color:#c995e7}.backup-row-icon .rpo-icon{width:16px;height:16px}.backup-row-main{min-width:0}.backup-row-main b{display:block;font-size:10px;color:#e4e6ec;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.backup-row-main span{display:block;margin-top:4px;font-size:8.5px;color:#707684;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.backup-row-meta{display:grid;justify-items:end;gap:3px}.backup-row-meta span{font-size:10px;color:#d1d4dc}.backup-row-meta small{font-size:8px;color:#666c79}.backup-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.backup-row-actions .btn{white-space:nowrap}
@media(min-width:2200px){.backup-summary-grid{gap:15px}.backup-summary{padding:18px}.backup-summary>strong{font-size:21px}.backup-row{grid-template-columns:44px minmax(0,1fr) 180px auto;padding:14px 18px}.backup-row-icon{width:40px;height:40px}.backup-row-main b{font-size:11px}.backup-row-main span,.backup-row-meta small{font-size:9px}.backup-row-meta span{font-size:11px}}
@media(max-width:1150px){.backup-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.backup-row{grid-template-columns:38px minmax(0,1fr) auto}.backup-row-meta{display:none}.backup-settings-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.backup-summary-grid{grid-template-columns:1fr 1fr;gap:8px}.backup-summary{padding:12px}.backup-summary>strong{font-size:16px}.backup-status-card{align-items:flex-start;flex-direction:column}.backup-status-path{min-width:0;text-align:left;width:100%}.backup-status-main small{white-space:normal}.backup-settings-grid{grid-template-columns:1fr}.backup-settings-actions{align-items:stretch;flex-direction:column}.backup-settings-actions .btn{width:100%;justify-content:center}.backup-row{grid-template-columns:34px minmax(0,1fr);gap:9px;padding:11px 12px}.backup-row-icon{width:32px;height:32px}.backup-row-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.backup-row-actions .btn{width:100%;justify-content:center}.backup-row-main span{white-space:normal;line-height:1.4}}
@media(max-width:480px){.backup-summary-grid{grid-template-columns:1fr}.backup-row-actions{grid-template-columns:1fr}.backup-row-actions .btn{min-height:36px}}


/* v1.2.0 · Adminchat */
.panel-chat-layout{display:grid;grid-template-columns:minmax(210px,260px) minmax(0,1fr);gap:16px;min-height:min(720px,calc(100vh - 210px))}
.panel-chat-channels{padding:14px;align-self:stretch;overflow:auto}.panel-chat-channels .card-title{margin-bottom:12px}
.panel-chat-channel{width:100%;display:flex;align-items:center;gap:10px;border:1px solid transparent;background:transparent;color:var(--muted);padding:11px 12px;border-radius:12px;cursor:pointer;text-align:left;font:inherit;font-weight:650;transition:.16s ease}.panel-chat-channel:hover{background:rgba(255,255,255,.045);color:var(--text)}.panel-chat-channel.active{background:color-mix(in srgb,var(--channel-color) 10%,rgba(102,2,163,.08));border-color:color-mix(in srgb,var(--channel-color) 35%,rgba(255,255,255,.08));color:var(--text)}.panel-chat-channel i{width:8px;height:8px;border-radius:50%;background:var(--channel-color);box-shadow:0 0 14px color-mix(in srgb,var(--channel-color) 55%,transparent)}
.panel-chat-main{padding:0;display:flex;flex-direction:column;min-height:620px;overflow:hidden}.panel-chat-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid var(--border)}.panel-chat-head>div{display:flex;align-items:center;gap:11px}.panel-chat-head h2{margin:0;font-size:16px}.panel-chat-head span{font-size:12px;color:var(--muted)}.panel-chat-dot{width:10px;height:10px;border-radius:50%;flex:0 0 auto}.panel-chat-live{display:inline-flex!important;align-items:center;gap:7px;font-size:10px!important;font-weight:800;letter-spacing:.07em;color:#9ce8bc!important}.panel-chat-live i{width:7px;height:7px;border-radius:50%;background:#35d07f;box-shadow:0 0 12px rgba(53,208,127,.7)}
.panel-chat-messages{flex:1;min-height:300px;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:10px;background:linear-gradient(180deg,rgba(255,255,255,.008),transparent)}.panel-chat-message{padding:11px 13px;border:1px solid rgba(255,255,255,.055);border-radius:13px;background:rgba(255,255,255,.028)}.panel-chat-message.important{border-color:rgba(255,80,80,.26);background:rgba(255,80,80,.055)}.panel-chat-message-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:5px}.panel-chat-message-head>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.panel-chat-message-head b{font-size:13px}.panel-chat-message-head span{font-size:10px;color:var(--muted)}.panel-chat-message-head time{font-size:10px;color:var(--muted);white-space:nowrap}.panel-chat-origin,.panel-chat-important{font-size:9px!important;line-height:1;font-weight:800;letter-spacing:.08em;border-radius:999px;padding:3px 6px}.panel-chat-origin{color:#d8b4fe!important;border:1px solid rgba(166,92,255,.3);background:rgba(102,2,163,.14)}.panel-chat-important{color:#ffc0c0!important;border:1px solid rgba(255,80,80,.28);background:rgba(255,80,80,.11)}.panel-chat-text{font-size:13px;line-height:1.5;color:var(--text);word-break:break-word;user-select:text}.panel-chat-empty{margin:auto}
.panel-chat-composer{padding:14px 16px;border-top:1px solid var(--border);background:rgba(255,255,255,.015)}.panel-chat-composer textarea{width:100%;min-height:82px;max-height:180px;resize:vertical;border:1px solid var(--border);border-radius:13px;background:rgba(0,0,0,.18);color:var(--text);padding:12px 13px;font:inherit;line-height:1.45;outline:none}.panel-chat-composer textarea:focus{border-color:rgba(140,48,201,.65);box-shadow:0 0 0 3px rgba(102,2,163,.12)}.panel-chat-compose-actions{display:flex;align-items:center;gap:12px;margin-top:10px}.panel-chat-compose-actions>span{margin-left:auto;font-size:11px;color:var(--muted)}.panel-chat-important-toggle{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);cursor:pointer}.panel-chat-important-toggle input{accent-color:#ff5050}.panel-chat-readonly{padding:14px 16px;border-top:1px solid var(--border);font-size:12px;color:var(--muted);background:rgba(255,255,255,.015)}
@media(max-width:900px){.panel-chat-layout{grid-template-columns:1fr;min-height:0}.panel-chat-channels{display:flex;gap:8px;overflow-x:auto}.panel-chat-channels .card-title{display:none}.panel-chat-channel{width:auto;white-space:nowrap;flex:0 0 auto}.panel-chat-main{min-height:65vh}.panel-chat-head{padding:14px}.panel-chat-messages{padding:12px}.panel-chat-compose-actions{flex-wrap:wrap}.panel-chat-compose-actions>span{margin-left:0}.panel-chat-compose-actions .btn{margin-left:auto}}

/* v1.2.3 · Mobile player profile polish + Safari-safe icons */
.rpo-svg-sprite{
  position:absolute!important;
  width:0!important;
  height:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}
.rpo-icon{
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.rpo-icon use{fill:none;stroke:currentColor}
.tabs{
  min-width:0;
  max-width:100%;
}
.tab{
  flex:0 0 auto;
  min-width:max-content;
}

@media (max-width:760px){
  .player-head{gap:14px;margin-bottom:14px}
  .identity{align-items:flex-start;min-width:0}
  .identity>div:last-child{min-width:0;flex:1}
  .identity h1{display:flex;align-items:center;gap:8px;flex-wrap:wrap;line-height:1.18}
  .identity p{display:grid;grid-template-columns:minmax(0,1fr);gap:5px;margin-top:7px;min-width:0}
  .identity p>span{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .identity .tx-name{padding-left:0;border-left:0;color:#989dab}
  .avatar{width:48px;height:48px;flex:0 0 48px;border-radius:14px}

  .player-actions{
    width:100%;
    max-width:none!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  .player-actions .btn{
    width:100%;
    min-width:0;
    min-height:48px;
    justify-content:flex-start;
    gap:9px;
    padding:10px 13px;
    overflow:hidden;
    white-space:nowrap;
  }
  .player-actions .btn .rpo-icon{
    width:18px!important;
    height:18px!important;
    min-width:18px;
    flex:0 0 18px;
    color:currentColor;
  }

  .tabs{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center;
    gap:5px;
    width:100%;
    max-width:100%;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain;
    scrollbar-width:none;
    padding:5px;
    margin:0 0 14px!important;
    scroll-snap-type:x proximity;
  }
  .tabs::-webkit-scrollbar{display:none;width:0;height:0}
  .tab{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto!important;
    min-width:max-content!important;
    width:auto!important;
    max-width:none!important;
    min-height:40px;
    padding:9px 13px;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
    scroll-snap-align:start;
  }
  .tab.active{position:relative;z-index:1}

  .profile-grid{min-width:0}
  .profile-grid>*{min-width:0}
}

@media (max-width:420px){
  .player-actions .btn{font-size:12px;padding-inline:11px}
  .player-actions .btn .rpo-icon{width:17px!important;height:17px!important;min-width:17px;flex-basis:17px}
  .tab{font-size:12px;padding-inline:12px}
}

/* v1.2.9 · Logverwaltung */
.audit-filter-buttons{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
@media (max-width:700px){.audit-filter-buttons{width:100%;justify-content:stretch}.audit-filter-buttons .btn{flex:1 1 auto}}

/* v1.2.9 · Adminchat scroll area */
.panel-chat-layout{align-items:start}
.panel-chat-main{min-height:0}
.panel-chat-messages{
  flex:0 1 auto;
  height:clamp(340px,52vh,560px);
  min-height:300px;
  max-height:560px;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  scrollbar-width:thin;
  scrollbar-color:rgba(151,85,198,.48) rgba(255,255,255,.035);
}
.panel-chat-messages::-webkit-scrollbar{width:9px}
.panel-chat-messages::-webkit-scrollbar-track{background:rgba(255,255,255,.025);border-radius:999px}
.panel-chat-messages::-webkit-scrollbar-thumb{background:rgba(151,85,198,.42);border:2px solid transparent;background-clip:padding-box;border-radius:999px}
.panel-chat-messages::-webkit-scrollbar-thumb:hover{background:rgba(171,102,214,.62);border:2px solid transparent;background-clip:padding-box}
@media(max-width:900px){
  .panel-chat-main{min-height:0}
  .panel-chat-messages{height:440px;min-height:280px;max-height:440px}
}
@media(max-width:560px){
  .panel-chat-messages{height:390px;min-height:240px;max-height:390px;padding:11px}
}