/* Агент Хайрик в карточке «уведомления о вакансиях»: карточка с обводкой, как сохранённые фильтры ниже.
   Одна строка: маскот, заголовок с описанием, порог (подпись + segment-control), тумблер. Только для PRO. */
.hairik-agent {
  margin-top: 16px;
  padding: 14px;
  border: 1px solid var(--filter-divider);
  border-radius: 16px;
}
.hairik-agent-head {
  display: flex;
  align-items: center;
  gap: 12px;
}
.hairik-agent-head .profile-sub-hairik-mascot {
  width: 32px;
  height: 32px;
}
.hairik-agent [hidden] {
  display: none !important; /* у тумблера свой display, он перебивает атрибут hidden */
}
.hairik-agent-toggle {
  display: flex; /* span.toggle должен стать блоком, иначе видна только его «ручка» */
  flex: none;
  padding: 4px 0;
  border: 0;
  background: transparent;
  cursor: var(--cursor-pointer);
}
.hairik-agent-toggle:disabled {
  cursor: progress;
  opacity: 0.6;
}
.hairik-agent-threshold { /* порог: подпись и дорожка с вариантами */
  display: flex;
  flex: none;
  align-items: center;
  gap: 8px;
}
.hairik-agent-threshold-label {
  font-size: var(--fs-14);
  line-height: 20px;
  color: var(--text-muted);
  white-space: nowrap;
}
.hairik-agent-switcher {
  display: inline-flex;
  flex: none;
  align-items: center;
  width: auto;
  border: 1px solid var(--filter-divider); /* на светлой теме дорожка почти как фон плитки */
  border-radius: 12px;
}
.hairik-agent-switcher .segment-control-indicator {
  border-radius: 10px;
}
.hairik-agent-switcher .segment-control-option {
  flex: none;
  padding: 4px 10px;
  border-radius: 10px;
  font-size: var(--fs-14);
  line-height: 20px;
}
.hairik-agent + .saved-filters-status:not(:empty) {
  margin-top: 16px;
}
@media (max-width: 767px) {
  /* Телефон, как карточка настроек: маскот слева и тумблер справа в одной строке, ниже по левому краю
     заголовок и описание (4px), под разделителем строка порога: подпись слева, сегмент справа */
  .hairik-agent-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0; /* отступы строк — margin ниже, gap 12px строки десктопа тут лишний */
  }
  .hairik-agent-head .profile-sub-hairik-text {
    display: contents;
  }
  .hairik-agent-head .profile-sub-hairik-mascot {
    grid-area: 1 / 1;
  }
  .hairik-agent-toggle {
    grid-area: 1 / 2;
  }
  .hairik-agent-head .profile-sub-hairik-title,
  .hairik-agent-head .profile-sub-label,
  .hairik-agent-threshold {
    grid-column: 1 / -1;
  }
  .hairik-agent-head .profile-sub-hairik-title {
    margin: 12px 0 0;
  }
  .hairik-agent-head .profile-sub-label {
    margin-top: 4px;
  }
  .hairik-agent-threshold {
    justify-content: space-between;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--filter-divider);
  }
  .hairik-agent-threshold-label {
    color: var(--text-color);
  }
  .hairik-agent-switcher .segment-control-option {
    min-width: 52px; /* равные варианты — заливка выбранного одинаковая на любом пороге */
    padding: 6px 8px;
  }
}