/* ── Тема WB MIOME. РЕДИЗАЙН 31.07.2026 по макету владельца («WB MIOME Redesign»).
   Подключается ПОСЛЕДНИМ стилем на всех 23 страницах — поэтому смена токенов здесь
   перекрашивает весь сайт разом, страницы править не нужно.
   Шрифты САМОРАЗМЕЩЁННЫЕ: Google Fonts по CDN вешал сайт у мобильных операторов РФ
   (сессия 17) — в макете стоял CDN, мы его НЕ используем. Тексты — Golos Text,
   цифры/бейджи — JetBrains Mono (как в макете).
   Старая тема сохранена: theme.css.bak-preredesign. */
@font-face{font-family:'Golos Text';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/golostext-400-cyrillic-ext.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/golostext-400-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/golostext-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/golostext-500-cyrillic-ext.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/golostext-500-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/golostext-500-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/golostext-600-cyrillic-ext.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/golostext-600-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/golostext-600-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/golostext-700-cyrillic-ext.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/golostext-700-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/golostext-700-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:800;font-display:swap;src:url('/fonts/golostext-800-cyrillic-ext.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:800;font-display:swap;src:url('/fonts/golostext-800-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:800;font-display:swap;src:url('/fonts/golostext-800-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:900;font-display:swap;src:url('/fonts/golostext-900-cyrillic-ext.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:900;font-display:swap;src:url('/fonts/golostext-900-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:900;font-display:swap;src:url('/fonts/golostext-900-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/jetbrainsmono-400-cyrillic-ext.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/jetbrainsmono-400-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/jetbrainsmono-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/jetbrainsmono-500-cyrillic-ext.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/jetbrainsmono-500-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/jetbrainsmono-500-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}

:root{
  /* светлая — значения ровно из макета */
  --paper:#F4F6F8; --surface:#FFFFFF; --surface-2:#F1F3F6;
  --ink:#111820; --ink-2:#5B6675; --ink-3:#8B95A3;
  --line:rgba(17,24,32,.09); --line-2:rgba(17,24,32,.055);
  --accent:#1F6FEB; --accent-soft:#EAF1FE; --accent-ink:#144CA8;
  --good:#1A8A5A; --good-soft:#E8F6EE; --warn:#8A5D10; --warn-soft:#FDF4E3;
  --bad:#C8452F; --bad-soft:#FDECEB;
  --radius:16px;
  --shadow:0 1px 2px rgba(17,24,32,.05);
  --shadow-lg:0 8px 30px rgba(17,24,32,.10);
  color-scheme:light;
}
:root[data-theme=dark]{
  /* тёмная — та же логика, макет был только светлый (кнопка 🌙 у нас остаётся) */
  --paper:#0E1319; --surface:#161C24; --surface-2:#1D242E;
  --ink:#EDF1F5; --ink-2:#A7B1BE; --ink-3:#78828F;
  --line:rgba(255,255,255,.10); --line-2:rgba(255,255,255,.06);
  --accent:#5C97F5; --accent-soft:#17253C; --accent-ink:#9CC0FB;
  --good:#3FB985; --good-soft:#12291F; --warn:#D6A44E; --warn-soft:#2A2313;
  --bad:#E8705A; --bad-soft:#2C1714;
  --shadow:0 1px 2px rgba(0,0,0,.35);
  --shadow-lg:0 10px 34px rgba(0,0,0,.45);
  color-scheme:dark;
}

body{font-family:'Golos Text',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif !important;
  background:var(--paper) !important;color:var(--ink) !important;-webkit-font-smoothing:antialiased}
h1{font-weight:800 !important;letter-spacing:-.8px !important;font-size:clamp(24px,3.4vw,32px) !important}
h2{font-weight:700 !important;letter-spacing:-.3px !important}
h3{font-weight:700 !important;letter-spacing:-.2px !important}
.nav .logo{font-weight:800;letter-spacing:-.3px}
/* Цифры — моноширинные и одной ширины (в макете так: колонки чисел не «пляшут»).
   Ловушка: не вешать на всё подряд, иначе поедут подписи — только числовые узлы. */
.money,.pct,.chip,.est-mark,.calsel,.part,.frow .am,.tile .v,.card .v,.cd,.calmt{
  font-variant-numeric:tabular-nums}
.part,.frow .am,.calmt,.cd{font-family:'JetBrains Mono','Golos Text',monospace}
/* карточки/кнопки страниц подтягиваем к макету: плоско, тонкая рамка, крупный радиус */
.card,.tile,.tbl,.box,.panel{border-radius:var(--radius) !important}
.tile,.card{box-shadow:var(--shadow) !important}

/* кнопка смены темы в шапке (создаёт nav.js) */
.themebtn{width:36px;height:36px;flex:none;border-radius:10px;border:1px solid var(--line);
  background:var(--surface);color:var(--ink-2);font-size:15px;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;padding:0}
.themebtn:hover{background:var(--surface-2)}

/* ── Сайдбар-навигация (строит nav.js; :root.sb-on = включена) ─────────────── */
:root.sb-on .nav{display:none !important}          /* старый верхний бар прячем */
:root.sb-on body{padding-left:252px;transition:padding-left .18s ease}
.sb{position:fixed;left:0;top:0;bottom:0;width:252px;z-index:60;box-sizing:border-box;
  background:var(--surface);border-right:1px solid var(--line);
  display:flex;flex-direction:column;padding:18px 12px 14px;transition:transform .18s ease}
/* свёрнутый сайдбар (кнопка ‹ / выбор запоминается на устройстве) — десктоп */
:root.sb-hide body{padding-left:0}
:root.sb-hide .sb{transform:translateX(-105%)}
/* «ушко» на границе сайдбара по центру экрана: не наезжает на кнопки страниц
   (29.07 — раньше висело в шапке и перекрывало «← К списку») */
.sb-toggle{position:fixed;top:50%;left:252px;z-index:65;width:20px;height:46px;padding:0;
  transform:translate(-1px,-50%);border:1px solid var(--line);border-left:none;
  border-radius:0 9px 9px 0;background:var(--surface);color:var(--ink-3);
  cursor:pointer;font-size:13px;line-height:1;box-shadow:var(--shadow);transition:left .18s ease}
.sb-toggle:hover{background:var(--surface-2);color:var(--ink)}
:root.sb-hide .sb-toggle{left:0}
/* логотип: квадрат с точкой + «WB MIOME» (как в макете) */
.sb .sb-logo{display:flex;align-items:center;gap:9px;font-weight:800;letter-spacing:-.3px;
  font-size:16px;text-decoration:none;color:var(--ink);padding:6px 10px 22px}
.sb .sb-logo::before{content:'';width:26px;height:26px;flex:none;border-radius:8px;
  background:var(--accent);box-shadow:inset 0 0 0 8.5px var(--accent),inset 0 0 0 9px #fff}
.sb .sb-logo b,.sb-mob .sb-logo b{color:var(--accent)}
.sb-menu{flex:1;display:flex;flex-direction:column;gap:2px;overflow-y:auto}
.sb-item{display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:11px;
  font-size:14.5px;font-weight:500;color:var(--ink-2);text-decoration:none;cursor:pointer;
  border:none;background:transparent;font-family:inherit;width:100%;box-sizing:border-box;text-align:left}
.sb-item:hover{background:var(--line-2)}
.sb-item.on{background:var(--accent-soft);color:var(--accent-ink);font-weight:600}
.sb-t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sb-ic{width:17px;height:17px;flex:none;display:inline-flex;align-items:center;justify-content:center;font-size:15px}
.sb-ic svg{width:17px;height:17px;display:block}
/* счётчик справа в пункте меню (сколько ждёт решения) */
.sb-badge{margin-left:auto;font-family:'JetBrains Mono',monospace;font-size:11px;
  border-radius:6px;padding:2px 6px;background:var(--accent-soft);color:var(--accent)}
.sb-badge.hot{background:var(--bad);color:#fff}
/* группы меню (пункт-родитель с подпунктами, как «SEO») */
.sb-group .sb-sub{display:none;flex-direction:column;gap:2px}
.sb-group.open .sb-sub{display:flex}
.sb-kid{padding-left:44px;font-size:13.5px}
.sb-arr{margin-left:auto;font-size:11px;color:var(--ink-3);transition:transform .15s;
  padding:4px 8px;border-radius:6px;cursor:pointer}
.sb-arr:hover{background:var(--surface-2)}
.sb-group.open .sb-arr{transform:rotate(180deg)}
.sb-foot{border-top:1px solid var(--line-2);margin-top:auto;padding-top:12px;display:flex;flex-direction:column;gap:2px}
.sb-btn{font-size:13.5px}
/* профиль внизу сайдбара (как в макете): кружок, имя, магазин, шестерёнка */
.sb-me{display:flex;align-items:center;gap:10px;padding:10px 8px 12px}
.sb-me .sb-ava{width:32px;height:32px;font-size:13px;border:none}
.sb-me-txt{display:flex;flex-direction:column;line-height:1.25;min-width:0}
.sb-me-txt b{font-size:13.5px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sb-me-txt span{font-size:12px;color:var(--ink-3)}
.sb-me-gear{margin-left:auto;flex:none;width:30px;height:30px;border:1px solid var(--line);
  background:var(--surface);border-radius:9px;cursor:pointer;color:var(--ink-2);
  display:flex;align-items:center;justify-content:center;padding:0}
.sb-me-gear:hover{background:var(--line-2)}
/* профиль-кружок и выпадашка */
.sb-ava{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);cursor:pointer;
  background:var(--accent-soft);color:var(--accent);font-weight:800;font-size:15px;
  display:inline-flex;align-items:center;justify-content:center;font-family:inherit;flex:none}
/* Кружок профиля справа сверху ДУБЛИРОВАЛ профиль внизу сайдбара и лез на контент
   (владелец 09.08). Оставляем его только когда меню скрыто — иначе профиль уже виден. */
.sb-ava-desk{position:fixed;top:14px;right:18px;z-index:65;box-shadow:var(--shadow);display:none}
:root.sb-hide .sb-ava-desk{display:inline-flex}
/* меню профиля у нижнего левого угла — когда открыто из сайдбара (владелец 09.08) */
.sb-drop.at-side{top:auto;right:auto;left:14px;bottom:76px}
.sb-drop{position:fixed;top:58px;right:18px;z-index:80;min-width:210px;display:none;
  background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:6px}
.sb-drop.open{display:block}
.sb-drop-name{font-weight:800;font-size:13.5px;color:var(--ink);padding:9px 12px 7px;border-bottom:1px solid var(--line);margin-bottom:4px}
.sb-drop-item{display:block;width:100%;box-sizing:border-box;text-align:left;padding:9px 12px;border-radius:9px;
  font-size:13.5px;font-weight:600;color:var(--ink-2);text-decoration:none;border:none;background:transparent;cursor:pointer;font-family:inherit}
.sb-drop-item:hover{background:var(--surface-2)}
/* мобильная верхняя планка + бургер */
.sb-mob{display:none}
.sb-backdrop{display:none}
@media (max-width:1024px){
  :root.sb-on body{padding-left:0;padding-top:54px}
  :root.sb-hide body{padding-top:54px}      /* на мобиле меню открывает бургер… */
  .sb-toggle{display:none}                   /* …а кнопка сворачивания не нужна */
  .sb{transform:translateX(-105%);transition:transform .22s ease;box-shadow:none;width:262px}
  :root.sb-open .sb,:root.sb-open.sb-hide .sb{transform:translateX(0);box-shadow:var(--shadow)}
  .sb-backdrop{display:block;position:fixed;inset:0;z-index:55;background:rgba(10,16,28,.42);opacity:0;pointer-events:none;transition:opacity .22s}
  :root.sb-open .sb-backdrop{opacity:1;pointer-events:auto}
  .sb-mob{position:fixed;top:0;left:0;right:0;height:54px;z-index:50;box-sizing:border-box;
    display:flex;align-items:center;gap:10px;padding:0 12px;
    background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:blur(10px);
    border-bottom:1px solid var(--line)}
  .sb-mob .sb-logo{font-weight:900;font-size:16px;text-decoration:none;color:var(--ink);flex:1;text-align:center}
  .sb-burger{width:40px;height:40px;flex:none;border:none;background:transparent;color:var(--ink);
    font-size:20px;cursor:pointer;border-radius:10px;padding:0}
  .sb-burger:hover{background:var(--surface-2)}
  .sb-mob .sb-ava{width:36px;height:36px}
  .sb-ava-desk{display:none}
  .sb-drop{top:56px;right:10px}
}