body { font-family: "Roboto", Arial, sans-serif; background: #f1f3f4; min-height: 100vh; padding-top: 40px; }
.inbox { max-width: 820px; margin: 0 auto; background: #fff; border: 1px solid #dadce0; border-radius: 8px; overflow: hidden; }
.mail-hdr { display: flex; gap: 16px; padding: 20px; border-bottom: 1px solid #eee; }
.avatar { width: 48px; height: 48px; border-radius: 50%; background: #8a5cf5; color: #fff; display: flex; align-items: center; justify-content: center; font-weight: bold; flex-shrink: 0; }
.meta { flex: 1; font-size: 14px; }
.from-line { margin-bottom: 4px; }
.to-line { color: #5f6368; font-size: 13px; }
.subj { margin-top: 10px; font-size: 16px; }
.body { padding: 20px; font-size: 14px; line-height: 1.6; color: #202124; }
.body p { margin: 10px 0; }
.sig { color: #888; font-style: italic; font-size: 12px; }
.actions-bar { padding: 14px 20px; border-top: 1px solid #eee; display: flex; gap: 10px; }
.btn-act { background: #1a73e8; color: #fff; border: none; padding: 10px 20px; border-radius: 4px; font-size: 14px; cursor: pointer; }
.btn-act.secondary { background: #fff; color: #1a73e8; border: 1px solid #dadce0; }