/* Override primary and accent colors in dark mode */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #0F121C;
  --md-accent-fg-color: #9447F6;
  --md-default-bg-color: #0F121C;
  

}
[data-md-color-scheme="default"] {
  --md-accent-fg-color: #9447F6;
}
.md-nav__item--active > .md-nav__link {
  color: #9447F6 !important;
  font-weight: bold;
}

/* Левая навигация: hover */
.md-nav__item > .md-nav__link:hover {
  color: #9447F6;
}
.md-toc__item--active > .md-toc__link {
  background-color: rgba(148, 71, 246, 0.1) !important;
  color: #9447F6 !important;
  font-weight: bold;
  border-radius: 4px;
}

/* Hover и активный в правом TOC */
.md-nav--secondary .md-nav__link--active {
  color: #9447F6 !important;
  font-weight: bold;
}  
/* Стилизация поисковой строки */
.md-search__form {
  background-color: rgba(148, 71, 246, 0.1);
  border-radius: 6px;
  height: 2rem;
}

/* Цвет иконки поиска */
.md-search__icon {
  color: #9447F6;
}

/* Стили для инпута */
.md-search__input {
  font-size: 0.8rem;
  height: 2rem;
}

/* Стили при фокусе на поисковой строке */
.md-search__form:focus-within {
  box-shadow: 0 0 0 2px #9447F6;
}

/* Стили для выпадающего меню поиска */
.md-search__output {
  border-radius: 6px;
  margin-top: 0.5rem;
}

/* Стили для результатов поиска */
.md-search-result__item {
  border-left: 2px solid transparent;
}

.md-search-result__item:hover {
  border-left: 2px solid #9447F6;
}

/* Подсветка совпадений в результатах поиска */
.md-search-result__highlight {
  color: #9447F6;
  font-weight: bold;
}
/* Стили для переключателя тем */
.md-select {
  background: none;
  border: 1px solid rgba(148, 71, 246, 0.2);
  border-radius: 6px;
  padding: 0.2rem;
}

/* Стили для кнопки переключения темы */
.md-header__button.md-icon {
    background: none !important;
    border: none !important;
    padding: 4px;
    box-shadow: none !important;
}

/* Уменьшаем размер иконки */
.md-header__button.md-icon svg {
    width: 1.2rem;
    height: 1.2rem;
}

