/* ===== Кнопка «Войти» ===== */
a[href="https://app.qrpassport.tech/login"] {
  background-color: #5e6ad2 !important;
  border-color: #5e6ad2 !important;
  color: #ffffff !important;
  border-radius: 10px !important;
}
a[href="https://app.qrpassport.tech/login"]:hover {
  background-color: #4a54c0 !important;
  border-color: #4a54c0 !important;
}

/* ===== Лого: чёрное в светлой, белое в тёмной, компактное ===== */
img[src*="logo.svg"] {
  filter: grayscale(1) brightness(0) !important;
  height: 28px !important;
  width: auto !important;
}
.g-root_theme_dark img[src*="logo.svg"] {
  filter: grayscale(1) brightness(0) invert(1) !important;
}

/* ===== Карточки титульной ===== */
[class*="basic-card"] { background: transparent !important; }
[class*="basic-card"]:not([class*="__"]) {
  background: linear-gradient(180deg, #cdcffd 0%, #f4f5fd 100%) !important;
}
.g-root_theme_dark [class*="basic-card"]:not([class*="__"]) {
  background: linear-gradient(180deg, #292b4e 0%, #09090b 100%) !important;
}

/* ===== Меню: плоские верхние заголовки ===== */
.dc-toc__list-item_main > button.dc-toc-item__text {
  pointer-events: none !important;
  cursor: default !important;
}
.dc-toc__list-item_main > button.dc-toc-item__text svg,
.dc-toc__list-item_main > svg {
  display: none !important;
}

/* ===== Скриншоты: аккуратная рамка в светлой теме ===== */
.dc-doc-page__main img:not([src*="logo"]) {
  border: 1px solid #e6e7eb;
  border-radius: 10px;
}

/* В тёмной теме рамка становится тёмной, чтобы не светило */
.g-root_theme_dark .dc-doc-page__main img:not([src*="logo"]) {
  border-color: #3f4046;
}

/* ===== Тёмная тема: ещё более мягкая инверсия (кроме подложки) ===== */
.g-root_theme_dark .dc-doc-page__main img:not([src*="logo_dark"]) {
  filter: invert(1) hue-rotate(180deg) brightness(1.4) contrast(0.72);
}

/* ===== Расстояние от подложки до карточек (только внешний блок) ===== */
[class*="card-layout"]:not([class*="__"]) {
  margin-top: 10px !important;
}

/* ===== Карточки контактов техподдержки ===== */
.contacts-grid {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin: 16px 0;
}

.contact-card {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  border: 1px solid #e6e7eb;
  border-radius: 12px;
  text-decoration: none !important;
  color: inherit !important;
  flex: 1;
  min-width: 200px;
  transition: background 0.2s, border-color 0.2s;
}

.contact-card:hover {
  background: #f4f5fd;
  border-color: #cbceff;
}

.contact-card strong {
  color: #1a1a1a;
  font-size: 15px;
}

.contact-card span {
  color: #6b7280;
  font-size: 13px;
}

.contact-card svg {
  color: #4b5563;
  flex-shrink: 0;
}

/* Тёмная тема */
.g-root_theme_dark .contact-card {
  border-color: #3f4046;
}

.g-root_theme_dark .contact-card:hover {
  background: rgba(41, 43, 78, 0.2);
  border-color: #5e6ad2;
}

/* Заголовки карточек контактов в тёмной теме – принудительно светлые */
.g-root_theme_dark .contact-card strong,
.g-root_theme_dark .contact-card div {
  color: #f4f5fd !important;
}

/* ===== Телефон с QR-скриншотом: уменьшаем в 2 раза ===== */
.dc-doc-page__main img[src*="products_qr_phone"] {
  width: 200px;    /* от реальной ширины 902px */
  height: auto;    /* высота посчитается сама: 872px */
  max-width: 100%;
  display: block;
  margin: 16px auto;
}

/* ===== Карточки главной: чёрный текст вместо фиолетового ===== */
[class*="basic-card"] h3,
[class*="basic-card"] p,
[class*="basic-card"] span,
[class*="basic-card"] a {
  color: #1a1a1a !important;
}

[class*="basic-card"] a:hover {
  color: #5e6ad2 !important;
}

/* Тёмная тема */
.g-root_theme_dark [class*="basic-card"] h3,
.g-root_theme_dark [class*="basic-card"] p,
.g-root_theme_dark [class*="basic-card"] span,
.g-root_theme_dark [class*="basic-card"] a {
  color: #f4f5fd !important;
}

.g-root_theme_dark [class*="basic-card"] a:hover {
  color: #8b93ff !important;
}

/* ===== Скрываем кнопку «...» (копировать/открыть Markdown) ===== */
.dc-controls button:last-child {
  display: none !important;
}