/* Página "Meus dados" (T-014). Usa os tokens e componentes de /style.css (carregado antes). Sem sobrescritas forçadas e sem estilos inline. */
.md-body { height: auto; min-height: 100dvh; }
.md-page { width: min(720px, 100%); margin: 0 auto; padding: 16px var(--pad-x) calc(32px + env(safe-area-inset-bottom, 0px)); display: grid; gap: 16px; }
.md-header { display: grid; gap: 10px; justify-items: start; }
.md-header h1 { font-size: 1.4rem; line-height: 1.3; }
.md-header h1:focus-visible, .md-final h1:focus-visible, .md-main:focus-visible { outline-offset: 4px; }
.md-main { display: grid; gap: 16px; min-width: 0; }
.md-pendente { margin: 0; }

.md-section { background: var(--panel); border: 1px solid var(--line); border-radius: 14px; padding: 20px 16px; display: grid; gap: 12px; min-width: 0; }
.md-section h2 { font-size: 1.1rem; line-height: 1.3; }
.md-section p { overflow-wrap: anywhere; }
.md-perigo { border-color: var(--err); border-width: 2px; }
.md-perigo h2 { color: var(--err); }

.md-lista { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.md-lista li { display: grid; gap: 2px; padding: 10px 12px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--bg); overflow-wrap: anywhere; }
.md-lista .md-doc { font-weight: 600; }
.md-lista a { display: inline-flex; align-items: center; min-height: var(--tap); }

.md-acoes { display: grid; gap: 8px; }
.md-acoes .btn, .md-section .btn { width: 100%; }
#btn-consent-retry { width: auto; }
#export-baixar { margin: 0; }
#excluir-login { margin: 0; }

.md-final { background: var(--panel); border: 1px solid var(--line); border-radius: 14px; padding: 24px 16px; display: grid; gap: 14px; min-height: 40dvh; align-content: start; }
.md-final h1 { font-size: 1.4rem; line-height: 1.3; }

#dlg-desc p { margin-bottom: 10px; }
#dlg-status:empty { display: none; }

@media (min-width: 560px) {
  .md-page { padding-top: 32px; }
  .md-section { padding: 24px; }
  .md-acoes .btn, .md-section .btn { width: auto; }
  .md-acoes { justify-content: start; }
  .md-final { padding: 32px; }
}

@media (forced-colors: active) {
  .md-section, .md-final, .md-lista li { border: 1px solid CanvasText; }
  .md-perigo { border: 2px solid CanvasText; }
}
@media (prefers-reduced-motion: reduce) {
  .md-body * { scroll-behavior: auto; transition: none; animation: none; }
}