

<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');

/* =========================================================
   FIRE 2026 — БЕЗОПАСНАЯ ГЛОБАЛЬНАЯ ТЕМА
   ВАЖНО:
   1) локальные лендинги и обычные страницы не получают фон;
   2) системные страницы получают только светлый фон без картинки;
   3) фоновая картинка применяется только к тренингам и урокам;
   4) CRM и Заказы ниже имеют свои отдельные, уже ограниченные стили.
========================================================= */

:root{
  --fire-page:#F7F1E9;
  --fire-page-light:#FCF9F5;
  --fire-page-warm:#F2E7DC;

  --fire-menu-top:#3A281F;
  --fire-menu:#32221B;
  --fire-menu-dark:#281A15;

  --fire-orange:#FF7A00;
  --fire-gold:#C77B30;
  --fire-text:#241A16;

  --fire-training-bg:url("https://fs.getcourse.ru/fileservice/file/download/a/75266/sc/312/h/7e54aa9bff3b83297cb38d776849dbbc.png");
}

/* =========================================================
   1. СИСТЕМНЫЕ СТРАНИЦЫ — ТОЛЬКО СВЕТЛЫЙ ФОН, БЕЗ КАРТИНКИ
   Класс .fire-system-page добавляется скриптом внизу.
========================================================= */

body.fire-system-page .gc-main-content,
body.fire-system-page .gc-main-content.with-left-menu{
  min-height:100vh !important;
  background:#F7F1E9 !important;
  background-image:none !important;
  color:#241A16 !important;
}

body.fire-system-page .gc-main-content h1,
body.fire-system-page .gc-main-content h2,
body.fire-system-page .gc-main-content h3{
  color:#241A16;
}

body.fire-system-page .gc-main-content hr{
  border-color:rgba(90,60,43,.14) !important;
}

/* =========================================================
   2. ТРЕНИНГИ / УРОКИ — ФИРМЕННЫЙ ФОН С КАРТИНКОЙ
   Только /teach/control/stream... и /teach/control/lesson...
========================================================= */

body.fire-training-page .gc-main-content,
body.fire-training-page .gc-main-content.with-left-menu{
  min-height:100vh !important;
  background-color:#F7F1E9 !important;
  background-image:var(--fire-training-bg) !important;
  background-repeat:no-repeat !important;
  background-position:top center !important;
  background-size:100% auto !important;
  background-attachment:fixed !important;
  color:#241A16 !important;
}

body.fire-training-page .gc-main-content h1,
body.fire-training-page .gc-main-content h2,
body.fire-training-page .gc-main-content h3{
  color:#241A16;
}

body.fire-training-page .gc-main-content hr{
  border-color:rgba(90,60,43,.14) !important;
}

/* =========================================================
   3. ЛЕВОЕ МЕНЮ И ИКОНКИ
   Этот блок можно оставлять глобальным: он не меняет фон контента.
========================================================= */

/* =========================================================
   2. ЛЕВОЕ МЕНЮ
========================================================= */

.gc-account-leftbar,
.gc-account-user-menu{
  background:
    linear-gradient(
      180deg,
      #3A281F 0%,
      #34231C 36%,
      #302019 68%,
      #281A15 100%
    ) !important;

  border-right:
    1px solid rgba(199,123,48,.34) !important;

  box-shadow:
    4px 0 18px rgba(70,40,22,.10) !important;
}


.gc-account-user-menu > li{
  position:relative !important;
  overflow:visible !important;
  background:transparent !important;
}


.gc-account-user-menu > li > a{
  position:relative !important;
  overflow:visible !important;

  background-color:transparent !important;

  border:none !important;
  box-shadow:none !important;
}


.gc-account-user-menu > li > a:hover{
  background-color:
    rgba(255,138,0,.10) !important;
}


.gc-account-user-menu > li.active > a,
.gc-account-user-menu > li.selected > a{
  background-color:
    rgba(255,138,0,.13) !important;

  box-shadow:
    inset 3px 0 0 #FF8A00 !important;
}


/* =========================================================
   3. ОБЫЧНЫЕ FIRE-ИКОНОКИ
========================================================= */

.gc-account-user-menu > li.menu-item-profile > a:after,
.gc-account-user-menu > li.menu-item-cms > a:after,
.gc-account-user-menu > li.menu-item-teach > a:after,
.gc-account-user-menu > li.menu-item-user > a:after,
.gc-account-user-menu > li.menu-item-tasks > a:after,
.gc-account-user-menu > li.menu-item-notifications > a:after,
.gc-account-user-menu > li.menu-item-sales > a:after,
.gc-account-user-menu > li.menu-item-search > a:after,
.gc-account-user-menu > li.new-chatium-icon > a:after,
.gc-account-user-menu > li.menu-item-chatium > a:after{

  content:"" !important;

  position:absolute !important;

  left:50% !important;
  top:50% !important;

  transform:
    translate(-50%,-50%) !important;

  width:48px !important;
  height:48px !important;

  min-width:48px !important;
  min-height:48px !important;

  display:block !important;

  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:cover !important;

  border-radius:50% !important;

  clip-path:
    circle(50% at 50% 50%) !important;

  -webkit-clip-path:
    circle(50% at 50% 50%) !important;

  overflow:hidden !important;

  z-index:5 !important;

  pointer-events:none !important;
}


