/* ACADEMY COURSE MENU. Exact accepted female-course design, leaf background. Scope: native course and module menus; bespoke filtered catalog excluded. */

/* =========================================================
   1. ПЕРЕМЕННЫЕ (ГАРМОНИЧНАЯ ТЕПЛАЯ ПАЛИТРА И СТЕКЛО ИЗ ДОНОРА)
   ========================================================= */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Oswald:wght@400;500;600;700&display=swap");

html:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))){
  /* Холодная основа (если картинка не прогрузится) */
  --gc-bg: #F1F3DF; 
  
  /* Эффект прозрачного стекла из кода-донора */
  --gc-glass: linear-gradient(135deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  --gc-line: rgba(255, 255, 255, 0.6); 
  
  /* Тени и блики стекла из донора */
  --gc-shadow: 0 20px 50px rgba(0, 0, 0, 0.05), inset 0 0 0 1px rgba(255, 255, 255, 0.4);
  --gc-shadow-hover: 0 25px 60px rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.6);
  
  /* ЦВЕТА ТЕКСТА: Глубокий кофейный для идеальной гармонии */
  --gc-text: #3D2B1F; 
  --gc-muted: #6B5A4E; 
  --gc-navy: #3D2B1F; 
  
  /* Акценты */
  --gc-accent: #E59A3E; 
  --gc-accent-dark: #d68b31;
  --gc-olive: #556B2F; 

  --font: 'Montserrat';
}

/* =========================================================
   2. БАЗОВЫЕ НАСТРОЙКИ И ФОН
   ========================================================= */
html:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))),
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))){
  position: relative;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  height: auto !important;
  margin: 0;
  max-width: 100%;
  overflow-x: hidden;
  
  background: var(--gc-bg) !important;
  
  font-family: var(--font), Arial, sans-serif !important;
  color: var(--gc-text);
  font-weight: 400; 
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) *,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) *::before,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) *::after{
  box-sizing: border-box;
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .main-page-block{
  width: 100%;
  max-width: 100%;
  font-family: var(--font), Arial, sans-serif !important;
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) img,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) video,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) iframe{ max-width: 100%; }
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .logo-link img{ display: none !important; }
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .logo-text{ display: none; }

/* =========================================================
   2.5. ФИКС СТЕКЛА ДЛЯ ВСЕХ СПИСКОВ (ТРЕНИНГИ, УРОКИ, МЕНЮ)
   ========================================================= */