/* Для темной темы */
[data-md-color-scheme="slate"] .md-header__button[title="Switch to light mode"] {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* При наведении */
.md-header__button[title="Switch to dark mode"]:hover,
.md-header__button[title="Switch to light mode"]:hover {
    background: rgba(148, 71, 246, 0.1);
    border-color: rgba(148, 71, 246, 0.2);
}

/* Стили для выпадающего меню */
.md-tooltip {
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(148, 71, 246, 0.2);
    background: var(--md-default-bg-color);
    padding: 0.2rem;
}

.md-tooltip__inner {
    padding: 0;
}

/* Пункты меню */
.md-tooltip__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.md-tooltip__item {
    padding: 0.4rem 0.8rem;
    font-size: 0.7rem;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    border-radius: 4px;
}

.md-tooltip__item:hover {
    background: rgba(148, 71, 246, 0.1);
}

/* Активный пункт */
.md-tooltip__selected {
  color: #9447F6;
  background-color: rgba(148, 71, 246, 0.1);
}

/* Кнопка переключения темы */
.md-toggle {
    background: rgba(0, 0, 0, 0.07);
    border-radius: 4px;
    padding: 2px 6px;
    font-size: 14px;
}

[data-md-color-scheme="slate"] .md-toggle {
    background: rgba(255, 255, 255, 0.05);
}

.md-footer__title {
  font-weight: normal;
  font-size: 0.875rem !important;
  margin-bottom: 0.25rem !important;
}

.md-footer__title .md-ellipsis  {
  color: var(--md-accent-fg-color);
}


.md-footer__link:before,
.md-footer__link:after {
  opacity: 1 !important;
}

.md-footer {
  background-color: transparent !important;
}

.md-footer-meta__inner.md-grid {
  background-color: #0F121C !important;
}

/* Удаляем старую навигацию */
.md-footer-nav {
  display: none !important;
}

/* Контейнер для навигации */
.md-footer__inner {
  max-width: 61rem !important;
  margin: 0 auto !important;
  display: flex !important;
  justify-content: space-between !important;
  gap: 0.5rem !important;           /* уменьшаем отступ между кнопками */
  padding: 1rem 0.75rem !important; /* добавляем отступы по бокам */

}

/* Стили для кнопок навигации - светлая тема */
.md-footer__link {
  width: calc(50% - 0.375rem) !important;
  border: 1px solid rgba(15, 23, 42, 0.2) !important;
  border-radius: 6px !important;
  padding: 0.25rem 0.5rem !important;  /* уменьшаем padding */
  color: #0F172A !important;
  font-size: 0.8rem !important;     /* уменьшаем размер шрифта */
  transition: all 0.2s ease-in-out !important;
  margin-top: 0.4rem;
}
.md-footer__button {
  padding: .1rem;
}

/* Темная тема - кнопки навигации */
[data-md-color-scheme="slate"] .md-footer__link {
   border-color: rgba(229, 231, 235, 0.2) !important; 
  color: #d1d5db !important;
}

/* Ховер для обеих тем */
.md-footer__link:hover {
  border-color: #9447F6 !important; 
  box-shadow: 0 2px 8px rgba(148, 71, 246, 0.15) !important;
}

[data-md-color-scheme="slate"] .md-footer__link:hover {
  border-color: #9447F6 !important; 
}

/* 1. Акцентные ссылки только в тексте */
.md-content a,
.md-content strong a,
.md-content b a {
  color: #9447F6 !important;
  text-decoration: underline;

}
.md-content a:hover,
.md-content strong a:hover,
.md-content b a:hover {
  text-decoration-thickness: 2px;
}

/* ОТМЕНА кастомных стилей для табов внутри .md-content и для верхних табов */
.md-content .tabbed-labels a,
.md-content .tabbed-labels--linked a,
.md-content .md-tabs__tab a {
  color: inherit !important;
  text-decoration: none !important;
  font-weight: inherit !important;
  text-decoration-thickness: initial !important;
}

/* 3. Активный таб — жирный */
.md-tabs__item--active .md-tabs__link {
  font-weight: 600 !important;
}

/* Стили для блока копирайта */
.md-footer-meta.md-typeset {
  background-color: #0F121C !important;
}

.md-footer-meta__inner {
  padding: 0 !important;
}
.md-typeset__table details,
.md-typeset__table details[open] {
  border: none;
  border-radius: 4px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  margin: 0.5em 0 !important;
  padding: 0.2em 0.5em !important;
}

.md-typeset__table details summary {
  font-weight: 600 !important;
  background-color: transparent !important;
  color: inherit !important;
  cursor: pointer !important;
}

.md-typeset__table details summary::marker,
.md-typeset__table details summary::-webkit-details-marker {
  display: none !important;
}

.md-typeset summary {
  display: inline-flex;
  align-items: center;
}

.md-typeset summary:before {
  display: none !important;
  content: none !important;
}
.md-typeset summary {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* ПЕРЕОПРЕДЕЛЕНИЕ С МАКСИМАЛЬНЫМ ПРИОРИТЕТОМ */
.cards-container {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important;
    gap: 20px !important;
    margin: 30px 0 !important;
    align-items: start !important;
}

.cards-container .nav-card,
.nav-card,
[class*="nav-card"],
a.nav-card,
.cards-container > .nav-card,
.cards-container > a.nav-card,
div > a.nav-card,
body .nav-card {
    display: block !important;
    border: 1px solid #e6e8eb !important;
    border-radius: 8px !important;
    padding: 24px !important;
    background-color: transparent !important;
    transition: box-shadow 0.2s, border-color 0.2s, background 0.2s, transform 0.2s !important;
    box-shadow: none !important;
    color: #333333 !important;
    text-decoration: none !important;
    min-height: 140px !important;
    vertical-align: top !important;
}

[data-md-color-scheme="slate"] .cards-container .nav-card,
[data-md_color-scheme="slate"] .nav-card,
[data-md_color_sheme="slate"] [class*="nav-card"],
[data-md_color_sheme="slate"] a.nav-card,
[data-md_color_sheme="slate"] .cards-container > .nav-card,
[data-md_color_sheme="slate"] .cards-container > a.nav-card,
[data-md_color_sheme="slate"] div > a.nav-card,
[data-md_color_sheme="slate"] body .nav-card {
    background-color: transparent !important;
    border: 1.5px solid #2a2c36 !important; /* тонкая едва серая рамка */
    color: #e5e7eb !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 24px rgba(20,20,30,0.18), 0 1.5px 6px rgba(0,0,0,0.10) !important;
    min-height: 140px !important;
    vertical-align: top !important;
}

.nav-card h3,
.nav-card > h3,
a.nav-card h3,
.nav-card > h3:first-child,
body .nav-card h3 {
    margin: 0 0 8px 0 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #635bff !important;
    text-decoration: none !important;
}

[data-md-color-scheme="slate"] .nav-card h3,
[data-md_color_sheme="slate"] .nav-card > h3,
[data-md_color_sheme="slate"] a.nav-card h3,
[data-md_color_sheme="slate"] .nav-card > h3:first-child,
[data-md_color_sheme="slate"] body .nav-card h3 {
    color: #a48cff !important;
}

.nav-card p,
.nav-card > p,
a.nav-card p,
body .nav-card p {
    margin: 0 !important;
    font-size: 14px !important;
    color: #425466 !important;
    line-height: 1.5 !important;
    text-decoration: none !important;
}
[data-md-color-scheme="slate"] .nav-card p,
[data-md_color_sheme="slate"] .nav-card > p,
[data-md_color_sheme="slate"] a.nav-card p,
[data-md_color_sheme="slate"] body .nav-card p {
    color: #bdbdbd !important;
}

.cards-container .nav-card:hover,
.nav-card:hover,
a.nav-card:hover,
body .nav-card:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08), 0 0 1px rgba(0, 0, 0, 0.10) !important;
    text-decoration: none !important;
}