/* =========================================================
   4. СКРЫВАЕМ ШТАТНЫЕ ИКОНКИ
========================================================= */

.gc-account-user-menu > li.menu-item-profile > a > img,
.gc-account-user-menu > li.menu-item-profile .menu-item-icon,

.gc-account-user-menu > li.menu-item-cms > a > img,
.gc-account-user-menu > li.menu-item-cms .menu-item-icon,

.gc-account-user-menu > li.menu-item-teach > a > img,
.gc-account-user-menu > li.menu-item-teach .menu-item-icon,

.gc-account-user-menu > li.menu-item-user > a > img,
.gc-account-user-menu > li.menu-item-user .menu-item-icon,

.gc-account-user-menu > li.menu-item-tasks > a > img,
.gc-account-user-menu > li.menu-item-tasks .menu-item-icon,

.gc-account-user-menu > li.menu-item-notifications > a > img,
.gc-account-user-menu > li.menu-item-notifications .menu-item-icon,

.gc-account-user-menu > li.menu-item-sales > a > img,
.gc-account-user-menu > li.menu-item-sales .menu-item-icon,

.gc-account-user-menu > li.menu-item-search > a > img,
.gc-account-user-menu > li.menu-item-search .menu-item-icon,

.gc-account-user-menu > li.new-chatium-icon > a > img,
.gc-account-user-menu > li.new-chatium-icon .menu-item-icon,

.gc-account-user-menu > li.menu-item-chatium > a > img,
.gc-account-user-menu > li.menu-item-chatium .menu-item-icon{

  opacity:0 !important;
  visibility:hidden !important;
}


/* =========================================================
   5. ПРОФИЛЬ
========================================================= */

.gc-account-user-menu
> li.menu-item-profile
> a:after{
  background-image:
    url("https://fs.getcourse.ru/fileservice/file/download/a/75266/sc/186/h/db381cf334582f0409ab71b9233cebd7.jpeg") !important;
}


/* =========================================================
   6. САЙТ
========================================================= */

.gc-account-user-menu
> li.menu-item-cms
> a:after{
  background-image:
    url("https://fs.getcourse.ru/fileservice/file/download/a/75266/sc/260/h/1e877bf87d55d245bde8dff6d8d51014.jpeg") !important;
}


/* =========================================================
   7. ОБУЧЕНИЕ
========================================================= */

.gc-account-user-menu
> li.menu-item-teach
> a:after{
  background-image:
    url("https://fs.getcourse.ru/fileservice/file/download/a/75266/sc/317/h/8b00fdd1f0910db5b1b8ca6a3a6b96d2.jpeg") !important;
}


/* =========================================================
   8. ПОЛЬЗОВАТЕЛИ
========================================================= */

.gc-account-user-menu
> li.menu-item-user
> a:after{
  background-image:
    url("https://fs.getcourse.ru/fileservice/file/download/a/75266/sc/259/h/086a501bcb685a5d58b9694fecaf668f.jpeg") !important;
}


/* =========================================================
   9. ЗАДАЧИ
========================================================= */

.gc-account-user-menu
> li.menu-item-tasks
> a:after{
  background-image:
    url("https://fs.getcourse.ru/fileservice/file/download/a/75266/sc/39/h/ce920651e40d1b4f13a051844f7166f3.jpeg") !important;
}


/* =========================================================
   10. СООБЩЕНИЯ — 411
========================================================= */

.gc-account-user-menu
> li.menu-item-notifications
> a:after{
  background-image:
    url("https://fs.getcourse.ru/fileservice/file/download/a/75266/sc/153/h/5b298758da8d8aa731ea571574d2b22f.jpeg") !important;
}


/* =========================================================
   11. ПРОДАЖИ
========================================================= */

.gc-account-user-menu
> li.menu-item-sales
> a:after{
  background-image:
    url("https://fs.getcourse.ru/fileservice/file/download/a/75266/sc/183/h/35fd1e271a72c19d72e4f044e40d4e0d.jpeg") !important;
}


/* =========================================================
   12. ЛУПА
========================================================= */

.gc-account-user-menu
> li.menu-item-search
> a:after{
  background-image:
    url("https://fs.getcourse.ru/fileservice/file/download/a/75266/sc/298/h/390d431fbcdf3269b50dbe9e865ded54.jpeg") !important;
}


/* =========================================================
   13. УВЕДОМЛЕНИЯ — СЧЁТЧИК 3
   ПОДДЕРЖИВАЕМ ОБА ВАРИАНТА РАЗМЕТКИ GC
========================================================= */

/* Вариант 1:
   класс стоит на LI */

.gc-account-user-menu
> li.menu-item-notifications_button_small{

  position:relative !important;
  overflow:visible !important;

  background-image:none !important;
}


.gc-account-user-menu
> li.menu-item-notifications_button_small
> a{

  position:relative !important;
  overflow:visible !important;

  background:none !important;
}


/* Вариант 2:
   класс стоит непосредственно на A */

