/* css/redesign-settings.css
   Фаза 4.10 — вкладка "Профиль" (реальное название вкладки "Настройки" по
   референсу) + модалки, которые она открывает (редактирование профиля,
   смена email, 2FA, активные сессии). Модалки создаются в document.body
   через `modal.className = 'modal active rd-modal'` — переопределяем через
   уникальный класс `.rd-modal` поверх легаси `.modal` (выше по специфичности:
   две вложенных сущности не задействуем, `.modal.rd-modal` побеждает
   `.modal` независимо от порядка подключения файлов). */

#profilePage .profile-settings-card {
  background: var(--rd-panel);
  border: 1px solid var(--rd-border);
  border-radius: var(--rd-radius-card, 14px);
  padding: 26px 30px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 480px;
}
#profilePage .profile-settings-email {
  color: var(--rd-gold);
  font-size: 1.1em;
  margin: 0 0 6px;
}
#profilePage .profile-settings-row {
  font-size: 0.85em;
  color: var(--rd-text-muted);
}
#profilePage .profile-settings-row strong {
  color: var(--rd-text);
}
#profilePage .profile-settings-divider {
  height: 1px;
  background: var(--rd-border);
  margin: 10px 0 4px;
}
#profilePage .profile-settings-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

/* ===== Кнопки, переиспользуемые во всех модалках вкладки "Профиль" ===== */
.rd-btn {
  border: none;
  border-radius: 22px;
  padding: 10px 20px;
  font-weight: 700;
  font-size: 0.85em;
  cursor: pointer;
}
.rd-btn-primary {
  background: var(--rd-gold);
  color: oklch(0.15 0.01 85);
}
.rd-btn-info {
  background: oklch(0.4 0.14 240 / 0.3);
  color: oklch(0.75 0.13 240);
}
.rd-btn-success {
  background: oklch(0.5 0.13 150 / 0.3);
  color: oklch(0.7 0.13 150);
}
.rd-btn-danger {
  background: oklch(0.5 0.15 25 / 0.3);
  color: oklch(0.72 0.15 25);
}
.rd-btn-neutral {
  background: none;
  border: 1px solid var(--rd-border);
  color: var(--rd-text-muted);
}
.rd-btn-purple {
  background: oklch(0.5 0.15 300 / 0.3);
  color: oklch(0.78 0.13 300);
}
.rd-btn-pending {
  background: oklch(0.65 0.15 55 / 0.3);
  color: var(--rd-status-pending);
}
.rd-btn-block { width: 100%; }

/* ===== Модалки (2FA, сессии, редактирование, смена email) ===== */
.rd-modal.modal.active {
  background: var(--rd-panel);
  border: 1px solid var(--rd-border-gold);
  border-radius: 16px;
  padding: 26px;
  box-shadow: none;
}
.rd-modal h2 {
  color: var(--rd-text);
  font-size: 1.05em;
  font-weight: 800;
  margin: 0 0 16px;
  text-align: left;
}
.rd-modal p {
  color: var(--rd-text-muted);
  font-size: 0.85em;
}
.rd-modal .form-group label {
  color: var(--rd-text-muted);
  font-size: 0.78em;
  margin-bottom: 6px;
  display: block;
}
.rd-modal .form-group input,
.rd-modal .form-group select,
.rd-modal .form-group textarea {
  width: 100%;
  box-sizing: border-box;
  padding: 10px 12px;
  border-radius: 8px;
  border: 1px solid var(--rd-border);
  background: var(--rd-panel-header);
  color: var(--rd-text);
  font-size: 0.85em;
  font-family: inherit;
}
.rd-modal-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 15px;
}
.rd-modal-error {
  color: var(--rd-status-error);
  font-size: 0.8em;
  margin-top: 10px;
}
.rd-status-text-done { color: var(--rd-status-done); font-weight: 700; }
.rd-status-text-error { color: var(--rd-status-error); font-weight: 700; }

.rd-session-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  background: var(--rd-panel-header);
  border-radius: 10px;
  padding: 10px 14px;
  margin-bottom: 8px;
}
.rd-session-device { color: var(--rd-text); font-weight: 700; font-size: 0.85em; }
.rd-session-current { color: var(--rd-status-done); font-size: 0.85em; }
.rd-session-meta { font-size: 0.75em; color: var(--rd-text-muted); margin-top: 2px; }