/* Fork (Dreikor17): Discord login and Discord alerts on the account pages
 * (fork-discord.js). Colours are theme tokens: Discord's blurple for the
 * login button, the same in both themes. White on #5865F2 is 4.6:1 and on
 * the hover #4752C4 6.3:1 (WCAG AA for normal text). */
:root {
  --discord-blurple: #5865F2;
  --discord-blurple-hover: #4752C4;
  --discord-on-blurple: #ffffff;
}

/* Dark (KEEP IN SYNC with the block below). */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --discord-blurple: #5865F2;
    --discord-blurple-hover: #4752C4;
    --discord-on-blurple: #ffffff;
  }
}
[data-theme="dark"] {
  --discord-blurple: #5865F2;
  --discord-blurple-hover: #4752C4;
  --discord-on-blurple: #ffffff;
}

/* The nav control's label when logged out (fork-discord.js relabelNav). */
#accountToggle.fork-discord-nav .nav-account-label { max-width: none; }

/* The forms decorateProfile hides: [hidden] must beat .account-form's display. */
.account-page [hidden] { display: none; }

.account-btn.fork-discord-btn {
  gap: 10px; font-weight: 600;
  background: var(--discord-blurple); color: var(--discord-on-blurple); border: 1px solid var(--discord-blurple);
}
.account-btn.fork-discord-btn:hover { background: var(--discord-blurple-hover); border-color: var(--discord-blurple-hover); }
.account-btn.fork-discord-btn:focus-visible { outline: 3px solid var(--accent-strong); outline-offset: 2px; }
.fork-discord-logo { width: 1.4em; height: 1.4em; flex: none; }

.fork-discord-card { display: flex; align-items: center; gap: 12px; margin: 8px 0 4px; }
.fork-discord-card code { font-size: var(--fs-sm); }
.fork-discord-avatar { width: 48px; height: 48px; border-radius: 50%; flex: none; }
.fork-discord-initials {
  display: inline-flex; align-items: center; justify-content: center; font-weight: 600;
  background: var(--surface-1); color: var(--text); border: 1px solid var(--border);
}
.fork-discord-failure {
  margin: 8px 0; padding: 8px 12px; border: 1px solid var(--border); border-left: 4px solid var(--status-red-text);
  border-radius: 6px; font-size: var(--fs-sm); color: var(--text); background: var(--card-bg);
}
#forkDiscordAlertsH { margin: 16px 0 4px; }

/* Admin Users tab in Discord mode (fork-discord.js adminUsersMount): no
 * promotions (roles come from Discord) and no mail to resend or track. */
.fork-discord-um [data-act="promote"],
.fork-discord-um [data-act="resend"],
.fork-discord-um [data-act="refresh"] { display: none; }
.fork-discord-um label[hidden] { display: none; }
.fork-discord-um-detail { margin: 4px 0 8px; }
.fork-discord-um-who { font-weight: 600; }