.nav-card *,
.nav-card:hover *,
a.nav-card *,
a.nav-card:hover * {
    text-decoration: none !important;
}

/* Стили для details/summary ВНЕ таблиц (информационные блоки, admonition и т.д.) */
.md-typeset > details,
.md-typeset > .md-details,
.md-typeset > .admonition details {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  background-color: transparent;
  box-shadow: none;
  margin: 0.5em 0;
  padding: 0.2em 0.5em;
}
.md-typeset > details summary,
.md-typeset > .md-details summary,
.md-typeset > .admonition details summary {
  font-weight: 600;
  background-color: transparent !important;
  color: inherit;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}
.md-typeset > details[open],
.md-typeset > .md-details[open],
.md-typeset > .admonition details[open] {
  /* Можно добавить стили для открытого состояния */
}
.md-typeset > details summary::marker,
.md-typeset > details summary::-webkit-details-marker,
.md-typeset > .md-details summary::marker,
.md-typeset > .md-details summary::-webkit-details-marker,
.md-typeset > .admonition details summary::marker,
.md-typeset > .admonition details summary::-webkit-details-marker {
  display: none !important;
}
.md-typeset > details summary:before,
.md-typeset > .md-details summary:before,
.md-typeset > .admonition details summary:before {
  display: none !important;
  content: none !important;
}
.md-typeset > details summary {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* Теги */
.status-review {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 15px;
  background-color: #28a745;
  color: white !important;
  font-size: 0.75em;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  text-decoration: none !important;
}

.status-wip {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 15px;
  background-color: #ffc107;
  color: #212529 !important;
  font-size: 0.75em;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  text-decoration: none !important;
}

.status-not-ready {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 15px;
  background-color: #dc3545;
  color: white !important;
  font-size: 0.75em;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  text-decoration: none !important;
}


/* ==================== ROADMAP ФИНАЛЬНАЯ ВЕРСИЯ ==================== */

.roadmap-tabs {
  margin: 1.5rem 0 !important;
}

.roadmap-tabs input[type="radio"] {
  display: none !important;
}

.roadmap-tabs-nav {
  display: flex !important;
  border-bottom: 1px solid var(--md-default-fg-color--lightest) !important;
  margin-bottom: 1.5rem !important;
  overflow-x: auto !important;
  gap: 0 !important;
}

[data-md-color-scheme="slate"] .roadmap-tabs-nav {
  border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

.roadmap-tabs .tab-label,
.roadmap-tabs-nav .tab-label {
  padding: 0.4rem 0.8rem !important;
  cursor: pointer !important;
  border-bottom: 2px solid transparent !important;
  color: #6b7280 !important;
  font-weight: 500 !important;
  font-size: 0.75rem !important;
  transition: all 0.2s ease !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  user-select: none !important;
}

[data-md-color-scheme="slate"] .roadmap-tabs .tab-label,
[data-md-color-scheme="slate"] .roadmap-tabs-nav .tab-label {
  color: #9ca3af !important;
}

.roadmap-tabs .tab-label:hover,
.roadmap-tabs-nav .tab-label:hover {
  color: var(--md-accent-fg-color) !important;
  border-bottom-color: rgba(148, 71, 246, 0.3) !important;
}

/* ОБНОВЛЕННЫЕ СЕЛЕКТОРЫ ДЛЯ НОВОГО ПОРЯДКА */
#tab-all:checked ~ .roadmap-tabs-nav .tab-label[for="tab-all"],
#tab-in-progress:checked ~ .roadmap-tabs-nav .tab-label[for="tab-in-progress"],
#tab-next:checked ~ .roadmap-tabs-nav .tab-label[for="tab-next"],
#tab-complete:checked ~ .roadmap-tabs-nav .tab-label[for="tab-complete"] {
  color: var(--md-accent-fg-color) !important;
  border-bottom-color: var(--md-accent-fg-color) !important;
  font-weight: 600 !important;
}

.roadmap-tabs .tab-content {
  display: none !important;
}

/* ОБНОВЛЕННЫЕ СЕЛЕКТОРЫ КОНТЕНТА */
#tab-all:checked ~ #content-all,
#tab-in-progress:checked ~ #content-in-progress,
#tab-next:checked ~ #content-next,
#tab-complete:checked ~ #content-complete {
  display: block !important;
}

