.account-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin: 22px 0;
}

.account-tabs .selected {
  border-color: var(--cyan);
  color: var(--cyan);
  background: #102a22;
}

label small {
  color: var(--muted);
  font-weight: 500;
  letter-spacing: 0;
}

.form-error {
  padding: 12px;
  border: 1px solid var(--bad);
  color: var(--bad);
  border-radius: 7px;
}

button:disabled {
  cursor: not-allowed;
  opacity: .65;
}

.verification-inline {
  margin: 20px 0;
  padding: 20px;
  border: 1px solid var(--orange);
  border-radius: 8px;
  background: #0b211a;
}

.verification-inline h2 { margin: 6px 0; }
.account-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.recovery-inline { margin-top: 18px; }
.recovery-inline summary { cursor: pointer; color: var(--cyan); font-weight: 700; }

.login-preferences {
  display: grid;
  gap: 10px;
  margin: 18px 0;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 7px;
}

.login-preferences legend { padding: 0 7px; font-weight: 800; }
.check-option { grid-template-columns: auto 1fr; align-items: start; margin: 0; cursor: pointer; }
.check-option input { width: 22px; min-height: 22px; margin: 2px 0 0; accent-color: var(--orange); }
.check-option span { display: grid; gap: 2px; }
.check-option small { color: var(--muted); font-weight: 500; }
