/* ═══ EMAIL COMPOSER ═══ */
.email-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1100;display:none;align-items:flex-end;justify-content:flex-end;padding:16px}
.email-overlay.open{display:flex}
.email-composer{background:var(--bg2,#fff);border-radius:12px;width:560px;max-width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 8px 32px rgba(0,0,0,.2);overflow:hidden}
.email-header{display:flex;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border,#dee2e6);background:var(--bg-secondary,#f8f9fa)}
.email-field{display:flex;align-items:flex-start;padding:6px 18px;border-bottom:1px solid var(--border-subtle,#e9ecef);gap:8px}
.email-field label{font-size:11px;font-weight:600;color:var(--text-dim,#868e96);min-width:52px;padding-top:8px;text-transform:uppercase;letter-spacing:.04em}
.email-field input,.email-field select{flex:1;border:none;background:transparent;padding:6px 0;font-size:13px;color:var(--text,#1a1a2e);font-family:inherit;outline:none}
.email-field select{cursor:pointer}
.email-recip-wrap{flex:1;display:flex;flex-wrap:wrap;gap:4px;align-items:center;min-height:32px}
.email-recip-wrap input{flex:1;min-width:120px;border:none;background:transparent;padding:6px 0;font-size:13px;color:var(--text);outline:none}
.email-chips{display:flex;flex-wrap:wrap;gap:3px}
.email-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:rgba(37,99,235,.08);border:1px solid rgba(37,99,235,.15);border-radius:12px;font-size:11px;color:var(--blue,#2563eb)}
.email-chip button{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:13px;padding:0 2px;line-height:1}
.email-body-editor{flex:1;min-height:200px;max-height:40vh;overflow-y:auto;padding:14px 18px;font-size:14px;line-height:1.7;color:var(--text);outline:none;border:none}
.email-body-editor:empty::before{content:'Write your email...';color:var(--text-dim);pointer-events:none}
.email-body-editor p{margin-bottom:8px}
.email-body-editor ul,.email-body-editor ol{padding-left:20px;margin-bottom:8px}
.email-body-editor strong{font-weight:700}
.email-actions{display:flex;gap:8px;justify-content:flex-end;padding:12px 18px;border-top:1px solid var(--border);background:var(--bg-secondary)}
[data-theme=dark] .email-chip{background:rgba(37,99,235,.15)}
@media(max-width:640px){
  .email-overlay{padding:0;align-items:stretch;justify-content:stretch}
  .email-composer{width:100%;max-width:100%;border-radius:0;max-height:100vh}
  .email-body-editor{min-height:120px}
  .email-field{padding:4px 12px}
  .email-actions{padding:10px 12px}
}