/* Делаем родительские блоки-обертки прозрачными, чтобы стекло размывало фон, а не белый цвет GetCourse */
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .gc-main-content .panel,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .gc-main-content .panel-body,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .gc-main-content .panel-heading,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-table,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .table-lessons,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list{
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* =========================================================
   3. ГЛАВНАЯ СТРАНИЦА ТРЕНИНГОВ (КАРТОЧКИ ТРЕНИНГОВ)
   ========================================================= */
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .gc-main-content .page-header h1{
  color: var(--gc-text);
  font-size: 44px;
  font-weight: 800 !important;
  padding-bottom: 9px;
  margin: 40px 0 20px;
  text-shadow: none !important;
}
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .gc-main-content h3{ display: none; }

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-table{
  margin-left: 0 !important;
  position: relative;
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-table tr{
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  
  /* ИНТЕГРАЦИЯ СТЕКЛА ИЗ ДОНОРА */
  background: var(--gc-glass) !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
  border: 1px solid var(--gc-line) !important; 
  border-radius: 18px !important;
  box-shadow: var(--gc-shadow) !important; 
  
  overflow: hidden;
  transition: all 0.3s ease;
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-table tr:hover{
  transform: translateY(-4px);
  box-shadow: var(--gc-shadow-hover) !important;
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-table tr td:hover{ background: none !important; }

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-table tr td{
  display: block;
  padding: 0 !important;
  height: auto !important;
  position: relative;
  background: transparent !important; /* Убираем белый фон ячеек */
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-table tr td a{
  display: block;
  width: 100%;
  padding: 25px 25px 25px 110px;
  position: relative; 
  text-decoration: none !important;
  background: transparent !important; /* Убираем белый фон ссылок */
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-table tr td a .stream-title{
  font-family: var(--font), sans-serif !important;
  font-weight: 800 !important;
  font-size: 20px;
  color: var(--gc-text) !important;
  text-shadow: none !important;
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-table tr td div{ padding-top: 5px; }

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-table tr td div b{
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  color: var(--gc-muted) !important;
  position: relative;
  width: 100%;
  padding-left: 15px;
}

/* Иконки в плашках тренингов */
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-table tr a::before{
  content: '';
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  background-image: none;
  width: 70px;
  height: 70px;
}

/* Иконки к количеству уроков */
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-table tr td a div b::before{
  content: '';
  position: absolute;
  top: 4px;
  left: 0px;
  width: 12px;
  height: 12px;
  background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/43374/sc/110/h/0e42f0828318bd97b48d4cd7ac762549.png');
  background-size: contain;
  background-repeat: no-repeat;
}

/* =========================================================
   4. ХЛЕБНЫЕ КРОШКИ И ЗАГОЛОВКИ УРОКОВ (ЛЕГКОЕ СТЕКЛО)
   ========================================================= */
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-title{
  margin-bottom: 24px !important;
  color: var(--gc-text) !important;
  font-family: var(--font), Arial, sans-serif !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  overflow-wrap: anywhere;
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .breadcrumbs,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .breadcrumb{
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 0 24px !important;
  padding: 0 !important;
  list-style: none !important;
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .breadcrumbs li,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .breadcrumb li{
  display: inline-flex !important;
  align-items: center !important;
  min-width: 0;
  margin: 0 !important;
  text-shadow: none !important;
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .breadcrumbs a,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .breadcrumb a{
  display: inline-flex !important;
  align-items: center !important;
  max-width: 100%;
  padding: 6px 14px !important;
  
  /* Эффект легкого стекла для пилюль */
  background: rgba(255, 255, 255, 0.25) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  
  color: var(--gc-olive) !important;
  border: 1px solid rgba(255, 255, 255, 0.5) !important;
  border-radius: 100px !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04) !important;
  
  font-family: var(--font), Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .breadcrumbs a:hover,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .breadcrumb a:hover{
  background: rgba(255, 255, 255, 0.5) !important;
  color: var(--gc-accent-dark) !important;
  box-shadow: 0 4px 12px rgba(229, 154, 62, 0.15) !important;
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .breadcrumbs .divider,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .breadcrumb .divider{
  display: inline-block !important;
  margin: 0 4px !important;
  color: var(--gc-muted) !important;
}

/* =========================================================
   5. МЕНЮ (ОСНОВНОЕ СТЕКЛО)
   ========================================================= */
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .content-menu,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .page-menu{
  margin: 0 0 24px !important;
  padding: 14px 16px !important;
  
  /* Интеграция стекла из донора */
  background: var(--gc-glass) !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
  border: 1px solid var(--gc-line) !important;
  border-radius: 24px !important;
  box-shadow: var(--gc-shadow) !important; 
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .content-menu .page-menu{
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .content-menu .nav-tabs,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .page-menu{
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  list-style: none !important;
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .content-menu .nav-tabs{
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 0 !important;
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .page-menu li,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .page-menu li.active,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .content-menu .nav-tabs > li,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .content-menu .nav-tabs > li.active{
  display: inline-flex !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .page-menu li a,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .content-menu .nav-tabs > li > a{
  display: inline-flex !important;
  align-items: center !important;
  min-height: 38px;
  margin: 0 !important;
  padding: 8px 16px !important;
  
  color: var(--gc-text) !important;
  background: rgba(255, 255, 255, 0.25) !important;
  border: 1px solid rgba(255, 255, 255, 0.5) !important;
  border-radius: 100px !important;
  
  font-family: var(--font), Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .page-menu li.active a,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .page-menu li a:hover,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .content-menu .nav-tabs > li.active > a,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .content-menu .nav-tabs > li > a:hover{
  color: #FFFFFF !important; 
  background: linear-gradient(135deg, var(--gc-accent) 0%, var(--gc-accent-dark) 100%) !important;
  border-color: transparent !important;
  box-shadow: 0 4px 12px rgba(229, 154, 62, 0.3) !important;
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .btn.dropdown-toggle,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .btn.btn-success.dropdown-toggle{
  min-height: 38px;
  border-radius: 100px !important;
  font-family: var(--font), Arial, sans-serif !important;
}
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .btn.dropdown-toggle{
  color: var(--gc-text) !important;
  background: rgba(255, 255, 255, 0.6) !important;
  border: 1px solid rgba(255, 255, 255, 0.5) !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04) !important;
}

/* =========================================================
   6. СПИСОК УРОКОВ (СТЕКЛЯННЫЕ КАРТОЧКИ)
   ========================================================= */
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list{
  margin: 0 !important;
  padding: 0 !important;
  padding-top: 0 !important;
  background: transparent !important;
  counter-reset: lesson-list;
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list > li{
  position: relative;
  min-height: 164px;
  margin: 0 0 20px !important;
  overflow: hidden !important;
  
  /* ИНТЕГРАЦИЯ СТЕКЛА ИЗ ДОНОРА */
  background: var(--gc-glass) !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
  border: 1px solid var(--gc-line) !important; 
  border-radius: 18px !important;
  box-shadow: var(--gc-shadow) !important; 
  
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
  counter-increment: lesson-list;
}

@media (hover: hover) and (pointer: fine){
  body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list > li:hover{
    transform: translateY(-4px);
    box-shadow: var(--gc-shadow-hover) !important; 
  }
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list > li .item-a,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list > li .info,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list > li .user-state-bg,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list > li tr{
  margin-left: 0 !important;
  background: transparent !important; /* Убираем глухие фоны ячеек */
  border: 0 !important;
  box-shadow: none !important;
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list > li .item-a{
  display: block !important;
  width: 100%;
  color: inherit !important;
  text-decoration: none !important;
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list > li .info table,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list > li .info tbody{
  display: block !important;
  width: 100% !important;
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list > li .info tr{
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list .info .item-image{
  flex: 0 0 160px !important;
  width: 160px !important;
  min-width: 160px !important;
  height: 140px !important;
  margin: 12px 0 12px 24px !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list tr .item-main-td{
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  height: auto !important;
  padding: 24px !important;
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .item-main-td .link.title{
  display: inline !important; 
  max-width: 100%;
  margin: 0 !important;
  color: var(--gc-text) !important; 
  font-family: var(--font), Arial, sans-serif !important;
  font-size: 19px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  overflow-wrap: anywhere;
  text-decoration: none !important;
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list .description{
  display: block !important;
  max-width: 100%;
  padding-top: 10px !important;
  color: var(--gc-muted) !important; 
  font-family: var(--font), Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  overflow-wrap: anywhere;
}

/* =========================================================
   7. БЕЙДЖИ УРОКОВ (ИЕРАРХИЯ: АКЦЕНТНЫЙ УРОК + ЛАЙТОВЫЕ СТАТУСЫ)
   ========================================================= */
/* Главный бейдж "Урок 1" - оставляем акцентным плотным белым */
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list .link.title::before{
  content: "Урок " counter(lesson-list);
  display: block !important;
  width: max-content !important;
  max-width: 100%;
  margin: 0 0 10px !important;
  padding: 6px 14px !important;
  
  background: #FFFFFF !important;
  color: var(--gc-text) !important; /* Глубокий кофейный вместо грубого черного */
  border: none !important;
  border-radius: 100px !important;
  
  font-family: var(--font), Arial, sans-serif !important;
  font-size: 10px !important;
  font-style: normal !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase;
  white-space: nowrap !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05) !important;
}

/* Статус "Просмотрено" - лайтовый, полупрозрачный стиль без тени */
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list__video-watched{
  display: inline-block !important;
  margin: 0 0 0 10px !important;
  padding: 4px 12px !important; /* Чуть тоньше, чем номер урока */
  vertical-align: middle;
  position: relative !important;
  top: -2px !important;
  
  /* Эстетичная полупрозрачность */
  background: rgba(255, 255, 255, 0.4) !important;
  border: 1px solid rgba(255, 255, 255, 0.7) !important;
  color: var(--gc-muted) !important; /* Мягкий цвет текста */
  
  border-radius: 100px !important;
  font-family: var(--font), Arial, sans-serif !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  box-shadow: none !important; /* Убираем тень для невесомости */
}

/* Скрываем дефолтные элементы GC */
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list .user-state-label{ display: none !important; }
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list .state-icon-block,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list .with-image a::before{ display: none !important; }
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list .link.title::after{ display: none !important; }

/* Базовый лайтовый стиль для нижних статусов ("Доступен", "Ожидает проверки") */
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list .item-main-td::after{
  display: block;
  width: max-content;
  max-width: 100%;
  margin-top: 14px;
  padding: 4px 12px;
  
  /* Эстетичная полупрозрачность */
  background: rgba(255, 255, 255, 0.4) !important;
  border: 1px solid rgba(255, 255, 255, 0.7) !important;
  border-radius: 100px;
  box-shadow: none !important; /* Убираем тень для невесомости */
  
  font-family: var(--font), Arial, sans-serif;
  font-size: 9px;
  font-weight: 700;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

/* Цвета для разных статусов (используем благородные цвета из палитры) */
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list > li.user-state-reached .item-main-td::after,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list > li.user-state-has_mission .item-main-td::after{
  content: "Доступен";
  display: inline-block !important;
  color: var(--gc-olive) !important; /* Оливковый */
}
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list > li.user-state-answered .item-main-td::after{
  content: "Ожидает проверки";
  display: inline-block !important;
  color: var(--gc-accent-dark) !important; /* Приглушенный оранжевый */
}
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list > li.user-state-accomplished .item-main-td::after{
  content: "Принят";
  display: inline-block !important;
  color: var(--gc-olive) !important;
}
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list > li.user-state-need_accomplish .item-main-td::after{
  content: "Нужно выполнить задание";
  display: inline-block !important;
  color: var(--gc-text) !important;
}

/* Максимально незаметный стиль для недоступных уроков */
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list > li.user-state-not_reached .item-main-td::after{
  content: "Недоступен";
  display: inline-block !important;
  background: transparent !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  color: rgba(0, 0, 0, 0.3) !important; 
}
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list > li.user-state-not_reached{
  background: rgba(255, 200, 120, 0.05) !important; 
  border-color: rgba(255, 255, 255, 0.1) !important;
  box-shadow: none !important;
  opacity: 0.6;
}
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .user-state-not_reached .link.title,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .user-state-not_reached .description{
  color: rgba(0, 0, 0, 0.4) !important;
}
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .user-state-not_reached .link.title::before{
  background: rgba(255, 255, 255, 0.4) !important;
  color: rgba(0, 0, 0, 0.4) !important;
  box-shadow: none !important;
}

/* =========================================================
   8. КНОПКИ В РЯД (АКЦЕНТНЫЙ ГРАДИЕНТ)
   ========================================================= */
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .form-2buttons{
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  margin-bottom: 24px !important;
  border: 0 !important;
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .form-2buttons .chat-btn{
  position: relative !important;
  flex: 1 1 30% !important;
  min-height: 60px !important;
  font-family: 'futura-pt-book', var(--font), sans-serif !important; 
  letter-spacing: 1px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  
  color: #FFFFFF !important; 
  background: linear-gradient(135deg, var(--gc-accent) 0%, var(--gc-accent-dark) 100%) !important; 
  box-shadow: 0 6px 16px rgba(229, 154, 62, 0.25) !important; 
  border-radius: 100px !important;
  
  transition: all 0.3s ease !important;
  border: none !important;
  cursor: pointer !important;
  text-transform: uppercase !important; 
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .form-2buttons .chat-btn:hover{
  transform: translateY(-2px) !important; 
  box-shadow: 0 9px 22px rgba(229, 154, 62, 0.4) !important;
}

body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .form-2buttons .chat-btn:focus-visible{
  outline: 3px solid rgba(229, 154, 62, 0.55) !important;
  outline-offset: 3px !important;
}

/* =========================================================
   9. ФОКУС И АДАПТИВНОСТЬ
   ========================================================= */
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) a:focus-visible,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) button:focus-visible,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .btn:focus-visible,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .chat-btn:focus-visible{
  outline: 3px solid rgba(229, 154, 62, 0.55) !important;
  outline-offset: 3px !important;
}

@media (max-width: 768px){
  body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .breadcrumbs,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .breadcrumb{ margin-bottom: 18px !important; }
  body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .content-menu,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .page-menu{ padding: 12px !important; border-radius: 20px !important; }
  body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .content-menu .page-menu{ padding: 0 !important; }
  
  body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .page-menu li,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .content-menu .nav-tabs > li{ flex: 1 1 auto !important; }
  body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .page-menu li a,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .content-menu .nav-tabs > li > a{
    justify-content: center !important;
    width: 100%;
    text-align: center;
  }
  body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list > li{ min-height: 0; border-radius: 16px !important; }
  body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list > li .info tr{
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }
  body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list .info .item-image{
    flex: 0 0 120px !important;
    width: 140px !important;
    min-width: 140px !important;
    height: 120px !important;
    margin: 22px auto 0 !important;
  }
  body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list tr .item-main-td{
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    padding: 24px !important;
    text-align: center !important;
  }
  body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .item-main-td .link.title{
    display: inline !important;
    margin-top: 8px !important;
    font-size: 19px !important;
    text-align: center !important;
  }
  body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list .link.title::before{ margin: 0 auto 10px !important; }
  body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list .description{ text-align: center !important; }
  body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list .item-main-td::after{ margin-right: auto; margin-left: auto; }
  body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list__video-watched{ margin: 10px 0 0 !important; }
}

@media (max-width: 510px){
  body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .breadcrumbs a,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .breadcrumb a{
    padding: 6px 12px !important;
    font-size: 10px !important;
  }
  body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .content-menu,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .page-menu{ padding: 10px !important; }
  body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .content-menu .page-menu{ padding: 0 !important; }
  body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .page-menu li,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .content-menu .nav-tabs > li{ flex: 1 1 100% !important; }
  body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list > li{ margin-bottom: 16px !important; }
  body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list tr .item-main-td{ padding: 20px 16px !important; }
  body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .item-main-td .link.title{ font-size: 17px !important; }
}

@media (max-width: 425px){
  body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .gc-main-content .page-header h1{ font-size: 28px; }
  body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-table tr td a{ padding-left: 25px; }
  body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-table tr td a::before{ display: none; }
}

@media (max-width: 420px){
  body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .form-2buttons .chat-btn{ flex: 1 1 100% !important; }
}

@media (max-width: 375px){
  body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-table tr td a .stream-title{
    display: block;
    padding-bottom: 10px;
    font-size: 18px;
    line-height: 1.2;
  }
}

@media (prefers-reduced-motion: reduce){
  body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) *,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) *::before,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) *::after{
    scroll-behavior: auto !important;
    transition: none !important;
    transform: none !important;
  }
}


/* Fixed viewport background: does not grow with a long lesson list. */
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) { background: transparent !important; isolation:isolate; }
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841)))::before { content:""; position:fixed; inset:0; z-index:-1; pointer-events:none; background:#F1F3DF url("https://fs21.getcourse.ru/fileservice/file/download/a/43374/sc/62/h/8712d738c2f4678289f13c617abe03a8.webp") center center / cover no-repeat !important; opacity:1 !important; filter:none !important; transform:none !important; }
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .form-2buttons .chat-btn { width:auto !important; max-width:100% !important; min-width:0 !important; flex:1 1 calc(50% - 6px) !important; display:flex !important; align-items:center; justify-content:center; padding:16px 20px !important; white-space:normal !important; text-align:center; overflow-wrap:anywhere; }
@media (max-width:768px) { body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .form-2buttons .chat-btn { flex-basis:100% !important; } }

/* Universal section cards have no nails illustration. */
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-table tr td a::before { content:none !important; display:none !important; background-image:none !important; }
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-table tr td a { padding-left:25px !important; }

/* Course and section menus: native controls, no Olya header portrait. */
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .gc-main-content .page-header::after { content:none !important; display:none !important; background-image:none !important; }
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .gc-main-content .page-header { min-height:0 !important; }
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .gc-main-content .page-header h1 { max-width:100% !important; min-height:0 !important; }

/* Canonical section rows replace legacy grid and pseudo-button geometry. */
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-table,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-table>tbody { display:block !important; width:100% !important; grid-template-columns:none !important; gap:0 !important; }
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-table tr[data-training-id] { display:block !important; width:100% !important; height:auto !important; min-height:0 !important; padding:0 !important; margin:0 0 20px !important; border-radius:18px !important; background:var(--gc-glass) !important; }
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-table tr[data-training-id]>td { display:block !important; width:100% !important; min-width:0 !important; height:auto !important; }
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-table tr[data-training-id]>td>a { display:block !important; width:100% !important; height:auto !important; min-height:0 !important; padding:25px !important; margin:0 !important; text-align:left !important; }
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-table tr[data-training-id]>td>a::before,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-table tr[data-training-id]>td>a::after,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-table tr[data-training-id]>td::before,
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-table tr[data-training-id]>td::after { content:none !important; display:none !important; }
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-table .stream-title { display:block !important; margin:0 !important; padding:0 !important; color:var(--gc-text) !important; -webkit-text-fill-color:var(--gc-text) !important; font-family:var(--font),Arial,sans-serif !important; font-size:20px !important; line-height:1.3 !important; font-weight:800 !important; }
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-table .stream-title+div { margin:6px 0 0 !important; padding:0 !important; }
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-table tr[hidden] { display:none !important; }
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list>li>a.item-a { padding:0 !important; min-height:0 !important; }
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .lesson-list>li>a.item-a::after { content:none !important; display:none !important; }
@media(max-width:768px){
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-table tr[data-training-id] { border-radius:16px !important; margin-bottom:16px !important; }
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-table tr[data-training-id]>td>a { padding:20px !important; }
body:has(.xdget-training):not(:where(:has(#xdget212702, #xdget697841))) .stream-table .stream-title { font-size:18px !important; }
}

/* Filtered course catalog: keep its composition, remove the header portrait. */
body:has(#xdget212702) .gc-main-content .page-header::after { content:none !important; display:none !important; background-image:none !important; }
body:has(#xdget212702) .gc-main-content .page-header { min-height:0 !important; }
body:has(#xdget212702) .gc-main-content .page-header h1 { max-width:100% !important; min-height:0 !important; }

/* CENTRAL TAROT COLOUR PROFILE */
/* Native training theme: Tarot / Light cards / Philosophical cards / Facets of God.
   Colour profile only. Shared school styles provide geometry and behaviour. */
html:root:has(head link[href*="id=101285"]) {
 --gc-bg:#233e55!important;
 --gc-glass:linear-gradient(135deg,rgba(238,247,255,.88),rgba(222,237,250,.76))!important;
 --gc-text:#15364e!important;--gc-muted:#3d586d!important;--gc-navy:#15364e!important;
 --gc-line:rgba(255,255,255,.72)!important;--gc-olive:#245b7a!important;
 --gc-accent:#fdc830!important;--gc-accent-dark:#d9aa20!important;
 --gc-shadow:0 20px 50px rgba(4,22,43,.09),inset 0 0 0 1px rgba(255,255,255,.35)!important;
 --gc-polish-ink:#15364e!important;--gc-polish-olive:#245b7a!important;
 --gc-polish-orange:#fdc830!important;--gc-polish-paper:rgba(236,246,255,.86)!important;
 --hw-ink:#15364e!important;--hw-muted:#3d586d!important;--hw-focus:#245b7a!important;
 --tc-bg-light:#e7f3ff!important;--tc-bg-green:#d2e4f5!important;
 --tc-text-dark:#15364e!important;--tc-text-main:#2d4b62!important;
 --tc-accent-orange:#fdc830!important;--tc-accent-orange-hover:#ffdb57!important;
}
html:root:has(head link[href*="id=101285"]) body:has(.xdget-training),
html:root:has(head link[href*="id=101285"]) body:has(.lesson-header-block) {background:#233e55!important;isolation:isolate;}
html:root:has(head link[href*="id=101285"]) body:has(.xdget-training)::before,
html:root:has(head link[href*="id=101285"]) body:has(.lesson-header-block)::before {
 content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
 background:#233e55 url('https://fs.getcourse.ru/fileservice/file/download/a/43374/sc/248/h/5748256fbf3179dc9a2221efe2ff0b5d.jpg') center center/cover no-repeat!important;
 opacity:1!important;filter:none!important;transform:none!important;
}
html:root:has(head link[href*="id=101285"]) body:has(.xdget-training) .gc-main-content,
html:root:has(head link[href*="id=101285"]) body:has(.lesson-header-block) .gc-main-content {background:transparent!important;}
html:root:has(head link[href*="id=101285"]) body:has(.xdget-training) .page-header h1,
html:root:has(head link[href*="id=101285"]) body:has(.lesson-header-block) .page-header h1,
html:root:has(head link[href*="id=101285"]) body:has(.lesson-header-block) .page-header h1 a {color:#f1f7ff!important;-webkit-text-fill-color:#f1f7ff!important;text-shadow:0 2px 10px rgba(8,27,44,.2)!important;}
html:root:has(head link[href*="id=101285"]) body:has(.xdget-training) :is(.breadcrumbs,.breadcrumb) a,
html:root:has(head link[href*="id=101285"]) body:has(.lesson-header-block) :is(.breadcrumbs,.breadcrumb) a {color:#f1f7ff!important;background:rgba(21,54,78,.6)!important;border-color:rgba(239,247,255,.35)!important;}
html:root:has(head link[href*="id=101285"]) body:has(.xdget-training) .lesson-list>li,
html:root:has(head link[href*="id=101285"]) body:has(.xdget-training) .stream-table tr[data-training-id] {background:var(--gc-glass)!important;border-color:rgba(255,255,255,.72)!important;}
html:root:has(head link[href*="id=101285"]) body:has(.xdget-training) .gc-main-content :is(.stream-title,.lesson-list .link.title) {color:#15364e!important;-webkit-text-fill-color:#15364e!important;}
html:root:has(head link[href*="id=101285"]) body:has(.xdget-training) .content-menu,
html:root:has(head link[href*="id=101285"]) body:has(.xdget-training) .page-menu {color:#15364e!important;}
html:root:has(head link[href*="id=101285"]) body:has(.xdget-training) .page-menu .active a,
html:root:has(head link[href*="id=101285"]) body:has(.xdget-training) .content-menu .nav-tabs>li.active>a {color:#15364e!important;background:#fdc830!important;}
html:root:has(head link[href*="id=101285"]) body:has(.lesson-header-block) :is(.lesson-header-block.row-section,.lt-lesson-mission-block,.insights-container,.gc-timecodes-wrapper details.gc-timecodes,.testing-widget) {background:rgba(236,246,255,.84)!important;border-color:rgba(255,255,255,.72)!important;color:#15364e!important;}
html:root:has(head link[href*="id=101285"]) body:has(.lesson-header-block) .lesson-header-block :is(.lesson-title-value,.lesson-description-value,.lesson-navigation,.lesson-navigation td) {color:#15364e!important;}
html:root:has(head link[href*="id=101285"]) body:has(.lesson-header-block) .lesson-header-block .lesson-navigation td.text-right a,
html:root:has(head link[href*="id=101285"]) body:has(.lesson-header-block) :is(.tc-toggle-btn,.btn-send-answer,.btn-lesson-answer-send) {background:#fdc830!important;color:#15364e!important;}
html:root:has(head link[href*="id=101285"]) body:has(.lesson-header-block) :is(.insights-container,.insight-card,.card-body,.gc-timecodes-wrapper) {color:#15364e!important;}
html:root:has(head link[href*="id=101285"]) body:has(.lesson-header-block) .insight-card {background:rgba(248,252,255,.86)!important;border-color:rgba(255,255,255,.78)!important;}
html:root:has(head link[href*="id=101285"]) body:has(.lesson-header-block) :is(.flow-step,.gc-flow-step) {background:rgba(226,240,251,.92)!important;color:#15364e!important;border-color:rgba(36,91,122,.22)!important;}
html:root:has(head link[href*="id=101285"]) body:has(.lesson-header-block) .quote {background:rgba(213,233,249,.76)!important;border-left-color:#fdc830!important;color:#15364e!important;}
html:root:has(head link[href*="id=101285"]) body:has(.lesson-header-block) :is(#olya-diagnostic-invite,.olya-energy-card,#gc-standalone-invite .invite-container) {background:rgba(236,246,255,.88)!important;color:#15364e!important;border-color:rgba(255,255,255,.72)!important;}
html:root:has(head link[href*="id=101285"]) body:has(.lesson-header-block) :is(.odi-title,.odi-copy,.odi-brand,.oe-title,.oe-text) {color:#15364e!important;}
html:root:has(head link[href*="id=101285"]) body:has(.lesson-header-block) :is(.odi-cta,.oe-cta,.btn-annual) {background:#fdc830!important;color:#15364e!important;}
html:root:has(head link[href*="id=101285"]) body:has(.xdget-training) .gc-account-leftbar,
html:root:has(head link[href*="id=101285"]) body:has(.lesson-header-block) .gc-account-leftbar {background:rgba(239,247,255,.9)!important;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);}
/* Readable labels on the gold actions and a light backing for the left menu. */
html:root:has(head link[href*="id=101285"]) body:has(.xdget-training) ul.page-menu li.active>a,
html:root:has(head link[href*="id=101285"]) body:has(.xdget-training) button.xdget-button {color:#15364e!important;-webkit-text-fill-color:#15364e!important;}
html:root:has(head link[href*="id=101285"]) body:has(.xdget-training) #gcAccountUserMenu,
html:root:has(head link[href*="id=101285"]) body:has(.lesson-header-block) #gcAccountUserMenu {background:rgba(239,247,255,.88)!important;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);}
html:root:has(head link[href*="id=101285"]) body:has(.xdget-training) #gcAccountUserMenu .gc-account-user-menu,
html:root:has(head link[href*="id=101285"]) body:has(.lesson-header-block) #gcAccountUserMenu .gc-account-user-menu {background:rgba(239,247,255,.9)!important;}
html:root:has(head link[href*="id=101285"]) body:has(.lesson-header-block) .logo-link {background:rgba(241,247,255,.92)!important;border-radius:12px;padding:6px;display:inline-block;}
html:root:has(head link[href*="id=101285"]) body:has(.lesson-header-block) .lesson-header-block .lesson-navigation td.text-right {text-align:right!important;}
/* The searchable catalogue keeps its grid and uses the shared card corners. */
#xdget212702 .stream-table tr[data-training-id] {border-radius:18px!important;}
@media(max-width:768px){#xdget212702 .stream-table tr[data-training-id] {border-radius:16px!important;}}