.gc-account-user-menu
> li
> a.menu-item-notifications_button_small{

  position:relative !important;
  overflow:visible !important;

  background:none !important;
}


/* =========================================================
   14. УБИРАЕМ СТАРУЮ ИКОНКУ УВЕДОМЛЕНИЙ
========================================================= */

.gc-account-user-menu
> li.menu-item-notifications_button_small
> a img,

.gc-account-user-menu
> li.menu-item-notifications_button_small
> a svg,

.gc-account-user-menu
> li.menu-item-notifications_button_small
> a i,

.gc-account-user-menu
> li.menu-item-notifications_button_small
> a .menu-item-icon,

.gc-account-user-menu
> li
> a.menu-item-notifications_button_small
> img,

.gc-account-user-menu
> li
> a.menu-item-notifications_button_small
> svg,

.gc-account-user-menu
> li
> a.menu-item-notifications_button_small
> i,

.gc-account-user-menu
> li
> a.menu-item-notifications_button_small
> .menu-item-icon{

  opacity:0 !important;
  visibility:hidden !important;

  background:none !important;
}


/* старые before отключаем */

.gc-account-user-menu
> li.menu-item-notifications_button_small
> a:before,

.gc-account-user-menu
> li
> a.menu-item-notifications_button_small:before{

  content:none !important;
  display:none !important;

  background:none !important;
}


/* =========================================================
   15. НОВЫЙ РУПОР
   ВАРИАНТ 1 — КЛАСС НА LI
========================================================= */

.gc-account-user-menu
> li.menu-item-notifications_button_small
> a:after{

  content:"" !important;

  position:absolute !important;

  left:50% !important;
  top:50% !important;

  transform:
    translate(-50%,-50%) !important;

  width:48px !important;
  height:48px !important;

  display:block !important;

  background-image:
    url("https://fs.getcourse.ru/fileservice/file/download/a/75266/sc/248/h/b29063af682a1c67c9df73ed83ec309a.png") !important;

  background-repeat:no-repeat !important;
  background-position:center center !important;

  /*
     COVER принципиально:
     если сам файл прямоугольный,
     он заполняет круг и края обрезаются
  */
  background-size:cover !important;

  border-radius:999px !important;

  clip-path:
    circle(24px at 24px 24px) !important;

  -webkit-clip-path:
    circle(24px at 24px 24px) !important;

  -webkit-mask-image:
    radial-gradient(
      circle 24px at center,
      #000 99%,
      transparent 100%
    ) !important;

  mask-image:
    radial-gradient(
      circle 24px at center,
      #000 99%,
      transparent 100%
    ) !important;

  overflow:hidden !important;

  opacity:1 !important;
  visibility:visible !important;

  z-index:30 !important;

  pointer-events:none !important;
}


/* =========================================================
   16. НОВЫЙ РУПОР
   ВАРИАНТ 2 — КЛАСС НА A
========================================================= */

.gc-account-user-menu
> li
> a.menu-item-notifications_button_small:after{

  content:"" !important;

  position:absolute !important;

  left:50% !important;
  top:50% !important;

  transform:
    translate(-50%,-50%) !important;

  width:48px !important;
  height:48px !important;

  display:block !important;

  background-image:
    url("https://fs.getcourse.ru/fileservice/file/download/a/75266/sc/248/h/b29063af682a1c67c9df73ed83ec309a.png") !important;

  background-repeat:no-repeat !important;
  background-position:center center !important;
  background-size:cover !important;

  border-radius:999px !important;

  clip-path:
    circle(24px at 24px 24px) !important;

  -webkit-clip-path:
    circle(24px at 24px 24px) !important;

  -webkit-mask-image:
    radial-gradient(
      circle 24px at center,
      #000 99%,
      transparent 100%
    ) !important;

  mask-image:
    radial-gradient(
      circle 24px at center,
      #000 99%,
      transparent 100%
    ) !important;

  overflow:hidden !important;

  opacity:1 !important;
  visibility:visible !important;

  z-index:30 !important;

  pointer-events:none !important;
}


/* =========================================================
   17. CHATIUM
========================================================= */

.gc-account-user-menu
> li.new-chatium-icon{
  display:block !important;
}

.gc-account-user-menu
> li.new-chatium-icon
> a:after{
  background-image:
    url("https://fs.getcourse.ru/fileservice/file/download/a/75266/sc/213/h/7cb3d01dc168dc59c300099a2d10b0bb.jpeg") !important;
}


/* =========================================================
   18. ПРИЛОЖЕНИЕ
========================================================= */

.gc-account-user-menu
> li.menu-item-chatium{
  display:block !important;
}

.gc-account-user-menu
> li.menu-item-chatium
> a:after{
  background-image:
    url("https://fs.getcourse.ru/fileservice/file/download/a/75266/sc/186/h/db381cf334582f0409ab71b9233cebd7.jpeg") !important;
}


/* =========================================================
   19. СЧЁТЧИКИ
========================================================= */

.gc-account-user-menu .notify-count:empty{
  display:none !important;
}


