.admin-console-dialog [hidden] { display: none !important; }
.admin-console-header-actions { display: flex; align-items: center; gap: 8px; }
.admin-console-dialog .admin-console-header .admin-console-refresh {
  display: inline-flex;
  width: auto;
  height: 34px;
  min-height: 34px;
  align-items: center;
  justify-content: center;
  padding: 0 11px;
  border: 1px solid #31566a;
  border-radius: 8px;
  background: #0a1c27;
  color: #c8e5ed;
  font: 700 11px/1 system-ui, sans-serif;
  cursor: pointer;
}
.admin-console-refresh:hover:not(:disabled) { border-color: #66d8df; background: #103042; }
.admin-console-refresh:disabled { opacity: .55; cursor: wait; }
.admin-console-body { height: calc(100% - 58px); min-height: 0; overflow: auto; padding: 16px 18px 22px; }
.admin-console-body .admin-status { margin: 0 0 14px; padding: 11px 13px; border: 1px solid #284653; border-radius: 10px; background: #0a1b25; color: #a8c5ce; font-size: 12px; line-height: 1.6; }
.admin-console-body .admin-status[data-state="error"] { border-color: #804c4a; color: #ffc1b6; }
.admin-console-body .admin-status a,
.admin-console-body .admin-status button { display: inline-block; margin-left: 7px; padding: 0; border: 0; background: transparent; color: #91dce3; font: inherit; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.admin-console-body .admin-status button:focus-visible { outline: 2px solid #67dff5; outline-offset: 2px; }
.admin-console-body .updated-at { margin: 0 0 10px; color: #7996a2; font-size: 10px; text-align: right; }
.admin-console-body .metric-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.admin-console-body .metric-card { min-height: 108px; display: flex; flex-direction: column; justify-content: center; gap: 7px; padding: 14px; border: 1px solid #1d3b49; border-radius: 11px; background: linear-gradient(145deg, #0c202b, #091720); }
.admin-console-body .metric-card > span { color: #9ab5c0; font-size: 11px; font-weight: 650; }
.admin-console-body .metric-card > strong { color: #e7f7fa; font-size: 29px; line-height: 1; font-variant-numeric: tabular-nums; }
.admin-console-body .metric-card > small { color: #6f909d; font-size: 9px; }
.admin-console-body .metric-card--active { border-color: #276458; background: linear-gradient(145deg, #0c2929, #091c23); }
.admin-console-body .metric-card--active > strong { color: #83e4c1; }
.admin-console-body .members-panel { margin-top: 16px; overflow: hidden; border: 1px solid #1d3b49; border-radius: 11px; background: #091720; }
.admin-console-body .panel-heading { min-height: 62px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 15px; border-bottom: 1px solid #1b3440; }
.admin-console-body .panel-heading .eyebrow { margin: 0 0 3px; }
.admin-console-body .panel-heading h3 { margin: 0; color: #d7eaf0; font-size: 16px; }
.admin-console-body .count-chip { min-width: 32px; padding: 4px 8px; border: 1px solid #244655; border-radius: 999px; color: #a8dbe2; font-size: 10px; text-align: center; }
.admin-console-body .table-wrap { overflow-x: auto; }
.admin-console-body table { width: 100%; border-collapse: collapse; text-align: left; }
.admin-console-body th,
.admin-console-body td { padding: 10px 12px; border-bottom: 1px solid #142c36; color: #bdd4dc; font-size: 11px; vertical-align: middle; }
.admin-console-body th { color: #7896a2; font-size: 9px; font-weight: 700; white-space: nowrap; }
.admin-console-body tbody tr:last-child td { border-bottom: 0; }
.admin-console-body .account-name { display: block; margin-bottom: 3px; color: #e1f3f6; font-weight: 700; }
.admin-console-body .account-email { color: #88aab6; overflow-wrap: anywhere; }
.admin-console-body .role-label { display: inline-block; padding: 4px 7px; border: 1px solid #254553; border-radius: 999px; color: #9ac6d1; font-size: 9px; white-space: nowrap; }
.admin-console-body .role-label--owner { border-color: #4b6251; color: #b8e6a6; }
.admin-console-body .presence-label { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.admin-console-body .presence-label::before { width: 7px; height: 7px; border-radius: 50%; background: #657783; content: ""; }
.admin-console-body .presence-label--online::before { background: #63e4b7; box-shadow: 0 0 9px #63e4b780; }
.admin-console-body .empty-cell { padding: 26px 12px; color: #7896a2; text-align: center; }
.admin-console-body .presence-note { margin: 10px 2px 0; color: #728d98; font-size: 9px; line-height: 1.6; }
@media (max-width: 760px) {
  .admin-console-body .metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .admin-console-body .metric-card { min-height: 95px; padding: 12px; }
  .admin-console-body th,
  .admin-console-body td { padding: 9px 10px; }
  .admin-console-body th:nth-child(3),
  .admin-console-body td:nth-child(3),
  .admin-console-body th:nth-child(4),
  .admin-console-body td:nth-child(4) { white-space: nowrap; }
}
@media (max-width: 420px) {
  .admin-console-body { padding: 11px 10px 18px; }
  .admin-console-body .metric-card { min-height: 88px; padding: 10px; }
  .admin-console-body .metric-card > strong { font-size: 25px; }
  .admin-console-body .panel-heading { min-height: 54px; padding: 10px 12px; }
  .admin-console-body th,
  .admin-console-body td { padding: 8px; }
}
@media (max-width: 600px) {
  .admin-console-body .table-wrap { overflow: visible; }
  .admin-console-body table { display: block; }
  .admin-console-body thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
  .admin-console-body tbody { display: grid; gap: 7px; }
  .admin-console-body tbody tr { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 7px 10px; border: 1px solid #183743; border-radius: 8px; background: #0a1922; }
  .admin-console-body tbody td { min-width: 0; padding: 6px 2px; border: 0; white-space: normal !important; overflow-wrap: anywhere; }
  .admin-console-body tbody td:first-child { grid-column: 1 / -1; }
  .admin-console-body tbody td:nth-child(2)::before,
  .admin-console-body tbody td:nth-child(3)::before,
  .admin-console-body tbody td:nth-child(4)::before,
  .admin-console-body tbody td:nth-child(5)::before { display: block; margin-bottom: 3px; color: #7896a2; font-size: 8px; font-weight: 700; }
  .admin-console-body tbody td:nth-child(2)::before { content: "권한"; }
  .admin-console-body tbody td:nth-child(3)::before { content: "가입"; }
  .admin-console-body tbody td:nth-child(4)::before { content: "최근 로그인"; }
  .admin-console-body tbody td:nth-child(5)::before { content: "상태"; }
  .admin-console-body tbody td.empty-cell { grid-column: 1 / -1; text-align: center; }
}