/* E-mail module (21-email): e-mail log, mailboxes, templates, predefined replies. Prefix em-. */
.em-bulk{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 12px;border-bottom:1px solid #e0e7ed}
.em-bulk select{max-width:300px}
.em-in{color:#1a7fe0}.em-out{color:#12a079}
.em-err{color:#c0392b}
.em-addr,.em-subj{min-width:0;overflow-wrap:anywhere}
.em-body{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:#f6f8fa;border:1px solid #e3e8ee;border-radius:8px;padding:12px 14px;margin:12px 0 0;max-height:560px;overflow:auto;position:relative}
.em-body.sm{font-size:12px;max-height:220px;margin:8px 0}
.em-hint{margin:8px 0 0}
.em-hint code,.em-pipehint code{overflow-wrap:anywhere;white-space:normal}
.em-status{display:flex;gap:8px;align-items:center;margin-bottom:10px}
.em-note{margin-top:4px;color:#3d4b5c;font-size:13px;overflow-wrap:anywhere}
.em-steps{margin:0;padding-left:18px;display:grid;gap:6px;font-size:13px}
.em-preview .em-psubj{font-weight:600;overflow-wrap:anywhere}
.em-ph code{font-size:12px;white-space:nowrap}
.em-ph td{vertical-align:top}
.em-sandbox{margin:0}
.em-pre{display:grid;gap:6px;min-width:0}
.em-pre-q{width:100%}
.em-pre-cat{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#6b7a8c;margin-top:6px}
.em-pre-item{border:1px solid #e3e8ee;border-radius:8px;padding:6px 10px;min-width:0}
.em-pre-item summary{cursor:pointer;font-weight:600;font-size:13px}
.em-pre-acts{display:flex;gap:6px;flex-wrap:wrap}
.em-tmails{display:grid;gap:8px}
.em-tmail{display:flex;gap:8px;align-items:flex-start;min-width:0}
.em-tmail>div{min-width:0;overflow-wrap:anywhere}
.em-imap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
@media (max-width:640px){.em-imap{grid-template-columns:minmax(0,1fr)}}
/* Dashboard panels and tables: references never wrap, long text clips. */
.em-ref{font:700 12px/1.2 Consolas,'Courier New',monospace;white-space:nowrap;background:#eff4f8;border:1px solid #d6e0e9;border-radius:3px;padding:2px 6px;display:inline-block}
.em-clip{display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.em-reason{white-space:normal!important;min-width:160px;max-width:200px;font-size:12px;line-height:1.35;color:#7a2a20}
.em-links{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:12px;margin-top:10px}
.em-meters{margin:14px 0 4px}
.em-dbtbl td{vertical-align:middle}
.em-dbstats{padding:12px 14px;margin:0!important;border-bottom:1px solid #e0e7ed}
@media (max-width:640px){.em-dbstats.n4{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Two panels side by side under a list (one column on phones). */
.em-row2{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:14px}
.em-row2>*{min-width:0}
.em-row2.even{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:900px){.em-row2,.em-row2.even{grid-template-columns:minmax(0,1fr)}}
.em-clip.wide{max-width:270px}
.em-clip.w200{max-width:200px}.em-clip.w260{max-width:236px}.em-clip.w340{max-width:340px}
.em-counts{align-self:flex-start;max-width:100%}
.em-counts b,.cm-counts b{font-weight:800;opacity:.85}