.gc-account-user-menu .notify-count:not(:empty){

  position:absolute !important;

  top:3px !important;
  right:2px !important;

  left:auto !important;
  bottom:auto !important;

  transform:none !important;

  z-index:9999 !important;

  min-width:22px !important;
  height:22px !important;

  padding:0 5px !important;

  display:flex !important;

  align-items:center !important;
  justify-content:center !important;

  box-sizing:border-box !important;

  border-radius:12px !important;

  background:#F04422 !important;

  border:2px solid #32221B !important;

  color:#FFFFFF !important;

  -webkit-text-fill-color:
    #FFFFFF !important;

  font-family:
    Arial,
    sans-serif !important;

  font-size:10px !important;

  font-weight:700 !important;

  line-height:18px !important;

  box-shadow:
    0 2px 6px rgba(0,0,0,.55) !important;

  pointer-events:none !important;
}


/* =========================================================
   20. ПОДМЕНЮ
========================================================= */

.gc-account-user-submenu-bar,
.gc-account-user-submenu{

  background:#34231B !important;

  border-left:
    1px solid rgba(199,123,48,.26) !important;
}


.gc-account-user-submenu a{

  background:transparent !important;

  color:#F8F0E8 !important;
}


.gc-account-user-submenu a:hover{

  background:
    rgba(255,138,0,.11) !important;

  color:#FFFFFF !important;
}


/* =========================================================
   21. НИЗ ЛЕВОЙ ПАНЕЛИ
========================================================= */

.gc-account-leftbar .gc-account-leftbar-footer,
.gc-account-leftbar .toggle-link,
.gc-account-leftbar .menu-bottom,
.gc-account-leftbar .bottom-buttons,
.gc-account-leftbar .gc-bottom-panel,
.gc-account-leftbar .gc-account-leftbar-bottom{

  background:#281A15 !important;

  border-color:
    rgba(199,123,48,.22) !important;
}



/* =========================================================
   24. MOBILE — ТОЛЬКО ДЛЯ ТРЕНИНГОВ
========================================================= */

@media screen and (max-width:900px){
  body.fire-training-page .gc-main-content,
  body.fire-training-page .gc-main-content.with-left-menu{
    background-attachment:scroll !important;
    background-position:top center !important;
    background-size:auto 650px !important;
  }
}

/* =========================================================
   НИЖЕ — СУЩЕСТВУЮЩИЕ СКОУПИРОВАННЫЕ СТИЛИ CRM И ЗАКАЗОВ
   Они уже привязаны к конкретным системным страницам.
========================================================= */

/* =========================================================
   FIRE 2026
   ДОСКА ЗАКАЗОВ / CRM — LIGHT
   Работает только на странице .deals-kanban-page
========================================================= */


/* =========================================================
   1. ОСНОВНОЙ ФОН СТРАНИЦЫ
========================================================= */

body:has(.deals-kanban-page) .v-main,
body:has(.deals-kanban-page) .v-main__wrap,
body:has(.deals-kanban-page) .deals-kanban-page{

  background:
    linear-gradient(
      135deg,
      #FCF9F5 0%,
      #F7F1E9 58%,
      #F2E7DC 100%
    ) !important;

  color:#2B201A !important;
}


/* =========================================================
   2. ВЕРХНЯЯ ПАНЕЛЬ
========================================================= */

body:has(.deals-kanban-page) .app-bar{

  background:
    transparent !important;

  box-shadow:
    none !important;
}


body:has(.deals-kanban-page) .app-bar__content{

  background:
    rgba(255,253,250,.97) !important;

  border:
    1px solid rgba(199,123,48,.18) !important;

  border-top:
    0 !important;

  border-radius:
    0 0 20px 20px !important;

  box-shadow:
    0 8px 24px rgba(79,48,28,.08) !important;
}


/* название воронки */

body:has(.deals-kanban-page) .app-bar__content h1,
body:has(.deals-kanban-page) .app-bar__content h2,
body:has(.deals-kanban-page) .app-bar__content h3{

  color:#241A16 !important;

  font-weight:700 !important;
}


/* =========================================================
   3. ССЫЛКИ В ВЕРХНЕЙ ПАНЕЛИ
========================================================= */

body:has(.deals-kanban-page) .app-bar__content a{

  color:#6B584D !important;

  text-decoration:none !important;
}


body:has(.deals-kanban-page) .app-bar__content a:hover{

  color:#D86100 !important;
}


/* =========================================================
   4. КНОПКИ В ВЕРХНЕЙ ПАНЕЛИ
========================================================= */

body:has(.deals-kanban-page) .app-bar__content .v-btn{

  border-radius:11px !important;

  box-shadow:none !important;

  transition:
    background .18s ease,
    color .18s ease,
    transform .18s ease !important;
}


/* яркие синие системные кнопки делаем фирменными */

body:has(.deals-kanban-page)
.app-bar__content
.v-btn.primary,

body:has(.deals-kanban-page)
.app-bar__content
.v-btn.blue{

  background:
    linear-gradient(
      180deg,
      #FF8D1F,
      #FF7200
    ) !important;

  border-color:#FF7A00 !important;

  color:#FFFFFF !important;
}


/* hover */

body:has(.deals-kanban-page)
.app-bar__content
.v-btn:hover{

  transform:
    translateY(-1px) !important;
}


