:root{--bg:#07090d;--panel:#0f131a;--panel2:#131923;--line:#242b36;--text:#f4f7fb;--muted:#8e98a8;--red:#e1273d;--red2:#821321;--green:#47d67b;--blue:#4e9cff}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 10%,#2a0c12 0,transparent 23%),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}.hidden{display:none!important}
button,input,textarea,select{font:inherit}button{cursor:pointer}.login{min-height:100vh;display:grid;place-items:center}.card{background:linear-gradient(180deg,#11161e,#0b0f15);border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 80px #0008}.login-card{width:390px;padding:34px}.login-card h1{font-size:36px;margin:0}.login-card h1 span,.logo b{color:var(--red)}.login-card p{color:var(--muted)}input,textarea,select{width:100%;background:#090c11;border:1px solid var(--line);color:var(--text);padding:11px 12px;border-radius:10px;margin:7px 0}.login-card button,.btn{border:0;border-radius:10px;padding:10px 14px;background:linear-gradient(135deg,var(--red),var(--red2));color:white;font-weight:800}
.shell{min-height:100vh;display:grid;grid-template-columns:245px 1fr}aside{border-right:1px solid var(--line);background:#090c11e8;padding:20px 13px;position:sticky;top:0;height:100vh;overflow:auto}.logo{font-size:24px;font-weight:900;padding:8px 10px 22px}.logo small{display:block;font-size:9px;color:var(--muted);letter-spacing:.16em}nav{display:grid;gap:4px}.group{font-size:10px;color:#687284;margin:15px 10px 5px;text-transform:uppercase;letter-spacing:.12em}.nav{border:0;background:transparent;color:#b9c0ca;text-align:left;padding:10px 12px;border-radius:9px}.nav.active,.nav:hover{background:#44131a;color:white;box-shadow:inset 3px 0 var(--red)}.me{margin-top:25px;padding:14px 10px;border-top:1px solid var(--line)}.me b,.me small{display:block}.me small{color:var(--red);margin:3px 0 10px}.me button{background:transparent;border:1px solid var(--line);color:white;border-radius:8px;padding:7px 10px}
main{padding:0 28px 35px;min-width:0}header{height:94px;display:flex;align-items:center;justify-content:space-between}header h2{margin:3px 0 0}header small{color:var(--muted)}.pill{border:1px solid var(--line);padding:8px 12px;border-radius:99px}.pill.on{color:var(--green)}.pill.off{color:#ff6777}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.panel{background:linear-gradient(180deg,#10151c,#0c1016);border:1px solid var(--line);border-radius:15px;padding:17px;margin-bottom:14px}.stat small{color:var(--muted)}.stat b{display:block;font-size:23px;margin-top:7px}.panel h3{margin-top:0}.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.toolbar input,.toolbar select{width:auto;min-width:200px}.btn.gray{background:#1a2029;border:1px solid var(--line)}.btn.green{background:#17623b}.btn.amber{background:#79580c}.btn.red{background:#8d1824}.table{width:100%;border-collapse:collapse;font-size:13px}.table th,.table td{padding:10px;border-bottom:1px solid var(--line);text-align:left}.table th{color:var(--muted)}.console{height:62vh;overflow:auto;background:#040608;border:1px solid var(--line);border-radius:10px;padding:14px;white-space:pre-wrap;font:12px/1.55 ui-monospace,monospace;color:#cbd5df}.editor{min-height:65vh;font:13px/1.55 ui-monospace,monospace}.badge{display:inline-block;border:1px solid var(--line);border-radius:99px;padding:3px 7px;color:var(--muted)}.muted{color:var(--muted)}#toast{position:fixed;right:20px;bottom:20px;background:#141922;border:1px solid var(--line);border-left:3px solid var(--red);padding:11px 14px;border-radius:9px;opacity:0;transition:.2s}#toast.show{opacity:1}
@media(max-width:900px){.shell{grid-template-columns:78px 1fr}.logo{font-size:0}.logo b{font-size:20px}.logo small,.group,.me b,.me small{display:none}.nav{font-size:10px;padding:9px 7px}.grid{grid-template-columns:1fr 1fr}main{padding:0 14px 25px}}@media(max-width:620px){.shell{display:block}aside{position:static;height:auto}.grid,.grid2{grid-template-columns:1fr}}

.notice{background:#251017;border:1px solid #67202c;color:#ff9eaa;padding:12px;border-radius:10px;margin:14px 0;font-size:13px}.success-note{background:#0d2418;border-color:#24603f;color:#c6f7d6}.perm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.perm{display:flex;align-items:center;gap:7px;background:#090c11;border:1px solid var(--line);border-radius:8px;padding:8px;font-size:12px}.perm input{width:auto;margin:0}@media(max-width:800px){.perm-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.perm-grid{grid-template-columns:1fr}}

.resource-folder{
  margin:0 0 18px;
  border:1px solid var(--line);
  border-radius:12px;
  overflow:hidden;
  background:#0b0f15;
}
.resource-folder-title{
  padding:12px 15px;
  font-weight:800;
  font-size:14px;
  background:#151a22;
  border-bottom:1px solid var(--line);
}
.resource-row{
  display:grid;
  grid-template-columns:minmax(180px,1fr) auto;
  gap:14px;
  align-items:center;
  padding:11px 14px;
  border-bottom:1px solid var(--line);
}
.resource-row:last-child{border-bottom:0}
.resource-name{
  font-size:13px;
  font-weight:600;
  overflow-wrap:anywhere;
}
.resource-actions{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.resource-empty{
  padding:24px;
  color:var(--muted);
  text-align:center;
}
@media(max-width:650px){
  .resource-row{grid-template-columns:1fr}
  .resource-actions{justify-content:flex-start}
}

.resource-folder-title.resource-folder-toggle{
  width:100%;
  border:0;
  border-radius:0;
  color:var(--text);
  cursor:pointer;
  text-align:left;
  display:grid;
  grid-template-columns:24px 1fr auto;
  align-items:center;
  gap:8px;
  padding:12px 15px;
  background:#151a22;
}
.resource-folder-title.resource-folder-toggle:hover{
  background:#1a202a;
}
.resource-folder-arrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:16px;
  color:var(--red);
  transition:transform .15s ease;
}
.resource-folder-label{
  font-weight:800;
  font-size:14px;
}
.resource-folder-count{
  min-width:28px;
  text-align:center;
  padding:2px 7px;
  border:1px solid var(--line);
  border-radius:999px;
  color:var(--muted);
  font-size:11px;
}
.resource-folder.closed .resource-folder-title{
  border-bottom:0;
}
.resource-folder-content.hidden{
  display:none;
}

.server-control-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 310px;
  gap:16px;
  align-items:start;
}
.server-control-main{min-width:0}
.server-player-sidebar{
  position:sticky;
  top:108px;
  height:calc(100vh - 128px);
  overflow:hidden;
  background:linear-gradient(180deg,#10151c,#0b0f15);
  border:1px solid var(--line);
  border-radius:15px;
  padding:0;
}
.server-player-header{
  padding:15px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid var(--line);
}
.server-player-header h3{margin:2px 0 0}
.server-player-header small{color:var(--green);font-size:10px;letter-spacing:.14em}
.server-player-list{
  height:calc(100% - 70px);
  overflow:auto;
  padding:10px;
}
.server-player-card{
  background:#090c11;
  border:1px solid var(--line);
  border-radius:10px;
  padding:10px 11px;
  margin-bottom:8px;
}
.server-player-name{
  font-weight:800;
  overflow-wrap:anywhere;
  margin-bottom:7px;
}
.server-player-meta{
  display:flex;
  justify-content:space-between;
  gap:8px;
  color:var(--muted);
  font-size:11px;
}
.server-player-meta b{color:var(--text)}
.server-player-empty{
  color:var(--muted);
  text-align:center;
  padding:30px 10px;
}
.server-panel-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.server-panel-header h3{margin:0}
.server-header-actions{display:flex;gap:8px}
.server-console-tools{margin:0}
.server-console{height:38vh}
@media(max-width:1100px){
  .server-control-layout{grid-template-columns:minmax(0,1fr) 260px}
}
@media(max-width:850px){
  .server-control-layout{grid-template-columns:1fr}
  .server-player-sidebar{position:static;height:auto;max-height:420px}
  .server-player-list{height:auto;max-height:350px}
}

.sanctions-layout{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:16px;
}
.field-label{
  display:block;
  margin:14px 0 6px;
  font-size:12px;
  color:var(--muted);
}
.sanction-actions{
  display:flex;
  gap:8px;
  margin-top:14px;
}
.sanction-history{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.sanction-history-row{
  display:grid;
  grid-template-columns:1fr auto;
  gap:14px;
  padding:11px 12px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#0a0e14;
}
.sanction-history-meta{
  text-align:right;
  font-size:11px;
  color:var(--muted);
  white-space:nowrap;
}
@media(max-width:850px){
  .sanctions-layout{grid-template-columns:1fr}
}

.sanction-no-players{
  margin-top:6px;
  padding:14px 16px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#0a0e14;
  color:var(--muted);
  text-align:center;
}

.player-files-layout{
  display:grid;
  grid-template-columns:340px minmax(0,1fr);
  gap:16px;
  align-items:start;
}
.player-files-list-panel{
  position:sticky;
  top:95px;
  max-height:calc(100vh - 115px);
  overflow:hidden;
}
.player-file-list{
  display:flex;
  flex-direction:column;
  gap:7px;
  max-height:calc(100vh - 190px);
  overflow:auto;
}
.player-file-entry{
  width:100%;
  border:1px solid var(--line);
  border-radius:10px;
  background:#0a0e14;
  color:var(--text);
  padding:10px 11px;
  display:flex;
  justify-content:space-between;
  gap:10px;
  text-align:left;
  cursor:pointer;
}
.player-file-entry:hover{background:#111720}
.player-file-entry div{display:flex;flex-direction:column;gap:3px}
.player-file-entry small,.player-file-entry span{color:var(--muted);font-size:11px}
.player-file-placeholder{padding:28px;text-align:center;color:var(--muted)}
.player-file-header{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  padding-bottom:14px;
  border-bottom:1px solid var(--line);
}
.player-file-header h2{margin:2px 0 0}
.player-file-header small{letter-spacing:.12em;color:var(--muted)}
.player-file-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:14px;
}
.player-file-grid>div{
  background:#0a0e14;
  border:1px solid var(--line);
  border-radius:10px;
  padding:10px 12px;
  display:flex;
  flex-direction:column;
  gap:5px;
}
.player-file-grid small{color:var(--muted)}
.player-file-section{margin-top:20px}
.player-file-section h4{margin:0 0 9px}
.player-file-namechips{display:flex;gap:7px;flex-wrap:wrap}
.player-file-namechips span{
  border:1px solid var(--line);
  background:#0a0e14;
  border-radius:999px;
  padding:5px 9px;
  font-size:12px;
}
.player-file-sensitive{
  border:1px solid #5a3422;
  background:#16100c;
  border-radius:12px;
  padding:12px;
}
.player-file-sensitive code{overflow-wrap:anywhere}
.player-file-timeline{display:flex;flex-direction:column;gap:9px}
.player-file-timeline-row{
  border-left:3px solid var(--red);
  background:#0a0e14;
  border-radius:8px;
  padding:10px 12px;
}
.player-file-timeline-head{
  display:flex;
  justify-content:space-between;
  gap:10px;
  margin-bottom:4px;
}
.player-file-timeline-head span,.player-file-timeline-row small{
  color:var(--muted);
  font-size:11px;
}
@media(max-width:900px){
  .player-files-layout{grid-template-columns:1fr}
  .player-files-list-panel{position:static;max-height:none}
  .player-file-list{max-height:340px}
}
@media(max-width:620px){
  .player-file-grid{grid-template-columns:1fr}
}

.tutorial-inline-badge{
  display:inline-block;
  margin-left:5px;
  padding:1px 6px;
  border-radius:999px;
  border:1px solid #6a4a1d;
  background:#2a1d0b;
  color:#ffc76b;
  font-size:9px;
  vertical-align:middle;
}
.player-file-tutorial-box{
  margin-top:14px;
  padding:12px 14px;
  border:1px solid #6a4a1d;
  border-radius:10px;
  background:#1c1409;
}
.player-file-tutorial-box b{color:#ffc76b}
.player-file-tutorial-box p{
  margin:6px 0 0;
  color:var(--muted);
  line-height:1.45;
  font-size:12px;
}

.sanction-enddate{margin-top:6px;font-size:11px;color:var(--muted)}
.sanction-change-log{margin-top:9px;border-top:1px solid var(--line);padding-top:7px}
.sanction-change-log summary{cursor:pointer;color:var(--muted);font-size:11px}
.sanction-change-entry{margin-top:7px;padding:8px 9px;border:1px solid var(--line);border-radius:8px;background:#090c11;font-size:11px}
.sanction-inline-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.sanction-history-main{min-width:0}

/* GCAdmin v1.11 – kompaktere, besser lesbare Berechtigungen */
.permissions-grid,
.permission-grid,
#permissionsList{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(220px,280px)) !important;
  gap:8px !important;
  justify-content:start !important;
  align-items:stretch !important;
}

.permission-item,
.permission-row,
.permissions-grid label,
.permission-grid label,
#permissionsList label{
  min-height:36px !important;
  padding:8px 10px !important;
  border:1px solid var(--line) !important;
  border-radius:9px !important;
  background:#0a0e14 !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  font-size:14px !important;
  line-height:1.25 !important;
  font-weight:600 !important;
  white-space:normal !important;
}

.permission-item input[type="checkbox"],
.permission-row input[type="checkbox"],
.permissions-grid input[type="checkbox"],
.permission-grid input[type="checkbox"],
#permissionsList input[type="checkbox"]{
  width:16px !important;
  height:16px !important;
  flex:0 0 auto !important;
}

.permission-item:hover,
.permission-row:hover,
.permissions-grid label:hover,
.permission-grid label:hover,
#permissionsList label:hover{
  background:#101720 !important;
  border-color:#36404d !important;
}

@media(max-width:700px){
  .permissions-grid,
  .permission-grid,
  #permissionsList{
    grid-template-columns:1fr !important;
  }
}

/* GCAdmin v1.12 – kompakte Berechtigungsfelder nach gewünschter Breite */
.permissions-grid,
.permission-grid,
#permissionsList{
  display:grid !important;
  grid-template-columns:repeat(3, 210px) !important;
  column-gap:42px !important;
  row-gap:7px !important;
  justify-content:start !important;
  align-items:start !important;
}

.permission-item,
.permission-row,
.permissions-grid label,
.permission-grid label,
#permissionsList label{
  width:210px !important;
  min-width:210px !important;
  max-width:210px !important;
  min-height:34px !important;
  box-sizing:border-box !important;

  padding:7px 9px !important;
  border:1px solid var(--line) !important;
  border-radius:8px !important;
  background:#0a0e14 !important;

  display:flex !important;
  align-items:center !important;
  gap:8px !important;

  font-size:14px !important;
  line-height:1.2 !important;
  font-weight:600 !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
}

.permission-item input[type="checkbox"],
.permission-row input[type="checkbox"],
.permissions-grid input[type="checkbox"],
.permission-grid input[type="checkbox"],
#permissionsList input[type="checkbox"]{
  width:15px !important;
  height:15px !important;
  min-width:15px !important;
  flex:0 0 15px !important;
  margin:0 !important;
}

.permission-item:hover,
.permission-row:hover,
.permissions-grid label:hover,
.permission-grid label:hover,
#permissionsList label:hover{
  background:#101720 !important;
  border-color:#394452 !important;
}

@media(max-width:900px){
  .permissions-grid,
  .permission-grid,
  #permissionsList{
    grid-template-columns:repeat(2, 210px) !important;
    column-gap:28px !important;
  }
}

@media(max-width:540px){
  .permissions-grid,
  .permission-grid,
  #permissionsList{
    grid-template-columns:210px !important;
    column-gap:0 !important;
  }
}

/* GCAdmin v1.13 – schmalere Berechtigungsfelder, größere Schrift */
.permissions-grid,
.permission-grid,
#permissionsList{
  display:grid !important;
  grid-template-columns:repeat(3, 155px) !important;
  column-gap:34px !important;
  row-gap:7px !important;
  justify-content:start !important;
  align-items:start !important;
}

.permission-item,
.permission-row,
.permissions-grid label,
.permission-grid label,
#permissionsList label{
  width:155px !important;
  min-width:155px !important;
  max-width:155px !important;
  min-height:38px !important;
  box-sizing:border-box !important;
  padding:8px 9px !important;
  border:1px solid var(--line) !important;
  border-radius:8px !important;
  background:#0a0e14 !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  font-size:16px !important;
  line-height:1.2 !important;
  font-weight:600 !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
}

.permission-item input[type="checkbox"],
.permission-row input[type="checkbox"],
.permissions-grid input[type="checkbox"],
.permission-grid input[type="checkbox"],
#permissionsList input[type="checkbox"]{
  width:16px !important;
  height:16px !important;
  min-width:16px !important;
  flex:0 0 16px !important;
  margin:0 !important;
}

@media(max-width:720px){
  .permissions-grid,
  .permission-grid,
  #permissionsList{
    grid-template-columns:repeat(2, 155px) !important;
    column-gap:24px !important;
  }
}

@media(max-width:410px){
  .permissions-grid,
  .permission-grid,
  #permissionsList{
    grid-template-columns:155px !important;
    column-gap:0 !important;
  }
}

/* GCAdmin v1.14 – 5-spaltige Berechtigungsansicht */
.permissions-grid,
.permission-grid,
#permissionsList{
  display:grid !important;
  grid-template-columns:repeat(5, minmax(150px, 1fr)) !important;
  gap:10px 12px !important;
  justify-content:stretch !important;
  align-items:stretch !important;
}

.permission-item,
.permission-row,
.permissions-grid label,
.permission-grid label,
#permissionsList label{
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  min-height:40px !important;
  box-sizing:border-box !important;

  padding:9px 10px !important;
  border:1px solid var(--line) !important;
  border-radius:9px !important;
  background:#0a0e14 !important;

  display:flex !important;
  align-items:center !important;
  gap:9px !important;

  font-size:15px !important;
  line-height:1.2 !important;
  font-weight:600 !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;

  transition:background .12s ease,border-color .12s ease,transform .12s ease !important;
}

.permission-item:hover,
.permission-row:hover,
.permissions-grid label:hover,
.permission-grid label:hover,
#permissionsList label:hover{
  background:#111821 !important;
  border-color:#3a4654 !important;
  transform:translateY(-1px);
}

.permission-item input[type="checkbox"],
.permission-row input[type="checkbox"],
.permissions-grid input[type="checkbox"],
.permission-grid input[type="checkbox"],
#permissionsList input[type="checkbox"]{
  width:16px !important;
  height:16px !important;
  min-width:16px !important;
  flex:0 0 16px !important;
  margin:0 !important;
}

@media(max-width:1250px){
  .permissions-grid,
  .permission-grid,
  #permissionsList{
    grid-template-columns:repeat(4, minmax(150px,1fr)) !important;
  }
}

@media(max-width:980px){
  .permissions-grid,
  .permission-grid,
  #permissionsList{
    grid-template-columns:repeat(3, minmax(150px,1fr)) !important;
  }
}

@media(max-width:720px){
  .permissions-grid,
  .permission-grid,
  #permissionsList{
    grid-template-columns:repeat(2, minmax(150px,1fr)) !important;
  }
}

@media(max-width:460px){
  .permissions-grid,
  .permission-grid,
  #permissionsList{
    grid-template-columns:1fr !important;
  }
}

/* GCAdmin v1.15 – Berechtigungen strikt zeilenweise in 5 Spalten */
.permissions-grid,
.permission-grid,
#permissionsList{
  display:grid !important;
  grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
  grid-auto-flow:row !important;
  grid-auto-rows:auto !important;
  gap:9px 10px !important;
  width:100% !important;
  align-items:stretch !important;
}

.permission-item,
.permission-row,
.permissions-grid label,
.permission-grid label,
#permissionsList label{
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  min-height:40px !important;
  box-sizing:border-box !important;

  padding:9px 10px !important;
  border:1px solid var(--line) !important;
  border-radius:9px !important;
  background:#0a0e14 !important;

  display:flex !important;
  align-items:center !important;
  gap:9px !important;

  font-size:15px !important;
  line-height:1.2 !important;
  font-weight:600 !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
}

/* Verhindert column-/masonry-artige Verteilung */
.permissions-grid > *,
.permission-grid > *,
#permissionsList > *{
  break-inside:avoid !important;
  column-span:none !important;
}

