/* artelteh — часть legacy-overrides.css. Загружается под body.newui.
 * Не редактировать вручную в продакшене без согласования.
 */
/* ══════════════════════════════════════════
   MESSAGES — page-messages.php (new chat UI)
   ══════════════════════════════════════════ */
body.newui .messages_page { margin-top: 1rem; }
body.newui .messages_page_header {
  display: flex; align-items: center; justify-content: space-between;
  margin-bottom: 1rem; flex-wrap: wrap; gap: 8px;
}
body.newui .messages_page_header h2 {
  font-size: 22px; font-weight: 700; letter-spacing: -0.4px;
  color: var(--text); margin: 0;
}
body.newui .messages_refresh_btn {
  background: var(--bg2) !important; border: 1px solid var(--border2) !important;
  color: var(--text) !important; padding: 8px 14px !important;
  border-radius: var(--radius-sm) !important; font-size: 12px !important;
  font-weight: 600 !important; cursor: pointer;
  transition: background var(--transition), border-color var(--transition);
  min-height: 36px;
}
body.newui .messages_refresh_btn:hover { background: var(--bg3) !important; border-color: var(--accent) !important; }

/* Shell: грид sidebar + main (адаптивный) */
body.newui .messages_shell {
  display: grid; grid-template-columns: 1fr;
  gap: 1rem; align-items: start;
  min-height: 560px;
}
/* 768–1023: узкий планшет — двухколонная верстка с компактным сайдбаром */
@media(min-width: 768px) and (max-width: 1023px) {
  body.newui .messages_shell { grid-template-columns: 260px 1fr; gap: 0.75rem; }
  body.newui .messages_conversations_list { display: block !important; }
}
/* ≥1024: полноразмерный сайдбар */
@media(min-width: 1024px) {
  body.newui .messages_shell { grid-template-columns: 320px 1fr; gap: 1.25rem; }
  body.newui .messages_conversations_list { display: block !important; }
}
/* Когда .messages_main показан JS (style="display:block"), делаем его flex-колонкой */
body.newui .messages_main[style*="display: block"],
body.newui .messages_main[style*="display:block"] {
  display: flex !important;
  flex-direction: column;
}
/* На мобиле сохраняем old one-at-a-time флоу */
@media(max-width: 767px) {
  body.newui .messages_shell > .messages_sidebar,
  body.newui .messages_shell > .messages_main { min-width: 0; }
}

body.newui .messages_sidebar {
  display: flex; flex-direction: column; gap: 12px;
  min-width: 0;
}

/* Скрываем «Новый диалог» при открытом чате */
body.newui .messages_shell:has(.messages_main[style*="display: block"]) .new-dialog-card,
body.newui .messages_shell:has(.messages_main[style*="display:block"]) .new-dialog-card {
  display: none !important;
}

/* Новый диалог (админ) */
body.newui .new-dialog-card {
  background: var(--bg2); border: 1px solid var(--border);
  border-radius: var(--radius); padding: 14px;
  box-shadow: var(--card-shadow);
  display: flex; flex-direction: column; gap: 8px;
}
body.newui .new-dialog-label {
  font-size: 11px; font-weight: 600;
  color: var(--text3); text-transform: uppercase; letter-spacing: 0.5px;
}
body.newui .new-dialog-select {
  width: 100% !important;
}
body.newui .new-dialog-btn {
  width: 100%; justify-content: center;
}

/* Список диалогов */
body.newui .messages_conversations_list {
  list-style: none; padding: 0; margin: 0;
  background: var(--bg2); border: 1px solid var(--border);
  border-radius: var(--radius); overflow: hidden;
  box-shadow: var(--card-shadow);
  max-height: 560px; overflow-y: auto;
}
body.newui .messages_conversations_list > li,
body.newui .messages_conversations_list > li.conversation_item,
body.newui .messages_conversations_list > li.unread {
  padding: 12px 14px;
  background: transparent !important;
  color: var(--text);
  border-bottom: 1px solid var(--border);
  cursor: pointer; transition: background var(--transition);
  position: relative;
}
body.newui .messages_conversations_list > li:last-child { border-bottom: 0; }
body.newui .messages_conversations_list > li:hover { background: var(--bg3) !important; }
body.newui .messages_conversations_list > li.unread {
  box-shadow: inset 3px 0 0 0 var(--accent);
  padding-left: 14px !important;
}
body.newui .messages_conversations_list > li.unread .conversation_user_name {
  color: var(--text) !important;
}
/* Затухание непрочитанных меньше — название ярче */
body.newui .conversation_user_name { color: var(--text); font-weight: 600; }
body.newui .conversation_preview { color: var(--text2); }
body.newui .conversation_last_date { color: var(--text3); }
body.newui .conversations_empty {
  padding: 1.5rem 1rem !important; text-align: center;
  color: var(--text3) !important; font-size: 13px;
  cursor: default !important;
  border-bottom: 0 !important;
}

/* Main area (chat window) */
body.newui .messages_main {
  background: var(--bg2); border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--card-shadow);
  display: flex; flex-direction: column;
  min-height: 560px; overflow: hidden;
  min-width: 0;
}