/* SmitSectionSearch — поиск внутри раздела.
   Вид взят у поиска настроек ЛК: поле в строке вкладок, лупа приставкой
   справа, выпадающий список со значком подраздела. */

.smit-ss { position: relative; width: 260px; max-width: 38vw; }
.smit-ss .input-group { width: 100%; }
.smit-ss .smit-ss-ico {
  color: var(--bs-secondary-color, #6c757d);
  font-size: .82rem;
  background: var(--bs-tertiary-bg, #f8f9fa);
}
/* Пустая анимация — датчик автозаполнения: браузер применяет её к полю,
   скрипт ловит animationstart и очищает подставленное значение. */
@keyframes smitSsAutofill { from { opacity: 1; } to { opacity: 1; } }
.smit-ss input:-webkit-autofill { animation-name: smitSsAutofill; animation-duration: .01s; }

/* На телефоне поле переезжает над полосой вкладок во всю ширину */
@media (max-width: 767.98px) {
  .smit-ss { width: 100%; max-width: none; }
}
.smit-ss-mobile { width: 100%; }
.smit-ss-mobile .smit-ss { width: 100%; max-width: none; }

.smit-ss-res {
  /* fixed, а не absolute: список лежит в конце страницы и позиционируется
     по координатам поля — иначе его обрезал предок с overflow. */
  position: fixed;
  top: 0;
  left: 0;
  width: 260px;
  /* Подсказки должны лежать поверх шапки карточки и полосы вкладок: у них
     свои слои (шапка липкая, вкладки с фоном), и на 1090 список уходил под них. */
  z-index: 2500;
  display: none;
  max-height: 340px;
  overflow: auto;
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-lg);
}
.smit-ss-res.show { display: block; }

.smit-ss-item {
  display: block;
  width: 100%;
  text-align: left;
  border: none;
  background: none;
  padding: 7px 12px;
  font-size: .84rem;
  /* ⚠ не inherit: полоса вкладок задаёт свой тёмный цвет, и в тёмной теме
     подсказка становилась чёрной на чёрном */
  color: #212529;
}
.smit-ss-item:hover,
.smit-ss-item.active { background: rgba(67, 183, 122, .10); }
.smit-ss-item small {
  display: block;
  color: #8b949e;
  font-size: .72rem;
}
/* ширина значка фиксирована, иначе названия «пляшут» */
.smit-ss-item .smit-ss-ic {
  width: 16px;
  display: inline-block;
  text-align: center;
  margin-right: 6px;
  color: var(--bs-secondary-color, #6c757d);
}

/* подсветка найденного поля: мягкая вспышка, а не жёсткая рамка */
.smit-ss-hit { animation: smit-ss-hit 2s ease-out; border-radius: var(--radius-sm); }
@keyframes smit-ss-hit {
  0%, 55% { box-shadow: var(--shadow-sm); }
  100%    { box-shadow: none; }
}

[data-bs-theme="dark"] .smit-ss-res,
body.dark-theme .smit-ss-res { background: #22262c; border-color: #3a3f47; }
[data-bs-theme="dark"] .smit-ss-item,
body.dark-theme .smit-ss-item { color: #e6e9ee; }
[data-bs-theme="dark"] .smit-ss-item small,
body.dark-theme .smit-ss-item small { color: #9aa6b2; }

@media (prefers-reduced-motion: reduce) {
  .smit-ss-hit { animation: none; outline: 2px solid #43b77a; outline-offset: 2px; }
}