#global-info-popup,
[id^="pop-overlay"],
#rank-popup-overlay {
  display: none;
}

[id^="pop-"]:not([id^="pop-overlay-"]),
#rank-popup {
  width: min(640px, 100%);
}

[id^="popup-title-"],
#rank-popup h3 {
  margin: 0;
  color: var(--dg-text);
  font-size: 1.45rem;
  font-weight: 700;
  line-height: 1.1;
}

[id^="popup-body-"] {
  display: grid;
  gap: 14px;
  margin: 18px 0;
  color: var(--dg-text);
}

[id^="popup-body-"] strong {
  display: block;
  font-size: 1rem;
}

[id^="popup-body-"] p {
  margin: 0;
  color: var(--dg-text-muted);
}

[id^="popup-body-"] > div {
  display: grid;
  gap: 12px;
}

[id^="popup-body-"] > div > div {
  width: 100%;
}

button.btn-edit-reason,
button.btn-edit-length,
button.btn-delete,
button.btn-unban,
button.btn-unmute,
.btn-action_active_warn,
.btn-action_active_mute,
.btn-action_active_ban,
.btn-action_active_wl {
  min-height: 38px;
  padding: 0 16px;
  border: 1px solid var(--dg-line);
  border-radius: var(--dg-r-md);
  background: rgba(11, 15, 20, .6);
  color: var(--dg-text);
  cursor: pointer;
  white-space: nowrap;
}

button.btn-edit-reason,
button.btn-edit-length,
button.btn-unban,
button.btn-unmute {
  border-color: rgba(var(--dg-highlight-rgb), 0.2);
  color: var(--dg-highlight);
}

button.btn-delete {
  border-color: rgba(255, 116, 116, 0.22);
  color: var(--dg-danger);
}

button.flag-badge {
  min-height: 32px;
  padding: 0 12px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.02);
}

button.flag-badge.red {
  color: var(--dg-danger);
}

button.flag-badge.orange {
  color: var(--dg-warning);
}

button.flag-badge.blue {
  color: var(--dg-highlight);
}