/* ==================== ROADMAP LIST ==================== */

.roadmap-tabs .roadmap-list,
div.roadmap-tabs .roadmap-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.75rem !important;
}

.roadmap-tabs .roadmap-list .roadmap-item,
div.roadmap-tabs div.roadmap-list div.roadmap-item,
.roadmap-tabs .roadmap-item {
  border: 1px solid #e6e8eb !important;
  border-radius: 8px !important;
  padding: 1rem !important;
  background: #ffffff !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;
  position: relative !important;
  min-height: 120px !important;
  display: flex !important;
  flex-direction: column !important;
}

[data-md-color-scheme="slate"] .roadmap-tabs .roadmap-list .roadmap-item,
[data-md-color-scheme="slate"] div.roadmap-tabs div.roadmap-list div.roadmap-item,
[data-md-color-scheme="slate"] .roadmap-tabs .roadmap-item {
  border: 1px solid #2a2c36 !important;
  background: var(--md-default-bg-color) !important;
  box-shadow: 0 2px 8px rgba(20,20,30,0.15) !important;
}

.roadmap-tabs .roadmap-list .roadmap-item:hover,
div.roadmap-tabs div.roadmap-list div.roadmap-item:hover,
.roadmap-tabs .roadmap-item:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1) !important;
  border-color: var(--md-accent-fg-color) !important;
}

[data-md-color-scheme="slate"] .roadmap-tabs .roadmap-list .roadmap-item:hover,
[data-md-color-scheme="slate"] div.roadmap-tabs div.roadmap-list div.roadmap-item:hover,
[data-md-color-scheme="slate"] .roadmap-tabs .roadmap-item:hover {
  box-shadow: 0 4px 12px rgba(20,20,30,0.25) !important;
}

/* ==================== HEADER ==================== */

