/* Бренд Iconicompany для Chatwoot: основной #5b1fc1, акцент #9055f7 (~/work/iconicompany-ui, brand.css).
   Chatwoot красит акцент шкалой --blue-* (RGB-тройки): подменяем её на фиолетовую шкалу бренда. */
:root {
  --blue-1: 252 250 255 !important;
  --blue-2: 247 243 255 !important;
  --blue-3: 240 232 254 !important;
  --blue-4: 230 217 253 !important;
  --blue-5: 216 196 252 !important;
  --blue-6: 197 168 250 !important;
  --blue-7: 172 130 249 !important;
  --blue-8: 144 85 247 !important;   /* #9055f7 акцент */
  --blue-9: 91 31 193 !important;    /* #5b1fc1 основной */
  --blue-10: 110 50 214 !important;  /* наведение */
  --blue-11: 82 27 175 !important;
  --blue-12: 42 14 92 !important;
  --iris-9: 91 31 193 !important;
  --iris-10: 110 50 214 !important;
  --border-blue: 91, 31, 193, 0.5 !important;
  --border-blue-strong: 91, 31, 193 !important;
  --text-blue: 91 31 193 !important;
  --dynamic-portal-color: #5b1fc1 !important;
  --widget-color: #5b1fc1 !important;
}

.dark {
  --blue-1: 18 10 32 !important;
  --blue-2: 26 14 46 !important;
  --blue-3: 38 18 70 !important;
  --blue-4: 52 22 98 !important;
  --blue-5: 68 28 130 !important;
  --blue-6: 86 38 164 !important;
  --blue-7: 108 56 200 !important;
  --blue-8: 128 72 230 !important;
  --blue-9: 120 64 224 !important;
  --blue-10: 144 85 247 !important;
  --blue-11: 185 150 252 !important;
  --blue-12: 232 220 255 !important;
  --iris-9: 120 64 224 !important;
  --iris-10: 144 85 247 !important;
  --border-blue: 144, 85, 247, 0.5 !important;
  --border-blue-strong: 144, 85, 247 !important;
  --text-blue: 185 150 252 !important;
}

/* Знак Iconicompany вместо круглого логотипа в шапке сайдбара. */
aside div.size-6 {
  background: url('/brand-assets/logo_thumbnail.svg') center/contain no-repeat !important;
}
aside div.size-6 > svg,
aside div.size-6 > img {
  display: none !important;
}

/* Кнопка входа через Iconicompany ID (её добавляет DASHBOARD_SCRIPTS на /app/login). */
.iconic-sso {
  display: flex; align-items: center; justify-content: center; gap: 8px;
  width: 100%; margin-top: 16px; padding: 12px 16px; border-radius: 8px;
  background: #5b1fc1; color: #fff !important; font-weight: 600; text-decoration: none;
}
.iconic-sso:hover { background: #6e32d6; }
.iconic-sso img { width: 20px; height: 20px; background: #fff; border-radius: 4px; padding: 1px; }