/* account.css — seitenspezifische Styles der Account-Seite.
   Theme, obere Leiste, Buttons, Modal, Formularfelder (.field) und Messages
   kommen aus page-shell.css; hier nur Layout, Karten-Tabellen und QR-Anzeige. */

main { max-width: 640px; margin: 32px auto; padding: 0 16px; }
.card { background: var(--surface); border-radius: 10px; padding: 24px; margin-bottom: 20px; border: 1.5px solid var(--border); }
h2 { font-size: 1rem; font-weight: 700; margin-bottom: 16px; color: var(--text-heading); }
table { width: 100%; border-collapse: collapse; font-size: 0.88rem; }
td, th { padding: 9px 10px; border-bottom: 1px solid var(--border); text-align: left; color: var(--text); }
th { color: var(--text-muted); font-weight: 600; background: var(--surface2); }
.qr-wrap { text-align: center; margin: 12px 0; }
.qr-wrap img { max-width: 200px; border: 1px solid var(--border); border-radius: 8px; }
@media (max-width: 700px) { main { margin: 16px auto; } .card { padding: 16px; } }