.roadmap-tabs .roadmap-list .roadmap-item .item-header,
div.roadmap-tabs div.roadmap-list div.roadmap-item div.item-header {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

/* ==================== GITHUB-STYLE STATUS BADGES (ПРИНУДИТЕЛЬНО) ==================== */

.roadmap-tabs .roadmap-list .roadmap-item .status-badge,
div.roadmap-tabs div.roadmap-list div.roadmap-item div.status-badge {
  display: inline-block !important;
  padding: 0.15rem 0.5rem !important;
  border-radius: 50px !important; /* Капсула как у GitHub */
  font-size: 0.6rem !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.3px !important;
  flex-shrink: 0 !important;
  border: 1px solid transparent !important;
  background: transparent !important;
}

/* ==================== СВЕТЛАЯ ТЕМА (ПРИНУДИТЕЛЬНО) ==================== */

[data-md-color-scheme="default"] .roadmap-tabs .roadmap-item.next .status-badge,
.roadmap-tabs .roadmap-item.next .status-badge {
  background: transparent !important;
  color: #8B5CF6 !important;
  border-color: #8B5CF6 !important;
}

[data-md-color-scheme="default"] .roadmap-tabs .roadmap-item.in-progress .status-badge,
.roadmap-tabs .roadmap-item.in-progress .status-badge {
  background: transparent !important;
  color: #3B82F6 !important;
  border-color: #3B82F6 !important;
}

[data-md-color-scheme="default"] .roadmap-tabs .roadmap-item.complete .status-badge,
.roadmap-tabs .roadmap-item.complete .status-badge {
  background: transparent !important;
  color: #10B981 !important;
  border-color: #10B981 !important;
}

/* ==================== ТЕМНАЯ ТЕМА ==================== */

[data-md-color-scheme="slate"] .roadmap-tabs .roadmap-item.next .status-badge {
  color: #8B5CF6 !important;
  border-color: #8B5CF6 !important;
  background: transparent !important;
}

[data-md-color-scheme="slate"] .roadmap-tabs .roadmap-item.in-progress .status-badge {
  color: #3B82F6 !important;
  border-color: #3B82F6 !important;
  background: transparent !important;
}

[data-md-color-scheme="slate"] .roadmap-tabs .roadmap-item.complete .status-badge {
  color: #10B981 !important;
  border-color: #10B981 !important;
  background: transparent !important;
}


.roadmap-tabs .roadmap-list .roadmap-item h3,
div.roadmap-tabs div.roadmap-list div.roadmap-item h3,
.roadmap-tabs .roadmap-item h3 {
  margin: 0 !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  color: #1f2937 !important;
  line-height: 1.3 !important;
  flex: 1 !important;
}

[data-md-color-scheme="slate"] .roadmap-tabs .roadmap-list .roadmap-item h3,
[data-md-color-scheme="slate"] div.roadmap-tabs div.roadmap-list div.roadmap-item h3,
[data-md-color-scheme="slate"] .roadmap-tabs .roadmap-item h3 {
  color: #f9fafb !important;
}

.roadmap-tabs .roadmap-list .roadmap-item p,
div.roadmap-tabs div.roadmap-list div.roadmap-item p,
.roadmap-tabs .roadmap-item p {
  margin: 0 0 0.5rem 0 !important;
  color: #425466 !important;
  line-height: 1.4 !important;
  font-size: 0.8rem !important;
  flex: 1 !important;
}

[data-md-color-scheme="slate"] .roadmap-tabs .roadmap-list .roadmap-item p,
[data-md-color-scheme="slate"] div.roadmap-tabs div.roadmap-list div.roadmap-item p,
[data-md-color-scheme="slate"] .roadmap-tabs .roadmap-item p {
  color: #bdbdbd !important;
}

/* ==================== FOOTER ==================== */

.roadmap-tabs .roadmap-list .roadmap-item .item-footer,
div.roadmap-tabs div.roadmap-list div.roadmap-item div.item-footer {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding-top: 0.5rem !important;
  border-top: 1px solid #e6e8eb !important;
  margin-top: auto !important;
  gap: 1rem !important;
}

[data-md-color-scheme="slate"] .roadmap-tabs .roadmap-list .roadmap-item .item-footer,
[data-md-color-scheme="slate"] div.roadmap-tabs div.roadmap-list div.roadmap-item div.item-footer {
  border-top-color: #2a2c36 !important;
}

.roadmap-tabs .roadmap-list .roadmap-item .release-info,
div.roadmap-tabs div.roadmap-list div.roadmap-item span.release-info {
  font-size: 0.65rem !important;
  color: #6b7280 !important;
  font-weight: 500 !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
}

[data-md-color-scheme="slate"] .roadmap-tabs .roadmap-list .roadmap-item .release-info,
[data-md-color-scheme="slate"] div.roadmap-tabs div.roadmap-list div.roadmap-item span.release-info {
  color: #9ca3af !important;
}

.roadmap-tabs .roadmap-list .roadmap-item .tags,
div.roadmap-tabs div.roadmap-list div.roadmap-item div.tags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.2rem !important;
  align-items: center !important;
  margin: 0 !important;
  justify-content: flex-end !important;
}

.roadmap-tabs .roadmap-list .roadmap-item .tag,
div.roadmap-tabs div.roadmap-list div.roadmap-item span.tag {
  display: inline-block !important;
  padding: 0.075rem 0.3rem !important;
  background: #e6fffa !important; color: #234e52 !important; border-color: #81e6d9 !important;  
  border-radius: 6px !important;
  font-size: 0.5rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.2px !important;
}

[data-md-color-scheme="slate"] .roadmap-tabs .roadmap-list .roadmap-item .tag,
[data-md-color-scheme="slate"] div.roadmap-tabs div.roadmap-list div.roadmap-item span.tag {
  background: rgba(134, 239, 172, 0.2) !important; color: #86efac !important;
 }

/* АДАПТИВНОСТЬ */
@media (max-width: 768px) {
  .roadmap-tabs .roadmap-list .roadmap-item .item-header,
  div.roadmap-tabs div.roadmap-list div.roadmap-item div.item-header {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0.3rem !important;
  }
  
  .roadmap-tabs .roadmap-list .roadmap-item,
  div.roadmap-tabs div.roadmap-list div.roadmap-item {
    padding: 0.875rem !important;
    min-height: 100px !important;
  }
  
  .roadmap-tabs .tab-label,
  .roadmap-tabs-nav .tab-label {
    padding: 0.3rem 0.6rem !important;
    font-size: 0.7rem !important;
  }
  
  .roadmap-tabs .roadmap-list .roadmap-item .item-footer,
  div.roadmap-tabs div.roadmap-list div.roadmap-item div.item-footer {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0.3rem !important;
  }
  
  .roadmap-tabs .roadmap-list .roadmap-item .tags,
  div.roadmap-tabs div.roadmap-list div.roadmap-item div.tags {
    justify-content: flex-start !important;
  }
}

