/* Вкладка «Письма» и раздел «Очередь» (mail.js). */
.ml-ctl { float: right; display: flex; gap: 12px; align-items: center; text-transform: none; letter-spacing: 0; font-size: 12px; }
.ml-ctl .link.on { color: var(--accent); text-decoration: none; font-weight: bold; }
.ml-funnel { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 6px 0 12px; }
.ml-f-title { width: 100%; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: var(--muted); }
.ml-f-step { display: flex; flex-direction: column; min-width: 96px; padding: 8px 12px;
  border: 1px solid var(--line); border-radius: 8px; background: rgba(78,205,196,.04); }
.ml-f-n { font-size: 22px; color: var(--accent); }
.ml-f-l { font-size: 11px; color: var(--text); }
.ml-f-p { font-size: 11px; }
.ml-f-arr { color: var(--muted); }
.ml-bad { margin: -4px 0 12px; color: var(--err); font-size: 12px; }
.ml-table { width: 100%; border-collapse: collapse; font-size: 13px; margin-top: 8px; }
.ml-table th { text-align: left; font-weight: normal; color: var(--muted); font-size: 11px; letter-spacing: 1px; padding: 6px 8px; border-bottom: 1px solid var(--line); }
.ml-table td { padding: 6px 8px; border-bottom: 1px solid rgba(78,205,196,.08); vertical-align: top; }
.ml-row { cursor: pointer; }
.ml-row:hover { background: rgba(78,205,196,.05); }
.ml-row.bad td:nth-child(2) { color: var(--err); }
.ml-trail { white-space: nowrap; }
.ml-t { display: inline-block; margin-right: 4px; padding: 1px 6px; border-radius: 9px; font-size: 11px;
  color: var(--muted); border: 1px solid rgba(200,220,235,.15); }
.ml-t.on { color: #04131a; background: var(--accent); border-color: var(--accent); }
.ml-t.bad { color: #fff; background: rgba(255,107,107,.75); border-color: transparent; }
.ml-body pre { margin: 6px 0 0; padding: 10px 12px; white-space: pre-wrap; font: 12px/1.5 ui-monospace, monospace;
  background: #030a14; border: 1px solid var(--line); border-radius: 6px; color: var(--text); }
.ml-subj { font-weight: bold; color: var(--accent); }
.ml-done td { color: var(--muted); }
/* Строка кода: почта подтверждена и Приглашения. */
.mail-ok-mark { margin-left: 4px; color: var(--accent); cursor: help; }
#invites .tag-input.inv-input { width: 46px; min-width: 0; padding-left: 4px; padding-right: 4px; }
.acc-mail { margin: 6px 0; font-size: 12px; }
.acc-mail b { color: var(--accent); font-weight: normal; }
.nowrap { white-space: nowrap; }