/* MARKETING OS · WP31 + WP32 · Üzenetek: lista-állapot, küldésenkénti elköteleződés, WhatsApp sablon-nyilvántartás, 24 órás ablakok, kézbesítés. */

/* kulcs-érték sorok a kártyákban (Lista állapota, sablon-részletek) */
.wp31-kv { display: flex; justify-content: space-between; gap: 12px; align-items: baseline; padding: 4px 0; border-bottom: 1px dashed var(--border); font-size: 15px; color: var(--text-2); }
.wp31-kv:last-child { border-bottom: 0; }
.wp31-kv b { color: var(--text); font-weight: 600; text-align: right; }
.wp31-kv b.is-bad { color: var(--bad); }
.wp31-kv b.is-ok { color: var(--ok); }
.wp31-note { margin: 0; padding: 6px 10px; border-radius: var(--r-md); background: var(--warn-bg); color: var(--warn); font-size: 14px; }
.mx-rt td small { color: var(--muted); font-size: 13px; }

/* WhatsApp sablon-állapot jelvény */
.wp32-tpl-st { display: inline-flex; align-items: center; gap: 6px; }
.wp32-tpl-why { display: block; color: var(--muted); font-size: 13px; }
.wp32-tpl-acts { display: flex; flex-wrap: wrap; gap: 6px; justify-content: flex-end; }
.wp32-win-list { display: flex; flex-direction: column; gap: 8px; }
.wp32-win-list .mc-win { background: var(--surface, transparent); }

/* kézbesítési / ablak-sor a Kimenőben és az üzenet-listákban */
.wp32-line { display: block; margin-top: 3px; font-size: 13px; color: var(--muted); }
.wp32-line.is-bad { color: var(--bad); }
.wp32-line.is-ok { color: var(--ok); }
.wp32-line.is-warn { color: var(--warn); }
.wp32-cd { font-variant-numeric: tabular-nums; font-weight: 600; }

.wp31-warn { color: var(--warn); background: var(--warn-bg); border-radius: 999px; padding: 1px 10px; font-size: 13px; }

/* telefon: a széles táblák (Legutóbbi küldések 8 oszlop, sablon-nyilvántartás) vízszintesen görgethetők, az oldal nem csúszik szét */
@media (max-width: 860px) {
  .view[data-route="hirlevel"] table.tbl, .view[data-route="whatsapp"] table.tbl { display: block; overflow-x: auto; }
  .wp32-tpl-acts { justify-content: flex-start; }
}