@media (max-width: 480px) {
  .roadmap-tabs .roadmap-list .roadmap-item,
  div.roadmap-tabs div.roadmap-list div.roadmap-item {
    padding: 0.75rem !important;
    min-height: 90px !important;
  }
  
  .roadmap-tabs .roadmap-list .roadmap-item h3,
  div.roadmap-tabs div.roadmap-list div.roadmap-item h3 {
    font-size: 0.85rem !important;
  }
  
  .roadmap-tabs .roadmap-list .roadmap-item p,
  div.roadmap-tabs div.roadmap-list div.roadmap-item p {
    font-size: 0.75rem !important;
  }
}

.roadmap-tabs .tab-content {
  animation: fadeIn 0.25s ease-in-out !important;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(3px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* ==================== GITHUB-STYLE BUTTON (БЕЗ ЗАЛИВКИ) ==================== */

.item-actions {
  margin: 0.5rem 0 !important;
}

.action-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.4rem !important;
  padding: 0.4rem 0.75rem !important;
  background: transparent !important;
  color: var(--md-accent-fg-color) !important;
  border: 1px solid rgba(148, 71, 246, 0.3) !important;
  border-radius: 6px !important;
  font-size: 0.7rem !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
}

[data-md-color-scheme="slate"] .action-btn {
  color: #c084fc !important;
  border-color: rgba(192, 132, 252, 0.3) !important;
}

.action-btn:hover {
  background: rgba(148, 71, 246, 0.05) !important;
  border-color: var(--md-accent-fg-color) !important;
  transform: translateY(-1px) !important;
  text-decoration: none !important;
  color: var(--md-accent-fg-color) !important;
}

[data-md-color-scheme="slate"] .action-btn:hover {
  background: rgba(192, 132, 252, 0.1) !important;
  border-color: #c084fc !important;
  color: #c084fc !important;
}

/* ==================== ФИКС: УВЕЛИЧЕННАЯ ВЫСОТА + ОТСТУПЫ ==================== */

.roadmap-tabs .tab-content {
  display: none !important;
  max-height: 500px !important; /* Увеличил для компов */
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 0.5rem 0.5rem 0 0 !important; /* Добавил padding сверху для hover */
}

/* ОБНОВЛЕННЫЕ СЕЛЕКТОРЫ КОНТЕНТА */
#tab-all:checked ~ #content-all,
#tab-in-progress:checked ~ #content-in-progress,
#tab-next:checked ~ #content-next,
#tab-complete:checked ~ #content-complete {
  display: block !important;
}

/* ==================== ФИКС ДЛЯ ROADMAP LIST ==================== */

.roadmap-tabs .roadmap-list,
div.roadmap-tabs .roadmap-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.75rem !important;
  padding-top: 0.25rem !important; /* Дополнительный отступ сверху */
}

/* ==================== MACOS-STYLE SCROLLBAR ==================== */

.roadmap-tabs .tab-content::-webkit-scrollbar {
  width: 8px !important;
}

.roadmap-tabs .tab-content::-webkit-scrollbar-track {
  background: transparent !important;
}

.roadmap-tabs .tab-content::-webkit-scrollbar-thumb {
  background: transparent !important;
  border-radius: 4px !important;
  transition: background 0.2s ease !important;
}

/* Появляется при hover или активном скролле */
.roadmap-tabs .tab-content:hover::-webkit-scrollbar-thumb,
.roadmap-tabs .tab-content:active::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2) !important;
}

.roadmap-tabs .tab-content:hover::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.35) !important;
}

/* Для темной темы */
[data-md-color-scheme="slate"] .roadmap-tabs .tab-content:hover::-webkit-scrollbar-thumb,
[data-md-color-scheme="slate"] .roadmap-tabs .tab-content:active::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2) !important;
}

[data-md-color-scheme="slate"] .roadmap-tabs .tab-content:hover::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.35) !important;
}

/* Для Firefox */
.roadmap-tabs .tab-content {
  scrollbar-width: thin !important;
  scrollbar-color: transparent transparent !important;
  transition: scrollbar-color 0.2s ease !important;
}

.roadmap-tabs .tab-content:hover {
  scrollbar-color: rgba(0, 0, 0, 0.2) transparent !important;
}

[data-md-color-scheme="slate"] .roadmap-tabs .tab-content:hover {
  scrollbar-color: rgba(255, 255, 255, 0.2) transparent !important;
}

/* ==================== АДАПТИВНОСТЬ ==================== */

@media (max-width: 1024px) {
  .roadmap-tabs .tab-content {
    max-height: 450px !important; /* Чуть меньше на средних экранах */
  }
}

