[data-view-panel="email"] { max-width: 1100px; }
[data-view-panel="email"] button:not(.primary) { color: var(--text); background: var(--panel-strong); border: 1px solid var(--border-strong); }
[data-view-panel="email"] button:disabled { opacity: .5; cursor: not-allowed; }
.email-tabs { display: flex; gap: .6rem; flex-wrap: wrap; margin: 1rem 0; }
.email-tabs button[aria-pressed="true"] { border-color: var(--teal); box-shadow: inset 0 -2px var(--teal); }
.email-compose { display: grid; gap: 1rem; max-width: 850px; }
.email-compose label { display: grid; gap: .4rem; font-size: 1rem; }
.email-compose input, .email-compose textarea { width: 100%; box-sizing: border-box; font: inherit; font-weight: 400; }
.email-compose textarea { min-height: 19rem; resize: vertical; line-height: 1.55; }
.email-compose .email-actions { display: flex; gap: .75rem; align-items: center; flex-wrap: wrap; }
.email-message { border: 1px solid var(--border, #8996a7); border-radius: .6rem; padding: 1rem; margin: .75rem 0; }
.email-message summary { cursor: pointer; overflow-wrap: anywhere; }
.email-message summary span { display: block; margin-top: .5rem; font-size: .9rem; }
.email-message-body { white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; line-height: 1.6; }
.email-record { font-size: .85rem; overflow-wrap: anywhere; }
.email-error { color: var(--danger, #c44545); }
.email-dialog { width: min(760px, calc(100vw - 3rem)); max-height: 85vh; overflow: auto; box-sizing: border-box; border: 1px solid var(--border, #8996a7); border-radius: .8rem; padding: 1.5rem; color: var(--text); background: var(--panel, #fff); }
.email-dialog::backdrop { background: #0009; }
.email-dialog { overflow-wrap: anywhere; }
.email-dialog .email-confirm-label { display: flex; gap: .7rem; align-items: start; margin: 1.5rem 0; }
.email-dialog .email-confirm-label input { width: auto; margin-top: .3rem; }
[data-view-panel="email"] [hidden] { display: none !important; }
[data-view-panel="email"] [role="status"] { overflow-wrap: anywhere; }
@media (max-width: 600px) { .email-dialog { padding: 1rem; } .email-tabs button { flex: 1 1 auto; } }