/* Settings › Email: the mail server, a test email, and the outbox. */

.email-section { margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--border); }
.email-section h3 { margin: 0 0 4px; font-size: 16px; }
.email-section .agent-muted { margin: 0; }
.mail-problem { margin: 10px 0 0; padding: 10px 14px; border: 1px solid var(--warn-border); border-radius: var(--radius); background: var(--warn-wash); color: var(--warn-ink); font-size: 13px; line-height: 1.5; overflow-wrap: anywhere; }

.mail-test-form { display: grid; gap: 6px; margin-top: 18px; max-width: 640px; font-size: 12px; color: var(--muted); }
.mail-test-row { display: flex; flex-wrap: wrap; gap: 10px; }
.mail-test-row input { flex: 1 1 240px; min-width: 0; box-sizing: border-box; padding: 10px; border: 1px solid var(--border-strong); border-radius: 7px; background: var(--surface); color: var(--text); font: inherit; font-size: 13px; }
.mail-test-result { margin: 4px 0 0; padding: 10px 14px; border-radius: var(--radius); border: 1px solid var(--border); font-size: 13px; line-height: 1.5; color: var(--text); overflow-wrap: anywhere; }
.mail-test-result.ok { border-color: var(--pass-border); background: var(--pass-soft); color: var(--pass-ink); }
.mail-test-result.failed { border-color: var(--fail-border); background: var(--fail-soft); color: var(--fail-ink); }
.outbox-filter { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--muted); }
.outbox-filter select { min-height: 38px; border: 1px solid var(--border); border-radius: 7px; background: var(--surface); color: var(--text); padding: 0 10px; font: inherit; }

.outbox-list { margin-top: 12px; max-height: 480px; overflow: auto; border: 1px solid var(--border); border-radius: var(--radius); }
.outbox-list > p { margin: 0; padding: 14px 16px; }
.email-section .outbox-kept { margin-top: 8px; }
.outbox-table { min-width: 760px; }
.outbox-table thead th { position: sticky; top: 0; background: var(--panel); }
.outbox-table tbody tr { cursor: default; }
.outbox-table td { vertical-align: top; white-space: normal; overflow-wrap: anywhere; line-height: 1.45; }
.outbox-table td small { display: block; margin-top: 3px; font-size: 12px; color: var(--muted); }
.outbox-table .outbox-time, .outbox-table .outbox-kind { white-space: nowrap; }
.outbox-table .outbox-time { color: var(--muted); }
.outbox-table .outbox-to { min-width: 170px; }
.outbox-table .outbox-subject { min-width: 220px; }
.outbox-table .outbox-status { min-width: 150px; }
.outbox-failed .outbox-status small { color: var(--fail-ink); }
.outbox-badge { display: inline-block; padding: 1px 8px; border-radius: 5px; font-size: 12px; font-weight: 600; }
.outbox-badge.sent { background: var(--pass-soft); color: var(--pass-ink); }
.outbox-badge.failed { background: var(--fail-soft); color: var(--fail-ink); }