/* Professional admin visual pass: keep the dark canvas, improve hierarchy and consistency. */

.admin-page-active #adminAccountsPanel {
  --admin-surface-1: #0f1926;
  --admin-surface-2: #142334;
  --admin-surface-3: #0b1521;
  --admin-border: #2a3f56;
  --admin-border-strong: #35516f;
  --admin-shadow: 0 14px 34px rgba(0,0,0,.18);
}

.admin-page-active #adminAccountsPanel .admin-account-row {
  background: var(--admin-surface-1);
  border: 1px solid var(--admin-border);
  border-radius: 15px;
  box-shadow: 0 1px 0 rgba(255,255,255,.02), var(--admin-shadow);
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.admin-page-active #adminAccountsPanel .admin-account-row:hover {
  border-color: #36536f;
  box-shadow: 0 1px 0 rgba(255,255,255,.03), 0 16px 38px rgba(0,0,0,.22);
}

.admin-page-active #adminAccountsPanel .admin-account-summary {
  background: linear-gradient(180deg,#111d2a 0%,#0f1926 100%);
  padding: 17px 18px;
}

.admin-page-active #adminAccountsPanel .admin-account-name strong {
  font-size: 1.06rem;
  letter-spacing: .01em;
}

.admin-page-active #adminAccountsPanel .admin-account-details {
  background: linear-gradient(180deg,#142334 0%,#12202f 100%);
  border-top-color: #304860;
  padding: 22px;
  gap: 16px;
}

.admin-page-active #adminAccountsPanel .admin-account-meta {
  color: #9bb0c7;
  margin-bottom: 2px;
}

.admin-page-active #adminAccountsPanel .admin-account-inner-tabs {
  width: max-content !important;
  max-width: 100%;
  padding: 4px;
  margin: 0 0 22px !important;
  gap: 4px !important;
  border: 1px solid #2b425b;
  border-radius: 12px;
  background: #0c1723;
}

.admin-page-active #adminAccountsPanel .admin-account-inner-tabs .btn {
  min-height: 40px !important;
  padding: 9px 15px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #a8b8cb;
}

.admin-page-active #adminAccountsPanel .admin-account-inner-tabs .btn:hover {
  background: #14273a !important;
  color: #e9f4ff;
}

.admin-page-active #adminAccountsPanel .admin-account-inner-tab.active {
  background: #1a3855 !important;
  color: #86ccff !important;
  box-shadow: inset 0 0 0 1px rgba(93,174,240,.32) !important;
}

.admin-page-active #adminAccountsPanel .admin-account-details input,
.admin-page-active #adminAccountsPanel .admin-account-details select,
.admin-page-active #adminAccountsPanel .admin-account-details textarea {
  background: #09131e !important;
  border-color: #2b4057 !important;
  border-radius: 9px !important;
  transition: border-color .14s ease, box-shadow .14s ease, background .14s ease;
}

.admin-page-active #adminAccountsPanel .admin-account-details input:focus,
.admin-page-active #adminAccountsPanel .admin-account-details select:focus,
.admin-page-active #adminAccountsPanel .admin-account-details textarea:focus {
  border-color: #4387c6 !important;
  box-shadow: 0 0 0 3px rgba(46,140,255,.12);
  outline: none !important;
}

.admin-page-active #adminAccountsPanel .registration-note-admin,
.admin-page-active #adminAccountsPanel .gm-level-help {
  background: #0e1b29 !important;
  border-color: #2f4760 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.015);
}

.admin-page-active #adminAccountsPanel .admin-inline {
  align-items: center !important;
}

.admin-page-active #adminAccountsPanel .admin-account-actions {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-top: 18px !important;
}

.admin-page-active #adminAccountsPanel .admin-account-actions .btn,
.admin-page-active #adminAccountsPanel .admin-toggle-game {
  margin: 0 !important;
  align-self: center !important;
  transform: none !important;
  min-height: 42px !important;
}

.admin-page-active #adminAccountsPanel .admin-account-summary .btn.secondary,
.admin-page-active #adminAccountsPanel .admin-account-details .btn.secondary,
.admin-page-active #adminAccountsPanel .admin-account-details .btn.ghost {
  background: linear-gradient(180deg,#18283a 0%,#142334 100%);
  border-color: #30475f;
  color: #eef6ff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 5px 14px rgba(0,0,0,.10);
  transition: background .14s ease, border-color .14s ease, transform .14s ease, box-shadow .14s ease;
}

.admin-page-active #adminAccountsPanel .admin-account-summary .btn.secondary:hover,
.admin-page-active #adminAccountsPanel .admin-account-details .btn.secondary:hover,
.admin-page-active #adminAccountsPanel .admin-account-details .btn.ghost:hover {
  background: linear-gradient(180deg,#1d3045 0%,#17283a 100%);
  border-color: #426180;
  transform: translateY(-1px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 8px 18px rgba(0,0,0,.14);
}

.admin-page-active #adminAccountsPanel .admin-account-details .btn.primary {
  border-color: #4398ef;
  box-shadow: 0 8px 22px rgba(31,116,210,.20);
}

.admin-page-active #adminAccountsPanel .btn.danger,
.admin-page-active #adminAccountsPanel .character-delete-account-direct {
  background: linear-gradient(180deg,#421c23 0%,#35171c 100%) !important;
  border-color: #7c343c !important;
  color: #ffb2b6 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 6px 16px rgba(61,16,22,.16);
}

.admin-page-active #adminAccountsPanel .btn.danger:hover,
.admin-page-active #adminAccountsPanel .character-delete-account-direct:hover {
  background: linear-gradient(180deg,#52232b 0%,#411b22 100%) !important;
  border-color: #a4434d !important;
}

.admin-page-active #adminAccountsPanel .admin-account-general-danger {
  margin-top: 24px !important;
  padding: 16px !important;
  border: 1px solid rgba(180,68,78,.28) !important;
  border-radius: 12px;
  background: rgba(94,31,39,.10);
}

.admin-page-active #adminAccountsPanel .admin-account-general-danger .account-delete-help {
  margin: 9px 0 0 !important;
  color: #9caec1;
}

.admin-page-active #adminAccountsPanel .admin-session-help {
  margin-top: 0 !important;
  color: #92a6bd;
}

.admin-page-active #adminAccountsPanel .pill {
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.025);
}

@media (max-width: 760px) {
  .admin-page-active #adminAccountsPanel .admin-account-details {
    padding: 18px;
  }

  .admin-page-active #adminAccountsPanel .admin-account-inner-tabs {
    width: 100% !important;
  }

  .admin-page-active #adminAccountsPanel .admin-account-inner-tabs .btn {
    flex: 1 1 0 !important;
  }

  .admin-page-active #adminAccountsPanel .admin-account-actions {
    align-items: stretch !important;
  }

  .admin-page-active #adminAccountsPanel .admin-account-actions .btn,
  .admin-page-active #adminAccountsPanel .admin-toggle-game {
    width: 100% !important;
  }
}