/* STEELLAND 2026 — новый визуальный язык (слой 1: токены, шапка, левое меню). Разметку не меняет. */
:root{
  --sl-red:#e53935; --sl-red-ink:#c62828;
  --sl-steel-50:#f4f5f6; --sl-steel-100:#e8eaec; --sl-steel-300:#b9bec4; --sl-steel-500:#7a828b; --sl-steel-700:#3a4048; --sl-steel-900:#181b1f;
  --sl-bg:#eef0f2; --sl-surface:#fff; --sl-ink:#1f2328; --sl-ink-2:#59616b; --sl-line:#dde1e5;
  --sl-head-bg:rgba(255,255,255,.92); --sl-head-ink:#1f2328; --sl-head-line:#dde1e5;
  --sl-side-bg:#16191d; --sl-side-sub:#1e2227; --sl-side-ink:#a9b0b8; --sl-side-ink-hi:#fff; --sl-side-title:#6c747d; --sl-side-hover:#22272d;
  --sl-focus:#1d87e4;
  --sl-sans:"Inter","Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif;
}
@media (prefers-color-scheme:dark){:root{
  --sl-bg:#121417; --sl-surface:#1a1d21; --sl-ink:#e6e8ea; --sl-ink-2:#9aa2ab; --sl-line:#2b3036;
  --sl-head-bg:rgba(20,22,26,.94); --sl-head-ink:#e6e8ea; --sl-head-line:#2b3036;
  --sl-side-bg:#0e1013; --sl-side-sub:#15181c; --sl-side-hover:#1b1f24; --sl-focus:#6cb2ff;
}}

/* Шапка: стекло-сталь, тонкая красная линия бренда снизу */
.site-header{border-bottom:1px solid var(--sl-head-line)}
.site-header:after{content:"";position:absolute;left:0;bottom:-1px;width:220px;height:2px;background:var(--sl-red)}
.site-header .navbar-default{background:var(--sl-head-bg);border-color:var(--sl-head-line);-webkit-backdrop-filter:saturate(1.4) blur(8px);backdrop-filter:saturate(1.4) blur(8px);font-family:var(--sl-sans)}
.site-header .navbar-default .navbar-nav>li>a,.site-header .navbar-text,.site-header .nav-cell{color:var(--sl-head-ink);font-family:var(--sl-sans)}
.site-header .navbar-toggler{color:var(--sl-head-ink)}
.site-header .navbar-toggler span.hamburger,.site-header .navbar-toggler span.hamburger:before,.site-header .navbar-toggler span.hamburger:after,
.site-header .navbar-toggler span.more,.site-header .navbar-toggler span.more:before,.site-header .navbar-toggler span.more:after{background-color:var(--sl-head-ink)}
.site-header .navbar-toggler .zmdi{color:var(--sl-head-ink)}
/* поиск */
.site-header .navbar-search-group .form-control{background:var(--sl-steel-50);border:1px solid transparent;border-radius:8px;color:var(--sl-ink);font-family:var(--sl-sans);box-shadow:none;transition:border-color .2s,background .2s}
.site-header .navbar-search-group .form-control:focus{background:var(--sl-surface);border-color:var(--sl-focus)}
.site-header .navbar-search-group .btn{background:transparent;border:0;color:var(--sl-ink-2)}
/* RU / UA / EN — сегментный переключатель */
.site-header .btn-group[data-toggle=buttons]{background:var(--sl-steel-50);border-radius:8px;padding:2px}
.site-header .btn-group[data-toggle=buttons] .btn{border:0;border-radius:6px!important;background:transparent;color:var(--sl-ink-2);font:600 12px/1 var(--sl-sans);letter-spacing:.06em;padding:7px 10px;box-shadow:none}
.site-header .btn-group[data-toggle=buttons] .btn.active{background:var(--sl-surface);color:var(--sl-ink);box-shadow:0 1px 2px rgba(0,0,0,.12)}
.site-header .btn-group[data-toggle=buttons] .btn:hover{color:var(--sl-ink)}
.site-header .dropdown-menu{border:1px solid var(--sl-line);border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.12);font-family:var(--sl-sans);background:var(--sl-surface)}
.site-header .dropdown-menu>li>a{color:var(--sl-ink)}
@media (prefers-color-scheme:dark){
  .site-header .navbar-brand img{filter:invert(1) hue-rotate(180deg) brightness(1.05)}
  .site-header .navbar-search-group .form-control,.site-header .btn-group[data-toggle=buttons]{background:#22262b}
  .site-header .btn-group[data-toggle=buttons] .btn.active{background:#30353b}
  .site-header .dropdown-menu>li>a:hover{background:#22262b}
  .site-header img.img-circle{filter:brightness(.85)}
}

/* Левое меню: графит, красная метка активного пункта */
.site-left-sidebar{background:var(--sl-side-bg);font-family:var(--sl-sans)}
.sidebar-menu .menu-title{color:var(--sl-side-title);font:600 10.5px/1 var(--sl-sans);letter-spacing:.14em;margin-top:18px}
.sidebar-menu>li>a{color:var(--sl-side-ink);font-size:13.5px;border-left:3px solid transparent;transition:background .15s,color .15s}
.sidebar-menu>li>a .menu-icon{color:var(--sl-side-title)}
.sidebar-menu>li>a:hover,.sidebar-menu>li>a:focus{background:var(--sl-side-hover);color:var(--sl-side-ink-hi)}
.sidebar-menu>li>a:hover .menu-icon{color:var(--sl-side-ink-hi)}
.sidebar-menu>li.active>a,.sidebar-menu>li.open>a{color:var(--sl-side-ink-hi);border-left-color:var(--sl-red);background:var(--sl-side-hover)}
.sidebar-menu>li.active>a .menu-icon{color:var(--sl-red)}
.sidebar-submenu>li>a{background:var(--sl-side-sub);color:var(--sl-side-ink);font-family:var(--sl-sans)}
.sidebar-submenu>li>a:hover,.sidebar-submenu>li>a:focus{background:var(--sl-side-hover);color:var(--sl-side-ink-hi)}
.sidebar-submenu>li.active>a{color:var(--sl-side-ink-hi)}
.sidebar-menu .badge-warning{background:var(--sl-red)}

/* Доступность: видимый фокус с клавиатуры */
.site-header a:focus-visible,.site-header button:focus-visible,.site-left-sidebar a:focus-visible{outline:2px solid var(--sl-focus);outline-offset:-2px}
@media (prefers-reduced-motion:reduce){.site-left-sidebar,.sidebar-menu>li>a{transition:none}}