/* Reihenfolge bleibt DOM-Reihenfolge:
   1 2 3 4 5
   6 7 8 9 10
   usw. */

@media(max-width:1250px){
  .permissions-grid,
  .permission-grid,
  #permissionsList{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
}

@media(max-width:980px){
  .permissions-grid,
  .permission-grid,
  #permissionsList{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}

@media(max-width:720px){
  .permissions-grid,
  .permission-grid,
  #permissionsList{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:460px){
  .permissions-grid,
  .permission-grid,
  #permissionsList{
    grid-template-columns:1fr !important;
  }
}

/* GCAdmin v1.16 – echte Berechtigungsstruktur: .perm-grid / .perm */
.perm-grid{
  display:grid !important;
  grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
  grid-auto-flow:row !important;
  gap:10px 12px !important;
  width:100% !important;
  align-items:stretch !important;
}

.perm-grid .perm{
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  min-height:42px !important;
  box-sizing:border-box !important;

  padding:9px 10px !important;
  margin:0 !important;

  border:1px solid var(--line) !important;
  border-radius:9px !important;
  background:#0a0e14 !important;

  display:flex !important;
  align-items:center !important;
  gap:9px !important;

  font-size:15px !important;
  line-height:1.2 !important;
  font-weight:600 !important;
  color:var(--text) !important;
  cursor:pointer !important;

  transition:background .12s ease,border-color .12s ease,transform .12s ease !important;
}

.perm-grid .perm:hover{
  background:#111821 !important;
  border-color:#3b4654 !important;
  transform:translateY(-1px);
}

.perm-grid .perm input[type="checkbox"]{
  width:17px !important;
  height:17px !important;
  min-width:17px !important;
  flex:0 0 17px !important;
  margin:0 !important;
}

.perm-grid .perm span{
  display:block !important;
  min-width:0 !important;
  overflow-wrap:anywhere !important;
}

/* 5 Items pro Reihe:
   1 2 3 4 5
   6 7 8 9 10
   11 12 13 14 15
*/
@media(max-width:1300px){
  .perm-grid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
}
@media(max-width:1000px){
  .perm-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}
@media(max-width:760px){
  .perm-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media(max-width:480px){
  .perm-grid{
    grid-template-columns:1fr !important;
  }
}

/* GCAdmin v1.17 – Teamverwaltung / Infos Popout */
.team-cards{
  display:flex;
  flex-direction:column;
  gap:9px;
}

.team-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:11px 12px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#0a0e14;
}

.team-card-name{
  font-size:15px;
  font-weight:800;
}

.team-card-meta{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:4px;
  font-size:11px;
  color:var(--muted);
}

.owner-badge{
  margin-left:7px;
  color:#ffccd2;
  border-color:#6a2630;
}

.team-modal{
  position:fixed;
  inset:0;
  z-index:9999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
}

.team-modal.hidden{
  display:none !important;
}

.team-modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.72);
  backdrop-filter:blur(4px);
}

.team-modal-card{
  position:relative;
  z-index:1;
  width:min(980px,95vw);
  max-height:90vh;
  overflow:auto;
  border:1px solid var(--line);
  border-radius:15px;
  background:linear-gradient(180deg,#111720,#0b0f15);
  padding:18px;
  box-shadow:0 24px 80px rgba(0,0,0,.55);
}

.team-modal-header{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  padding-bottom:13px;
  margin-bottom:14px;
  border-bottom:1px solid var(--line);
}

.team-modal-header h3{
  margin:2px 0 0;
}

.team-modal-header small{
  color:var(--muted);
  letter-spacing:.12em;
}

.team-modal-card label{
  display:block;
  margin:10px 0 6px;
  color:var(--muted);
  font-size:12px;
}

.team-modal-card input[type="text"],
.team-modal-card input:not([type]){
  width:100%;
}

.team-readonly-row small{
  display:block;
  margin-top:5px;
  color:var(--muted);
  font-size:11px;
}

.team-edit-active{
  margin:12px 0;
}

.team-edit-active label{
  display:flex;
  align-items:center;
  gap:8px;
  color:var(--text);
  font-size:13px;
}

.team-modal-footer{
  display:flex;
  justify-content:flex-end;
  margin-top:16px;
}

/* GCAdmin v1.18 – Teamtabelle */
.team-table-wrap{
  overflow-x:auto;
}
.team-table{
  width:100%;
  border-collapse:collapse;
  font-size:14px;
}
.team-table th,
.team-table td{
  padding:11px 10px;
  border-bottom:1px solid var(--line);
  text-align:left;
  vertical-align:middle;
}
.team-table th{
  color:var(--muted);
  font-size:12px;
  font-weight:700;
}
.team-table tbody tr:hover{
  background:#0d131a;
}
.team-cfx-state{
  margin-top:3px;
  font-size:10px;
  color:var(--muted);
}
.team-status{
  display:inline-flex;
  padding:3px 8px;
  border-radius:999px;
  font-size:11px;
  border:1px solid var(--line);
}
.team-status.active{
  color:#93e6af;
  border-color:#285c3b;
  background:#0c1b12;
}
.team-status.pending{
  color:#e6c57c;
  border-color:#5d4b27;
  background:#1c170d;
}

.artifact-actions-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:14px 0 12px;
}
.artifact-action-card{
  padding:14px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#0a0e14;
}
.artifact-action-card h4{
  margin:0 0 6px;
  font-size:15px;
}
.artifact-action-card p{
  min-height:38px;
}
.artifact-action-card input{
  width:100%;
  box-sizing:border-box;
}
.artifact-warning{
  padding:10px 12px;
  border:1px solid #665022;
  border-radius:10px;
  background:#1b1509;
  color:#dec276;
}
@media(max-width:760px){
  .artifact-actions-grid{grid-template-columns:1fr}
  .artifact-action-card p{min-height:0}
}

/* GCAdmin v1.20 – permanente globale Spielerliste */
.shell{
  grid-template-columns:220px 245px minmax(0,1fr) !important;
}

.global-players-sidebar{
  position:sticky;
  top:0;
  height:100vh;
  overflow:hidden;
  background:#090d12;
  border-right:1px solid var(--line);
  padding:0;
  z-index:5;
}

.global-players-head{
  height:74px;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:14px 13px;
  border-bottom:1px solid var(--line);
  background:#0c1118;
}

.global-players-head small{
  display:block;
  color:#77d59b;
  font-size:9px;
  letter-spacing:.14em;
  margin-bottom:3px;
}

.global-players-head b{
  font-size:15px;
}

.global-players-list{
  height:calc(100vh - 74px);
  overflow:auto;
  padding:9px;
}

.global-player-card{
  padding:9px 10px;
  margin-bottom:7px;
  border:1px solid var(--line);
  border-radius:9px;
  background:#06090d;
}

.global-player-name{
  font-size:13px;
  font-weight:750;
  overflow-wrap:anywhere;
  margin-bottom:6px;
}

.global-player-meta{
  display:flex;
  justify-content:space-between;
  gap:8px;
  color:var(--muted);
  font-size:10px;
}

.global-player-meta b{
  color:var(--text);
}

.global-player-empty{
  padding:24px 8px;
  color:var(--muted);
  font-size:11px;
  text-align:center;
}

.server-control-layout.no-local-player-sidebar{
  grid-template-columns:minmax(0,1fr) !important;
}

/* Existing server-only player sidebar is no longer needed */
.server-player-sidebar{
  display:none !important;
}

@media(max-width:1150px){
  .shell{
    grid-template-columns:78px 220px minmax(0,1fr) !important;
  }
}

@media(max-width:820px){
  .shell{
    grid-template-columns:78px minmax(0,1fr) !important;
  }
  .global-players-sidebar{
    display:none;
  }
}

@media(max-width:620px){
  .shell{
    display:block !important;
  }
}

/* GCAdmin v1.21 – permanente Spielerliste rechts */
.shell{
  grid-template-columns:220px minmax(0,1fr) 245px !important;
}

.global-players-sidebar{
  border-right:0 !important;
  border-left:1px solid var(--line) !important;
}

@media(max-width:1150px){
  .shell{
    grid-template-columns:78px minmax(0,1fr) 220px !important;
  }
}

@media(max-width:820px){
  .shell{
    grid-template-columns:78px minmax(0,1fr) !important;
  }
  .global-players-sidebar{
    display:none;
  }
}

/* GCAdmin v1.22 – rechte Live-Spielerliste wieder als abgerundete Karte */
.shell{
  grid-template-columns:220px minmax(0,1fr) 270px !important;
  gap:14px !important;
}

.global-players-sidebar{
  position:sticky !important;
  top:16px !important;
  height:calc(100vh - 32px) !important;
  margin:0 14px 0 0 !important;

  border:1px solid var(--line) !important;
  border-radius:16px !important;
  overflow:hidden !important;

  background:linear-gradient(180deg,#10151c,#0b0f15) !important;
  box-shadow:0 12px 30px rgba(0,0,0,.18) !important;
}

.global-players-head{
  height:auto !important;
  min-height:68px !important;
  padding:14px 15px !important;
  border-bottom:1px solid var(--line) !important;
  background:#0e141b !important;
  border-radius:16px 16px 0 0 !important;
}

.global-players-list{
  height:calc(100% - 68px) !important;
  padding:10px !important;
}

.global-player-card{
  border-radius:10px !important;
  padding:10px 11px !important;
}

@media(max-width:1150px){
  .shell{
    grid-template-columns:78px minmax(0,1fr) 235px !important;
    gap:10px !important;
  }

  .global-players-sidebar{
    margin-right:10px !important;
  }
}

@media(max-width:820px){
  .shell{
    grid-template-columns:78px minmax(0,1fr) !important;
  }

  .global-players-sidebar{
    display:none !important;
  }
}

.owner-permission-locked{opacity:.82;cursor:not-allowed!important}

.bot-settings-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:14px;
}
.bot-settings-grid input,
.bot-settings-grid select{
  width:100%;
  box-sizing:border-box;
}
.bot-enable-row{
  display:flex;
  align-items:flex-end;
}
.bot-enable-row label{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:40px;
}
.bot-banner-box{
  margin-top:16px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#0a0e14;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  gap:10px;
  align-items:center;
}
.bot-banner-box h4{margin:0 0 4px}
.bot-banner-box p{margin:0}
@media(max-width:760px){
  .bot-settings-grid{grid-template-columns:1fr}
  .bot-banner-box{grid-template-columns:1fr}
}

/* GCAdmin v1.26 – MiniBot Beschreibung */
.bot-description-field{
  grid-column:1 / -1;
}
.bot-description-field textarea{
  width:100%;
  box-sizing:border-box;
  resize:vertical;
  min-height:110px;
}
.bot-description-field small{
  display:block;
  margin-top:5px;
}