/* =========================================================
   5. ОБЩАЯ ОБЛАСТЬ КАНБАНА
========================================================= */

body:has(.deals-kanban-page) .kanban-board{

  background:
    transparent !important;
}


body:has(.deals-kanban-page) .kanban-board__body{

  background:
    transparent !important;

  padding-top:
    12px !important;

  padding-bottom:
    18px !important;
}


/* =========================================================
   6. КОЛОНКИ
========================================================= */

body:has(.deals-kanban-page) .kanban-column{

  background:
    rgba(247,241,233,.55) !important;

  border:
    1px solid rgba(199,123,48,.12) !important;

  border-radius:
    17px !important;

  margin:
    0 6px !important;

  padding:
    0 6px 12px !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.65) !important;
}


/* =========================================================
   7. ЗАГОЛОВОК КОЛОНКИ
========================================================= */

body:has(.deals-kanban-page) .kanban-column__header{

  background:
    transparent !important;

  color:
    #2D211B !important;

  padding:
    13px 8px 11px !important;
}


body:has(.deals-kanban-page) .kanban-column__header *{

  color:
    #2D211B;
}


/* вторичная статистика */

body:has(.deals-kanban-page)
.kanban-column__header
.text--secondary,

body:has(.deals-kanban-page)
.kanban-column__header
.grey--text{

  color:
    #86786F !important;
}


/* =========================================================
   8. НЕ ТРОГАЕМ ЦВЕТНУЮ ПОЛОСУ СТАТУСА
========================================================= */

/*
   Специально не переопределяем системные
   orange / red / blue / green линии под заголовком колонки.
   Они остаются как визуальный код этапов.
*/


/* =========================================================
   9. ОБЁРТКА КАРТОЧКИ
========================================================= */

body:has(.deals-kanban-page) .kanban-board__item{

  margin:
    9px 0 !important;
}


/* =========================================================
   10. КАРТОЧКА ЗАКАЗА
========================================================= */

body:has(.deals-kanban-page) .deal-card{

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.98) 0%,
      rgba(255,252,248,.98) 100%
    ) !important;

  border:
    1px solid rgba(199,123,48,.16) !important;

  border-radius:
    15px !important;

  box-shadow:
    0 6px 18px rgba(73,45,28,.07) !important;

  transition:
    transform .18s ease,
    box-shadow .18s ease,
    border-color .18s ease !important;
}


/* hover */

body:has(.deals-kanban-page) .deal-card:hover{

  transform:
    translateY(-2px) !important;

  border-color:
    rgba(255,122,0,.33) !important;

  box-shadow:
    0 10px 24px rgba(73,45,28,.12) !important;
}


/* =========================================================
   11. ОСНОВНОЙ ТЕКСТ КАРТОЧКИ
========================================================= */

body:has(.deals-kanban-page) .deal-card{

  color:
    #41332B !important;
}


body:has(.deals-kanban-page) .deal-card p,
body:has(.deals-kanban-page) .deal-card span,
body:has(.deals-kanban-page) .deal-card div{

  border-color:
    rgba(90,66,51,.10);
}


/* =========================================================
   12. ССЫЛКА НА ЗАКАЗ
========================================================= */

body:has(.deals-kanban-page) .deal-card a{

  color:
    #C95D00 !important;

  text-decoration:
    none !important;
}


body:has(.deals-kanban-page) .deal-card a:hover{

  color:
    #FF7A00 !important;
}


/* =========================================================
   13. ТЕГИ
========================================================= */

/*
   У GetCourse у тегов могут быть разные внутренние классы.
   Системный цвет полностью не убиваем,
   только делаем форму аккуратнее.
*/

body:has(.deals-kanban-page)
.deal-card [class*="tag"],

body:has(.deals-kanban-page)
.deal-card [class*="chip"],

body:has(.deals-kanban-page)
.deal-card .v-chip{

  border-radius:
    999px !important;

  box-shadow:
    none !important;

  font-weight:
    500 !important;
}


/* светлые стандартные теги */

body:has(.deals-kanban-page)
.deal-card .v-chip:not(.primary):not(.error):not(.success){

  background:
    #F5EDE5 !important;

  color:
    #66564B !important;
}


/* =========================================================
   14. СУММЫ / ВАЖНЫЕ ЧИСЛА
========================================================= */

body:has(.deals-kanban-page)
.deal-card strong{

  color:
    #2D211B !important;
}


/* =========================================================
   15. НИЖНЯЯ СЛУЖЕБНАЯ ИНФОРМАЦИЯ
========================================================= */

body:has(.deals-kanban-page)
.deal-card
.grey--text,

body:has(.deals-kanban-page)
.deal-card
.text--secondary{

  color:
    #8A7E75 !important;
}


/* =========================================================
   16. АВАТАРЫ / СЕРЫЕ СИСТЕМНЫЕ ИКОНКИ
========================================================= */

body:has(.deals-kanban-page)
.deal-card
.v-icon{

  opacity:
    .72;
}


/* =========================================================
   17. КНОПКА ПЛАНИРОВАНИЯ
========================================================= */

body:has(.deals-kanban-page)
.deal-card
button,

body:has(.deals-kanban-page)
.deal-card
.v-btn{

  border-radius:
    9px !important;
}