@media (max-width: 768px) {
  .roadmap-tabs .tab-content {
    max-height: 400px !important; /* Планшеты */
    padding: 0.25rem 0.25rem 0 0 !important;
  }
  
  .roadmap-tabs .roadmap-list,
  div.roadmap-tabs .roadmap-list {
    padding-top: 0.15rem !important;
  }
}

@media (max-width: 480px) {
  .roadmap-tabs .tab-content {
    max-height: 350px !important; /* Мобильные */
    padding: 0.15rem 0.15rem 0 0 !important;
  }
  
  .roadmap-tabs .roadmap-list,
  div.roadmap-tabs .roadmap-list {
    padding-top: 0.1rem !important;
  }
}

/* ==================== HTTP METHOD BADGES ==================== */

.http-post,
.http-get,
.http-patch,
.http-delete {
  display: inline-block;
  padding: 0.1rem 0.35rem;
  border-radius: 4px;
  font-size: 0.65rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  border: none;
}

/* Светлая тема — Postman colors (darker for readability) */
[data-md-color-scheme="default"] .http-post,
.http-post {
  color: #B5850D;
}

[data-md-color-scheme="default"] .http-get,
.http-get {
  color: #1E9E45;
}

[data-md-color-scheme="default"] .http-patch,
.http-patch {
  color: #8B5DC8;
}

[data-md-color-scheme="default"] .http-delete,
.http-delete {
  color: #D93636;
}

/* Тёмная тема — Postman colors */
[data-md-color-scheme="slate"] .http-post {
  color: #EFC75E;
}

[data-md-color-scheme="slate"] .http-get {
  color: #73DC8C;
}

[data-md-color-scheme="slate"] .http-patch {
  color: #B78BEB;
}

[data-md-color-scheme="slate"] .http-delete {
  color: #F95959;
}

/* =====================================================
   API Parameters
   ===================================================== */

/* API Response Header */
.api-response-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.75rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--md-default-fg-color--lightest);
}

.api-response-title {
  font-weight: 600;
  font-size: 1.1em;
  color: var(--md-default-fg-color);
}

.api-response-meta {
  font-size: 0.85em;
  color: var(--md-default-fg-color--light);
}

.api-response-meta code {
  background: transparent;
  padding: 0;
  border-radius: 0;
  font-size: 0.9em;
  color: inherit;
}

.api-params {
  margin: 0.5rem 0 1rem 0;
}

.api-param {
  padding: 0.5rem 0;
  border-top: 1px solid var(--md-default-fg-color--lightest);
}

.api-param:first-child {
  border-top: none;
  padding-top: 0;
}

