*{box-sizing:border-box}html,body{margin:0;background:#070b15;color:#e8eefc;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.adminApp{max-width:1200px;margin:auto;padding:16px}.hidden{display:none!important}.card{background:#0d1426;border:1px solid #202b45;border-radius:20px;padding:18px;margin-bottom:16px}.loginCard{max-width:620px;margin:40px auto;display:grid;gap:12px}.topAdmin{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px}.topAdmin h1,.card h2{margin:0}.topAdmin p{color:#9aa7c2;margin:6px 0 0}.actions{display:flex;gap:8px;flex-wrap:wrap}button,a{border:1px solid #33415f;background:#17233a;color:#fff;border-radius:12px;padding:10px 13px;font-weight:800;text-decoration:none;cursor:pointer}button:hover,a:hover{filter:brightness(1.12)}input,select,textarea{width:100%;background:#0e1628;color:#fff;border:1px solid #33405f;border-radius:10px;padding:10px;font:inherit}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wide{grid-column:1/-1}.cardHead{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.formGrid{display:grid;grid-template-columns:1fr 80px 100px 130px;gap:8px}.list{display:grid;gap:10px}.row{background:#0b1222;border:1px solid #26324b;border-radius:14px;padding:12px;display:grid;gap:8px}.rowTop{display:flex;justify-content:space-between;gap:8px;align-items:center}.toolbar{display:flex;gap:8px;flex-wrap:wrap}.danger{background:#3d1e28;border-color:#7a3346}pre{white-space:pre-wrap;background:#0b1222;border:1px solid #26324b;border-radius:12px;padding:12px;color:#cbd5e1;min-height:60px;overflow:auto}@media(max-width:800px){.grid{grid-template-columns:1fr}.formGrid{grid-template-columns:1fr}.topAdmin{display:block}.actions{margin-top:12px}}/* ===== v20 Admin: Support / Bestellungen / User schöner ===== */
.softSep{border:0;border-top:1px solid #26324b;margin:18px 0}
.compactHead{margin-top:4px}
.statGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-bottom:12px}
.statBox{background:#0b1222;border:1px solid #26324b;border-radius:14px;padding:12px}
.statBox b{display:block;font-size:20px;margin-top:4px}
.badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:800;border:1px solid #33405f;background:#17233a;color:#dbeafe}
.badge.open{background:#3b2a12;border-color:#8a5a18;color:#fde68a}
.badge.closed{background:#123322;border-color:#1f7a4d;color:#bbf7d0}
.metaGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;color:#9aa7c2;font-size:13px}
.metaItem{background:#101827;border:1px solid #26324b;border-radius:10px;padding:8px;word-break:break-word}
.messageBox{background:#101827;border:1px solid #26324b;border-radius:10px;padding:10px;white-space:pre-wrap}
.copyIdBtn{font-size:12px;padding:7px 9px}
.row.userRow{border-left:4px solid #2563eb}
.row.supportRow{border-left:4px solid #f59e0b}
.row.orderRow{border-left:4px solid #10b981}
.emptyBox{color:#9aa7c2;background:#0b1222;border:1px dashed #26324b;border-radius:14px;padding:14px}

/* ===== v21 User-Verwaltung: Suche + Einklappen ===== */
.smallActions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.userTools{
  display:grid;
  grid-template-columns:1fr auto auto;
  gap:8px;
  margin:10px 0 12px;
}
.userTools.collapsed,
#userListWrap.collapsed{
  display:none !important;
}
#userListWrap{
  display:block;
}
.userSearchInfo{
  color:#9aa7c2;
  font-size:13px;
  margin:8px 0 10px;
}
#userToggleBtn{
  background:linear-gradient(135deg,#2563eb,#7c3aed);
}
@media(max-width:800px){
  .userTools{
    grid-template-columns:1fr;
  }
  .smallActions{
    justify-content:flex-start;
  }
}
/* ===== v22 Preise / Coupons / Guthaben ===== */
.priceHint{
  color:#9aa7c2;
  margin-bottom:12px;
}
.couponForm,
.balanceForm{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:8px;
  margin-bottom:14px;
}
.couponRow{
  border-left:4px solid #a855f7;
}
.balancePill{
  display:inline-flex;
  border-radius:999px;
  padding:4px 9px;
  font-size:12px;
  font-weight:900;
  border:1px solid #1f7a4d;
  background:#123322;
  color:#bbf7d0;
}
.priceEditGrid{
  display:grid;
  grid-template-columns:160px 130px 1fr auto;
  gap:8px;
  align-items:center;
  margin-top:10px;
}
@media(max-width:800px){
  .priceEditGrid{
    grid-template-columns:1fr;
  }
}

/* ===== v23 Admin-Accounts ===== */
#adminAccountsWrap.collapsed{
  display:none !important;
}
.adminAccountCreate{
  display:grid;
  grid-template-columns:1fr auto;
  gap:8px;
  margin-bottom:12px;
}
.adminRow{
  border-left:4px solid #a855f7;
}
.adminRow.currentAdmin{
  border-left-color:#22c55e;
  box-shadow:0 0 0 1px rgba(34,197,94,.35) inset;
}
.currentAdminBadge{
  background:#123322;
  border-color:#1f7a4d;
  color:#bbf7d0;
}
.newAdminTokenBox{
  display:grid;
  gap:10px;
  background:#0b1222;
  border:1px solid #8a5a18;
  border-radius:14px;
  padding:12px;
  margin-bottom:12px;
}
.newAdminTokenBox.hidden{
  display:none !important;
}
#newAdminTokenValue{
  font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  word-break:break-all;
  color:#fef3c7;
}
@media(max-width:800px){
  .adminAccountCreate{
    grid-template-columns:1fr;
  }
}


/* ===== v25 Admin Design Fix ===== */

/* Alle normalen Steuerbuttons neutral halten */
#userToggleBtn,
#adminAccountsToggleBtn,
#usersReloadBtn,
#adminAccountsReloadBtn,
#couponReloadBtn,
#reloadBtn,
#healthBtn,
#userSearchBtn,
#userClearSearchBtn,
#copyNewAdminTokenBtn{
  background:#17233a !important;
  border:1px solid #33415f !important;
  color:#ffffff !important;
  box-shadow:none !important;
  filter:none !important;
}

/* Alte violette Hervorhebung bei User-Aufklappen entfernen */
#userToggleBtn{
  background:#17233a !important;
  background-image:none !important;
}

/* Hover nur dezent, nicht leuchtend */
#userToggleBtn:hover,
#adminAccountsToggleBtn:hover,
#usersReloadBtn:hover,
#adminAccountsReloadBtn:hover,
#couponReloadBtn:hover,
#reloadBtn:hover,
#healthBtn:hover,
#userSearchBtn:hover,
#userClearSearchBtn:hover,
#copyNewAdminTokenBtn:hover{
  filter:brightness(1.08) !important;
}

/* Primäre Aktionen dürfen etwas heller sein */
#saveCouponBtn,
#adjustBalanceBtn,
#createAdminAccountBtn,
#addCatBtn,
button[data-a="save"],
button[data-a="savePrice"]{
  background:#1d4ed8 !important;
  border-color:#3b82f6 !important;
  color:#ffffff !important;
}

/* Gefährliche Aktionen rot lassen */
.danger,
button[data-a="delete"],
#mainDeleteAccountV18{
  background:#3d1e28 !important;
  border-color:#7a3346 !important;
  color:#ffffff !important;
}

/* Einklappbare Blöcke optisch gleicher machen */
#adminAccountsWrap,
#userListWrap{
  margin-top:12px;
}

.cardHead .actions,
.smallActions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
}

