.account-delete {
  border-top-color: #593b3b !important;
}

.account-delete summary {
  color: #d98d84;
}

.account-delete p {
  color: #c59d98;
}

.account-delete form > button {
  border-color: #a55750;
  background: #2a1111;
  color: #ffd8d3;
}

.account-actions button:disabled,
.account-dialog form > button:disabled {
  cursor: wait;
  opacity: .55;
}

.account-mode-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  margin: 18px 0 8px;
  padding: 4px;
  border: 1px solid #2c4048;
  background: #070c0f;
}

.account-mode-tabs button {
  padding: 10px;
  border: 1px solid transparent;
  color: #82969e;
}

.account-mode-tabs button.active {
  border-color: var(--blue);
  background: #12252c;
  color: #fff;
}

/* Selector de idioma (i18n Fase 2) -- fila compacta de 3 botones ES/EN/FR,
   presente en TODOS los estados del diálogo de cuenta (invitado, login,
   registro, autenticado, Discord-only, con contraseña). Nunca se
   reconstruye en un cambio de idioma (ver chooseLocale()/updateLocaleButtons()
   en multiplayer.js) -- sólo se actualiza aria-pressed/.active. */
.account-locale {
  display: flex;
  justify-content: flex-end;
  gap: 4px;
  margin: 0 0 10px;
}

.account-locale button {
  padding: 4px 8px;
  border: 1px solid #2c4048;
  background: #070c0f;
  color: #82969e;
  font: 500 9px 'DM Mono', monospace;
  letter-spacing: .06em;
  cursor: pointer;
}

.account-locale button.active {
  border-color: var(--blue);
  background: #12252c;
  color: #fff;
}

@media (max-width: 360px) {
  .account-locale {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}

.sync-status {
  font: 500 8px 'DM Mono', monospace;
  letter-spacing: .08em;
  padding: 4px 8px;
  border: 1px solid currentColor;
  color: var(--green);
}

.sync-status[data-state="syncing"] {
  color: var(--blue);
}

.sync-status[data-state="error"] {
  color: var(--danger);
}

.sync-status[hidden] {
  display: none;
}