.mail-toolbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:16px}.mail-toolbar .field{min-width:250px}.mail-list{display:grid;gap:12px;margin-top:16px}.mail-card .work-title{max-width:100%;text-align:left;overflow-wrap:anywhere}.mail-snippet{margin:8px 0;line-height:1.6;color:var(--muted)}.mail-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;padding:18px;border:1px solid var(--border);border-radius:12px;max-height:55vh;overflow:auto}.mail-compose{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mail-compose>label:has([name=body]),.mail-compose>label:has([name=subject]),.mail-compose>label:has([name=attachments]),.mail-compose>.work-description{grid-column:1/-1}.mail-compose textarea{min-height:180px;resize:vertical}.mail-permissions{display:grid;gap:10px;margin:18px 0}.mail-permissions label,.mail-member{display:flex;align-items:center;gap:10px;margin:10px 0}.mail-permissions input,.mail-member input{width:auto}@media(max-width:650px){.mail-compose{grid-template-columns:1fr}.mail-toolbar{align-items:stretch}.mail-toolbar>*{width:100%}.mail-toolbar .field{min-width:0}}
.mail-field{display:flex;flex-direction:column;gap:7px;margin-bottom:12px;min-width:0}.mail-field input,.mail-field select,.mail-field textarea{width:100%;box-sizing:border-box}.mail-toolbar>.mail-field{flex:1;min-width:250px;margin-bottom:0}