/* CRM DEX — эко-тема в стиле воронки Web4 (BUILD-046).
   Палитра и шрифты 1:1 из web4-lite.html: Manrope/Unbounded, зелёный #2f9e44 → лайм #74c93b. */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&family=Unbounded:wght@700;800&display=swap');

:root {
  --eco-green: #2f9e44;
  --eco-lime: #74c93b;
  --eco-green-d: #1c6b34;
  --eco-purple: #7048e8;
  --eco-bg: #f3faf4;
  --eco-bg2: #e8f4ea;
  --eco-ink: #0d1c14;
  --eco-muted: #526c5e;
  --eco-border: #dcebe0;
  --eco-grad: linear-gradient(135deg, #2f9e44, #74c93b);
}

body {
  font-family: 'Manrope', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
  background: linear-gradient(180deg, var(--eco-bg), var(--eco-bg2)) fixed !important;
  color: var(--eco-ink);
}

.eco-title { font-family: 'Unbounded', sans-serif; font-weight: 700; letter-spacing: -0.2px; color: var(--eco-ink); }

/* Первичные действия: синее → фирменный зелёный градиент */
.bg-blue-600 { background: var(--eco-grad) !important; }
.bg-blue-500 { background: var(--eco-green) !important; }
.hover\:bg-blue-700:hover { background: linear-gradient(135deg, #28863b, #65b533) !important; }
.text-blue-500 { color: var(--eco-green) !important; }
.text-blue-600, .text-blue-700, .text-blue-800 { color: var(--eco-green-d) !important; }
.bg-blue-50 { background: var(--eco-bg2) !important; }
.bg-blue-100 { background: #d8ecdc !important; }
.border-blue-600 { border-color: var(--eco-green) !important; }
.border-blue-300 { border-color: #a9d8b4 !important; }
.focus\:ring-blue-400:focus { --tw-ring-color: var(--eco-lime) !important; }

/* Поверхности и границы — тёплая зелень вместо серого */
.bg-gray-50 { background: #f6fbf7 !important; }
.bg-gray-100 { background: #eef6f0 !important; }
.border, .border-b, .border-t, .border-l, .border-r { border-color: var(--eco-border); }

/* Список лидов */
.lead-item:hover { background: #eef8f0 !important; }
.lead-item.active { background: #dff2e3 !important; border-left: 3px solid var(--eco-green) !important; }

/* Правая панель: активная вкладка зелёная */
.right-tab-btn.active { color: var(--eco-green-d) !important; border-bottom-color: var(--eco-green) !important; background: var(--eco-bg2) !important; }

/* Пузыри диалога: исходящие — фирменная зелень */
.msg-out { background: #d9f2de !important; }
.msg-lidorub-out { background: #cdecd3 !important; }

/* Скроллбар в тон */
::-webkit-scrollbar-thumb { background: #b9d8c1 !important; }