/* Вокси, 2026-10-03: новый вид чата (страница /profile/chat и мини-окно) — лёгкий, как в современных мессенджерах.
   Только оформление поверх старой разметки; логика в assets/js/chat.js. Откат: убрать подключение в config/assets.php. */

.wx-messenger{ --cb:#186aff; --cink:#0E1A33; --cmut:#6B7690; --cline:#E9EDF4; --csoft:#F3F5F9; --cbg:#fff; --cthem:#EEF1F6; --cmine:#186aff; --cmine-ink:#fff; }
html[data-theme="dark"] .wx-messenger{ --cb:#4C8DFF; --cink:#E8EDF7; --cmut:#9AA5BE; --cline:#2A3550; --csoft:#1D2638; --cbg:#151D2C; --cthem:#222C40; --cmine:#2F6FE8; --cmine-ink:#fff; }

/* без бесконечно мигающего значка */
.chat-icon-counter, .labelChatCountMessages{ animation:none !important; }

/* ---------- список диалогов ---------- */
.wx-messenger .chat-dialogues-container > h3{ padding:16px 18px 10px; margin:0 !important; font-size:20px; }
.wx-messenger .chat-dialogues-items{ padding:0 6px 8px; }
.wx-messenger .chat-dialogues-item{ display:flex; align-items:center; gap:12px; padding:10px 12px !important; margin:0 !important; border-radius:12px; border:0 !important; background:transparent; cursor:pointer; position:relative; transition:background-color .12s; }
.wx-messenger .chat-dialogues-item:hover{ background:var(--csoft) !important; }
.wx-messenger .chat-dialogues-item.active{ background:#EAF1FF !important; box-shadow:none !important; }
html[data-theme="dark"] .wx-messenger .chat-dialogues-item.active{ background:#1C2B4A !important; }
.wx-messenger .chat-dialogues-item.wx-unread{ background:transparent !important; box-shadow:none !important; }
.wx-messenger .chat-dialogues-item-avatar{ flex:0 0 48px; width:48px !important; height:48px !important; margin:0 !important; }
.wx-messenger .chat-dialogues-item-avatar img{ width:48px !important; height:48px !important; border-radius:12px !important; object-fit:cover; }
.wx-messenger .chat-dialogues-item-content{ flex:1; min-width:0; display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:8px; row-gap:1px; padding:0 !important; }
.wx-messenger .chat-dialogues-item-content-user, .wx-messenger .chat-dialogues-item-content-channel{ grid-column:1; font-size:15px !important; font-weight:700 !important; color:var(--cink) !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.wx-messenger .chat-dialogues-item-date{ grid-column:2; grid-row:1; position:static !important; display:flex; align-items:center; gap:3px; font-size:12px !important; color:var(--cmut) !important; white-space:nowrap; }
.wx-messenger .chat-dialogues-item-view-status{ color:var(--cb); font-size:15px; }
.wx-messenger .chat-dialogues-item-content-title{ grid-column:1 / -1; font-size:13px !important; color:var(--cmut) !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.wx-messenger .chat-dialogues-item-content-message{ grid-column:1 / -1; display:flex !important; align-items:center; gap:8px; justify-content:space-between; font-size:14px !important; color:var(--cmut) !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.wx-messenger .chat-dialogues-item.wx-unread .chat-dialogues-item-content-message{ color:var(--cink) !important; font-weight:600; }
.wx-messenger .chat-dialogues-item-content-count-messages{ flex:0 0 auto; min-width:20px; height:20px; padding:0 6px; border-radius:999px !important; background:var(--cb) !important; color:#fff !important; font-size:12px !important; font-weight:700; line-height:20px !important; text-align:center; position:static !important; }

/* ---------- шапка переписки ---------- */
.wx-messenger .chat-dialogue-container{ display:flex; flex-direction:column; height:100%; min-height:0; }
.wx-messenger .chat-dialogue-container-header{ padding:10px 14px !important; border-bottom:1px solid var(--cline) !important; background:var(--cbg); flex:0 0 auto; }
.wx-messenger .chat-dialogue-container-header > .actionOpenDialogues{ display:none; }
.wx-messenger .chat-dialogue-container-header > .row{ display:flex; flex-wrap:nowrap; align-items:center; margin:0; gap:6px; }
.wx-messenger .chat-dialogue-container-header > .row > div{ width:auto; padding:0; }
.wx-messenger .chat-dialogue-container-header > .row > div:first-child{ flex:1; min-width:0; order:2 !important; }
.wx-messenger .chat-dialogue-container-header > .row > div:last-child{ order:3 !important; }
.wx-messenger .wx-back{ order:1; display:inline-flex; align-items:center; justify-content:center; width:38px; height:38px; flex:0 0 38px; border-radius:50%; border:0; background:transparent; color:var(--cb); font-size:24px; cursor:pointer; }
.wx-messenger .wx-back:hover{ background:var(--csoft); }
.wx-messenger .chat-dialogue-item-card{ display:flex; align-items:center; gap:10px; margin:0 !important; padding:0 !important; border:0 !important; background:transparent !important; }
.wx-messenger .chat-dialogue-item-card-image{ flex:0 0 42px; width:42px !important; height:42px !important; }
.wx-messenger .chat-dialogue-item-card-image img{ width:42px !important; height:42px !important; border-radius:10px !important; object-fit:cover; }
.wx-messenger .chat-dialogue-item-card-content{ min-width:0; display:flex; flex-direction:column; gap:1px; }
.wx-messenger .chat-dialogue-item-card-content a{ display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.wx-messenger .chat-dialogue-item-card-content-link-ad{ font-size:15px !important; font-weight:700 !important; color:var(--cink) !important; }
.wx-messenger .chat-dialogue-item-card-content-link-user, .wx-messenger .chat-dialogue-item-card-content-link-user-name{ font-size:13.5px !important; color:var(--cmut) !important; font-weight:600; }
.wx-messenger .chat-dialogue-item-card-content-link-user-name{ font-size:15px !important; color:var(--cink) !important; font-weight:700; }
.wx-messenger .chat-user-online{ font-size:12px !important; }
.wx-messenger .chat-dialogue-item-menu{ width:38px; height:38px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:var(--cmut); font-size:20px; }
.wx-messenger .chat-dialogue-item-menu:hover{ background:var(--csoft); }

/* ---------- лента сообщений ---------- */
.wx-messenger .chat-dialogue-container-content{ flex:1 1 auto; min-height:0; overflow-y:auto; padding:12px 14px 6px !important; background:var(--cthem) !important; overscroll-behavior:contain; }
.wx-messenger .chat-dialogue-items-container{ display:flex; flex-direction:column; gap:3px; }
.wx-messenger .chat-dialogue-item-date{ align-self:center; margin:12px 0 8px !important; padding:3px 10px; border-radius:999px; background:rgba(14,26,51,.06); color:var(--cmut) !important; font-size:12px !important; font-weight:600; }
html[data-theme="dark"] .wx-messenger .chat-dialogue-item-date{ background:rgba(255,255,255,.06); }
.wx-messenger .chat-dialogue-item-container{ display:flex; margin:0 !important; padding:0 !important; }
.wx-messenger .item-message-from{ justify-content:flex-end; }
.wx-messenger .item-message-whom{ justify-content:flex-start; }
.wx-messenger .item-message-system{ justify-content:center; }
.wx-messenger .chat-dialogue-item-message{ position:relative; display:flex !important; align-items:flex-end; gap:6px; max-width:min(78%, 560px); margin:0 !important; }
.wx-messenger .item-message-from .chat-dialogue-item-message{ flex-direction:row; }
.wx-messenger .chat-dialogue-item-message-avatar{ display:none !important; }
.wx-messenger .chat-dialogue-item-message-text{ position:relative; padding:8px 12px 20px !important; border-radius:16px !important; font-size:15px !important; line-height:1.4 !important; overflow-wrap:anywhere; word-break:normal; box-shadow:0 1px 1px rgba(14,26,51,.06) !important; min-width:64px; }
.wx-messenger .item-message-whom .chat-dialogue-item-message-text{ background:var(--cbg) !important; color:var(--cink) !important; border-bottom-left-radius:5px !important; }
.wx-messenger .item-message-from .chat-dialogue-item-message-text{ background:var(--cmine) !important; color:var(--cmine-ink) !important; border-bottom-right-radius:5px !important; }
.wx-messenger .item-message-from .chat-dialogue-item-message-text a{ color:#fff !important; text-decoration:underline; }
.wx-messenger .item-message-whom .chat-dialogue-item-message-text a{ color:var(--cb) !important; }
.wx-messenger .item-message-system .chat-dialogue-item-message{ max-width:92%; }
.wx-messenger .item-message-system .chat-dialogue-item-message-text{ background:var(--csoft) !important; color:var(--cink) !important; font-size:14px !important; border-radius:12px !important; box-shadow:none !important; }
/* время и галочки — внутри пузыря, справа снизу */
.wx-messenger .chat-dialogue-item-message-date{ position:absolute !important; right:10px; bottom:4px; margin:0 !important; font-size:11px !important; line-height:1; color:var(--cmut) !important; display:flex; align-items:center; gap:2px; pointer-events:none; }
.wx-messenger .item-message-from .chat-dialogue-item-message-date{ color:rgba(255,255,255,.8) !important; }
.wx-messenger .chat-dialogue-item-message-date .ti{ font-size:14px; }
.wx-messenger .item-message-from .chat-dialogue-item-message-menu{ order:-1; align-self:center; opacity:0; transition:opacity .12s; }
.wx-messenger .item-message-from .chat-dialogue-item-message:hover .chat-dialogue-item-message-menu{ opacity:1; }
.wx-messenger .chat-dialogue-item-message-menu .chat-dialogue-item-menu{ width:28px; height:28px; font-size:16px; }
@media (hover:none){ .wx-messenger .item-message-from .chat-dialogue-item-message-menu{ opacity:.6; } }
.wx-messenger .chat-dialogue-item-message-text-attach-list{ display:flex; flex-wrap:wrap; gap:4px; margin-top:6px; }
.wx-messenger .chat-dialogue-item-message-text-attach-image img{ max-width:220px; max-height:220px; border-radius:10px; display:block; object-fit:cover; }
.wx-messenger .wx-chat-new-divider span{ background:var(--cbg) !important; }
.wx-messenger .item-message-whom.wx-new .chat-dialogue-item-message-text{ box-shadow:0 0 0 2px rgba(24,106,255,.35) !important; background:var(--cbg) !important; }

/* ---------- поле ввода ---------- */
.wx-messenger .chat-dialogue-container-footer{ flex:0 0 auto; padding:8px 12px calc(8px + env(safe-area-inset-bottom, 0px)) !important; border-top:1px solid var(--cline) !important; background:var(--cbg) !important; }
.wx-messenger .wx-quick{ padding-bottom:8px !important; }
.wx-messenger .wx-quick-btn{ background:var(--csoft) !important; border-color:var(--cline) !important; color:var(--cink) !important; }
.wx-messenger .chat-dialogue-footer{ display:flex !important; align-items:flex-end; gap:6px; }
.wx-messenger .chat-dialogue-footer-action-1, .wx-messenger .chat-dialogue-footer-action-3{ flex:0 0 auto; width:auto !important; }
.wx-messenger .chat-dialogue-footer-action-2{ flex:1; min-width:0; }
.wx-messenger .chat-dialogue-footer-action-attach{ width:42px; height:42px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:var(--cmut) !important; font-size:22px; cursor:pointer; background:transparent !important; }
.wx-messenger .chat-dialogue-footer-action-attach:hover{ background:var(--csoft) !important; }
.wx-messenger .chat-dialogue-footer-action-textarea{ display:block; width:100%; min-height:42px !important; max-height:140px; height:42px; padding:10px 14px !important; border:1px solid var(--cline) !important; border-radius:21px !important; background:var(--csoft) !important; color:var(--cink) !important; font-size:15px !important; line-height:1.4 !important; resize:none !important; overflow-y:auto; box-shadow:none !important; outline:0; }
.wx-messenger .chat-dialogue-footer-action-textarea:focus{ border-color:var(--cb) !important; background:var(--cbg) !important; }
.wx-messenger .chat-dialogue-footer-action-send{ width:42px !important; height:42px !important; border-radius:50% !important; display:flex !important; align-items:center; justify-content:center; background:var(--cb) !important; color:#fff !important; font-size:20px; cursor:pointer; }
.wx-messenger .chat-dialogue-footer-action-send:active{ transform:scale(.94); }

/* ---------- телефон: переписка на весь экран ---------- */
@media (max-width:991px){
  .wx-chat.has-thread .wx-chat-thread{ display:flex !important; position:fixed; inset:0; z-index:1600; height:100dvh; background:var(--cbg); padding-top:env(safe-area-inset-top, 0px); }
  body.wx-thread-open{ overflow:hidden; }
  body.wx-thread-open .main-floating-menu, body.wx-thread-open #wxcBanner{ display:none !important; }
  .wx-messenger .chat-dialogue-item-message{ max-width:86%; }
  .wx-messenger .chat-dialogues-container > h3{ padding:14px 14px 8px; }
}
@media (prefers-reduced-motion: reduce){ .wx-messenger *{ transition:none !important; } }
/* правки 03.10: длинное название не выталкивает меню, галочки внутри пузыря */
.wx-messenger .chat-dialogue-container-header > .row > div:first-child{ overflow:hidden; }
.wx-messenger .chat-dialogue-item-card{ min-width:0; }
.wx-messenger .chat-dialogue-item-card-content{ flex:1; overflow:hidden; }
.wx-messenger .chat-dialogue-container-header > .row > div:last-child{ flex:0 0 auto; }
.wx-messenger .chat-dialogue-item-message{ padding:0 !important; }
.wx-messenger .chat-dialogue-item-message-text{ padding-right:14px !important; min-width:84px; }
.wx-messenger .chat-dialogue-item-message-date{ right:9px !important; }
.wx-messenger .chat-dialogue-container-header > .row > *{ flex-shrink:1 !important; width:auto !important; max-width:none !important; }
.wx-messenger .chat-dialogue-container-header > .row > div:first-child{ flex:1 1 0 !important; min-width:0 !important; }
.wx-messenger .chat-dialogue-container-header > .row > div:last-child, .wx-messenger .wx-back{ flex:0 0 auto !important; }
.wx-messenger .chat-dialogue-item-message-date{ right:14px !important; }