.bot-message-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.role-info-box{margin-top:7px;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:#0a0e14;font-size:11px;line-height:1.45}

.owner-badge{
  display:inline-flex;
  align-items:center;
  gap:5px;
}
.owner-remove-x{
  border:0;
  background:transparent;
  color:#ff909b;
  font-size:15px;
  line-height:1;
  font-weight:900;
  cursor:pointer;
  padding:0 1px;
}
.owner-remove-x:hover{
  color:#fff;
  transform:scale(1.12);
}


/* GCAdmin v1.39 — Galaxycord Roleplay logo theme */
:root{
  --bg:#07071d;
  --panel:#10102d;
  --panel2:#17113a;
  --panel3:#21134a;
  --line:#35266c;
  --text:#f8f7ff;
  --muted:#aaa5ca;
  --red:#ef3f75;
  --red2:#ff5b58;
  --accent:#a72ee8;
  --accent2:#4a42e8;
  --purple:#6b2fd1;
  --cyan:#28d9df;
  --cyan2:#3aa6f5;
  --orange:#ff8b24;
  --gold:#ffbd22;
  --green:#50dc9a;
}
html,body{
  background:
    radial-gradient(circle at 82% 18%,rgba(47,69,201,.18),transparent 30%),
    radial-gradient(circle at 18% 82%,rgba(182,38,151,.13),transparent 32%),
    linear-gradient(145deg,#07071d 0%,#0b0926 48%,#08071c 100%) !important;
  color:var(--text);
}
.sidebar{
  background:linear-gradient(180deg,#09091f 0%,#100b2a 58%,#09091e 100%) !important;
  border-right-color:#292052 !important;
}
.main,.content{background:transparent !important}
.card,.panel,.box,.modal-card,.right-panel,.players-panel,.resource-folder,.permission-item,.team-card{
  background:linear-gradient(145deg,rgba(19,17,52,.96),rgba(12,12,36,.96)) !important;
  border-color:#35266c !important;
  box-shadow:0 10px 30px rgba(3,3,18,.22);
}
.brand,.page-kicker,.eyebrow{color:#43dbe4 !important}
h1,h2,h3,h4{color:#fff !important}
a{color:#39dbe3}
.nav a,.nav-item,.sidebar a{transition:.16s ease}
.nav a:hover,.nav-item:hover,.sidebar a:hover{
  background:rgba(82,50,164,.23) !important;color:#fff !important;
}
.nav a.active,.nav-item.active,.sidebar a.active{
  background:linear-gradient(90deg,rgba(239,63,117,.28),rgba(107,47,209,.27)) !important;
  border-left-color:#ff4b78 !important;color:#fff !important;
  box-shadow:inset 0 0 22px rgba(174,45,213,.08);
}
input,select,textarea{
  background:#09091f !important;color:#f8f7ff !important;border-color:#3b2b72 !important;
}
input:focus,select:focus,textarea:focus{
  border-color:#31d7e1 !important;box-shadow:0 0 0 2px rgba(49,215,225,.12) !important;
}
button,.btn{border-color:#45347d}
.btn-primary,button.primary,.primary-btn{
  background:linear-gradient(135deg,#ed3f76,#9b2dd8) !important;
  border-color:#f04b83 !important;color:#fff !important;
}
.btn-primary:hover,button.primary:hover,.primary-btn:hover{filter:brightness(1.12)}
.btn-danger,.danger{
  background:linear-gradient(135deg,#ef3f75,#ff6b32) !important;color:#fff !important;
}
.btn-success,.success{
  background:linear-gradient(135deg,#19c9d5,#3d9cf0) !important;color:#06101b !important;
}
.btn-warning,.warning{
  background:linear-gradient(135deg,#ff8b24,#ffbd22) !important;color:#241100 !important;
}
.badge{border-color:#4a367f !important;background:#181039 !important}
.owner-badge{
  background:linear-gradient(135deg,#ff8b24,#ef3f75,#9c2bd9) !important;
  border-color:#ffb12d !important;color:#fff !important;
}
.status-online,.online{color:#38dce0 !important}
.status-maintenance,.maintenance{color:#ffbd22 !important}
.status-offline,.offline{color:#ff4b72 !important}
table{border-color:#332662 !important}
th{color:#48dce4 !important;border-bottom-color:#3d2e70 !important}
td{border-bottom-color:#29204e !important}
tr:hover td{background:rgba(77,49,148,.10)}
.permission-item:hover{
  border-color:#7442bc !important;
  background:linear-gradient(145deg,rgba(35,22,76,.98),rgba(17,15,48,.98)) !important;
}
.permission-item:has(input:checked){
  border-color:#d93d91 !important;box-shadow:inset 3px 0 #ef477d;
}
.role-info-box{
  background:linear-gradient(145deg,#0d0c2a,#17103a) !important;border-color:#3b2a72 !important;
}
.role-placeholder{color:#ffb72d !important}
.resource-folder summary,.folder-header{
  background:linear-gradient(90deg,rgba(83,45,171,.20),rgba(31,198,215,.06)) !important;
}
.resource-folder[open] summary,.folder-header.open{border-bottom-color:#46317d !important}
.console,.console-output,pre.console{
  background:#050516 !important;border-color:#32245f !important;color:#e8e6ff !important;
}
*{scrollbar-color:#6532b8 #0a091f}
*::-webkit-scrollbar-thumb{
  background:linear-gradient(#a42edb,#2ecbd8);border-radius:10px;
}
*::-webkit-scrollbar-track{background:#09091f}
.page-title,.brand-title{
  text-shadow:0 0 18px rgba(45,211,224,.10),0 0 24px rgba(220,51,139,.08);
}
hr{border-color:#352662 !important}


/* ============================================================
   GCAdmin v1.40 — Galaxycord Space Theme
   Hintergrund wie das Logo: dunkles Space-Navy.
   Vordergrund: gedämpfte Planetenfarben, bewusst nicht zu hell.
   ============================================================ */

:root{
  --bg:#060719;
  --bg-deep:#040512;
  --bg-soft:#0a0c24;

  --panel:#0f1029;
  --panel2:#131532;
  --panel3:#18183c;

  --line:#2b2d58;
  --line-soft:#24264b;

  --text:#f2f1fb;
  --muted:#9b99bb;

  /* gedämpfte "Planeten"-Akzente */
  --planet-violet:#6d43b9;
  --planet-purple:#8d3fc0;
  --planet-cyan:#37b8c8;
  --planet-blue:#3d79c6;
  --planet-pink:#c84d86;
  --planet-orange:#d7833a;
  --planet-gold:#cda94c;

  --danger:#d64d6f;
  --success:#3aa99f;
  --warning:#c99043;
}

/* background like the logo */
html,body{
  background:
    radial-gradient(circle at 74% 18%, rgba(42,58,143,.18), transparent 26%),
    radial-gradient(circle at 18% 82%, rgba(103,39,122,.14), transparent 28%),
    radial-gradient(circle at 52% 58%, rgba(24,45,104,.12), transparent 38%),
    linear-gradient(145deg,#050617 0%,#080a22 48%,#050615 100%) !important;
  color:var(--text) !important;
}

/* faint cosmic texture without becoming bright */
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    radial-gradient(circle at 12% 20%, rgba(255,255,255,.035) 0 1px, transparent 1.2px),
    radial-gradient(circle at 82% 28%, rgba(76,169,196,.035) 0 1px, transparent 1.2px),
    radial-gradient(circle at 62% 78%, rgba(201,84,146,.03) 0 1px, transparent 1.2px);
  background-size:120px 120px,160px 160px,190px 190px;
  opacity:.45;
}

/* sidebar */
.sidebar{
  background:
    linear-gradient(180deg,rgba(8,9,27,.98),rgba(11,11,33,.98)) !important;
  border-right:1px solid #24264b !important;
  box-shadow:8px 0 28px rgba(0,0,0,.18);
}

/* foreground surfaces: muted planet-inspired color hints */
.card,.panel,.box,.modal-card,.right-panel,.players-panel,
.resource-folder,.permission-item,.team-card,.team-modal-card{
  background:
    linear-gradient(145deg,
      rgba(25,22,53,.96) 0%,
      rgba(15,17,42,.97) 58%,
      rgba(12,16,38,.97) 100%) !important;
  border:1px solid #2c2f5b !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.015);
}

/* subtle colored edge/glow depending on interaction */
.card:hover,.panel:hover,.team-card:hover{
  border-color:#34376a !important;
}

/* navigation */
.nav a,.nav-item,.sidebar a{
  color:#c9c7df !important;
}

.nav a:hover,.nav-item:hover,.sidebar a:hover{
  background:linear-gradient(90deg,rgba(83,63,150,.15),rgba(49,125,150,.06)) !important;
  color:#fff !important;
}

.nav a.active,.nav-item.active,.sidebar a.active{
  background:
    linear-gradient(90deg,
      rgba(143,59,152,.19),
      rgba(71,81,156,.17),
      rgba(43,125,149,.10)) !important;
  border-left-color:#b14f8a !important;
  color:#fff !important;
  box-shadow:
    inset 0 0 20px rgba(111,65,171,.06),
    0 0 14px rgba(52,89,150,.04);
}

/* headings / labels */
.brand,.page-kicker,.eyebrow{
  color:#7fc1cf !important;
}
h1,h2,h3,h4{
  color:#f6f4ff !important;
}
.field-label,th{
  color:#9ac5cf !important;
}

/* inputs */
input,select,textarea{
  background:#090b22 !important;
  color:#f4f3fb !important;
  border-color:#30335f !important;
}

input:focus,select:focus,textarea:focus{
  border-color:#4b9faf !important;
  box-shadow:0 0 0 2px rgba(62,164,179,.08) !important;
}

/* buttons: still colorful, but toned down */
.btn-primary,button.primary,.primary-btn{
  background:linear-gradient(135deg,#8b3f8f,#5f47a2) !important;
  border-color:#8f4a93 !important;
  color:#fff !important;
}

.btn-danger,.danger{
  background:linear-gradient(135deg,#9d395d,#a95748) !important;
  border-color:#a54d62 !important;
  color:#fff !important;
}

.btn-success,.success{
  background:linear-gradient(135deg,#2f818c,#3b719e) !important;
  border-color:#438b94 !important;
  color:#eefcff !important;
}

.btn-warning,.warning{
  background:linear-gradient(135deg,#a96d35,#a98a43) !important;
  border-color:#b08345 !important;
  color:#fff8e8 !important;
}

.btn.gray,.gray{
  background:#14162f !important;
  border-color:#30335d !important;
  color:#d7d5ea !important;
}

/* owner: muted planet blend */
.owner-badge{
  background:linear-gradient(135deg,#b66d3e,#aa4d7d,#764ba9) !important;
  border-color:#a67655 !important;
  color:#fff !important;
  box-shadow:none !important;
}

/* statuses */
.status-online,.online{
  color:#5db9b5 !important;
}
.status-maintenance,.maintenance{
  color:#c99e54 !important;
}
.status-offline,.offline{
  color:#cf6079 !important;
}

/* tables */
table{
  border-color:#2a2c56 !important;
}
th{
  border-bottom-color:#34365f !important;
}
td{
  border-bottom-color:#232548 !important;
}
tr:hover td{
  background:rgba(65,68,122,.08);
}

/* permissions */
.permission-item{
  background:
    linear-gradient(145deg,rgba(23,23,52,.98),rgba(13,15,37,.98)) !important;
}

.permission-item:hover{
  border-color:#4b4f83 !important;
  background:
    linear-gradient(145deg,rgba(31,29,66,.98),rgba(16,18,44,.98)) !important;
}

.permission-item:has(input:checked){
  border-color:#7e4b86 !important;
  box-shadow:inset 3px 0 #9b4c86 !important;
}

/* role info */
.role-info-box{
  background:
    linear-gradient(145deg,rgba(22,19,48,.98),rgba(14,16,39,.98)) !important;
  border-color:#32345f !important;
}
.role-placeholder{
  color:#c89c53 !important;
}

/* resources */
.resource-folder summary,.folder-header{
  background:
    linear-gradient(90deg,
      rgba(91,63,148,.10),
      rgba(48,120,149,.05)) !important;
}

.resource-folder[open] summary,.folder-header.open{
  border-bottom-color:#3b3e68 !important;
}

/* console */
.console,.console-output,pre.console{
  background:#040512 !important;
  border-color:#2a2c54 !important;
  color:#dfdef0 !important;
}

/* global players card */
.global-players-sidebar{
  background:
    linear-gradient(180deg,rgba(17,18,43,.98),rgba(10,12,31,.98)) !important;
  border-color:#2d3059 !important;
  box-shadow:0 16px 30px rgba(0,0,0,.24) !important;
}

.global-players-head{
  background:
    linear-gradient(90deg,rgba(89,60,146,.10),rgba(39,118,144,.07)) !important;
  border-bottom-color:#30325d !important;
}

.global-player-card{
  background:
    linear-gradient(145deg,rgba(20,21,48,.96),rgba(12,14,34,.96)) !important;
  border-color:#2a2d55 !important;
}

/* bot/minibot blocks */
.bot-banner-box,.artifact-action-card{
  background:
    linear-gradient(145deg,rgba(21,20,49,.97),rgba(13,15,36,.97)) !important;
  border-color:#30325e !important;
}

.notice{
  background:
    linear-gradient(145deg,rgba(26,23,54,.82),rgba(15,17,39,.86)) !important;
  border-color:#363761 !important;
  color:#d8d6ea !important;
}

/* scrollbars */
*{
  scrollbar-color:#4a437a #090a20;
}
*::-webkit-scrollbar-thumb{
  background:linear-gradient(#6d4f90,#347b8d);
  border-radius:10px;
}
*::-webkit-scrollbar-track{
  background:#090a20;
}

/* text glow very subtle */
.page-title,.brand-title{
  text-shadow:
    0 0 16px rgba(65,165,179,.06),
    0 0 18px rgba(148,70,144,.05) !important;
}


/* GCAdmin v1.41 — subtle edge glow */
.card,.panel,.box,.modal-card,.right-panel,.players-panel,
.resource-folder,.permission-item,.team-card,.team-modal-card,
.global-players-sidebar,.bot-banner-box,.artifact-action-card{
  box-shadow:
    0 12px 28px rgba(0,0,0,.22),
    0 0 10px rgba(100,72,175,.045),
    0 0 18px rgba(49,143,166,.028),
    inset 0 1px 0 rgba(255,255,255,.015) !important;
}

.card:hover,.panel:hover,.team-card:hover,
.permission-item:hover,.resource-folder:hover,
.global-player-card:hover{
  box-shadow:
    0 12px 30px rgba(0,0,0,.24),
    0 0 12px rgba(125,73,174,.07),
    0 0 22px rgba(45,155,172,.04),
    inset 0 1px 0 rgba(255,255,255,.018) !important;
}

.nav a.active,.nav-item.active,.sidebar a.active{
  box-shadow:
    inset 0 0 20px rgba(111,65,171,.06),
    0 0 8px rgba(164,69,145,.07),
    0 0 16px rgba(49,138,162,.035) !important;
}

.global-players-sidebar{
  box-shadow:
    0 16px 30px rgba(0,0,0,.24),
    0 0 12px rgba(88,67,161,.05),
    0 0 20px rgba(47,139,159,.028) !important;
}

input:focus,select:focus,textarea:focus{
  box-shadow:
    0 0 0 2px rgba(62,164,179,.08),
    0 0 10px rgba(60,151,169,.045) !important;
}

.owner-badge{
  box-shadow:
    0 0 8px rgba(171,82,126,.10),
    0 0 14px rgba(113,73,163,.06) !important;
}

.status-online,.online{
  text-shadow:0 0 7px rgba(82,184,181,.12);
}
.status-maintenance,.maintenance{
  text-shadow:0 0 7px rgba(201,158,84,.10);
}
.status-offline,.offline{
  text-shadow:0 0 7px rgba(207,96,121,.11);
}

/* ============================================================
   GCAdmin v1.42 – Settings Hub + client-side color customizer
   ============================================================ */
:root{
  --client-accent:#6d43b9;
  --client-accent-rgb:109,67,185;
}

.settings-modal-shell{
  width:100%;
  min-height:calc(100vh - 120px);
  display:flex;
  align-items:flex-start;
  justify-content:center;
}

.settings-modal-card{
  width:min(1450px,100%);
  border:1px solid rgba(var(--client-accent-rgb),.24);
  border-radius:16px;
  overflow:hidden;
  background:linear-gradient(145deg,rgba(18,18,46,.98),rgba(10,12,31,.98));
  box-shadow:
    0 18px 50px rgba(0,0,0,.28),
    0 0 14px rgba(var(--client-accent-rgb),.07);
}

.settings-modal-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:16px 18px 10px;
}
.settings-modal-header small{
  color:var(--muted);
  letter-spacing:.14em;
}
.settings-modal-header h3,
.settings-detail-title{
  margin:4px 0 0;
  font-size:20px;
  font-weight:800;
  color:#fff;
}

.settings-tabbar{
  display:flex;
  gap:6px;
  overflow-x:auto;
  padding:0 14px 12px;
  border-bottom:1px solid var(--line);
}

.settings-tab{
  flex:0 0 auto;
  border:1px solid var(--line);
  background:#0b0d25;
  color:var(--muted);
  border-radius:9px;
  padding:8px 11px;
  cursor:pointer;
  font-size:12px;
  font-weight:700;
}
.settings-tab:hover{
  color:#fff;
  border-color:rgba(var(--client-accent-rgb),.42);
}
.settings-tab.active{
  color:#fff;
  border-color:rgba(var(--client-accent-rgb),.72);
  background:rgba(var(--client-accent-rgb),.16);
  box-shadow:0 0 10px rgba(var(--client-accent-rgb),.08);
}

.settings-content{
  padding:14px;
}
.settings-content > .panel:first-child{
  margin-top:0;
}

/* Client-customized accent touches only color, never layout */
.nav a.active,.nav-item.active,.sidebar a.active,
button.nav.active{
  border-left-color:var(--client-accent) !important;
  box-shadow:
    inset 0 0 20px rgba(var(--client-accent-rgb),.07),
    0 0 10px rgba(var(--client-accent-rgb),.05) !important;
}

.btn-primary,button.primary,.primary-btn,
.btn:not(.gray):not(.red):not(.green):not(.amber){
  border-color:rgba(var(--client-accent-rgb),.62) !important;
}

input:focus,select:focus,textarea:focus{
  border-color:var(--client-accent) !important;
  box-shadow:
    0 0 0 2px rgba(var(--client-accent-rgb),.09),
    0 0 10px rgba(var(--client-accent-rgb),.05) !important;
}

.customizer-panel{
  min-height:330px;
}
.customizer-color-row{
  display:grid;
  grid-template-columns:180px minmax(0,1fr);
  gap:16px;
  align-items:end;
  margin:18px 0;
}
#panelAccentColor{
  width:100%;
  height:52px;
  padding:4px;
  cursor:pointer;
}
.customizer-preview{
  min-height:52px;
  display:flex;
  align-items:center;
  gap:10px;
  border:1px solid rgba(var(--client-accent-rgb),.38);
  border-radius:10px;
  padding:0 13px;
  box-shadow:0 0 12px rgba(var(--client-accent-rgb),.06);
}
.customizer-preview-dot{
  width:15px;
  height:15px;
  border-radius:50%;
  background:var(--client-accent);
  box-shadow:0 0 9px rgba(var(--client-accent-rgb),.28);
}
.customizer-presets{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-bottom:16px;
}
.customizer-swatch{
  width:34px;
  height:34px;
  padding:0;
  border:2px solid rgba(255,255,255,.12);
  border-radius:50%;
  background:var(--swatch);
  cursor:pointer;
}
.customizer-swatch:hover{
  transform:scale(1.08);
  border-color:#fff;
}

@media(max-width:760px){
  .settings-modal-card{border-radius:12px}
  .customizer-color-row{grid-template-columns:1fr}
}

/* ============================================================
   GCAdmin v1.43 – full client-side color customizer
   ============================================================ */
:root{
  --client-accent:#6d43b9;
  --client-accent-rgb:109,67,185;
  --client-background:#060719;
  --client-background-rgb:6,7,25;
  --client-background2:#111633;
  --client-background2-rgb:17,22,51;
  --client-background-angle:145deg;
  --client-sidebar:#09091f;
  --client-sidebar-rgb:9,9,31;
  --client-panel:#0f1029;
  --client-panel-rgb:15,16,41;
  --client-panelAlt:#131532;
  --client-panelAlt-rgb:19,21,50;
  --client-border:#2b2d58;
  --client-border-rgb:43,45,88;
  --client-glow:#6d43b9;
  --client-glow-rgb:109,67,185;
  --client-info:#37b8c8;
  --client-info-rgb:55,184,200;
  --client-active:#8d3fc0;
  --client-active-rgb:141,63,192;
  --client-button:#6d43b9;
  --client-button-rgb:109,67,185;
  --client-danger:#d64d6f;
  --client-danger-rgb:214,77,111;
  --client-success:#3aa99f;
  --client-success-rgb:58,169,159;
  --client-warning:#c99043;
  --client-warning-rgb:201,144,67;
  --client-text:#f2f1fb;
  --client-muted:#9b99bb;
  --client-input:#090b22;
  --client-tableHeader:#9ac5cf;
  --client-owner:#c84d86;
}

/* Background */
html,body{
  background:
    radial-gradient(circle at 78% 18%,rgba(var(--client-info-rgb),.07),transparent 28%),
    radial-gradient(circle at 18% 82%,rgba(var(--client-active-rgb),.08),transparent 30%),
    linear-gradient(var(--client-background-angle),var(--client-background),var(--client-background2)) !important;
  color:var(--client-text) !important;
}

/* Sidebar */
.sidebar{
  background:linear-gradient(180deg,var(--client-sidebar),rgba(var(--client-sidebar-rgb),.96)) !important;
  border-right-color:var(--client-border) !important;
}

/* Panels / foreground */
.card,.panel,.box,.modal-card,.right-panel,.players-panel,
.resource-folder,.permission-item,.team-card,.team-modal-card,
.global-players-sidebar,.bot-banner-box,.artifact-action-card,
.settings-modal-card{
  background:
    linear-gradient(145deg,
      rgba(var(--client-panelAlt-rgb),.96),
      rgba(var(--client-panel-rgb),.98)) !important;
  border-color:var(--client-border) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.22),
    0 0 11px rgba(var(--client-glow-rgb),.055) !important;
}

/* Text */
body,.panel,.card,td,.team-card,.global-player-card{
  color:var(--client-text) !important;
}
.muted,small,.team-card-meta,.global-player-meta{
  color:var(--client-muted) !important;
}

/* Inputs */
input,select,textarea{
  background:var(--client-input) !important;
  color:var(--client-text) !important;
  border-color:var(--client-border) !important;
}
input:focus,select:focus,textarea:focus{
  border-color:var(--client-info) !important;
  box-shadow:
    0 0 0 2px rgba(var(--client-info-rgb),.10),
    0 0 10px rgba(var(--client-glow-rgb),.05) !important;
}

/* Navigation */
.nav a.active,.nav-item.active,.sidebar a.active,
button.nav.active{
  background:
    linear-gradient(90deg,
      rgba(var(--client-active-rgb),.18),
      rgba(var(--client-info-rgb),.08)) !important;
  border-left-color:var(--client-active) !important;
  box-shadow:
    inset 0 0 20px rgba(var(--client-active-rgb),.07),
    0 0 10px rgba(var(--client-glow-rgb),.05) !important;
}

/* Buttons */
.btn-primary,button.primary,.primary-btn,
.btn:not(.gray):not(.red):not(.green):not(.amber){
  background:
    linear-gradient(135deg,
      rgba(var(--client-button-rgb),.90),
      rgba(var(--client-active-rgb),.84)) !important;
  border-color:var(--client-button) !important;
  color:#fff !important;
}
.btn.red,.btn-danger,.danger{
  background:rgba(var(--client-danger-rgb),.82) !important;
  border-color:var(--client-danger) !important;
}
.btn.green,.btn-success,.success{
  background:rgba(var(--client-success-rgb),.82) !important;
  border-color:var(--client-success) !important;
}
.btn.amber,.btn-warning,.warning{
  background:rgba(var(--client-warning-rgb),.82) !important;
  border-color:var(--client-warning) !important;
}

/* Tables / headings */
th,.field-label,.brand,.page-kicker,.eyebrow{
  color:var(--client-tableHeader) !important;
}
td{
  border-bottom-color:rgba(var(--client-border-rgb),.78) !important;
}
table{
  border-color:var(--client-border) !important;
}

/* Status */
.status-online,.online{color:var(--client-success) !important}
.status-maintenance,.maintenance{color:var(--client-warning) !important}
.status-offline,.offline{color:var(--client-danger) !important}

/* Owner */
.owner-badge{
  background:
    linear-gradient(135deg,
      rgba(var(--client-warning-rgb),.78),
      var(--client-owner),
      rgba(var(--client-active-rgb),.82)) !important;
  border-color:var(--client-owner) !important;
}

/* Global players */
.global-player-card{
  background:
    linear-gradient(145deg,
      rgba(var(--client-panelAlt-rgb),.90),
      rgba(var(--client-panel-rgb),.96)) !important;
  border-color:var(--client-border) !important;
}

/* Settings tabs */
.settings-tab.active{
  border-color:var(--client-active) !important;
  background:rgba(var(--client-active-rgb),.16) !important;
  box-shadow:0 0 10px rgba(var(--client-glow-rgb),.08) !important;
}
/* Customizer layout */
.customizer-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:18px 0;
}
.customizer-field{
  display:flex;
  flex-direction:column;
  gap:7px;
  padding:10px;
  border:1px solid var(--client-border);
  border-radius:10px;
  background:rgba(var(--client-panelAlt-rgb),.48);
}
.customizer-field > span{
  font-size:12px;
  font-weight:700;
}
.customizer-field-row{
  display:flex;
  align-items:center;
  gap:8px;
}
.customizer-field input[type="color"]{
  width:48px;
  height:34px;
  padding:2px;
  flex:0 0 auto;
}
.customizer-field code{
  color:var(--client-muted);
  font-size:11px;
}

.customizer-preview.full{
  display:block;
  margin-bottom:16px;
  border-color:var(--client-border) !important;
}
.customizer-preview-top{
  display:flex;
  align-items:center;
  gap:9px;
  margin-bottom:10px;
}
.customizer-preview-panel{
  display:grid;
  grid-template-columns:110px 1fr;
  overflow:hidden;
  border:1px solid var(--client-border);
  border-radius:10px;
  min-height:100px;
}
.customizer-preview-sidebar{
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--client-sidebar);
  color:var(--client-muted);
}
.customizer-preview-content{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  padding:12px;
  background:var(--client-background);
}
.customizer-preview-card{
  padding:12px 18px;
  background:var(--client-panel);
  border:1px solid var(--client-border);
  border-radius:9px;
  box-shadow:0 0 10px rgba(var(--client-glow-rgb),.08);
}

/* The fixed GCADMIN name is intentionally excluded from customizer colors. */
#brandName,
.gcadmin-fixed-brand,
[data-fixed-brand="gcadmin"]{
  color:#7fc1cf !important;
  text-shadow:
    0 0 16px rgba(65,165,179,.06),
    0 0 18px rgba(148,70,144,.05) !important;
}

/* Common top-right GCADMIN text patterns: keep their original fixed color */
.topbar .brand,
.header .brand,
.top-right-brand{
  color:#7fc1cf !important;
}

@media(max-width:1050px){
  .customizer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
  .customizer-grid{grid-template-columns:1fr}
}

/* GCAdmin v1.44 – Customizer restrictions */

/* Fixed text colors */
body,.panel,.card,td,.team-card,.global-player-card{
  color:#f2f1fb !important;
}
.muted,small,.team-card-meta,.global-player-meta{
  color:#9b99bb !important;
}

/* Fixed input colors */
input,select,textarea{
  background:#090b22 !important;
  color:#f2f1fb !important;
  border-color:#2b2d58 !important;
}

/* Focus may still use customizable info color, but field base colors stay fixed */
input:focus,select:focus,textarea:focus{
  border-color:var(--client-info) !important;
}

/* Fixed table/header colors */
th,.field-label,.brand,.page-kicker,.eyebrow{
  color:#9ac5cf !important;
}

/* Fixed Owner label colors */
.owner-badge{
  background:linear-gradient(135deg,#c99043,#c84d86,#8d3fc0) !important;
  border-color:#c84d86 !important;
  color:#fff !important;
}

/* Fixed top-right GCADMIN label */
#brandName,
.gcadmin-fixed-brand,
[data-fixed-brand="gcadmin"],
.topbar .brand,
.header .brand,
.top-right-brand{
  color:#7fc1cf !important;
  text-shadow:
    0 0 16px rgba(65,165,179,.06),
    0 0 18px rgba(148,70,144,.05) !important;
}

/* GCAdmin v1.45 – fixed semantic action/status colors */

/* Danger / delete is fixed */
.btn.red,.btn-danger,.danger{
  background:#9d395d !important;
  border-color:#a54d62 !important;
  color:#fff !important;
}
.status-offline,.offline{
  color:#cf6079 !important;
  text-shadow:0 0 7px rgba(207,96,121,.11) !important;
}

/* Success / online is fixed */
.btn.green,.btn-success,.success{
  background:#2f818c !important;
  border-color:#438b94 !important;
  color:#eefcff !important;
}
.status-online,.online{
  color:#5db9b5 !important;
  text-shadow:0 0 7px rgba(82,184,181,.12) !important;
}

/* Warning / maintenance is fixed */
.btn.amber,.btn-warning,.warning{
  background:#a96d35 !important;
  border-color:#b08345 !important;
  color:#fff8e8 !important;
}
.status-maintenance,.maintenance{
  color:#c99e54 !important;
  text-shadow:0 0 7px rgba(201,158,84,.10) !important;
}

/* GCAdmin v1.46-safe – ONLY toast stacking fix */
#toast{
  z-index:999999 !important;
}

/* v1.47 developer-only Entwicklung */
.development-head{margin-bottom:16px}.development-head small{color:#9ac5cf;letter-spacing:.14em;font-weight:800}
.development-head h2{margin:4px 0}.development-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.development-panel{min-height:145px;padding:20px;text-align:left;cursor:pointer;border:1px solid var(--client-border);border-radius:14px;color:#f2f1fb;background:linear-gradient(145deg,rgba(var(--client-panelAlt-rgb),.96),rgba(var(--client-panel-rgb),.98));box-shadow:0 12px 28px rgba(0,0,0,.2),0 0 10px rgba(var(--client-glow-rgb),.05);transition:.15s}
.development-panel:hover{transform:translateY(-2px);border-color:var(--client-active);box-shadow:0 15px 32px rgba(0,0,0,.24),0 0 14px rgba(var(--client-glow-rgb),.09)}
.development-panel b{display:block;font-size:18px;margin-bottom:8px}.development-panel span{display:block;color:#9b99bb;font-size:13px}
@media(max-width:800px){.development-grid{grid-template-columns:1fr}}


/* ============================================================
   GCAdmin v1.48 – DevLogs
   ============================================================ */
.devlogs-title{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.devlogs-filter{display:grid;grid-template-columns:1.4fr 1fr 1.1fr auto auto;gap:10px;align-items:end;margin:16px 0}
.devlogs-filter label{display:flex;flex-direction:column;gap:6px;color:#aaa8c7;font-size:12px;font-weight:700}
.devlogs-filter input,.devlogs-filter select{width:100%}
.devlogs-list{display:flex;flex-direction:column;gap:12px}
.devlog-entry{border:1px solid var(--client-border);border-radius:13px;padding:15px;background:rgba(var(--client-panelAlt-rgb),.72)}
.devlog-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:8px}
.devlog-meta>div{display:flex;align-items:center;gap:9px}
.devlog-meta time{color:#8987a8;font-size:12px}
.devlog-status{font-size:11px;font-weight:800;padding:4px 8px;border-radius:999px;border:1px solid var(--client-border)}
.devlog-status.added{color:#7fd6a3}.devlog-status.changed{color:#79cbe0}.devlog-status.deleted{color:#e18e9b}
.devlog-file{font-family:monospace;color:#b6b4d4;font-size:12px;margin-bottom:11px;word-break:break-all}
.devlog-change{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.devlog-change>div,.devlog-added,.devlog-deleted{border:1px solid var(--client-border);border-radius:9px;padding:10px;background:rgba(0,0,0,.12)}
.devlog-entry pre{max-height:260px;overflow:auto;white-space:pre-wrap;word-break:break-word;margin:7px 0 0;padding:10px;border-radius:7px;background:rgba(0,0,0,.2);font-size:12px}
.devlog-details{margin-top:10px;color:#aaa8c7;font-size:12px}
@media(max-width:1050px){.devlogs-filter{grid-template-columns:1fr 1fr}.devlog-change{grid-template-columns:1fr}}


/* ============================================================
   GCAdmin v1.49 – Dev-Dateimanager
   ============================================================ */
.devfiles-layout{display:grid;grid-template-columns:minmax(300px,36%) 1fr;gap:14px;min-height:650px}
.devfiles-path{margin-left:auto;color:#aaa8c7;font-family:monospace;font-size:12px;max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.devfiles-actions{display:flex;gap:8px;margin-bottom:12px}
.devfiles-entries{display:flex;flex-direction:column;gap:5px;max-height:720px;overflow:auto}
.devfile-row{display:grid;grid-template-columns:24px minmax(0,1fr) auto auto auto;gap:7px;align-items:center;padding:8px;border:1px solid transparent;border-radius:9px;cursor:pointer}
.devfile-row:hover{border-color:var(--client-border);background:rgba(var(--client-active-rgb),.07)}
.devfile-kind{color:#8fc2ce;text-align:center}.devfile-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.devfile-info{color:#7e7c9b;font-size:11px}
.devfile-row-menu{padding:5px 7px;font-size:10px}
.devfiles-editor{min-width:0}
.devfile-empty{height:100%;min-height:480px;display:flex;align-items:center;justify-content:center;color:#8583a5}
.devfile-editorbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}
.devfile-editorbar>div:first-child{min-width:0;display:flex;flex-direction:column;gap:3px}.devfile-editorbar small{color:#8381a1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.devfile-editor-actions{display:flex;gap:7px;flex-shrink:0}
.devfile-code{width:100%;min-height:590px;resize:vertical;font-family:Consolas,"Courier New",monospace;font-size:13px;line-height:1.45;tab-size:2;white-space:pre;background:#070818;color:#e4e3f1;border:1px solid var(--client-border);border-radius:10px;padding:14px}
@media(max-width:1050px){.devfiles-layout{grid-template-columns:1fr}.devfiles-entries{max-height:360px}.devfiles-path{max-width:35%}}


/* ============================================================
   GCAdmin v1.50 – Dev-Dateieditor Layout Fix
   Der Editor bleibt vollständig im dafür vorgesehenen Panel.
   ============================================================ */

.devfiles-layout{
  height:calc(100vh - 185px);
  min-height:520px;
  max-height:calc(100vh - 185px);
  align-items:stretch;
  overflow:hidden;
}

.devfiles-browser,
.devfiles-editor{
  height:100%;
  min-height:0;
  overflow:hidden;
  box-sizing:border-box;
}

.devfiles-browser{
  display:flex;
  flex-direction:column;
}

.devfiles-actions{
  flex:0 0 auto;
}

.devfiles-entries{
  flex:1 1 auto;
  min-height:0;
  max-height:none;
  overflow:auto;
}

.devfiles-editor{
  display:flex;
  flex-direction:column;
}

#devFileEmpty{
  flex:1 1 auto;
  min-height:0;
}

#devFileEditorBox{
  flex:1 1 auto;
  min-height:0;
  height:100%;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}

#devFileEditorBox[hidden]{
  display:none !important;
}

.devfile-editorbar{
  flex:0 0 auto;
}

.devfile-code{
  flex:1 1 auto;
  min-height:0;
  height:100%;
  max-height:100%;
  overflow:auto;
  resize:none;
  box-sizing:border-box;
}

/* On smaller screens the two panels stack and may scroll normally. */
@media(max-width:1050px){
  .devfiles-layout{
    height:auto;
    min-height:0;
    max-height:none;
    overflow:visible;
  }

  .devfiles-browser,
  .devfiles-editor{
    height:auto;
    overflow:visible;
  }

  .devfiles-entries{
    max-height:360px;
    overflow:auto;
  }

  #devFileEditorBox{
    min-height:520px;
  }

  .devfile-code{
    min-height:440px;
    height:auto;
    resize:vertical;
  }
}


/* ============================================================
   GCAdmin v1.51 – GC Code Studio / Full-height Dev Workspace
   ============================================================ */
.devfiles-topbar{margin-bottom:10px}
.devfiles-layout{
  grid-template-columns:minmax(270px,30%) minmax(0,70%) !important;
  height:calc(100vh - 154px) !important;
  max-height:calc(100vh - 154px) !important;
  min-height:610px !important;
  gap:12px !important;
}
.devfiles-browser,.devfiles-editor{
  margin-bottom:0 !important;
  height:100% !important;
  min-height:0 !important;
}
.devfiles-browser{padding:13px !important}
.devfiles-browser-title{display:flex;align-items:center;justify-content:space-between;padding:2px 2px 11px}
.devfiles-browser-title b{font-size:12px;letter-spacing:.1em}
.devfiles-browser-title small{font-size:10px}
.devfiles-editor{padding:0 !important;position:relative}
#devFileEmpty{
  height:100% !important;
  min-height:0 !important;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:30px;
  text-align:center;
}
#devFileEmpty[hidden]{display:none !important}
#devFileEmpty>div{max-width:560px}
#devFileEmpty b{display:block;font-size:24px;margin-bottom:10px}
#devFileEmpty span{display:block;color:#9290b1;line-height:1.55}
#devFileEditorBox{
  height:100% !important;
  min-height:0 !important;
  display:grid !important;
  grid-template-rows:38px auto 30px minmax(0,1fr) 27px;
  overflow:hidden !important;
}
#devFileEditorBox[hidden]{display:none !important}
.devfile-tabbar{
  display:flex;
  align-items:flex-end;
  overflow:hidden;
  border-bottom:1px solid var(--client-border);
  background:rgba(4,5,18,.32);
}
.devfile-tab{
  height:38px;min-width:150px;max-width:310px;padding:0 13px;
  display:flex;align-items:center;gap:8px;border-right:1px solid var(--client-border);
  color:#cbc9df;font-size:12px;
}
.devfile-tab.active{background:rgba(var(--client-panel-rgb),.86);border-top:2px solid var(--client-active)}
.devfile-tab-dot{width:7px;height:7px;border-radius:50%;background:#8f5ecb}
.devfile-editorbar{
  margin:0 !important;padding:10px 13px !important;border-bottom:1px solid var(--client-border);
  background:rgba(var(--client-panelAlt-rgb),.38)
}
.devfile-titleblock{min-width:0}
.devfile-titleblock strong{font-size:13px}
.devfile-titleblock small{font-size:10px}
.devfile-editor-tools{display:flex;align-items:center;gap:7px;flex-shrink:0}
.devstudio-badge{
  padding:5px 8px;border:1px solid var(--client-border);border-radius:7px;
  font:700 10px/1 ui-monospace,monospace;color:#8fd0da;background:#090a1e
}
.devstudio-hintbar{
  min-height:30px;padding:0 12px;display:flex;align-items:center;gap:16px;overflow:auto;
  border-bottom:1px solid var(--client-border);font-size:10px;color:#8886a6;white-space:nowrap;
  background:#090a1c
}
.devstudio-hintbar span:first-child{color:#b8a0dd;font-weight:800}
.dev-code-studio{
  position:relative;min-width:0;min-height:0;width:100%;height:100%;overflow:hidden;background:#070817
}
.devstudio-loading{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#8d8bac;font-size:12px
}
.devstudio-status{
  height:27px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;gap:10px;
  border-top:1px solid var(--client-border);background:#11102d;color:#918eac;font-size:10px;overflow:hidden
}
.devstudio-status span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.devfiles-entries{max-height:none !important}
.monaco-editor,.monaco-editor-background,.monaco-editor .margin{background-color:#070817 !important}

@media(max-width:1050px){
  .devfiles-layout{
    grid-template-columns:1fr !important;height:auto !important;max-height:none !important;min-height:0 !important;
  }
  .devfiles-browser{height:370px !important}
  .devfiles-editor{height:680px !important}
}


/* ============================================================
   GCAdmin v1.52 – Multi-Tab Code Studio
   ============================================================ */
.devfiles-layout{
  grid-template-columns:minmax(250px,26%) minmax(0,74%) !important;
}

.devfiles-editor{
  display:grid !important;
  grid-template-rows:38px minmax(0,1fr) !important;
}

.devfile-tabbar{
  min-width:0;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scrollbar-width:thin;
  white-space:nowrap;
}

.devtabs-empty{
  height:38px;
  display:flex;
  align-items:center;
  padding:0 13px;
  color:#777493;
  font-size:11px;
}

.devfile-tab{
  flex:0 0 auto;
  display:inline-flex !important;
  cursor:pointer;
  user-select:none;
  position:relative;
}

.devfile-tab:hover{
  background:rgba(var(--client-active-rgb),.08);
}

.devfile-tab.active{
  background:rgba(var(--client-panel-rgb),.98) !important;
  border-top:2px solid var(--client-active) !important;
}

.devfile-tab-title{
  min-width:0;
  max-width:180px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.devfile-tab-close{
  width:22px;
  height:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-left:4px;
  border:0 !important;
  border-radius:5px !important;
  padding:0 !important;
  background:transparent !important;
  color:#8d8aa6 !important;
  font-size:17px;
  font-weight:500;
}

.devfile-tab-close:hover{
  background:rgba(255,255,255,.08) !important;
  color:#fff !important;
}

.devfile-tab-dot.dirty{
  background:#d7a14d !important;
  box-shadow:0 0 7px rgba(215,161,77,.35);
}

#devFileEditorBox{
  min-height:0 !important;
  grid-template-rows:auto 30px minmax(0,1fr) 27px !important;
}

.devfile-row.selected{
  border-color:var(--client-active) !important;
  background:rgba(var(--client-active-rgb),.10) !important;
}

.devstudio-basic{
  width:100% !important;
  height:100% !important;
  min-height:100% !important;
  resize:none !important;
  border:0 !important;
  border-radius:0 !important;
  margin:0 !important;
  padding:14px !important;
  outline:0 !important;
  font:13px/1.5 Consolas,"Courier New",monospace !important;
  background:#070817 !important;
  color:#e6e4f2 !important;
}

@media(max-width:1050px){
  .devfiles-layout{
    grid-template-columns:1fr !important;
  }
}


/* ============================================================
   GCAdmin v1.53 – File/Folder icons
   ============================================================ */
.devfile-kind{
  font-size:16px !important;
  line-height:1 !important;
  display:flex;
  align-items:center;
  justify-content:center;
}


/* ============================================================
   GCAdmin v1.54 – Development header cleanup
   ============================================================ */
.development-hub{
  margin-top:-10px;
}
.development-head{
  margin-top:0 !important;
}


/* ============================================================
   GCAdmin v1.57 – Implementierte Entwickler-Datenbank
   ============================================================ */
.dbdev-grid{
  display:grid;
  grid-template-columns:minmax(0,2fr) minmax(260px,1fr);
  gap:14px;
  margin-bottom:14px;
}
.dbdev-head,.dbdev-audit-head,.dbdev-import-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}
.dbdev-head h2,.dbdev-import h3,.dbdev-audit-head h3{margin:4px 0 6px}
.dbdev-connection{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin:16px 0;
}
.dbdev-connection>div{
  border:1px solid var(--client-border);
  background:rgba(255,255,255,.025);
  border-radius:10px;
  padding:11px 12px;
  min-width:0;
}
.dbdev-connection small{display:block;color:var(--muted);margin-bottom:5px}
.dbdev-connection b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dbdev-import{margin-top:18px;border-top:1px solid var(--client-border);padding-top:16px}
.db-file-btn{position:relative;overflow:hidden;white-space:nowrap}
.db-sql-editor{
  width:100%;
  min-height:300px;
  resize:vertical;
  margin-top:10px;
  font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
  line-height:1.5;
  tab-size:2;
}
.db-preview-box{
  margin-top:12px;
  padding:12px;
  border:1px solid var(--client-border);
  border-radius:10px;
  min-height:48px;
  background:rgba(255,255,255,.02);
}
.db-table-list{max-height:520px;overflow:auto;margin-top:10px}
.db-table-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:9px 4px;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.db-table-row span{color:var(--muted);font-size:12px}
.dbdev-audit-head select{max-width:180px}
.db-audit-row{
  padding:14px 0;
  border-top:1px solid rgba(255,255,255,.08);
}
.db-audit-row:first-child{border-top:0}
.db-audit-main{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:7px;
}
.db-audit-main small{margin-left:auto;color:var(--muted)}
.db-audit-status{
  border:1px solid var(--client-border);
  border-radius:999px;
  padding:2px 8px;
  font-size:11px;
}
.db-audit-status.success{color:#58e69a}
.db-audit-status.failed{color:#ff6b78}
.db-audit-status.pending{color:#f3c86a}
.db-audit-summary{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:8px 0;
}
.db-audit-summary span{
  border:1px solid var(--client-border);
  background:rgba(255,255,255,.025);
  border-radius:8px;
  padding:5px 8px;
  font-size:12px;
}
.db-audit-error{
  color:#ff7b86;
  white-space:pre-wrap;
  font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
  font-size:12px;
  margin-top:8px;
}
@media(max-width:1050px){
  .dbdev-grid{grid-template-columns:1fr}
  .dbdev-connection{grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* ============================================================
   GCAdmin v1.58 – Vollständiger MariaDB Browser
   ============================================================ */
.db-browser-grid{
  display:grid;
  grid-template-columns:minmax(250px,26%) minmax(0,74%);
  gap:14px;
  margin:14px 0;
  align-items:stretch;
}
.db-browser-tables,.db-browser-data{min-height:520px}
.db-section-head h3{margin:0}
.db-table-select{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  text-align:left;
  background:transparent;
  border:1px solid transparent;
  border-radius:9px;
  padding:10px;
  color:inherit;
  cursor:pointer;
}
.db-table-select:hover,.db-table-select.active{
  border-color:var(--client-border);
  background:rgba(var(--client-accent-rgb),.10);
}
.db-table-select span{display:flex;flex-direction:column;min-width:0}
.db-table-select b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.db-table-select small{color:var(--muted);margin-top:3px}
.db-table-select em{font-style:normal;color:var(--muted);font-size:12px;white-space:nowrap}
.db-empty-state{
  min-height:420px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:7px;
  color:var(--muted);
}
.db-empty-state b{color:inherit;font-size:18px}
.db-table-view-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.db-table-view-head h3{margin:3px 0}
.db-columns{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  margin:10px 0 14px;
}
.db-column-chip{
  display:flex;
  align-items:center;
  gap:6px;
  border:1px solid var(--client-border);
  background:rgba(255,255,255,.025);
  border-radius:8px;
  padding:5px 8px;
  font-size:11px;
}
.db-column-chip span,.db-column-chip em{color:var(--muted);font-style:normal}
.db-data-scroll{
  width:100%;
  overflow:auto;
  max-height:520px;
  border:1px solid var(--client-border);
  border-radius:10px;
}
.db-data-table{margin:0;min-width:max-content}
.db-data-table th{
  position:sticky;
  top:0;
  z-index:2;
  background:var(--client-panel);
}
.db-data-table td{
  max-width:360px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.db-null{opacity:.55;font-style:italic}
.db-pagination{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-top:12px;
  color:var(--muted);
}
.db-pagination>div{display:flex;gap:8px}
.btn.danger{
  background:rgba(255,70,85,.12);
  border-color:rgba(255,70,85,.55);
  color:#ff7b86;
}
.btn.danger:hover{background:rgba(255,70,85,.20)}
@media(max-width:1050px){
  .db-browser-grid{grid-template-columns:1fr}
  .db-browser-tables,.db-browser-data{min-height:0}
}


/* ============================================================
   GCAdmin v1.59 – MariaDB Auto-Connect
   ============================================================ */
.db-connect-loading{
  min-height:140px;
  display:flex;
  align-items:center;
  gap:14px;
}
.db-connect-loading>div:last-child{
  display:flex;
  flex-direction:column;
  gap:5px;
}
.db-connect-loading span{color:var(--muted)}
.db-connect-spinner{
  width:24px;
  height:24px;
  border:3px solid rgba(255,255,255,.12);
  border-top-color:var(--client-accent);
  border-radius:50%;
  animation:gcDbSpin .8s linear infinite;
  flex:0 0 auto;
}
.db-connection-error{margin:12px 0}
@keyframes gcDbSpin{to{transform:rotate(360deg)}}


/* ============================================================
   GCAdmin v1.61 – Einzelne DB-Einträge löschen
   ============================================================ */
.db-row-actions-head,
.db-row-actions{
  position:sticky;
  right:0;
  text-align:center;
  background:var(--client-panel);
}
.db-row-actions{padding:5px 8px !important}
.db-delete-row{
  border:1px solid rgba(255,70,85,.45);
  background:rgba(255,70,85,.10);
  color:#ff7b86;
  border-radius:7px;
  padding:5px 8px;
  cursor:pointer;
  white-space:nowrap;
}
.db-delete-row:hover{background:rgba(255,70,85,.18)}
.db-delete-row:disabled{opacity:.45;cursor:not-allowed}


/* Docs */
.docs-head{display:flex;justify-content:space-between;align-items:center;gap:18px}
.docs-searchbar input{width:100%}
.docs-section{margin:18px 0}
.docs-section>h3{letter-spacing:.08em;font-size:13px;color:#aab0d5}
.docs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.doc-card{background:linear-gradient(180deg,rgba(18,22,52,.95),rgba(11,14,35,.95));border:1px solid var(--client-border,#2b2d58);border-radius:14px;padding:16px;cursor:pointer}
.doc-card:hover{border-color:var(--client-info,#37b8c8);transform:translateY(-1px)}
.doc-card h3{margin:10px 0 6px}.doc-card p{color:#9ca4cc;min-height:22px}
.doc-card small{display:block;color:#777fa7;margin:12px 0}
.doc-label{display:inline-flex;padding:4px 9px;border-radius:999px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.doc-label.general{background:rgba(47,128,237,.16);border:1px solid rgba(47,128,237,.45);color:#79b5ff}
.doc-label.developer{background:rgba(153,86,255,.16);border:1px solid rgba(153,86,255,.45);color:#c19aff}
.doc-view-head{display:flex;justify-content:space-between;align-items:center;gap:16px}
.docs-document{line-height:1.65;min-height:45vh}.docs-document h1,.docs-document h2,.docs-document h3{margin-top:24px}
.docs-code{background:#060816;border:1px solid #24284d;border-radius:10px;padding:14px;overflow:auto}
.doc-meta{margin:10px 2px 24px}
.doc-editor textarea{width:100%;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical}
.doc-type-switch{display:flex;gap:24px;margin:8px 0 14px}
.external-doc-shell{padding:0;overflow:hidden;height:calc(100vh - 185px);min-height:650px}
.external-doc-frame{border:0;width:100%;height:100%;background:white}

/* Restart Scheduler */
.scheduler-restart-head{display:flex;justify-content:space-between;align-items:center;gap:16px}
.next-restart-chip{border:1px solid rgba(47,128,237,.45);background:rgba(47,128,237,.12);border-radius:12px;padding:10px 14px;min-width:150px}
.next-restart-chip small{display:block;color:#8ba0c8}.next-restart-chip b{font-size:18px}
.restart-time-list{display:flex;flex-direction:column;gap:8px;margin:14px 0}
.restart-time-row{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border:1px solid var(--client-border,#2b2d58);border-radius:10px;background:rgba(9,12,31,.7)}
.restart-time-row span{display:flex;gap:8px}

/* v1.66 Team management */
.team-page-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}
.team-page-head h2{margin-bottom:4px}.team-filterbar{justify-content:space-between}
.team-filterbar input{max-width:360px}.team-filterbar select{max-width:220px}
.team-create-card{width:min(760px,calc(100vw - 32px));max-height:90vh;overflow:auto}
.extra-permissions{margin:16px 0;border:1px solid var(--client-border,#2b2d58);border-radius:12px;background:rgba(7,10,28,.55)}
.extra-permissions summary{cursor:pointer;padding:13px 15px;font-weight:800;user-select:none}
.extra-permissions[open] summary{border-bottom:1px solid var(--client-border,#2b2d58)}
.extra-permissions .perm-grid,.extra-permissions .role-info-box{margin:12px}
.perm span small{display:block;font-size:10px;color:#747da4;margin-top:2px}
.permission-inherited{opacity:.82}.permission-inherited span small{color:#66c6ff}
.permission-extra span small{color:#b694ff}
.cfx-suggestions{border:1px solid var(--client-border,#2b2d58);border-radius:10px;overflow:hidden;margin:4px 0 4px;background:#0b0f25}
.cfx-suggestion{width:100%;display:flex;justify-content:space-between;gap:12px;padding:9px 12px;border:0;border-bottom:1px solid rgba(255,255,255,.06);background:transparent;color:inherit;text-align:left;cursor:pointer}
.cfx-suggestion:hover{background:rgba(98,77,255,.13)}.cfx-suggestion small{color:#7d86ac}
.role-pill{display:inline-flex;padding:5px 9px;border-radius:7px;background:rgba(117,91,255,.14);border:1px solid rgba(117,91,255,.22);font-weight:700}
.role-pill.headdev-label{
  background:linear-gradient(135deg,rgba(156,82,255,.30),rgba(91,43,178,.22));
  border-color:rgba(178,116,255,.68);
  color:#dfc3ff;
  box-shadow:0 0 16px rgba(145,76,255,.24),inset 0 1px 0 rgba(255,255,255,.07);
}

.team-page-head-compact{margin-top:-12px;margin-bottom:10px}
.team-page-head-compact p{margin:0}

/* v1.66.2 Team owner/delete controls */
.owner-badge{display:inline-flex;align-items:center;gap:6px}
.owner-remove-x{
  width:17px;height:17px;display:inline-grid;place-items:center;padding:0;
  border:0;border-radius:50%;background:rgba(0,0,0,.22);color:#fff;
  font-size:13px;line-height:1;cursor:pointer
}
.owner-remove-x:hover{background:rgba(0,0,0,.42)}
.team-row-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}

/* v1.66.3 absolute [gcadmin] protection */
.resource-folder-locked{opacity:.86}
.resource-folder-locked-title{cursor:not-allowed!important;user-select:none}
.resource-folder-locked-title:hover{background:inherit!important}
.resource-folder-locknote{
  margin-left:auto;font-size:11px;text-transform:uppercase;letter-spacing:.08em;
  color:#ff7892;border:1px solid rgba(255,80,110,.3);border-radius:999px;padding:3px 8px
}

.devfiles-actions{display:flex;gap:8px;flex-wrap:wrap}
/* ============================================================
   GCAdmin v1.66.29 – compact FiveM ingame layout
   ============================================================ */
body.ingame-mode{width:100%;min-width:0;overflow:hidden!important}
body.ingame-mode .shell{width:100%;max-width:100%;min-width:0;grid-template-columns:176px minmax(0,1fr) 205px!important;gap:8px!important;overflow:hidden!important}
body.ingame-mode .shell>aside:first-child{width:auto!important;min-width:0!important;padding:12px 8px!important;overflow-y:auto!important;overflow-x:hidden!important}
body.ingame-mode .logo{font-size:19px!important;padding:6px 8px 14px!important}
body.ingame-mode .logo small{font-size:8px!important}
body.ingame-mode .group{margin:11px 8px 4px!important;font-size:8px!important}
body.ingame-mode .nav,body.ingame-mode button.nav{width:100%!important;min-width:0!important;padding:8px 9px!important;font-size:12px!important;white-space:normal!important;overflow-wrap:anywhere!important}
body.ingame-mode .me{margin-top:14px!important;padding:10px 8px!important;font-size:11px!important}
body.ingame-mode main{min-width:0!important;padding:0 12px 24px!important;overflow-x:hidden!important}
body.ingame-mode header{height:72px!important;min-width:0!important;gap:10px!important}
body.ingame-mode header h2{font-size:21px!important}
body.ingame-mode header small{font-size:10px!important}
body.ingame-mode .pill{padding:7px 9px!important;font-size:12px!important;white-space:nowrap!important}
body.ingame-mode #page{min-width:0!important;max-width:100%!important}
body.ingame-mode .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
body.ingame-mode .grid2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:9px!important}
body.ingame-mode .panel{min-width:0!important;padding:13px!important;margin-bottom:10px!important}
body.ingame-mode .stat b{font-size:19px!important}
body.ingame-mode .table{width:100%!important;table-layout:auto!important}
body.ingame-mode .table th,body.ingame-mode .table td{padding:8px!important;overflow-wrap:anywhere!important}
body.ingame-mode .toolbar{gap:6px!important}
body.ingame-mode .toolbar input,body.ingame-mode .toolbar select{min-width:140px!important;max-width:100%!important}
body.ingame-mode .global-players-sidebar{position:sticky!important;top:8px!important;width:auto!important;min-width:0!important;height:calc(100vh - 16px)!important;margin:0 8px 0 0!important;border-radius:13px!important}
body.ingame-mode .global-players-head{min-height:58px!important;padding:10px 11px!important}
body.ingame-mode .global-players-list{height:calc(100% - 58px)!important;padding:7px!important;overflow-x:hidden!important}
body.ingame-mode .global-player-card{padding:8px!important}
body.ingame-mode .global-player-name{font-size:12px!important}
body.ingame-mode .global-player-meta{font-size:9px!important}
body.ingame-mode .console,body.ingame-mode .editor{max-width:100%!important}
body.ingame-mode img,body.ingame-mode iframe{max-width:100%!important}
@media(max-width:920px){body.ingame-mode .shell{grid-template-columns:156px minmax(0,1fr) 180px!important;gap:6px!important}body.ingame-mode main{padding-left:9px!important;padding-right:9px!important}}
@media(max-width:760px){body.ingame-mode .shell{grid-template-columns:150px minmax(0,1fr)!important}body.ingame-mode .global-players-sidebar{display:none!important}}
@media(max-width:560px){body.ingame-mode .shell{grid-template-columns:58px minmax(0,1fr)!important}body.ingame-mode .logo{font-size:0!important;padding-left:4px!important}body.ingame-mode .logo b{font-size:17px!important}body.ingame-mode .logo small,body.ingame-mode .group,body.ingame-mode .me b,body.ingame-mode .me small{display:none!important}body.ingame-mode .nav,body.ingame-mode button.nav{font-size:9px!important;padding:7px 4px!important}body.ingame-mode .grid,body.ingame-mode .grid2{grid-template-columns:1fr!important}}

/* v1.66.29 — Dashboard + Server merged */
.server-overview-head{margin-bottom:16px}
.server-overview-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
.server-dashboard-row{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,.65fr);gap:16px;align-items:stretch;margin-bottom:16px}
.server-console-card,.server-actions-card{margin:0;min-width:0}
.server-console-card{display:flex;flex-direction:column}
.server-console-card .server-console{min-height:330px;flex:1}
.server-actions-card{display:flex;flex-direction:column}
.server-main-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.server-main-action{min-height:48px;font-size:14px}
.server-main-action[data-server-action="stop"]{grid-column:1/-1}
.server-action-note{margin-top:auto;padding-top:18px;color:var(--muted);font-size:12px}
@media(max-width:1050px){.server-dashboard-row{grid-template-columns:1fr}.server-overview-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.server-overview-stats{grid-template-columns:1fr}.server-main-actions{grid-template-columns:1fr}.server-main-action[data-server-action="stop"]{grid-column:auto}}


/* Server announcement composer */
.server-announcement-action{grid-column:1/-1;background:linear-gradient(135deg,#6e46d8,#9b4fd8);color:#fff}
.gcadmin-announcement-modal{position:fixed;inset:0;z-index:99999;background:rgba(2,5,14,.72);display:grid;place-items:center;padding:20px}
.gcadmin-announcement-modal.hidden{display:none!important}
.gcadmin-announcement-dialog{width:min(520px,92vw);background:#10142b;border:1px solid #493c78;border-radius:14px;padding:18px;box-shadow:0 24px 80px rgba(0,0,0,.55)}
.gcadmin-announcement-dialog textarea{width:100%;box-sizing:border-box;min-height:44px;max-height:180px;resize:none;overflow:auto;background:#090d1d;color:#fff;border:1px solid #3a416b;border-radius:9px;padding:11px 12px;font:inherit;line-height:1.4}
.gcadmin-announcement-count{text-align:right;font-size:12px;color:#9299bf;margin-top:5px}
.gcadmin-announcement-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}

/* v1.66.29 — Serverkonsole bleibt kompakt; nur der Log-Inhalt scrollt. */
.server-console-card{height:560px;max-height:560px;overflow:hidden}
.server-console-card .server-console{height:auto!important;min-height:0!important;max-height:none;flex:1 1 auto;overflow-y:auto;overflow-x:auto}
@media(max-width:900px){.server-console-card{height:480px;max-height:480px}}
.player-file-discord-handle{display:block;margin-top:4px;color:var(--muted);font-size:.82rem}

/* v1.66.29 player-file owner actions */
.player-file-header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}

/* GCAdmin v1.66.41 – align settings detail back button with content card */
.settings-subpage-toolbar{
  padding:0 14px 14px;
}

/* GCAdmin v1.66.42 – remove duplicate settings detail heading */
.settings-modal-header{padding-bottom:8px}

/* GCAdmin v1.66.44 – Development Todos */
.devtodo-shell{overflow:visible}
.devtodo-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}
.devtodo-head h2{margin:4px 0 4px}.devtodo-head small{color:var(--muted);letter-spacing:.14em}
.devtodo-status-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}
.devtodo-status-tab{border:1px solid var(--client-border);border-radius:12px;padding:14px 16px;background:rgba(var(--client-panelAlt-rgb),.82);color:#aaa8c7;font-weight:800;cursor:pointer;transition:.15s}
.devtodo-status-tab:hover{border-color:var(--client-active);color:#fff;transform:translateY(-1px)}
.devtodo-status-tab.active{border-color:var(--client-active);color:#fff;background:rgba(var(--client-accent-rgb),.18);box-shadow:0 0 14px rgba(var(--client-glow-rgb),.12)}
.devtodo-status-tab span{display:inline-grid;place-items:center;min-width:24px;height:24px;margin-left:7px;padding:0 7px;border-radius:999px;background:rgba(255,255,255,.07);font-size:11px}
.devtodo-filters{display:grid;grid-template-columns:minmax(240px,1.8fr) 1fr 1fr 1fr auto;gap:10px;align-items:end;padding:14px;border:1px solid var(--client-border);border-radius:12px;background:rgba(0,0,0,.12);margin-bottom:18px}
.devtodo-filters label{display:flex;flex-direction:column;gap:6px;color:#aaa8c7;font-size:12px;font-weight:700}.devtodo-filters input,.devtodo-filters select{width:100%}
.devtodo-list-title{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:2px 0 10px}.devtodo-list-title h3{margin:0}
.devtodo-list{display:flex;flex-direction:column;gap:12px}
.devtodo-card{border:1px solid var(--client-border);border-radius:13px;padding:16px;background:linear-gradient(145deg,rgba(var(--client-panelAlt-rgb),.88),rgba(var(--client-panel-rgb),.94));box-shadow:0 10px 24px rgba(0,0,0,.16)}
.devtodo-card.important{border-left:4px solid #d6a83f}
.devtodo-card-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.devtodo-card h3{margin:0 0 9px;font-size:18px}
.devtodo-labels{display:flex;gap:7px;flex-wrap:wrap}.devtodo-label{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;border:1px solid var(--client-border);font-size:10px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.devtodo-label.area{color:#80c7e8;background:rgba(65,157,205,.08)}.devtodo-label.priority.important{color:#e9c86c;border-color:rgba(233,200,108,.35);background:rgba(233,200,108,.07)}.devtodo-label.priority.unimportant{color:#9a98b5}
.devtodo-label.status.open{color:#c2b8ff}.devtodo-label.status.in_progress{color:#71d2e4}.devtodo-label.status.done{color:#7fd6a3}
.devtodo-description{margin:14px 0;color:#d8d7e6;line-height:1.55;white-space:normal}
.devtodo-meta{display:flex;flex-direction:column;gap:4px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06);color:#8f8dab;font-size:11px}.devtodo-meta b{color:#cbc9dc}
.devtodo-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-top:13px}
.devtodo-modal{position:fixed;inset:0;z-index:45000;display:grid;place-items:center;padding:20px}.devtodo-modal.hidden{display:none}.devtodo-modal-backdrop{position:absolute;inset:0;background:rgba(3,4,14,.78);backdrop-filter:blur(8px)}
.devtodo-modal-card{position:relative;z-index:1;width:min(720px,96vw);max-height:92vh;overflow:auto;border:1px solid var(--client-border);border-radius:16px;padding:20px;background:linear-gradient(145deg,rgba(var(--client-panelAlt-rgb),.99),rgba(var(--client-panel-rgb),.99));box-shadow:0 24px 80px rgba(0,0,0,.48)}
.devtodo-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:16px}.devtodo-modal-head small{color:var(--muted);letter-spacing:.12em}.devtodo-modal-head h3{margin:4px 0 0}
.devtodo-modal-card>label,.devtodo-form-grid label{display:flex;flex-direction:column;gap:6px;color:#aaa8c7;font-size:12px;font-weight:700;margin-bottom:12px}.devtodo-modal-card input,.devtodo-modal-card textarea,.devtodo-modal-card select{width:100%}.devtodo-modal-card textarea{resize:vertical;min-height:120px}
.devtodo-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.devtodo-modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:16px}
.devlogs-filter{grid-template-columns:1.25fr .9fr 1fr 1.1fr auto auto}
@media(max-width:1100px){.devtodo-filters{grid-template-columns:1fr 1fr}.devtodo-search{grid-column:1/-1}.devlogs-filter{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.devtodo-status-tabs{grid-template-columns:1fr}.devtodo-filters,.devtodo-form-grid{grid-template-columns:1fr}.devtodo-search{grid-column:auto}.devtodo-head{flex-direction:column}.devtodo-head .btn{width:100%}.devtodo-actions .btn{flex:1 1 100%}}

/* GCAdmin v1.66.46 — komplette kompakte Handyansicht (Desktop unverändert) */
.mobile-header-actions,.mobile-header-btn,.mobile-backdrop{display:none}
@media(max-width:760px){
  html,body{max-width:100%;overflow-x:hidden}
  body.mobile-drawer-open{overflow:hidden}
  .login{padding:16px;min-height:100dvh}
  .login-card{width:100%;max-width:420px;padding:24px 18px;border-radius:14px}
  .login-card h1{font-size:30px}

  .shell{display:block!important;min-height:100dvh!important;grid-template-columns:none!important;gap:0!important}
  #mainSidebar{
    display:block!important;position:fixed!important;left:0!important;top:0!important;bottom:0!important;
    width:min(86vw,310px)!important;height:100dvh!important;z-index:10002!important;
    transform:translateX(-105%);transition:transform .2s ease;padding:18px 13px!important;
    border-right:1px solid var(--client-border,var(--line))!important;box-shadow:18px 0 45px rgba(0,0,0,.45)!important;
    overflow-y:auto!important;background:rgba(9,9,31,.985)!important
  }
  .shell.mobile-nav-open #mainSidebar{transform:translateX(0)}
  #mainSidebar .logo{font-size:22px!important;padding:8px 10px 18px!important}
  #mainSidebar .logo b{font-size:22px!important}
  #mainSidebar .logo small,#mainSidebar .group,#mainSidebar .me b,#mainSidebar .me small{display:block!important}
  #mainSidebar .nav{width:100%;font-size:13px!important;padding:11px 12px!important}
  #mainSidebar .group{margin:15px 10px 5px!important;font-size:10px!important}
  #mainSidebar .me{display:block!important}

  .global-players-sidebar{
    display:block!important;position:fixed!important;right:0!important;left:auto!important;top:0!important;bottom:0!important;
    width:min(88vw,330px)!important;height:100dvh!important;max-height:none!important;z-index:10002!important;
    margin:0!important;border-radius:0!important;transform:translateX(105%);transition:transform .2s ease!important;
    border:0!important;border-left:1px solid var(--client-border,var(--line))!important;box-shadow:-18px 0 45px rgba(0,0,0,.45)!important
  }
  .shell.mobile-players-open .global-players-sidebar{transform:translateX(0)}
  .global-players-list{height:calc(100dvh - 68px)!important}

  .mobile-backdrop{position:fixed;inset:0;z-index:10001;background:rgba(0,0,0,.58);backdrop-filter:blur(3px)}
  .shell.mobile-nav-open + .mobile-backdrop,.shell.mobile-players-open + .mobile-backdrop{display:block}
  .mobile-header-actions{display:flex;gap:7px;align-items:center;order:0}
  .mobile-header-btn{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:38px;padding:0 10px;border:1px solid var(--client-border,var(--line));border-radius:9px;background:rgba(var(--client-panelAlt-rgb,19,21,50),.92);color:#fff;font-weight:900}

  main{padding:0 10px 24px!important;width:100%!important;min-width:0!important}
  main>header{position:sticky;top:0;z-index:9000;height:auto!important;min-height:72px!important;padding:9px 0!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center;background:rgba(6,7,25,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05)}
  .header-title{min-width:0}
  main>header h2{font-size:18px;margin:1px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  main>header small{font-size:8px;letter-spacing:.08em;white-space:nowrap}
  main>header .pill{font-size:0;padding:0;width:34px;height:34px;display:grid;place-items:center}
  main>header .pill::first-letter{font-size:18px}
  #serverPill{color:transparent!important;position:relative}
  #serverPill:before{content:'●';font-size:18px;color:#ff6777;position:absolute;inset:0;display:grid;place-items:center}
  #serverPill.on:before{color:var(--green)}

  #page{min-width:0;width:100%}
  .panel,.card,.box,.settings-modal-card{border-radius:12px!important;padding:13px!important;margin-bottom:10px!important;min-width:0!important}
  .grid,.grid2,.server-overview-stats,.bot-settings-grid,.development-grid,.artifact-actions-grid,.perm-grid,.player-file-grid,.devtodo-form-grid{grid-template-columns:1fr!important;gap:9px!important}
  .development-panel{min-height:92px!important;padding:15px!important}
  .development-panel b{font-size:16px!important;margin-bottom:5px!important}
  .development-panel span{font-size:12px!important}
  .stat b{font-size:20px!important}

  .toolbar,.team-filterbar,.development-backbar,.settings-subpage-toolbar{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;width:100%!important}
  .toolbar>* ,.toolbar input,.toolbar select,.toolbar button,.team-filterbar input,.team-filterbar select{width:100%!important;max-width:none!important;min-width:0!important}
  .btn{min-height:40px;white-space:normal}

  .table,.team-table{display:block!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;white-space:nowrap}
  .table th,.table td,.team-table th,.team-table td{padding:8px 9px!important;font-size:11px!important}
  .team-table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  .resource-row{grid-template-columns:1fr!important;padding:10px!important}
  .resource-actions,.team-row-actions{justify-content:stretch!important}
  .resource-actions .btn,.team-row-actions .btn{flex:1 1 100%}

  .team-page-head,.devtodo-head,.devtodo-card-head,.player-file-timeline-head,.devlogs-title{flex-direction:column!important;align-items:stretch!important}
  .team-page-head .btn,.devtodo-head .btn{width:100%}
  .team-create-card,.team-modal-card,.devtodo-modal-card,.gcadmin-announcement-dialog{width:calc(100vw - 20px)!important;max-width:none!important;max-height:92dvh!important;padding:15px!important;border-radius:13px!important}
  .team-modal,.devtodo-modal,.gcadmin-announcement-modal{padding:10px!important}

  .settings-modal-shell{min-height:0!important;display:block!important}
  .settings-modal-card{width:100%!important;overflow:visible!important}
  .settings-modal-header{padding:4px 2px 10px!important}
  .settings-modal-header h3,.settings-detail-title{font-size:19px!important}
  .settings-content{padding:0!important}
  .settings-subpage-toolbar{padding:0 0 10px!important}

  .devtodo-status-tabs{grid-template-columns:1fr!important;gap:7px!important;margin:12px 0!important}
  .devtodo-status-tab{padding:11px 12px!important;text-align:left}
  .devtodo-filters,.devlogs-filter{grid-template-columns:1fr!important;padding:11px!important;gap:7px!important}
  .devtodo-search{grid-column:auto!important}
  .devtodo-card{padding:13px!important;border-radius:11px!important}
  .devtodo-card h3{font-size:16px!important}
  .devtodo-description{font-size:13px;margin:11px 0!important}
  .devtodo-meta{font-size:10px!important}
  .devtodo-actions{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}
  .devtodo-actions .btn{width:100%!important}
  .devtodo-modal-actions{display:grid!important;grid-template-columns:1fr!important}
  .devtodo-list-title{align-items:flex-end!important}

  .server-dashboard-row{grid-template-columns:1fr!important;gap:10px!important}
  .server-console-card{height:430px!important;max-height:430px!important}
  .server-main-actions{grid-template-columns:1fr!important}
  .server-main-action[data-server-action="stop"],.server-announcement-action{grid-column:auto!important}
  .console,.editor{max-width:100%!important;font-size:11px!important}
  .console{height:50dvh!important;padding:10px!important}

  .player-files-layout{grid-template-columns:1fr!important}
  .player-files-list-panel{position:static!important;max-height:none!important}
  .player-file-list{max-height:280px!important}
  .player-file-header-actions{justify-content:stretch!important}
  .player-file-header-actions .btn{width:100%!important}

  .sanction-card,.sanctions-card{max-width:100%!important}
  .devlog-change{grid-template-columns:1fr!important}
  .devlog-change pre{max-height:260px;overflow:auto}

  .gcadmin-announcement-actions{display:grid!important;grid-template-columns:1fr!important}
  #toast{left:10px!important;right:10px!important;bottom:10px!important;text-align:center!important}

  img,iframe,video,canvas{max-width:100%!important}
  .external-doc-frame{height:72dvh!important}
}

@media(max-width:420px){
  main{padding-left:7px!important;padding-right:7px!important}
  main>header{gap:6px}
  .mobile-header-btn{min-width:38px;height:36px;padding:0 8px;font-size:11px}
  main>header small{display:none}
  main>header h2{font-size:17px}
  .panel,.card,.box,.settings-modal-card{padding:11px!important}
  .devtodo-label{font-size:9px!important;padding:4px 7px!important}
}

/* GCAdmin v1.66.48 – Todo attachments (links, images, folder path) */
.devtodo-attachments{margin:14px 0 0;padding:13px 0;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;gap:12px}
.devtodo-links{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px}
.devtodo-links a{color:#a9c8ff;text-decoration:underline;text-underline-offset:3px;font-weight:700;word-break:break-all}
.devtodo-links a:hover{color:#fff}.devtodo-link-sep{color:var(--muted)}
.devtodo-folder{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;color:var(--muted);font-size:11px}
.devtodo-folder span{font-weight:800;text-transform:uppercase;letter-spacing:.06em}.devtodo-folder code{display:block;min-width:0;padding:7px 9px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:rgba(0,0,0,.18);color:#d7d8e9;white-space:normal;overflow-wrap:anywhere}
.devtodo-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:9px}
.devtodo-images figure{margin:0;min-width:0;border:1px solid rgba(255,255,255,.08);border-radius:9px;overflow:hidden;background:rgba(0,0,0,.18)}
.devtodo-images img{display:block;width:100%;height:110px;object-fit:cover;background:#070814}.devtodo-images figcaption{padding:6px 8px;color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.devtodo-editor-section{margin:13px 0;padding:13px;border:1px solid var(--client-border);border-radius:11px;background:rgba(0,0,0,.12)}
.devtodo-editor-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.devtodo-editor-section-head>div{display:flex;flex-direction:column;gap:3px}.devtodo-editor-section-head b{font-size:13px;color:#ececf6}.devtodo-editor-section-head small{color:var(--muted);font-size:10px;line-height:1.35}
.devtodo-link-editor{display:flex;flex-direction:column;gap:8px}.devtodo-link-row{display:grid;grid-template-columns:minmax(130px,.7fr) minmax(220px,1.6fr) auto;gap:8px;align-items:center}.devtodo-link-row .btn{min-width:42px;padding-left:10px;padding-right:10px}
.devtodo-image-editor{display:flex;flex-direction:column;gap:8px;margin-top:10px}.devtodo-image-edit-item{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:10px;align-items:center;padding:7px;border:1px solid rgba(255,255,255,.07);border-radius:9px}.devtodo-image-edit-item img{width:64px;height:48px;object-fit:cover;border-radius:6px;background:#070814}.devtodo-image-edit-item span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d8d7e6;font-size:11px}
@media(max-width:760px){.devtodo-editor-section{padding:10px;margin:10px 0}.devtodo-editor-section-head{flex-direction:column}.devtodo-editor-section-head .btn{width:100%}.devtodo-link-row{grid-template-columns:1fr}.devtodo-link-row .btn{width:100%}.devtodo-folder{grid-template-columns:1fr;gap:5px}.devtodo-images{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.devtodo-images img{height:92px}.devtodo-image-edit-item{grid-template-columns:54px minmax(0,1fr)}.devtodo-image-edit-item img{width:54px;height:44px}.devtodo-image-edit-item .btn{grid-column:1/-1;width:100%}.devtodo-links{font-size:11px}}
@media(max-width:420px){.devtodo-images{grid-template-columns:1fr}.devtodo-images img{height:150px}}

/* GCAdmin v1.66.48 – Dev Notes */
.devnotes-head{display:flex;justify-content:space-between;gap:14px}.devnote-create{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin:16px 0}.devnote-create textarea{min-height:92px;resize:vertical}.devnotes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.devnote-card{border:1px solid var(--client-border);border-radius:13px;padding:15px;background:rgba(var(--client-panelAlt-rgb),.52)}.devnote-card.pinned{border-color:rgba(233,200,108,.48);box-shadow:inset 3px 0 rgba(233,200,108,.6)}.devnote-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.devnote-head>div:first-child{display:flex;flex-direction:column;gap:3px}.devnote-head small{color:var(--muted)}.devnote-actions{display:flex;gap:6px;flex-wrap:wrap}.devnote-text{margin-top:13px;line-height:1.55;white-space:normal;overflow-wrap:anywhere}.devnote-link{color:#9fc2ff;font-weight:800;text-decoration:underline;text-underline-offset:3px}

/* Resource backups */
.backup-list{display:flex;flex-direction:column;gap:9px;margin-top:14px}.backup-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.7fr);gap:14px;align-items:center;padding:12px;border:1px solid var(--client-border);border-radius:11px;background:rgba(0,0,0,.12)}.backup-row>div{display:flex;flex-direction:column;gap:3px}.backup-row span,.backup-row small{color:var(--muted)}.backup-row code{white-space:normal;overflow-wrap:anywhere;text-align:right}

/* Whitelist */
.whitelist-add{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin:14px 0}.whitelist-list{display:flex;flex-direction:column;gap:8px}.whitelist-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px;border:1px solid var(--client-border);border-radius:11px;background:rgba(0,0,0,.12)}.whitelist-row>div:first-child{display:flex;flex-direction:column;gap:4px}.whitelist-row small{color:var(--muted)}.whitelist-row.inactive{opacity:.72}.whitelist-row-state{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}

/* Jobs: selectable overview and focused grade management */
.job-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.job-card{min-height:86px;padding:18px;text-align:left;border:1px solid var(--client-border);border-radius:13px;background:rgba(0,0,0,.13);color:#fff;cursor:pointer;display:flex;flex-direction:column;justify-content:center;gap:7px;transition:.16s ease}.job-card:hover{border-color:rgba(var(--client-accent-rgb),.62);background:rgba(var(--client-accent-rgb),.09);transform:translateY(-1px)}.job-card b{font-size:16px}.job-card span,.job-detail-shell small,.job-grade-info span{color:var(--muted);font-size:11px}.jobs-backbar{margin-bottom:12px}.job-grade-list{display:flex;flex-direction:column;gap:9px;margin-top:18px}.job-grade-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--client-border);border-radius:11px;background:rgba(0,0,0,.12)}.job-grade-number{width:40px;height:40px;border-radius:10px;background:rgba(var(--client-accent-rgb),.12);display:flex;align-items:center;justify-content:center;font-weight:900}.job-grade-info{display:flex;flex-direction:column;gap:4px}.job-grade-actions{display:flex;gap:7px}.job-grade-dialog{display:grid;gap:8px}.job-grade-dialog .gcadmin-announcement-actions{margin-top:8px}

/* Consolidated player hub */
.players-hub-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px;min-height:65vh}.players-detail-pane{min-width:0}.players-account-pane{min-width:0}.players-account-pane .server-panel-header{align-items:stretch;flex-direction:column}.player-account-list{display:flex;flex-direction:column;gap:7px;max-height:70vh;overflow:auto}.player-account-button,.player-character-card{width:100%;text-align:left;border:1px solid var(--client-border);border-radius:10px;background:rgba(0,0,0,.14);color:#fff;padding:11px 12px;cursor:pointer;display:flex;justify-content:space-between;gap:10px;align-items:center}.player-account-button:hover,.player-character-card:hover{border-color:rgba(var(--client-accent-rgb),.55);background:rgba(var(--client-accent-rgb),.09)}.player-account-button span,.player-character-card span{color:var(--muted);font-size:11px}.player-account-head,.player-character-detail-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.player-character-list{display:flex;flex-direction:column;gap:9px;margin-top:18px}.player-character-card{flex-direction:column;align-items:flex-start}.player-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:18px 0}.player-status-grid>div{border:1px solid var(--client-border);border-radius:10px;padding:12px;background:rgba(0,0,0,.12);display:flex;flex-direction:column;gap:4px}.player-status-grid small{color:var(--muted)}.player-status-grid b{font-size:20px}.player-detail-section{margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}.inventory-compact-list,.vehicle-compact-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.inventory-compact-list>div,.vehicle-compact-list>div{display:flex;justify-content:space-between;gap:10px;padding:9px 10px;border:1px solid rgba(255,255,255,.07);border-radius:8px}.inventory-compact-list span,.vehicle-compact-list span{color:var(--muted)}.death-inventory-box{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:11px;border:1px solid rgba(233,200,108,.32);border-radius:10px;background:rgba(233,200,108,.05);margin-bottom:10px}.death-inventory-box>div{display:flex;flex-direction:column;gap:3px}.death-inventory-box small{color:var(--muted)}

/* Human-readable audit + team activity */
.audit-list{display:flex;flex-direction:column;gap:8px}.audit-entry{display:grid;grid-template-columns:155px minmax(0,1fr);gap:13px;padding:11px 12px;border:1px solid var(--client-border);border-radius:10px;background:rgba(0,0,0,.1)}.audit-entry time{color:var(--muted);font-size:11px}.audit-entry>div{display:grid;grid-template-columns:150px 220px minmax(0,1fr);gap:10px;align-items:start}.audit-entry span{color:#c9c8d8}.audit-entry details{grid-column:1/-1}.audit-entry summary{cursor:pointer;color:var(--muted);font-size:10px}.audit-entry pre{max-height:220px;overflow:auto;white-space:pre-wrap}.team-activity-list{display:flex;flex-direction:column;gap:6px}.team-activity-row{display:grid;grid-template-columns:155px 140px 220px minmax(0,1fr);gap:10px;align-items:center;padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.06)}.team-activity-row time,.team-activity-row small{color:var(--muted)}

/* 2FA */
.security-2fa{max-width:850px}.twofa-box{margin-top:14px;padding:14px;border:1px solid var(--client-border);border-radius:11px;display:grid;gap:9px}.twofa-box code{padding:10px;border-radius:8px;background:rgba(0,0,0,.18);overflow-wrap:anywhere}.twofa-box small{color:var(--muted)}

@media(max-width:760px){
  .devnote-create{grid-template-columns:1fr}.devnote-create .btn{width:100%}.devnotes-grid{grid-template-columns:1fr}.devnote-head{flex-direction:column}.devnote-actions{width:100%;display:grid;grid-template-columns:1fr}.devnote-actions .btn{width:100%}
  .backup-row{grid-template-columns:1fr}.backup-row code{text-align:left}.whitelist-add{grid-template-columns:1fr}.whitelist-add .btn{width:100%}.whitelist-row{flex-direction:column;align-items:stretch}.whitelist-row-state{justify-content:flex-start}.whitelist-row-state .btn{width:100%}
  .players-hub-layout{grid-template-columns:1fr}.players-account-pane{order:-1}.player-account-list{max-height:36vh}.player-account-head,.player-character-detail-head{flex-direction:column}.player-status-grid{grid-template-columns:1fr 1fr}.inventory-compact-list,.vehicle-compact-list{grid-template-columns:1fr}.death-inventory-box{flex-direction:column;align-items:stretch}.death-inventory-box .btn{width:100%}
  .audit-entry{grid-template-columns:1fr}.audit-entry>div{grid-template-columns:1fr}.audit-entry details{grid-column:auto}.team-activity-row{grid-template-columns:1fr;gap:3px}.security-2fa .toolbar{display:grid;grid-template-columns:1fr}.security-2fa .btn{width:100%}
  .job-card-grid{grid-template-columns:1fr}.jobs-shell .server-panel-header,.job-detail-shell .server-panel-header{align-items:stretch;flex-direction:column}.jobs-shell .server-panel-header input,.job-detail-shell .server-panel-header .btn{width:100%}.job-grade-row{grid-template-columns:42px minmax(0,1fr)}.job-grade-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.job-grade-actions .btn{width:100%}
}
.player-section-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.player-section-title .btn.compact{padding:5px 9px;font-size:10px;margin-left:auto}.death-inventory-modal{width:min(680px,calc(100vw - 28px))}.death-snapshot-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:48vh;overflow:auto;margin:14px 0}.death-snapshot-items>div{display:flex;justify-content:space-between;gap:10px;padding:9px 10px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:rgba(0,0,0,.12)}.death-snapshot-items span{color:var(--muted)}
@media(max-width:760px){.player-section-title .btn.compact{margin-left:0;width:100%}.death-snapshot-items{grid-template-columns:1fr}}


/* GCAdmin v1.66.49 – Authenticator QR enrollment + Team 2FA status */
.security-2fa-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:10px}
.security-2fa-head h3{margin:4px 0 0}.security-2fa-head small{letter-spacing:.14em;color:var(--muted)}
.twofa-status-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:12px;font-weight:800;white-space:nowrap}
.twofa-status-pill.enabled{color:#8fffc0;border-color:rgba(72,220,135,.42);background:rgba(72,220,135,.08)}
.twofa-start{margin-top:16px}.twofa-enroll-card{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:24px;align-items:start;margin-top:18px;padding:18px;border:1px solid var(--client-border,var(--line));border-radius:14px;background:rgba(0,0,0,.16)}
.twofa-qr-wrap{display:flex;align-items:center;justify-content:center;padding:12px;border-radius:12px;background:#fff}.twofa-qr{display:block;width:100%;max-width:280px;aspect-ratio:1;object-fit:contain}
.twofa-enroll-steps{display:grid;gap:10px}.twofa-enroll-steps h4{margin:0}.twofa-enroll-steps ol{margin:0;padding-left:20px;color:var(--muted);display:grid;gap:6px}.twofa-enroll-steps input{max-width:280px;font-size:20px;letter-spacing:.18em;font-weight:800;text-align:center}.twofa-enroll-steps>.btn{width:max-content}.twofa-manual{margin-top:4px}.twofa-manual code{display:block;margin-top:8px;padding:10px;border-radius:8px;background:rgba(0,0,0,.22);overflow-wrap:anywhere;user-select:all}.twofa-disable-row{margin-top:16px}.twofa-disable-row input{max-width:280px}
.team-twofa-state{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:50%;font-weight:900;border:1px solid var(--line);color:var(--muted)}.team-twofa-state.enabled{color:#8fffc0;border-color:rgba(72,220,135,.42);background:rgba(72,220,135,.10)}
@media(max-width:760px){.security-2fa-head{flex-direction:column;align-items:stretch}.twofa-status-pill{width:max-content}.twofa-enroll-card{grid-template-columns:1fr;padding:12px;gap:14px}.twofa-qr-wrap{max-width:280px;width:100%;margin:0 auto}.twofa-enroll-steps input{max-width:none;width:100%}.twofa-enroll-steps>.btn{width:100%}.twofa-disable-row{display:grid!important;grid-template-columns:1fr!important}.twofa-disable-row input{max-width:none;width:100%}}

/* GCAdmin v1.66.55 – local login, first-login wizard and nicknames */
.login-card .auth-view{display:grid;gap:8px}.login-card .auth-primary{width:100%;margin-top:6px}.auth-link{appearance:none!important;background:transparent!important;color:var(--muted)!important;box-shadow:none!important;padding:5px!important;font-size:11px!important;font-weight:600!important;text-decoration:underline;text-underline-offset:3px}.auth-link:hover{color:#fff!important}.auth-step{display:flex;flex-direction:column;gap:4px;margin:3px 0 7px}.auth-step b{font-size:17px}.auth-step small{color:var(--muted);line-height:1.45}.auth-warning{padding:11px;border:1px solid #79580c;border-radius:10px;background:#261e09;color:#f4d676;font-size:12px;line-height:1.45}.auth-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}.auth-qr-wrap{width:190px;margin:12px auto;padding:8px;border-radius:12px;background:#fff}.auth-qr-wrap img{display:block;width:100%}.auth-secret{display:block;margin:6px 0;padding:8px;border-radius:8px;background:#090c11;color:#ddd;overflow-wrap:anywhere;user-select:all}.login-card #loginErr{display:block;min-height:17px;margin-top:8px;color:#ff8795;line-height:1.35}.team-nickname-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.7fr);gap:20px;align-items:center}.team-nickname-panel h3{margin:4px 0}.team-nickname-panel>div>small{color:var(--muted);letter-spacing:.12em}.nickname-request-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.nickname-pending{padding:12px;border:1px solid #79580c;border-radius:10px;background:rgba(121,88,12,.12);color:#f4d676}
@media(max-width:760px){.auth-actions,.team-nickname-panel,.nickname-request-form{grid-template-columns:1fr}.team-nickname-panel{gap:10px}.nickname-request-form .btn{width:100%}.auth-qr-wrap{width:min(210px,100%)}}

/* GCAdmin v1.66.56 – Todo labels and readable DevLog */
.devtodo-number{color:#8987a8;font-size:.76em;font-weight:900}.devtodo-card.category-discord{border-left:4px solid #63cfff}.devtodo-card.category-bugs{border-left:4px solid #f05c68}.devtodo-label.area.discord{color:#8bdcff;border-color:rgba(99,207,255,.42);background:rgba(99,207,255,.10)}.devtodo-label.area.bugs{color:#ff8992;border-color:rgba(240,92,104,.45);background:rgba(240,92,104,.10)}
.devlog-readable{display:grid;gap:9px}.devlog-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.devlog-summary-item,.devlog-field{border:1px solid var(--client-border);border-radius:10px;padding:11px;background:rgba(0,0,0,.12)}.devlog-summary-item small,.devlog-field-name{display:block;color:#8987a8;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}.devlog-field-values{display:grid;grid-template-columns:1fr auto 1fr;gap:9px;align-items:stretch}.devlog-value{padding:10px;border-radius:8px;background:rgba(0,0,0,.17);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45}.devlog-value.before{border-left:3px solid rgba(240,92,104,.65)}.devlog-value.after{border-left:3px solid rgba(99,207,255,.72)}.devlog-arrow{align-self:center;color:#8987a8;font-weight:900}.devlog-link-list{display:flex;gap:7px;flex-wrap:wrap}.devlog-link-list a{color:#8bdcff}.devlog-empty{color:#77758f;font-style:italic}
@media(max-width:760px){.devlog-field-values{grid-template-columns:1fr}.devlog-arrow{transform:rotate(90deg);justify-self:center}.devlog-summary{grid-template-columns:1fr}}

/* GCAdmin v1.66.57 – DevLog layout repair */
.devlog-summary-item{min-width:0;overflow-wrap:anywhere}.devlog-summary-item.wide{grid-column:1/-1}.devlog-summary-item.wide>div{line-height:1.55;overflow-wrap:anywhere;word-break:break-word}.devlog-inline-link,.devlog-link-list a{color:#8bdcff;font-weight:800;text-decoration:underline;text-underline-offset:3px}.devlog-file{overflow-wrap:anywhere}

/* GCAdmin v1.66.59 – verständliche, gruppierte Zusatzberechtigungen */
.extra-permissions .permission-browser{margin:12px}
.permission-browser{display:grid;gap:12px;min-width:0}
.permission-browser-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:14px;align-items:end}
.permission-browser-summary{display:grid;gap:4px}.permission-browser-summary b{font-size:14px}.permission-browser-summary span{color:var(--muted);font-size:11px}
.permission-search{display:grid;gap:5px}.permission-search>span{color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.permission-search input{width:100%;margin:0!important}
.permission-legend{display:flex;flex-wrap:wrap;gap:8px 16px;padding:9px 11px;border:1px solid var(--client-border,var(--line));border-radius:10px;background:rgba(0,0,0,.12);color:var(--muted);font-size:10px;font-weight:800}
.permission-legend span{display:inline-flex;align-items:center;gap:6px}.permission-legend i{width:9px;height:9px;border-radius:50%;border:1px solid var(--client-border,var(--line));background:rgba(255,255,255,.06)}.permission-legend i.role{border-color:rgba(80,170,255,.65);background:#4da9f5}.permission-legend i.extra{border-color:rgba(177,113,255,.7);background:#a365ee}
.permission-groups{display:grid;gap:9px}
.permission-group{border:1px solid var(--client-border,var(--line));border-radius:11px;background:rgba(7,10,28,.48);overflow:hidden}
.permission-group[hidden],.permission-option[hidden]{display:none!important}
.permission-group>summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 14px;cursor:pointer;list-style-position:inside;user-select:none}
.permission-group[open]>summary{border-bottom:1px solid var(--client-border,var(--line));background:rgba(94,80,190,.07)}
.permission-group-title{display:grid;gap:3px;min-width:0}.permission-group-title b{color:var(--text);font-size:13px}.permission-group-title small{color:var(--muted);font-size:10px;font-weight:500;line-height:1.35}
.permission-group-count{padding:5px 8px;border:1px solid rgba(108,113,185,.35);border-radius:999px;background:rgba(108,113,185,.09);color:#a9acd6;font-size:9px;font-weight:900;white-space:nowrap}
.permission-group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px}
.team-modal-card .permission-option{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;gap:10px!important;align-items:center;margin:0!important;padding:11px!important;min-width:0;border:1px solid var(--client-border,var(--line));border-radius:10px;background:rgba(6,8,23,.68);color:var(--text)!important;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}
.team-modal-card .permission-option:hover{border-color:#4d528a;background:rgba(21,23,57,.78);transform:translateY(-1px)}
.team-modal-card .permission-option.permission-inherited{border-color:rgba(77,169,245,.34);background:rgba(52,128,194,.08);cursor:default;opacity:.88}
.team-modal-card .permission-option.permission-extra{border-color:rgba(163,101,238,.48);background:rgba(116,67,177,.11);box-shadow:inset 3px 0 rgba(163,101,238,.72)}
.permission-option input[type="checkbox"]{width:17px!important;height:17px!important;min-width:17px!important;margin:0!important;accent-color:#9d61e8}
.permission-option-copy{display:grid;gap:4px;min-width:0}.permission-option-copy b{font-size:12px;line-height:1.3}.permission-option-copy small{color:var(--muted);font-size:10px;line-height:1.4;font-weight:500;overflow-wrap:anywhere}
.permission-state{justify-self:end;padding:4px 7px;border:1px solid var(--client-border,var(--line));border-radius:999px;color:#858bad;background:rgba(255,255,255,.03);font-size:8px;font-weight:900;white-space:nowrap;text-transform:uppercase;letter-spacing:.04em}
.permission-inherited .permission-state{color:#82c7ff;border-color:rgba(77,169,245,.38);background:rgba(77,169,245,.09)}.permission-extra .permission-state{color:#c8a2ff;border-color:rgba(163,101,238,.44);background:rgba(163,101,238,.11)}
.permission-owner-note{display:grid;gap:6px;padding:14px;border:1px solid rgba(77,169,245,.38);border-radius:11px;background:rgba(77,169,245,.08)}.permission-owner-note b{color:#82c7ff}.permission-owner-note span{color:var(--muted);font-size:11px;line-height:1.45}
@media(max-width:760px){.permission-browser-toolbar{grid-template-columns:1fr}.permission-group-grid{grid-template-columns:1fr}.permission-group>summary{grid-template-columns:1fr;gap:7px}.permission-group-count{justify-self:start}.extra-permissions .permission-browser{margin:9px}.permission-legend{gap:7px 11px}}
@media(max-width:480px){.team-modal-card .permission-option{grid-template-columns:auto minmax(0,1fr)}.permission-state{grid-column:2;justify-self:start}.permission-group-grid{padding:8px}.permission-group>summary{padding:11px}}


/* =========================================================
   GCAdmin v1.66.65 – Premium Webpanel Style
   Gleicher visueller Stil wie das neue Ingame-Control-Center.
   ========================================================= */
body.web-premium{
  --bg:#070b19;
  --panel:rgba(14,21,42,.82);
  --panel2:rgba(19,27,52,.88);
  --line:rgba(115,129,178,.30);
  --text:#f4f6ff;
  --muted:#98a7ca;
  --red:#f5427c;
  --red2:#9d2354;
  --green:#25e6a3;
  --blue:#6f91ff;
  --violet:#8a67ff;
  --violet2:#ad96ff;
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;
  color:var(--text)!important;
  background:
    radial-gradient(circle at 72% -10%,rgba(101,78,196,.19),transparent 34%),
    radial-gradient(circle at 10% 90%,rgba(50,80,170,.10),transparent 30%),
    linear-gradient(145deg,#070b18 0%,#0a1022 50%,#070b18 100%)!important;
}
body.web-premium::before{
  background:
    radial-gradient(circle at 12% 20%,rgba(255,255,255,.035) 0 1px,transparent 1.2px),
    radial-gradient(circle at 82% 28%,rgba(127,104,255,.045) 0 1px,transparent 1.2px),
    radial-gradient(circle at 62% 78%,rgba(79,154,255,.03) 0 1px,transparent 1.2px)!important;
  background-size:120px 120px,160px 160px,190px 190px!important;
  opacity:.55!important;
}

/* Login adopts the same navy / violet glass language. */
body.web-premium .login{padding:24px}
body.web-premium .login-card{
  background:linear-gradient(180deg,rgba(19,27,52,.96),rgba(10,16,33,.96))!important;
  border:1px solid rgba(132,105,255,.46)!important;
  border-radius:18px!important;
  box-shadow:0 28px 90px rgba(0,0,0,.42),0 0 35px rgba(106,79,238,.12)!important;
}
body.web-premium .login-card h1 span,body.web-premium .logo b{color:#ff4f8e!important}
body.web-premium .notice{background:rgba(85,67,170,.13)!important;border-color:rgba(132,105,255,.38)!important;color:#cfc6ff!important}
body.web-premium input,body.web-premium textarea,body.web-premium select{
  background:rgba(8,14,31,.78)!important;border:1px solid rgba(104,119,174,.42)!important;
  color:#f4f6ff!important;border-radius:11px!important;
}
body.web-premium input:focus,body.web-premium textarea:focus,body.web-premium select:focus{
  outline:none!important;border-color:#866bf1!important;box-shadow:0 0 0 2px rgba(134,107,241,.13)!important;
}
body.web-premium .login-card .btn,body.web-premium .auth-primary{
  background:linear-gradient(135deg,#6d52df,#4e3aa5)!important;border:1px solid rgba(164,139,255,.48)!important;
  box-shadow:0 8px 24px rgba(94,67,211,.18)!important;
}

@media(min-width:761px){
  body.web-premium{overflow:hidden!important}
  body.web-premium .shell{
    min-height:100vh!important;height:100vh!important;
    display:grid!important;grid-template-columns:230px minmax(0,1fr) 300px!important;
    gap:12px!important;padding:14px 14px 14px 16px!important;
    background:transparent!important;overflow:hidden!important;
  }
  body.web-premium #mainSidebar{
    position:relative!important;top:auto!important;height:calc(100vh - 28px)!important;
    padding:16px 12px 14px!important;overflow:hidden!important;
    background:linear-gradient(180deg,rgba(10,18,34,.94),rgba(8,14,28,.91))!important;
    border:1px solid rgba(119,103,213,.31)!important;border-radius:15px!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
  }
  body.web-premium #mainSidebar nav{min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding-right:2px!important}
  body.web-premium .logo{font-size:25px!important;padding:5px 12px 16px!important;color:#f4f5ff!important}
  body.web-premium .logo small{font-size:9px!important;color:#7d8bb1!important;margin-top:4px!important;letter-spacing:.12em!important}
  body.web-premium nav{gap:3px!important}
  body.web-premium .group{position:relative;margin:14px 12px 7px!important;font-size:9px!important;color:#6f7ea5!important;letter-spacing:.11em!important;display:flex!important;align-items:center!important;gap:10px!important}
  body.web-premium .group::after{content:"";height:1px;flex:1;background:rgba(111,127,174,.28)}
  body.web-premium .nav,body.web-premium button.nav{position:relative!important;display:flex!important;align-items:center!important;gap:10px!important;min-height:39px!important;padding:9px 12px!important;border-radius:10px!important;color:#cbd3eb!important;font-size:13px!important;font-weight:600!important;box-shadow:none!important}
body.web-premium .nav:hover{background:rgba(91,75,170,.15)!important;color:#fff!important}
  body.web-premium .nav.active{background:linear-gradient(90deg,rgba(102,77,220,.52),rgba(76,62,166,.34))!important;color:#fff!important;border:1px solid rgba(139,108,255,.68)!important;box-shadow:0 0 22px rgba(99,71,227,.18),inset 0 0 18px rgba(144,117,255,.08)!important}
  body.web-premium .me{margin-top:16px!important;padding:13px 10px!important;border-top:1px solid rgba(111,127,174,.24)!important}
  body.web-premium .me small{color:#a88aff!important}
  body.web-premium .me button{border-color:rgba(119,103,213,.34)!important;background:rgba(84,68,166,.10)!important}

  body.web-premium main{height:100%!important;min-height:0!important;padding:0 0 8px!important;overflow:hidden!important}
  body.web-premium main>header{height:102px!important;padding:8px 12px 0 8px!important;align-items:center!important;background:transparent!important;border:0!important}
  body.web-premium main>header small{font-size:11px!important;letter-spacing:.06em;color:#8796bd!important}
  body.web-premium main>header h2{font-size:30px!important;line-height:1!important;margin:7px 0 0!important;letter-spacing:-.02em!important}
  body.web-premium .pill{padding:9px 14px!important;border-radius:999px!important;background:rgba(10,24,38,.72)!important;border:1px solid rgba(71,155,199,.58)!important;color:#35e6ac!important;font-size:12px!important;box-shadow:inset 0 0 18px rgba(18,182,147,.05)!important}
  body.web-premium #page{height:calc(100% - 102px)!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:0 8px 14px!important}

  body.web-premium .panel,body.web-premium .card,body.web-premium .box{
    background:linear-gradient(180deg,rgba(20,29,56,.82),rgba(13,21,43,.79))!important;
    border:1px solid rgba(113,123,186,.42)!important;border-radius:16px!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 16px 34px rgba(0,0,0,.10)!important;
  }
  body.web-premium .panel{padding:16px!important}
  body.web-premium .panel h3{font-size:18px!important}
  body.web-premium .btn{border:1px solid rgba(120,132,187,.34)!important;border-radius:11px!important;padding:10px 15px!important;background:linear-gradient(180deg,#35426f,#27345e)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important}
  body.web-premium .btn:hover{filter:brightness(1.1)}
  body.web-premium .btn.gray{background:linear-gradient(180deg,#2a3768,#202b54)!important;border-color:rgba(111,124,207,.52)!important}
  body.web-premium .btn.amber{background:linear-gradient(135deg,#d49a44,#a96f29)!important;border-color:#e3a849!important;box-shadow:0 8px 24px rgba(202,139,52,.15)!important}
  body.web-premium .btn.red{background:linear-gradient(135deg,#c93472,#8e2453)!important;border-color:#e04482!important;box-shadow:0 8px 24px rgba(207,43,108,.12)!important}

  body.web-premium .global-players-sidebar{position:relative!important;top:auto!important;height:calc(100vh - 28px)!important;margin:0!important;background:linear-gradient(180deg,rgba(18,26,52,.90),rgba(11,18,37,.88))!important;border:1px solid rgba(118,103,209,.38)!important;border-radius:15px!important;overflow:hidden!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important}
  body.web-premium .global-players-head{min-height:82px!important;height:82px!important;padding:15px 16px!important;background:rgba(18,26,52,.42)!important;border-bottom:1px solid rgba(113,126,177,.22)!important}
  body.web-premium .global-players-head small{color:#8f9dcc!important;font-size:9px!important;letter-spacing:.1em!important}
  body.web-premium .global-players-head b{font-size:18px!important;color:#fff!important}
  body.web-premium .global-players-head b::after{content:"Aktuell auf dem Server";display:block;font-size:10px;font-weight:500;color:#8f9dcc;margin-top:3px}
  body.web-premium .global-players-head .badge{min-width:36px;height:36px;display:grid!important;place-items:center!important;padding:0!important;color:#d5c8ff!important;border-color:#7955ef!important;background:rgba(68,45,139,.38)!important;font-size:16px!important}
  body.web-premium .global-players-list{height:calc(100% - 82px)!important;padding:13px!important;overflow-y:auto!important;overflow-x:hidden!important}
  body.web-premium .global-player-card{position:relative!important;padding:14px 13px 14px 56px!important;margin-bottom:10px!important;min-height:77px!important;border:1px solid rgba(129,92,255,.68)!important;border-radius:13px!important;background:linear-gradient(180deg,rgba(31,34,75,.80),rgba(24,28,62,.75))!important;box-shadow:0 10px 26px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.03)!important}
body.web-premium .global-player-card::after{content:"";position:absolute;right:13px;top:13px;width:9px;height:9px;border-radius:50%;background:#20e69f;box-shadow:0 0 12px #20e69f}
  body.web-premium .global-player-name{font-size:13px!important;margin-bottom:7px!important;color:#f8f8ff!important}
  body.web-premium .global-player-meta{font-size:10px!important;color:#98a6ca!important}

  body.web-premium .sanctions-layout{grid-template-columns:minmax(330px,.96fr) minmax(390px,1.04fr)!important;gap:14px!important;align-items:stretch!important}
  body.web-premium .sanctions-layout>.panel{min-height:650px!important}
  body.web-premium .sanction-actions{display:grid!important;grid-template-columns:1.05fr 1.35fr .72fr!important;gap:9px!important;margin-top:14px!important}
  body.web-premium .sanction-actions .btn{min-height:58px!important;padding:10px!important}
  body.web-premium .sanction-history{gap:9px!important}
  body.web-premium .sanction-history-row{position:relative!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;padding:14px 14px 13px 18px!important;border-radius:13px!important;background:linear-gradient(180deg,rgba(10,17,34,.90),rgba(9,15,31,.86))!important;border:1px solid rgba(104,119,174,.38)!important;overflow:hidden!important}
  body.web-premium .sanction-history-row::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:4px;border-radius:4px;background:#ffb63d;box-shadow:0 0 12px rgba(255,182,61,.36)}
  body.web-premium .sanction-history-row.is-ban::before{background:#ff3d79;box-shadow:0 0 12px rgba(255,61,121,.36)}
  body.web-premium .sanction-history-row.is-ban .sanction-history-main>b{color:#ffafc9!important}
  body.web-premium .sanction-history-row.is-warning .sanction-history-main>b{color:#ffd995!important}

  /* Invisible desktop scrollbars, scrolling still works. */
  body.web-premium *{scrollbar-width:none!important;-ms-overflow-style:none!important}
  body.web-premium *::-webkit-scrollbar{width:0!important;height:0!important;display:none!important;background:transparent!important}
}

@media(min-width:761px) and (max-width:1180px){
  body.web-premium .shell{grid-template-columns:205px minmax(0,1fr) 255px!important}
  body.web-premium .sanctions-layout{grid-template-columns:1fr!important}
}

@media(max-width:760px){
  body.web-premium{background:linear-gradient(145deg,#070b18,#0b1125)!important}
  body.web-premium #mainSidebar,body.web-premium .global-players-sidebar{background:rgba(9,13,31,.985)!important}
  body.web-premium main>header{background:rgba(8,13,29,.95)!important}
  body.web-premium .mobile-header-btn{border-color:rgba(126,105,220,.36)!important;background:rgba(29,31,68,.94)!important}
  body.web-premium .nav.active{background:linear-gradient(90deg,rgba(102,77,220,.52),rgba(76,62,166,.34))!important;box-shadow:inset 3px 0 #916eff!important}
}


/* =========================================================
   GCAdmin v1.66.66 – Customizer layout + persistent account footer
   ========================================================= */
@media(min-width:761px){
  body.web-premium #mainSidebar{
    display:flex!important;
    flex-direction:column!important;
    min-height:0!important;
  }
  body.web-premium #mainSidebar>.logo{flex:0 0 auto!important}
  body.web-premium #mainSidebar>nav{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }
  body.web-premium #mainSidebar>.me{
    flex:0 0 auto!important;
    margin-top:10px!important;
    padding:12px 10px 0!important;
    background:linear-gradient(180deg,rgba(9,13,31,.0),rgba(9,13,31,.96) 24%)!important;
  }
}
body.web-premium .me-copy{min-width:0;margin-bottom:9px}
body.web-premium .me-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.web-premium .sidebar-logout{
  width:100%!important;min-height:38px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  border:1px solid rgba(218,82,123,.42)!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,rgba(125,38,73,.24),rgba(82,28,52,.18))!important;
  color:#ffd4e0!important;font-weight:800!important;
  transition:background .16s ease,border-color .16s ease,transform .16s ease!important;
}
body.web-premium .sidebar-logout:hover{background:linear-gradient(180deg,rgba(167,47,89,.38),rgba(107,32,65,.30))!important;border-color:rgba(238,93,139,.68)!important;transform:translateY(-1px)}
body.web-premium .sidebar-logout.busy{opacity:.62!important;cursor:wait!important;transform:none!important}

body.web-premium .settings-modal-shell,
body.web-premium .settings-modal-card,
body.web-premium .settings-content,
body.web-premium .customizer-panel{min-width:0!important;max-width:100%!important;width:100%!important}
body.web-premium .settings-modal-card{overflow:hidden!important}
body.web-premium .settings-content{overflow:hidden!important;padding:14px!important}
body.web-premium .customizer-panel{overflow:hidden!important;margin:0!important;padding:18px!important}
body.web-premium .customizer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
body.web-premium .customizer-head small{display:block;color:#8493bc;font-size:9px;font-weight:800;letter-spacing:.14em;margin-bottom:5px}
body.web-premium .customizer-head h3{margin:0 0 6px!important;font-size:20px!important}
body.web-premium .customizer-head p{margin:0;color:#94a0c1;font-size:12px;line-height:1.5;max-width:720px}
body.web-premium .customizer-live-badge{flex:0 0 auto;display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(63,201,164,.28);border-radius:999px;color:#78e3bf;background:rgba(25,120,95,.09);font-size:10px;font-weight:800}
body.web-premium .customizer-live-badge i{width:7px;height:7px;border-radius:50%;background:#35e1a5;box-shadow:0 0 10px rgba(53,225,165,.75)}
body.web-premium .customizer-sections{display:grid;gap:12px}
body.web-premium .customizer-section{min-width:0;border:1px solid rgba(112,122,183,.30);border-radius:13px;background:rgba(8,14,31,.26);padding:12px}
body.web-premium .customizer-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:10px}
body.web-premium .customizer-section-head b{font-size:13px;color:#f4f6ff}
body.web-premium .customizer-section-head span{color:#7f8db1;font-size:10px;text-align:right}
body.web-premium .customizer-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;gap:9px!important;margin:0!important;min-width:0!important}
body.web-premium .customizer-field{min-width:0!important;padding:10px!important;border:1px solid rgba(111,123,185,.28)!important;border-radius:10px!important;background:linear-gradient(180deg,rgba(24,31,63,.56),rgba(14,21,45,.50))!important}
body.web-premium .customizer-field>span{font-size:11px!important;color:#d9def1!important}
body.web-premium .customizer-field-row{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;gap:8px!important;min-width:0!important}
body.web-premium .customizer-field input[type="color"]{width:44px!important;height:36px!important;min-width:44px!important;margin:0!important;padding:3px!important;border-radius:8px!important;cursor:pointer!important}
body.web-premium .customizer-field code{display:block;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;padding:8px 9px!important;border:1px solid rgba(107,118,179,.22)!important;border-radius:8px!important;background:rgba(6,11,27,.62)!important;color:#adb7d5!important;font-size:10px!important}
body.web-premium .customizer-preview.full{min-width:0!important;margin:12px 0!important;padding:12px!important;border:1px solid rgba(113,124,189,.32)!important;border-radius:13px!important;background:rgba(7,12,27,.28)!important}
body.web-premium .customizer-preview-top{margin-bottom:10px!important;min-width:0!important}
body.web-premium .customizer-preview-top small{color:#7f8db0;font-size:10px;margin-left:auto}
body.web-premium .customizer-preview-panel{grid-template-columns:minmax(95px,125px) minmax(0,1fr)!important;min-width:0!important}
body.web-premium .customizer-preview-sidebar{flex-direction:column!important;gap:4px!important;font-weight:800!important;color:#f5f6ff!important}
body.web-premium .customizer-preview-sidebar small{font-size:9px;color:var(--client-muted)}
body.web-premium .customizer-preview-content{min-width:0!important;overflow:hidden!important}
body.web-premium .customizer-preview-card{display:flex;flex-direction:column;gap:3px;min-width:105px!important}
body.web-premium .customizer-preview-card small{color:var(--client-muted);font-size:9px}
body.web-premium .customizer-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:2px}
body.web-premium .customizer-actions .toolbar{margin:0!important;justify-content:flex-end!important}
body.web-premium .customizer-save-state{font-size:10px;color:#7f8caf;line-height:1.4}
body.web-premium .customizer-save-state.dirty{color:#f0c36d}
body.web-premium .customizer-save-state.saved{color:#62dcad}

@media(max-width:1180px){
  body.web-premium .customizer-head,body.web-premium .customizer-actions{align-items:stretch;flex-direction:column}
  body.web-premium .customizer-section-head{align-items:flex-start;flex-direction:column;gap:3px}
  body.web-premium .customizer-section-head span{text-align:left}
  body.web-premium .customizer-actions .toolbar{justify-content:flex-start!important}
}
@media(max-width:760px){
  body.web-premium .customizer-grid{grid-template-columns:1fr!important}
  body.web-premium .customizer-preview-panel{grid-template-columns:86px minmax(0,1fr)!important}
  body.web-premium .customizer-preview-content{align-items:flex-start!important;flex-direction:column!important}
  body.web-premium .customizer-preview-top small{display:none}
  body.web-premium .sidebar-logout{width:auto!important}
}


/* =========================================================
   GCAdmin v1.66.67 – Premium theme bridge
   The premium redesign must consume the Customizer variables instead of
   overriding them with fixed navy/violet colors.
   ========================================================= */
:root{
  --client-background-ink:#f4f6ff;
  --client-background-muted:#98a7ca;
  --client-sidebar-ink:#f4f6ff;
  --client-sidebar-muted:#98a7ca;
  --client-panel-ink:#f4f6ff;
  --client-panel-muted:#98a7ca;
  --client-panelAlt-ink:#f4f6ff;
  --client-panelAlt-muted:#98a7ca;
  --client-button-ink:#f4f6ff;
  --client-active-ink:#f4f6ff;
}

body.web-premium{
  color:var(--client-background-ink)!important;
  background:
    radial-gradient(circle at 72% -10%,rgba(var(--client-info-rgb),.16),transparent 34%),
    radial-gradient(circle at 10% 90%,rgba(var(--client-active-rgb),.12),transparent 30%),
    linear-gradient(var(--client-background-angle),
      rgb(var(--client-background-rgb)) 0%,
      rgb(var(--client-background2-rgb)) 100%)!important;
}
body.web-premium::before{
  background:
    radial-gradient(circle at 12% 20%,rgba(var(--client-info-rgb),.08) 0 1px,transparent 1.2px),
    radial-gradient(circle at 82% 28%,rgba(var(--client-active-rgb),.10) 0 1px,transparent 1.2px),
    radial-gradient(circle at 62% 78%,rgba(var(--client-glow-rgb),.07) 0 1px,transparent 1.2px)!important;
}

/* Left navigation: this element is #mainSidebar, not .sidebar. */
body.web-premium #mainSidebar{
  color:var(--client-sidebar-ink)!important;
  background:linear-gradient(180deg,
    rgba(var(--client-sidebar-rgb),.98),
    rgba(var(--client-sidebar-rgb),.91))!important;
  border-color:var(--client-border)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 0 28px rgba(var(--client-glow-rgb),.07)!important;
}
body.web-premium #mainSidebar .logo{color:var(--client-sidebar-ink)!important}
body.web-premium #mainSidebar .logo small,
body.web-premium #mainSidebar .group,
body.web-premium #mainSidebar .me small{color:var(--client-sidebar-muted)!important}
body.web-premium #mainSidebar .group::after{background:rgba(var(--client-border-rgb),.72)!important}
body.web-premium #mainSidebar .nav,
body.web-premium #mainSidebar button.nav{color:var(--client-sidebar-ink)!important}
body.web-premium #mainSidebar .nav:hover{
  color:var(--client-sidebar-ink)!important;
  background:rgba(var(--client-active-rgb),.16)!important;
}
body.web-premium #mainSidebar .nav.active{
  color:var(--client-active-ink)!important;
  background:linear-gradient(90deg,
    rgba(var(--client-active-rgb),.94),
    rgba(var(--client-active-rgb),.68))!important;
  border-color:var(--client-active)!important;
  box-shadow:
    0 0 22px rgba(var(--client-glow-rgb),.22),
    inset 0 0 18px rgba(var(--client-glow-rgb),.11)!important;
}
body.web-premium #mainSidebar .nav.active::before{color:var(--client-active-ink)!important}
body.web-premium #mainSidebar>.me{
  color:var(--client-sidebar-ink)!important;
  border-top-color:rgba(var(--client-border-rgb),.76)!important;
  background:linear-gradient(180deg,
    rgba(var(--client-sidebar-rgb),0),
    rgba(var(--client-sidebar-rgb),.97) 24%)!important;
}

/* Main workspace and cards. */
body.web-premium main>header{color:var(--client-background-ink)!important}
body.web-premium main>header small{color:var(--client-background-muted)!important}
body.web-premium .panel,
body.web-premium .card,
body.web-premium .box,
body.web-premium .modal-card,
body.web-premium .right-panel,
body.web-premium .players-panel,
body.web-premium .resource-folder,
body.web-premium .permission-item,
body.web-premium .team-card,
body.web-premium .team-modal-card,
body.web-premium .bot-banner-box,
body.web-premium .artifact-action-card,
body.web-premium .settings-modal-card{
  color:var(--client-panel-ink)!important;
  background:linear-gradient(180deg,
    rgba(var(--client-panelAlt-rgb),.88),
    rgba(var(--client-panel-rgb),.94))!important;
  border-color:var(--client-border)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 16px 34px rgba(0,0,0,.10),
    0 0 24px rgba(var(--client-glow-rgb),.08)!important;
}
body.web-premium .panel small,
body.web-premium .card small,
body.web-premium .box small,
body.web-premium .team-card-meta,
body.web-premium .muted{color:var(--client-panel-muted)!important}
body.web-premium .settings-modal-header h3,
body.web-premium .settings-detail-title,
body.web-premium .customizer-section-head b,
body.web-premium .customizer-field>span{color:var(--client-panel-ink)!important}
body.web-premium .settings-modal-header small,
body.web-premium .customizer-head p,
body.web-premium .customizer-section-head span,
body.web-premium .customizer-preview-top small,
body.web-premium .customizer-save-state{color:var(--client-panel-muted)!important}

/* Secondary surfaces and form controls. */
body.web-premium input,
body.web-premium textarea,
body.web-premium select,
body.web-premium .customizer-section,
body.web-premium .customizer-field,
body.web-premium .customizer-preview.full{
  color:var(--client-panelAlt-ink)!important;
  background:rgba(var(--client-panelAlt-rgb),.82)!important;
  border-color:var(--client-border)!important;
}
body.web-premium input::placeholder,
body.web-premium textarea::placeholder{color:var(--client-panelAlt-muted)!important}
body.web-premium input:focus,
body.web-premium textarea:focus,
body.web-premium select:focus{
  border-color:var(--client-info)!important;
  box-shadow:0 0 0 2px rgba(var(--client-info-rgb),.14),0 0 14px rgba(var(--client-glow-rgb),.10)!important;
}
body.web-premium .customizer-field code{
  color:var(--client-panelAlt-muted)!important;
  background:rgba(var(--client-background-rgb),.58)!important;
  border-color:rgba(var(--client-border-rgb),.78)!important;
}

/* Primary action color from Customizer. Keep semantic warning/danger colors intact. */
body.web-premium .btn:not(.gray):not(.red):not(.green):not(.amber),
body.web-premium .btn-primary,
body.web-premium button.primary,
body.web-premium .primary-btn{
  color:var(--client-button-ink)!important;
  background:linear-gradient(180deg,
    rgba(var(--client-button-rgb),.98),
    rgba(var(--client-button-rgb),.78))!important;
  border-color:var(--client-button)!important;
  box-shadow:0 8px 24px rgba(var(--client-glow-rgb),.14),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
body.web-premium .btn.gray{
  color:var(--client-panelAlt-ink)!important;
  background:linear-gradient(180deg,
    rgba(var(--client-panelAlt-rgb),.96),
    rgba(var(--client-panel-rgb),.88))!important;
  border-color:var(--client-border)!important;
}

/* Info / focus color. */
body.web-premium .pill{
  color:var(--client-info)!important;
  background:rgba(var(--client-background-rgb),.72)!important;
  border-color:rgba(var(--client-info-rgb),.68)!important;
  box-shadow:inset 0 0 18px rgba(var(--client-info-rgb),.08)!important;
}

/* Live player sidebar uses the secondary-panel color, not a fixed purple. */
body.web-premium .global-players-sidebar{
  color:var(--client-panelAlt-ink)!important;
  background:linear-gradient(180deg,
    rgba(var(--client-panelAlt-rgb),.94),
    rgba(var(--client-panel-rgb),.90))!important;
  border-color:var(--client-border)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 0 24px rgba(var(--client-glow-rgb),.07)!important;
}
body.web-premium .global-players-head{
  background:rgba(var(--client-panelAlt-rgb),.54)!important;
  border-bottom-color:rgba(var(--client-border-rgb),.78)!important;
}
body.web-premium .global-players-head small,
body.web-premium .global-players-head b::after{color:var(--client-panelAlt-muted)!important}
body.web-premium .global-players-head b{color:var(--client-panelAlt-ink)!important}
body.web-premium .global-player-card{
  color:var(--client-panelAlt-ink)!important;
  background:linear-gradient(180deg,
    rgba(var(--client-panelAlt-rgb),.96),
    rgba(var(--client-panel-rgb),.90))!important;
  border-color:var(--client-active)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.12),0 0 18px rgba(var(--client-glow-rgb),.08)!important;
}
body.web-premium .global-player-name{color:var(--client-panelAlt-ink)!important}
body.web-premium .global-player-meta{color:var(--client-panelAlt-muted)!important}
body.web-premium .global-player-card::before{
  color:var(--client-active-ink)!important;
  background:linear-gradient(145deg,
    rgba(var(--client-active-rgb),.98),
    rgba(var(--client-active-rgb),.72))!important;
  box-shadow:0 0 18px rgba(var(--client-glow-rgb),.24)!important;
}
body.web-premium .global-players-head .badge{
  color:var(--client-active-ink)!important;
  border-color:var(--client-active)!important;
  background:rgba(var(--client-active-rgb),.76)!important;
}

/* Mobile must use the same saved colors as desktop. */
@media(max-width:760px){
  body.web-premium{
    background:linear-gradient(var(--client-background-angle),
      rgb(var(--client-background-rgb)),
      rgb(var(--client-background2-rgb)))!important;
  }
  body.web-premium #mainSidebar{
    background:rgba(var(--client-sidebar-rgb),.985)!important;
  }
  body.web-premium .global-players-sidebar{
    background:rgba(var(--client-panelAlt-rgb),.985)!important;
  }
  body.web-premium main>header{
    background:rgba(var(--client-background-rgb),.95)!important;
  }
  body.web-premium .mobile-header-btn{
    color:var(--client-active-ink)!important;
    border-color:rgba(var(--client-active-rgb),.60)!important;
    background:rgba(var(--client-active-rgb),.78)!important;
  }
}



/* v1.66.71 – Background gradient controls */
.customizer-angle-field{
  display:grid;grid-template-columns:minmax(180px,.7fr) minmax(260px,1.3fr);gap:18px;align-items:center;
  margin:12px 0;padding:13px 14px;border:1px solid var(--client-border);border-radius:12px;
  background:rgba(var(--client-panelAlt-rgb),.54);
}
.customizer-angle-field>div:first-child{display:grid;gap:4px}
.customizer-angle-field small{color:var(--client-panelAlt-muted);font-size:10px;line-height:1.4}
.customizer-angle-control{display:grid;grid-template-columns:minmax(0,1fr) 62px;gap:12px;align-items:center}
.customizer-angle-control input[type="range"]{width:100%;accent-color:var(--client-active);cursor:pointer}
.customizer-angle-control output{display:grid;place-items:center;min-height:36px;border:1px solid var(--client-border);border-radius:9px;background:rgba(var(--client-background-rgb),.58);color:var(--client-panelAlt-ink);font-weight:800;font-size:11px}
.customizer-preview-panel{background:linear-gradient(var(--client-background-angle),var(--client-background),var(--client-background2))!important}
@media(max-width:760px){.customizer-angle-field{grid-template-columns:1fr}.customizer-angle-control{grid-template-columns:minmax(0,1fr) 58px}}

/* ============================================================
   GCAdmin v1.66.70 – FiveM account/character mapping
   ============================================================ */
.player-account-button{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:8px;
}
.player-account-summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  color:inherit;
}
.player-account-summary b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.player-account-summary em{
  flex:0 0 auto;
  font-style:normal;
  font-size:10px;
  color:var(--muted);
  border:1px solid var(--client-border);
  border-radius:999px;
  padding:3px 7px;
}
.player-account-character-names{
  display:flex !important;
  flex-wrap:wrap;
  gap:5px;
  color:var(--muted);
}
.player-account-character-names i{
  font-style:normal;
  font-size:10px;
  line-height:1.2;
  padding:4px 6px;
  border-radius:7px;
  background:rgba(var(--client-accent-rgb),.08);
  border:1px solid rgba(var(--client-accent-rgb),.18);
  color:inherit;
}
.player-account-link-hint{
  margin-top:14px;
  padding:10px 12px;
  border:1px solid rgba(var(--client-accent-rgb),.22);
  border-radius:10px;
  background:rgba(var(--client-accent-rgb),.06);
  color:var(--muted);
  font-size:12px;
}
.player-account-link-hint b{color:var(--text)}


/* v1.66.70 - Owner remove control: visible X inside the circular button */
.owner-remove-x{
  width:19px!important;
  height:19px!important;
  min-width:19px!important;
  flex:0 0 19px;
  display:inline-grid!important;
  place-items:center!important;
  padding:0!important;
  margin-left:1px;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:50%!important;
  background:rgba(77,18,96,.38)!important;
  color:#fff!important;
  cursor:pointer;
  vertical-align:middle;
  transition:background .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease;
}
.owner-remove-x-mark{
  display:block;
  color:#fff!important;
  font:700 15px/15px Arial,sans-serif!important;
  width:15px;
  height:15px;
  text-align:center;
  transform:translateY(-.5px);
  pointer-events:none;
  user-select:none;
}
.owner-remove-x:hover{
  background:rgba(208,63,112,.86)!important;
  border-color:rgba(255,255,255,.36)!important;
  box-shadow:0 0 12px rgba(208,63,112,.34);
  transform:scale(1.08);
}
.owner-remove-x:focus-visible{
  outline:2px solid var(--client-focus,#b27cff);
  outline-offset:2px;
}


/* v1.66.75 - Sidebar uses Font Awesome 7.3.1 exclusively */
.nav::before,
body.web-premium .nav::before,
body.web-premium #mainSidebar .nav::before{
  content:none!important;
  display:none!important;
}
.nav .nav-icon,
body.web-premium .nav .nav-icon,
body.web-premium #mainSidebar .nav .nav-icon{
  display:inline-block!important;
  width:18px!important;
  min-width:18px!important;
  flex:0 0 18px!important;
  text-align:center!important;
  font-size:14px!important;
  line-height:1!important;
  color:var(--client-sidebar-muted,#aebaff)!important;
  transition:color .18s ease,transform .18s ease!important;
}
.nav:hover .nav-icon,
body.web-premium #mainSidebar .nav:hover .nav-icon{
  color:var(--client-sidebar-ink,#fff)!important;
  transform:translateY(-1px);
}
.nav.active .nav-icon,
body.web-premium #mainSidebar .nav.active .nav-icon{
  color:var(--client-active-ink,#fff)!important;
}
body.web-premium .global-player-card::before{content:none!important;display:none!important}
body.web-premium .global-player-avatar{
  position:absolute;left:13px;top:16px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(145deg,var(--client-accent),rgba(var(--client-accent-rgb),.42));
  color:var(--client-focus);font-size:14px;box-shadow:0 0 18px rgba(var(--client-accent-rgb),.26);
}
body.web-premium .btn i{margin-right:7px}
body.web-premium .btn.icon-only i{margin-right:0}
body.web-premium .icon-only{min-width:38px;display:inline-grid!important;place-items:center!important;padding:9px!important}

/* v1.66.75 - Smaller, cleaner FXServer status indicator */
#serverPill{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
}
#serverPill .status-icon{
  font-size:7px!important;
  line-height:1!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  flex:0 0 auto!important;
  transform:translateY(.25px);
}

/* Resource runtime status */
.resource-name{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.resource-title{min-width:0}
.resource-status{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:3px 8px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:999px;
  font-size:10px;
  font-weight:800;
  line-height:1;
  white-space:nowrap;
  color:var(--muted);
  background:rgba(255,255,255,.035);
}
.resource-status-dot{
  width:7px;
  height:7px;
  flex:0 0 7px;
  border-radius:50%;
  background:#8b94a7;
  box-shadow:0 0 8px rgba(139,148,167,.45);
}
.resource-status.is-started{color:#84efb0;border-color:rgba(71,214,123,.25);background:rgba(71,214,123,.07)}
.resource-status.is-started .resource-status-dot{background:#47d67b;box-shadow:0 0 9px rgba(71,214,123,.72)}
.resource-status.is-stopped{color:#ff8793;border-color:rgba(225,39,61,.25);background:rgba(225,39,61,.07)}
.resource-status.is-stopped .resource-status-dot{background:#e1273d;box-shadow:0 0 9px rgba(225,39,61,.68)}

.resource-status.is-pending{color:#ffc86b;border-color:rgba(255,190,72,.28);background:rgba(255,190,72,.08)}
.resource-status.is-pending .resource-status-dot{background:#ffbd48;box-shadow:0 0 9px rgba(255,189,72,.68)}
.resource-status.is-unknown{color:#aeb8ca;border-color:rgba(174,184,202,.22);background:rgba(174,184,202,.06)}
.resource-status.is-unknown .resource-status-dot{background:#7c879a;box-shadow:0 0 7px rgba(124,135,154,.48)}
@media(max-width:650px){.resource-status-text{display:inline}}