/* WhatsApp Business (owner, 26 October 2026; js/views/whatsapp.js). The chats reuse Messages' look (app.css .msg-layout,
   .thread-item, .chat, .msg); what is WhatsApp's own is here. Colours come from the theme's tokens, so dark mode follows. */
.thread-item.wa-item { display: block; }
.wa-item > .row { display: flex; align-items: baseline; gap: 6px; flex-wrap: nowrap; min-width: 0; }
.wa-item > .row b { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wa-tick { font-size: 11.5px; color: var(--muted); letter-spacing: -1px; }
.wa-tick.read { color: var(--accent); font-weight: 700; }
.wa-failed { font-size: 12px; color: var(--bad); flex-basis: 100%; }
.wa-msg .msg-h .badge { font-size: 10.5px; padding: 0 6px; }
.wa-file { margin-top: 4px; }
.wa-photo { display: block; padding: 0; border: 0; background: transparent; cursor: zoom-in; }
.wa-photo .thumb { display: block; max-width: min(240px, 100%); max-height: 220px; border-radius: 8px; border: 1px solid var(--line); }
.wa-reaction { font-size: 12.5px; }
.wa-window { margin: 0 0 6px; }
.wa-preview { margin: 8px 0; max-width: 100%; white-space: pre-wrap; overflow-wrap: anywhere; }
.wa-chat .chat-head { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.wa-chat .chat-head .grow { min-width: 0; }
.wa-incoming { margin: 12px 0; }
.wa-inc { padding: 8px 0; border-bottom: 1px solid var(--line-2); gap: 8px; }
.wa-inc:last-child { border-bottom: 0; }
.wa-inc .grow { min-width: 0; }
.wa-inc .preview { color: var(--ink-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wa-panel .panel-b { padding: 0; }
.wa-panel .panel-b > p { padding: 10px 14px; margin: 0; }
.wa-panel-list .thread-item { width: 100%; text-align: left; background: transparent; border: 0; border-bottom: 1px solid var(--line-2); font: inherit; cursor: pointer; }
.wa-panel-list .thread-item.on { background: var(--accent-soft); }
.wa-panel .chat-log { max-height: 420px; }
.wa-settings dl.kv { margin: 0; }
.wa-secrets, .wa-sync { margin: 6px 0 0; padding-left: 0; list-style: none; }
.wa-secrets li, .wa-sync li { margin: 3px 0; overflow-wrap: anywhere; }
.wa-secrets li.good b { color: var(--good); }
.wa-secrets li.bad b { color: var(--bad); }
.wa-live { margin: 0; padding-left: 20px; }
.wa-live li { margin: 0 0 10px; }
.wa-evidence { color: var(--ink-2); }
@media (max-width: 760px) {
  .wa-chat .chat-head .actions { width: 100%; }
  .wa-inc .btn { flex: 1 1 auto; }
}