/* Admin-Accounts und User-Verwaltung-Kopf einheitlicher */
.cardHead.compactHead{
  padding-top:4px;
}

.cardHead h2{
  line-height:1.1;
}

/* Stat-Karten etwas ruhiger */
.statBox{
  background:#0b1222 !important;
  border-color:#26324b !important;
  box-shadow:none !important;
}

.statBox b{
  color:#f8fafc;
}

/* Eingabefelder im Admin etwas gleichmäßiger */
input,
select,
textarea{
  min-height:44px;
}

/* Mobile: Buttons nicht riesig leuchten und besser umbrechen */
@media(max-width:800px){
  .cardHead{
    align-items:flex-start;
  }

  .cardHead .actions,
  .smallActions{
    width:100%;
    justify-content:flex-start;
  }

  .smallActions button,
  .cardHead .actions button{
    flex:1 1 140px;
  }

  #userToggleBtn,
  #adminAccountsToggleBtn{
    font-size:15px;
  }
}

/* Optional: eingeklappte Bereiche bekommen einen ruhigen Rand */
#adminAccountsWrap.collapsed,
#userListWrap.collapsed,
.userTools.collapsed{
  display:none !important;
}


/* ===== v26 Admin-Rechte ===== */
.permissionGrid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:8px;
  margin:8px 0;
}
.permissionGrid label,
.permissionsInline label{
  display:flex;
  gap:7px;
  align-items:center;
  background:#101827;
  border:1px solid #26324b;
  border-radius:10px;
  padding:8px;
  font-size:13px;
  color:#dbeafe;
}
.permissionGrid input,
.permissionsInline input{
  min-height:auto;
  width:auto;
}
.permissionsInline{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(145px,1fr));
  gap:8px;
  margin-top:8px;
}
.permissionHint{
  color:#9aa7c2;
  font-size:13px;
  margin-top:6px;
}
.noPermission{
  opacity:.55;
  filter:grayscale(.35);
}


/* ===== v27 User-Verwaltung als eigener Rahmen wie Admin-Accounts ===== */
.innerManageCard{
  background:#0f172a;
  border:1px solid #26324b;
  border-radius:22px;
  padding:22px;
  margin-top:22px;
}

.innerManageCard .cardHead{
  padding:0;
  margin:0;
  border:0;
}

.innerManageCard .cardHead h2{
  margin:0;
}

.userManageCard{
  border-color:#26324b;
}

#adminAccountsWrap:not(.collapsed){
  margin-top:16px;
}

#userListWrap:not(.collapsed),
#userTools:not(.collapsed){
  margin-top:14px;
}

/* Beide unteren Verwaltungsblöcke optisch gleich breit/ruhig */
.card.wide > .innerManageCard:first-of-type{
  margin-top:18px;
}

@media(max-width:800px){
  .innerManageCard{
    padding:18px;
    border-radius:18px;
  }

  .innerManageCard .cardHead{
    display:grid;
    gap:14px;
  }

  .innerManageCard .smallActions{
    width:100%;
  }
}


/* ===== v28 Verläufe löschen / User Account Verlauf ===== */
.historyClearTools{
  display:grid;
  grid-template-columns:1fr auto auto auto;
  gap:8px;
  align-items:center;
  margin:14px 0;
  background:#0b1222;
  border:1px solid #3b2630;
  border-radius:14px;
  padding:12px;
}
.historyClearTools.collapsed{
  display:none !important;
}
.historyClearTitle{
  color:#fca5a5;
  font-weight:800;
}
.userHistoryActions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:8px;
  padding-top:8px;
  border-top:1px solid #26324b;
}
.userHistoryActions button{
  font-size:12px;
  padding:8px 10px;
}
@media(max-width:900px){
  .historyClearTools{
    grid-template-columns:1fr;
  }
}