.api-param-header {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.api-param-name {
  font-family: var(--md-code-font-family);
  font-size: 0.70rem;
  font-weight: 600;
  color: var(--md-default-fg-color);
}

.api-param-parent {
  font-family: var(--md-code-font-family);
  font-size: 0.70rem;
  color: var(--md-default-fg-color--light);
}

/* Разделитель-точка между parent и name */
.api-param-parent::after {
  content: ".";
  color: var(--md-default-fg-color--light);
}

.api-param-type {
  font-size: 0.70rem;
  color: #6B7280;
}

/* Светлая тема */
[data-md-color-scheme="default"] .api-param-type {
  color: #6B7280;
}

/* Тёмная тема */
[data-md-color-scheme="slate"] .api-param-type {
  color: #9CA3AF;
}

.api-param-required {
  display: none;
}

/* Звёздочка после имени параметра для required */
.api-param-header:has(.api-param-required) .api-param-name::after {
  content: "*";
  color: #DC2626;
  font-weight: 400;
  margin-left: 1px;
}

/* Светлая тема */
[data-md-color-scheme="default"] .api-param-header:has(.api-param-required) .api-param-name::after {
  color: #DC2626;
}

/* Тёмная тема */
[data-md-color-scheme="slate"] .api-param-header:has(.api-param-required) .api-param-name::after {
  color: #F87171;
}

.api-param-desc {
  font-size: 0.70rem;
  color: var(--md-default-fg-color);
  margin-top: 0.25rem;
  line-height: 1.5;
}

.api-param-children {
  margin-left: 1rem;
  padding-left: 0.75rem;
  border-left: 1px solid var(--md-default-fg-color--lightest);
  margin-top: 0.4rem;
}

/* API Details - базовые стили с рамкой в стиле Vercel */
.api-param .api-details,
.api-param .api-details[open],
.api-param details.api-details,
.api-param details.api-details[open],
details.api-details,
details.api-details[open] {
  margin-top: 0.75rem;
  margin-left: 0;
  padding: 0;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  /* Рамка в стиле Vercel */
  border: 1px solid var(--md-default-fg-color--lightest) !important;
  border-radius: 8px !important;
  overflow: hidden;
}

/* Отступы для содержимого внутри api-details */
details.api-details > *:not(summary),
.api-details > *:not(summary) {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

details.api-details > *:not(summary):last-child,
.api-details > *:not(summary):last-child {
  margin-bottom: 0.75rem;
}

/* Рамка блока кода внутри api-details — мягкая как промежуточные линии */
details.api-details pre,
.api-details pre,
.md-typeset details.api-details pre {
  border: 1px solid var(--md-default-fg-color--lightest) !important;
  box-shadow: none !important;
}

details.api-details > summary,
.api-details > summary,
.md-typeset details.api-details > summary,
.md-typeset .api-details > summary,
.md-typeset .api-param details.api-details > summary {
  font-size: 0.75rem !important;
  font-weight: 500 !important;
  color: var(--md-default-fg-color--light) !important;
  cursor: pointer !important;
  list-style: none !important;
  list-style-type: none !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 0.5rem !important;
  padding: 0.6rem 0.75rem !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  width: 100% !important;
}

/* Убираем точку-маркер полностью */
details.api-details > summary::marker,
.api-details > summary::marker,
.md-typeset details.api-details > summary::marker,
.md-typeset .api-details > summary::marker {
  content: none !important;
  display: none !important;
  font-size: 0 !important;
}

details.api-details > summary::-webkit-details-marker,
.api-details > summary::-webkit-details-marker,
.md-typeset details.api-details > summary::-webkit-details-marker {
  display: none !important;
}

details.api-details > summary:hover,
.api-details > summary:hover,
.md-typeset details.api-details > summary:hover,
.md-typeset .api-details > summary:hover {
  color: var(--md-accent-fg-color) !important;
}

/* Скрываем ::after от MkDocs */
details.api-details > summary::after,
.api-details > summary::after,
.md-typeset details.api-details > summary::after,
.md-typeset .api-details > summary::after {
  display: none !important;
  content: none !important;
}

/* Убираем CSS стрелку через ::before — используем span.arrow */
.api-param details.api-details > summary::before,
.api-param .api-details > summary::before,
details.api-details > summary::before,
.md-typeset details.api-details > summary::before {
  display: none !important;
  content: none !important;
}

/* Стрелка через span.arrow — оригинальный стиль */
.api-details summary .arrow {
  display: inline-block !important;
  font-size: 1.2em !important;
  font-weight: 400 !important;
  transition: transform 0.15s ease !important;
  transform: rotate(0deg) !important;
  margin-left: 0.2rem !important;
  opacity: 0.6 !important;
}

/* Стрелка поворачивается только для прямого родителя */
.api-details[open] > summary .arrow {
  transform: rotate(90deg) !important;
}

/* Show/Hide text toggle */
.api-details summary .hide-text {
  display: none;
}
.api-details[open] > summary .show-text {
  display: none;
}
.api-details[open] > summary .hide-text {
  display: inline;
}

/* Summary внутри рамки — padding */
.api-param .api-details > summary,
.api-param > .api-details > summary,
details.api-details > summary {
  padding: 0.6rem 0.75rem !important;
  background: transparent !important;
  border-bottom: none !important;
}

/* Когда открыто — добавляем разделитель под summary */
.api-param .api-details[open] > summary,
.api-param > .api-details[open] > summary,
details.api-details[open] > summary {
  border-bottom: 1px solid var(--md-default-fg-color--lightest) !important;
}

/* Вложенные параметры — без дополнительной рамки */
.api-param .api-details > .api-params,
.api-param > .api-details > .api-params,
details.api-details > .api-params {
  margin: 0;
  padding: 0.5rem 0.75rem 0.75rem 0.75rem;
  border: none !important;
  border-radius: 0;
  background: transparent;
}

/* Убираем верхнюю границу у первого элемента внутри рамки */
.api-details > .api-params > .api-param:first-child {
  padding-top: 0;
  border-top: none;
}

/* Убираем нижний padding у последнего элемента */
.api-details > .api-params > .api-param:last-child {
  padding-bottom: 0;
}

.api-details-content {
  margin-top: 0.5rem;
  margin-left: 1rem;
  padding-left: 0.75rem;
  border-left: 1px solid var(--md-default-fg-color--lightest);
}

.api-details-content table {
  font-size: 0.9em;
  margin: 0;
}

.api-details-info {
  margin-top: 0.75rem;
  padding: 0.75rem 1rem;
  background: rgba(68, 138, 255, 0.1);
  border-left: 3px solid #448AFF;
  font-size: inherit;
  border-radius: 0 4px 4px 0;
}

.api-details-info strong {
  display: block;
  margin-bottom: 0.25rem;
}