/* =========================================================
   18. СКРОЛЛБАР ДОСКИ
========================================================= */

body:has(.deals-kanban-page)
.kanban-board__body{

  scrollbar-color:
    rgba(199,123,48,.45)
    rgba(244,235,226,.65) !important;

  scrollbar-width:
    thin !important;
}


body:has(.deals-kanban-page)
.kanban-board__body::-webkit-scrollbar{

  height:
    8px !important;

  width:
    8px !important;
}


body:has(.deals-kanban-page)
.kanban-board__body::-webkit-scrollbar-track{

  background:
    rgba(244,235,226,.72) !important;

  border-radius:
    20px !important;
}


body:has(.deals-kanban-page)
.kanban-board__body::-webkit-scrollbar-thumb{

  background:
    rgba(199,123,48,.50) !important;

  border-radius:
    20px !important;
}


/* =========================================================
   19. СТРЕЛОЧКИ В ШАПКАХ КОЛОНОК
========================================================= */

body:has(.deals-kanban-page)
.kanban-column__header
button,

body:has(.deals-kanban-page)
.kanban-column__header
.v-btn{

  background:
    rgba(255,253,250,.90) !important;

  border:
    1px solid rgba(199,123,48,.18) !important;

  color:
    #B75A11 !important;

  border-radius:
    50% !important;

  box-shadow:
    0 3px 8px rgba(73,45,28,.05) !important;
}


/* =========================================================
   20. DRAG & DROP
========================================================= */

/*
   Функциональность не меняем.
   Только слегка подсвечиваем карточку при перетаскивании.
*/

body:has(.deals-kanban-page)
.kanban-board__item:active
.deal-card{

  border-color:
    rgba(255,122,0,.58) !important;

  box-shadow:
    0 12px 28px rgba(255,122,0,.12) !important;
}

/* =========================================================
   FIRE 2026
   GETCOURSE — СТРАНИЦА "ЗАКАЗЫ"
   Работает только там, где есть #deal + #w7.grid-view
========================================================= */


/* =========================================================
   1. ОБЩАЯ ОБЛАСТЬ СТРАНИЦЫ
========================================================= */

