/* Settings: Email (mail.js). Uses the app's own colour variables, so both themes work. */
#ml-block{max-width:980px}
#ml-block .ml-lead{max-width:72ch;margin:0 0 8px}
#ml-block .ml-status,#ml-block .ml-today{max-width:76ch;margin:0 0 8px}
#ml-block .m{font-family:ui-monospace,Consolas,monospace;font-size:12.5px;overflow-wrap:anywhere}
#ml-block .ml-steps{border:1px solid var(--bd2);background:var(--sf);border-radius:var(--r);padding:10px 14px;margin:0 0 10px;max-width:76ch}
#ml-block .ml-steps p{margin:0 0 6px}
#ml-block .ml-steps ol{margin:0;padding-left:20px;display:grid;gap:8px}
#ml-block .ml-steps .btn{margin-right:4px}
#ml-block .ml-table td{vertical-align:top}
#ml-block .ml-table input.sel{width:100%;min-width:150px;box-sizing:border-box}
#ml-block .ml-table input.m{min-width:230px}
#ml-block .ml-table .ml-cap{min-width:72px;max-width:96px}
#ml-block .ml-help{margin-top:2px;max-width:30ch;line-height:1.35}
#ml-block .ml-on{display:flex;align-items:center;gap:6px;white-space:nowrap}
#ml-block .ml-note{max-width:76ch;margin:6px 0 0}
#ml-block .ml-grid{margin-top:12px}
#ml-block .ml-grid input.sel,#ml-block .ml-grid select.sel{width:100%;box-sizing:border-box}
#ml-block .ml-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0 4px}
#ml-block .ml-msg{min-height:20px;margin:6px 0 0;max-width:76ch;overflow-wrap:anywhere}
@media(max-width:560px){
  #ml-block .ml-actions .btn,#ml-block .ml-actions .sel{flex:1 1 100%}
  #ml-block .ml-table input.sel{min-width:150px}
}
#ml-block .ml-prev-wrap{margin:14px 0 0;max-width:640px}
#ml-block .ml-prev{margin-top:8px;border:1px solid var(--bd2);border-radius:var(--r);padding:12px;background:var(--sf)}
#ml-block .ml-prev-from{margin:0 0 8px;overflow-wrap:anywhere}
#ml-block .ml-prev-card{background:#fff;color:#1f2933;border:1px solid #e3e6ea;border-top:3px solid #19648f;border-radius:8px;padding:16px 18px;font:14px/1.5 Arial,Helvetica,sans-serif}
#ml-block .ml-prev-head{display:flex;align-items:center;gap:10px;border-bottom:1px solid #e3e6ea;padding-bottom:12px;margin-bottom:12px;letter-spacing:.06em}
#ml-block .ml-prev-head img{display:block;background:#fff;border-radius:6px}
#ml-block .ml-prev-foot{margin-top:14px;font-size:12px;color:#6b7280;overflow-wrap:anywhere}