/* Minimal - functional over pretty, matches this project's v1 scope. */
:root { color-scheme: light dark; }
body { font-family: system-ui, sans-serif; margin: 0; max-width: 960px; margin-inline: auto; padding: 0 1rem; }
nav { display: flex; gap: 1rem; padding: 0.75rem 0; border-bottom: 1px solid #8888; flex-wrap: wrap; }
nav a { text-decoration: none; }
main { padding: 1rem 0; }
.error { color: #c0392b; }
.msg-list { list-style: none; padding: 0; }
.msg-list li { border-bottom: 1px solid #8884; padding: 0.5rem 0; }
.msg-list a { text-decoration: none; color: inherit; display: block; }
.msg-list .subject { font-weight: bold; }
.msg-list .unread .subject { font-weight: 900; }
.msg-list .from, .msg-list .date { font-size: 0.85em; opacity: 0.75; }
form { display: flex; flex-direction: column; gap: 0.5rem; max-width: 480px; }
input, textarea { font: inherit; padding: 0.4rem; }
textarea { min-height: 10rem; }
button { padding: 0.5rem 1rem; cursor: pointer; }
.qr { max-width: 220px; }
.account-list { list-style: none; padding: 0; }