/*
 * Design system: Minha conta (E4-10).
 * Reusa .ds-field/.ds-label/.ds-input (auth.css), .btn, .ds-state, .ds-badge. Só tokens.
 */

.ds-acct { max-width: 720px; margin-inline: auto; padding: var(--space-6) var(--page-gutter) var(--space-16); }

.ds-acct-title {
  margin: 0 0 var(--space-2);
  font-size: var(--text-3xl);
  font-weight: 700;
  letter-spacing: var(--tracking-tight);
  line-height: var(--leading-tight);
}
.ds-acct-sub { margin: 0 0 var(--space-6); color: var(--muted-foreground); overflow-wrap: anywhere; }
.ds-acct-sub a { color: var(--brand-text); }

.ds-acct-card {
  margin-block-end: var(--space-6);
  padding: var(--space-6);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--card);
  color: var(--card-foreground, var(--foreground));
}
.ds-acct-h { margin: 0 0 var(--space-3); font-size: var(--text-xl); font-weight: 600; }
.ds-acct-h3 { margin: 0 0 var(--space-2); font-size: var(--text-lg); font-weight: 600; }
.ds-acct-p { margin: 0 0 var(--space-4); color: var(--muted-foreground); font-size: var(--text-base); line-height: var(--leading-normal); }

.ds-acct-row { display: grid; grid-template-columns: 1fr 1fr; gap: 0 var(--space-4); }
@media (max-width: 767px) { .ds-acct-row { grid-template-columns: 1fr; } }

.ds-acct-form + .ds-acct-form { margin-block-start: var(--space-6); padding-block-start: var(--space-6); border-block-start: 1px solid var(--border); }
.ds-acct-form .btn { min-height: var(--target-min); }

.ds-acct-msg { margin: 0 0 var(--space-3); min-height: 0; font-size: var(--text-sm); font-weight: 500; }
.ds-acct-msg:empty { display: none; }
.ds-acct-msg.is-ok { color: var(--success, var(--foreground)); }
.ds-acct-msg.is-error { color: var(--destructive); }

.ds-acct-alert {
  margin: 0 0 var(--space-4);
  padding: var(--space-3) var(--space-4);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background: var(--muted);
  font-size: var(--text-sm);
  line-height: var(--leading-normal);
}
.ds-acct-alert.is-danger { border-color: var(--destructive); }
.ds-acct-alert.is-success { border-color: var(--brand-text); }

.ds-acct-check { display: flex; align-items: flex-start; gap: var(--space-3); min-height: var(--target-min); margin-block-end: var(--space-3); cursor: pointer; }
.ds-acct-check input { width: 20px; height: 20px; margin: 2px 0 0; flex: none; accent-color: var(--brand-text); }

.ds-acct-sessions { margin: 0 0 var(--space-4); padding: 0; list-style: none; border: 1px solid var(--border); border-radius: var(--radius-md); }
.ds-acct-session { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); padding: var(--space-3) var(--space-4); }
.ds-acct-session + .ds-acct-session { border-block-start: 1px solid var(--border); }
.ds-acct-session-main { display: flex; flex-direction: column; gap: var(--space-1); min-width: 0; overflow-wrap: anywhere; }
.ds-acct-session-when { color: var(--muted-foreground); font-size: var(--text-sm); }
.ds-acct-inline { margin: 0; }

.ds-acct-danger .ds-acct-h3 { color: var(--destructive); }