/* r262 — spa hero tools and stats standard fix
   Цель: убрать серый текст на сером фоне, не дать инструментам вылезать за карточку
   и сделать единый компактный nav-ряд для основных клиентских разделов. */

.spa-page-hero[data-spa-hero] .spa-hero-stat,
.spa-page-hero .spa-hero-stat{
  background: linear-gradient(180deg,
    color-mix(in srgb, var(--surface-bg, #fff) 96%, var(--accent, #ff7a18) 4%),
    color-mix(in srgb, var(--surface-bg, #fff) 90%, #ffffff 10%)
  ) !important;
  border: 1px solid color-mix(in srgb, var(--accent, #ff7a18) 22%, var(--surface-border, rgba(15,23,42,.12))) !important;
  color: var(--text-main, var(--text, #111827)) !important;
  box-shadow: 0 10px 22px rgba(15,23,42,.055) !important;
}
.spa-page-hero[data-spa-hero] .spa-hero-stat-num,
.spa-page-hero .spa-hero-stat-num{
  color: var(--text-main, var(--text, #0f172a)) !important;
  text-shadow: none !important;
}
.spa-page-hero[data-spa-hero] .spa-hero-stat-lbl,
.spa-page-hero .spa-hero-stat-lbl{
  color: var(--text-muted-strong, #475569) !important;
  opacity: 1 !important;
}
html[data-theme="dark"] .spa-page-hero[data-spa-hero] .spa-hero-stat,
body.theme-dark .spa-page-hero[data-spa-hero] .spa-hero-stat{
  background: color-mix(in srgb, var(--surface-bg, #111827) 84%, #ffffff 8%) !important;
  border-color: color-mix(in srgb, var(--accent, #ff7a18) 30%, rgba(255,255,255,.18)) !important;
}
html[data-theme="dark"] .spa-page-hero[data-spa-hero] .spa-hero-stat-num,
html[data-theme="dark"] .spa-page-hero[data-spa-hero] .spa-hero-stat-lbl,
body.theme-dark .spa-page-hero[data-spa-hero] .spa-hero-stat-num,
body.theme-dark .spa-page-hero[data-spa-hero] .spa-hero-stat-lbl{
  color: var(--text-main, #f8fafc) !important;
}

.spa-page-hero--with-tools .spa-hero-tools-card,
.spa-page-hero--with-tools .spa-hero-tools-body,
.spa-page-hero--with-tools .spa-hero-tools-body .catalog-tools,
.spa-page-hero--with-tools .spa-hero-tools-body .catalog-tools__inner{
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
.spa-page-hero--with-tools .spa-hero-tools-body{
  width: 100% !important;
  overflow: hidden !important;
  contain: layout paint;
}
.spa-page-hero--with-tools .spa-hero-tools-body .catalog-tools[data-catalog-render="legacy-unified-disabled"]{
  overflow: hidden !important;
}
.spa-page-hero--with-tools .spa-hero-tools-body .catalog-tools__inner{
  overflow: hidden !important;
}
.spa-page-hero--with-tools .spa-hero-tools-body .mo-filter-tabs{
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  padding-bottom: 2px !important;
}
.spa-page-hero--with-tools .spa-hero-tools-body .mo-filter-tab{
  max-width: 100% !important;
}
.spa-page-hero--with-tools .spa-hero-tools-body .mo-filter-tab b,
.spa-page-hero--with-tools .spa-hero-tools-body .mo-filter-tab span:not(.mo-filter-cnt){
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.spa-page-hero--with-tools .spa-hero-tools-body .mo-search-action,
.spa-page-hero--with-tools .spa-hero-tools-body .mo-search-panel,
.spa-page-hero--with-tools .spa-hero-tools-body .mo-search-input{
  min-width: 0 !important;
  max-width: 100% !important;
}

@media (min-width: 1024px){
  .spa-page-hero--with-tools .spa-hero-tools-body .catalog-tools__inner{
    grid-template-columns: minmax(0,1fr) !important;
  }
  .spa-page-hero--with-tools .spa-hero-tools-body .mo-filter-tabs{
    flex-wrap: wrap !important;
    align-content: start;
  }
  .spa-page-hero--with-tools .spa-hero-tools-body .mo-filter-tab{
    flex: 1 1 calc(50% - 8px) !important;
    white-space: nowrap !important;
  }
  .spa-page-hero--with-tools .spa-hero-tools-body .mo-search-action.open .mo-search-panel{
    width: 100% !important;
  }
}
@media (min-width: 1440px){
  .spa-page-hero--with-tools .spa-hero-tools-body .mo-filter-tab{
    flex-basis: calc(33.333% - 8px) !important;
  }
}
@media (max-width: 767px){
  .spa-page-hero--with-tools .spa-hero-tools-body{contain:none;}
}