body:has(#deal #w7.grid-view) .gc-main-content,
body:has(#deal #w7.grid-view) .gc-main-content.with-left-menu{

  background-color:#F7F1E9 !important;

  color:#2B201A !important;
}


/* =========================================================
   2. ЗАГОЛОВОК "ЗАКАЗЫ"
========================================================= */

body:has(#deal #w7.grid-view) .gc-main-content h1{

  color:#241A16 !important;

  font-family:
    'Montserrat',
    Arial,
    sans-serif !important;

  font-size:34px !important;
  line-height:1.15 !important;
  font-weight:800 !important;

  letter-spacing:-.02em !important;

  margin-bottom:18px !important;
}


/* =========================================================
   3. КНОПКА "СОЗДАТЬ ЗАКАЗ"
========================================================= */

body:has(#deal #w7.grid-view) .btn-success{

  background:
    linear-gradient(
      180deg,
      #FF8D1F 0%,
      #FF7200 100%
    ) !important;

  color:#FFFFFF !important;

  border:
    1px solid #FF7A00 !important;

  border-radius:10px !important;

  box-shadow:
    0 6px 16px rgba(255,122,0,.18) !important;

  font-weight:600 !important;

  text-shadow:none !important;
}


body:has(#deal #w7.grid-view) .btn-success:hover{

  background:#E96B00 !important;

  color:#FFFFFF !important;

  border-color:#E96B00 !important;
}


/* =========================================================
   4. ВКЛАДКИ
   Заказы / Покупки / Платежи / Чеки / Сегменты
========================================================= */

body:has(#deal #w7.grid-view) .nav-tabs{

  border-bottom:
    1px solid rgba(103,75,58,.15) !important;

  margin-bottom:12px !important;
}


body:has(#deal #w7.grid-view) .nav-tabs > li > a{

  background:transparent !important;

  color:#705E53 !important;

  border:
    1px solid transparent !important;

  border-radius:
    9px 9px 0 0 !important;

  font-weight:500 !important;

  text-decoration:none !important;
}


body:has(#deal #w7.grid-view) .nav-tabs > li > a:hover{

  background:#FFF3E7 !important;

  color:#D86100 !important;
}


body:has(#deal #w7.grid-view) .nav-tabs > li.active > a,
body:has(#deal #w7.grid-view) .nav-tabs > li.active > a:hover,
body:has(#deal #w7.grid-view) .nav-tabs > li.active > a:focus{

  background:#FFF0E1 !important;

  color:#B94F00 !important;

  border:
    1px solid rgba(255,122,0,.18) !important;

  border-bottom-color:#FFF0E1 !important;

  font-weight:700 !important;
}


/* =========================================================
   5. ОСНОВНАЯ ПАНЕЛЬ ТАБЛИЦЫ
========================================================= */

body:has(#deal #w7.grid-view) #deal .panel,
body:has(#deal #w7.grid-view) #deal .panel-default{

  background:
    rgba(255,253,250,.96) !important;

  border:
    1px solid rgba(199,123,48,.18) !important;

  border-radius:16px !important;

  box-shadow:
    0 8px 24px rgba(78,47,29,.07) !important;

  overflow:hidden !important;
}


/* =========================================================
   6. БЛОК ФИЛЬТРОВ
   .kv-panel-before — реальный селектор со скрина
========================================================= */

body:has(#deal #w7.grid-view) #deal .kv-panel-before{

  background:
    linear-gradient(
      135deg,
      #FFF9F3 0%,
      #F8F0E7 100%
    ) !important;

  border:
    0 !important;

  border-bottom:
    1px solid rgba(199,123,48,.18) !important;

  padding:14px !important;

  color:#44352D !important;
}


/* селекты / поля */

body:has(#deal #w7.grid-view) #deal .kv-panel-before input,
body:has(#deal #w7.grid-view) #deal .kv-panel-before select,
body:has(#deal #w7.grid-view) #deal .kv-panel-before .form-control{

  background:#FFFFFF !important;

  color:#3A2A23 !important;

  border:
    1px solid rgba(123,92,72,.20) !important;

  border-radius:8px !important;

  box-shadow:none !important;
}


/* focus */

body:has(#deal #w7.grid-view) #deal .kv-panel-before input:focus,
body:has(#deal #w7.grid-view) #deal .kv-panel-before select:focus,
body:has(#deal #w7.grid-view) #deal .kv-panel-before .form-control:focus{

  border-color:
    rgba(255,122,0,.55) !important;

  box-shadow:
    0 0 0 3px rgba(255,122,0,.07) !important;
}


/* =========================================================
   7. ССЫЛКИ В ФИЛЬТРАХ
========================================================= */

body:has(#deal #w7.grid-view) #deal .kv-panel-before a{

  color:#B95A12 !important;

  text-decoration:none !important;
}


body:has(#deal #w7.grid-view) #deal .kv-panel-before a:hover{

  color:#FF7A00 !important;
}


/* =========================================================
   8. СТАТИСТИКА НАД ТАБЛИЦЕЙ
   .stat-table — реальный селектор
========================================================= */

body:has(#deal #w7.grid-view) #deal .stat-table{

  background:
    transparent !important;

  border:0 !important;

  margin:0 !important;
}


body:has(#deal #w7.grid-view) #deal .stat-table td{

  background:
    rgba(255,249,243,.86) !important;

  color:#55443A !important;

  border:
    1px solid rgba(199,123,48,.10) !important;

  padding:10px 12px !important;
}


/* крупные показатели */

body:has(#deal #w7.grid-view) #deal .stat-table strong{

  color:#2A201B !important;

  font-weight:700 !important;
}


/* зелёные показатели не убиваем,
   но немного смягчаем */

body:has(#deal #w7.grid-view)
#deal .stat-table .success,

body:has(#deal #w7.grid-view)
#deal .stat-table .bg-success{

  background:#E3F1DF !important;

  color:#476744 !important;
}


/* =========================================================
   9. СЛУЖЕБНАЯ СТРОКА
   margin-top-10 margin-bottom-10 clearfix small
========================================================= */

body:has(#deal #w7.grid-view)
#deal .margin-top-10.margin-bottom-10.clearfix.small{

  color:#77685E !important;

  background:#FFFDFC !important;

  padding:8px 12px !important;

  margin:0 !important;

  border-top:
    1px solid rgba(199,123,48,.10) !important;

  border-bottom:
    1px solid rgba(199,123,48,.10) !important;
}


/* =========================================================
   10. КОНТЕЙНЕР ТАБЛИЦЫ
========================================================= */

body:has(#deal #w7.grid-view) #w7-container{

  background:#FFFDFC !important;

  border:0 !important;
}


/* =========================================================
   11. САМА ТАБЛИЦА
========================================================= */

body:has(#deal #w7.grid-view) #w7 table{

  background:#FFFDFC !important;

  color:#3D3028 !important;

  border-collapse:separate !important;

  border-spacing:0 !important;
}


/* =========================================================
   12. ЗАГОЛОВКИ КОЛОНОК
========================================================= */

body:has(#deal #w7.grid-view) #w7 thead th{

  background:#F5ECE3 !important;

  color:#332720 !important;

  border-top:0 !important;

  border-bottom:
    1px solid rgba(132,101,80,.17) !important;

  padding:11px 9px !important;

  font-weight:700 !important;

  vertical-align:middle !important;
}


/* ссылки сортировки */

body:has(#deal #w7.grid-view) #w7 thead th a{

  color:#332720 !important;

  text-decoration:none !important;
}


body:has(#deal #w7.grid-view) #w7 thead th a:hover{

  color:#D86100 !important;
}


/* =========================================================
   13. СТРОКА ФИЛЬТРОВ В ТАБЛИЦЕ
========================================================= */

body:has(#deal #w7.grid-view) #w7 thead .filters td{

  background:#FBF7F2 !important;

  border-bottom:
    1px solid rgba(132,101,80,.12) !important;

  padding:8px !important;
}


body:has(#deal #w7.grid-view) #w7 thead .filters input,
body:has(#deal #w7.grid-view) #w7 thead .filters select{

  background:#FFFFFF !important;

  color:#3A2A23 !important;

  border:
    1px solid rgba(123,92,72,.20) !important;

  border-radius:7px !important;

  box-shadow:none !important;
}


/* =========================================================
   14. СТРОКИ ЗАКАЗОВ
========================================================= */

body:has(#deal #w7.grid-view) #w7 tbody tr{

  background:#FFFDFC !important;

  transition:
    background .16s ease !important;
}


body:has(#deal #w7.grid-view) #w7 tbody tr:nth-child(even){

  background:#FCF8F4 !important;
}


body:has(#deal #w7.grid-view) #w7 tbody tr:hover{

  background:#FFF2E5 !important;
}


/* =========================================================
   15. ЯЧЕЙКИ
========================================================= */

body:has(#deal #w7.grid-view) #w7 tbody td{

  color:#493A31 !important;

  border-bottom:
    1px solid rgba(117,89,71,.10) !important;

  padding:10px 9px !important;

  vertical-align:middle !important;
}


/* =========================================================
   16. ССЫЛКИ В ТАБЛИЦЕ
========================================================= */

body:has(#deal #w7.grid-view) #w7 tbody a{

  color:#C45B09 !important;

  text-decoration:none !important;

  font-weight:500 !important;
}


body:has(#deal #w7.grid-view) #w7 tbody a:hover{

  color:#FF7A00 !important;
}


/* =========================================================
   17. ПАГИНАЦИЯ
========================================================= */

body:has(#deal #w7.grid-view) .pagination > li > a,
body:has(#deal #w7.grid-view) .pagination > li > span{

  background:#FFFDFC !important;

  color:#674D3F !important;

  border-color:
    rgba(199,123,48,.20) !important;
}


body:has(#deal #w7.grid-view) .pagination > .active > a,
body:has(#deal #w7.grid-view) .pagination > .active > span{

  background:#FF7A00 !important;

  color:#FFFFFF !important;

  border-color:#FF7A00 !important;
}


/* =========================================================
   18. FOOTER ПАНЕЛИ
========================================================= */

body:has(#deal #w7.grid-view) #deal .panel-footer{

  background:#F8F1E9 !important;

  border-top:
    1px solid rgba(199,123,48,.14) !important;

  color:#6D5B50 !important;
}


/* =========================================================
   19. КНОПКА С ГАЕЧНЫМ КЛЮЧОМ
========================================================= */

body:has(#deal #w7.grid-view)
#deal .kv-panel-before .btn{

  background:#FFFDFC !important;

  color:#A45110 !important;

  border:
    1px solid rgba(199,123,48,.28) !important;

  border-radius:8px !important;

  box-shadow:none !important;
}


body:has(#deal #w7.grid-view)
#deal .kv-panel-before .btn:hover{

  background:#FFF0E1 !important;

  color:#D86100 !important;

  border-color:
    rgba(255,122,0,.42) !important;
}


/* =========================================================
   20. СКРОЛЛБАР ТАБЛИЦЫ
========================================================= */

body:has(#deal #w7.grid-view)
.table-responsive{

  scrollbar-color:
    rgba(199,123,48,.45)
    rgba(245,237,228,.7) !important;

  scrollbar-width:thin !important;
}


body:has(#deal #w7.grid-view)
.table-responsive::-webkit-scrollbar{

  height:8px !important;
}


body:has(#deal #w7.grid-view)
.table-responsive::-webkit-scrollbar-track{

  background:
    rgba(245,237,228,.7) !important;
}


body:has(#deal #w7.grid-view)
.table-responsive::-webkit-scrollbar-thumb{

  background:
    rgba(199,123,48,.50) !important;

  border-radius:20px !important;
}


/* =========================================================
   21. MOBILE
========================================================= */

@media screen and (max-width:768px){

  body:has(#deal #w7.grid-view)
  .gc-main-content h1{

    font-size:28px !important;
  }


  body:has(#deal #w7.grid-view)
  #deal .panel,
  body:has(#deal #w7.grid-view)
  #deal .panel-default{

    border-radius:12px !important;
  }


  body:has(#deal #w7.grid-view)
  #deal .kv-panel-before{

    padding:10px !important;
  }

}



</style>

<script>
(function() {
  function applyFirePageScope() {
    var body = document.body;
    if (!body) return;

    var path = (window.location.pathname || '').toLowerCase();

    body.classList.remove('fire-system-page', 'fire-training-page');

    /* Тренинги, список тренингов и уроки */
    var isTrainingPage =
      path.indexOf('/teach/control/stream') === 0 ||
      path.indexOf('/teach/control/lesson') === 0;

    if (isTrainingPage) {
      body.classList.add('fire-training-page');
      return;
    }

    /* Системные разделы GetCourse. Только фон без картинки. */
    var systemPrefixes = [
      '/pl/',
      '/sales/',
      '/user/',
      '/cms/',
      '/teach/control/'
    ];

    var isSystemPage = systemPrefixes.some(function(prefix) {
      return path.indexOf(prefix) === 0;
    });

    if (isSystemPage) {
      body.classList.add('fire-system-page');
    }
  }

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', applyFirePageScope);
  } else {
    applyFirePageScope();
  }
})();
</script>
