/* Аналитика WB — общий стиль страниц */
:root{--fon:#f4f6f8;--karta:#fff;--tekst:#1d2433;--sery:#6b7487;--blednyj:#9aa3b5;--liniya:#e3e7ee;
  --akcent:#0f766e;--akcent-l:#e6f4f2;--krasnyj:#c2410c;--krasnyj-l:#fdeee6;--zelenyj:#15803d;--zheltyj:#b45309;--zheltyj-l:#fef5e2}
*{box-sizing:border-box}
body{margin:0;background:var(--fon);color:var(--tekst);font:14px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif}
a{color:var(--akcent)}
.shapka{background:#12312f;color:#fff;display:flex;align-items:center;gap:22px;padding:0 12px;height:54px;position:fixed;top:0;left:0;right:0;z-index:5}
body:has(.shapka){padding-top:54px}   /* меню закреплено к окну — не уезжает ни вниз, ни вбок */
.shapka .logo{font-weight:800;font-size:16px;letter-spacing:.2px;white-space:nowrap}
.shapka .logo span{color:#5eead4}
.menyu{display:flex;gap:4px;flex-wrap:wrap}
.menyu a{color:#cfe3e0;text-decoration:none;padding:6px 11px;border-radius:8px;font-weight:600;font-size:13.5px}
.menyu a.tek{background:rgba(255,255,255,.14);color:#fff}
.menyu a.skoro{opacity:.45;pointer-events:none}
.shapka .prava{margin-left:auto;display:flex;gap:14px;align-items:center;font-size:12.5px;color:#cfe3e0}
.shapka button{background:none;border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:8px;padding:5px 11px;cursor:pointer;font:inherit}
.stranica{padding:14px 12px 60px}   /* во всю ширину окна: таблицы широкие */
h1{font-size:21px;margin:4px 0 14px}
.blok{background:var(--karta);border:1px solid var(--liniya);border-radius:14px;padding:14px 16px;margin-bottom:14px}
.filtry{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:flex-end}
.pole{display:flex;flex-direction:column;gap:4px}
.pole>label{font-size:11.5px;color:var(--sery);font-weight:600;text-transform:uppercase;letter-spacing:.3px}
input[type=date],input[type=search]{border:1px solid var(--liniya);border-radius:9px;padding:7px 10px;font:inherit;background:#fff;color:var(--tekst)}
input[type=search]{min-width:230px}
.knopki{display:flex;gap:4px;flex-wrap:wrap}
.knopki button,.chip{border:1px solid var(--liniya);background:#fff;border-radius:9px;padding:6px 11px;cursor:pointer;font:inherit;font-size:13px;color:var(--tekst)}
.knopki button.vybr,.chip.vybr{background:var(--akcent);border-color:var(--akcent);color:#fff}
.btn{background:var(--akcent);color:#fff;border:none;border-radius:10px;padding:8px 15px;font:inherit;font-weight:700;cursor:pointer}
.btn.svetl{background:var(--akcent-l);color:var(--akcent)}
.mnogo{position:relative}
.mnogo>button{border:1px solid var(--liniya);background:#fff;border-radius:9px;padding:7px 10px;font:inherit;min-width:170px;text-align:left;cursor:pointer}
.mnogo .spisok{display:none;position:absolute;top:100%;left:0;z-index:4;background:#fff;border:1px solid var(--liniya);border-radius:10px;
  box-shadow:0 8px 24px rgba(0,0,0,.12);max-height:330px;overflow:auto;min-width:260px;padding:6px;margin-top:4px}
.mnogo.otkr .spisok{display:block}
.mnogo .spisok label{display:flex;gap:8px;padding:4px 6px;border-radius:6px;cursor:pointer;font-size:13px}
.mnogo .spisok label:hover{background:var(--fon)}
.kartochki{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin-bottom:14px}
.kartochka{background:var(--karta);border:1px solid var(--liniya);border-radius:14px;padding:12px 14px}
.kartochka .nazv{font-size:12px;color:var(--sery);font-weight:600}
.kartochka .chislo{font-size:21px;font-weight:800;margin-top:2px;white-space:nowrap}
.kartochka .vtor{font-size:12.5px;color:var(--sery);line-height:1.35;margin-top:2px}
.izm{font-size:12px;font-weight:700;margin-left:4px}
.izm.plus{color:var(--zelenyj)}.izm.minus{color:var(--krasnyj)}
.zametka{font-size:12.5px;color:var(--zheltyj);background:var(--zheltyj-l);border-radius:9px;padding:7px 11px;margin-bottom:12px}
table{width:100%;border-collapse:collapse;font-size:13px}
th{background:#f8fafb;text-align:left;font-size:11.5px;color:var(--sery);font-weight:700;
  padding:8px;border-bottom:1px solid var(--liniya);cursor:pointer;user-select:none;white-space:nowrap}
th.chisl,td.chisl{text-align:right}
td{padding:7px 8px;border-bottom:1px solid var(--liniya);vertical-align:top}
tr:hover td{background:#fafcfc}
td .mal{color:var(--sery);font-size:12px}
td img{width:63px;height:84px;object-fit:cover;border-radius:6px;background:var(--fon)}
.tovar{max-width:340px}
.metka{display:inline-block;font-size:10.5px;font-weight:700;border-radius:5px;padding:0 5px;background:var(--fon);color:var(--sery)}
.malo{color:var(--krasnyj);font-weight:700}.sredne{color:var(--zheltyj);font-weight:700}
.stranicy{display:flex;gap:6px;align-items:center;justify-content:flex-end;margin-top:10px;color:var(--sery)}
.zagruzka{color:var(--sery);padding:30px;text-align:center}
.svezhest{cursor:help}
/* Шапка колонок прилипает под верхним меню при прокрутке страницы. У таблицы нет своего окна прокрутки
   (иначе шапка уезжала бы вместе с ним) — широкая таблица растягивает свой блок, вбок листается вся страница;
   меню при этом стоит на месте (sticky и сверху, и слева). */
.okno-tablicy thead th{position:sticky;top:54px;z-index:2;box-shadow:inset 0 -1px 0 var(--liniya)}
.blok:has(.okno-tablicy){width:max-content;min-width:100%}
/* телефон: сводные карточки по две в ряд, равной ширины, шрифт мельче — чтобы числа помещались */
@media (max-width: 700px) {
  .kartochki{grid-template-columns:repeat(2, minmax(0, 1fr));gap:8px}
  .kartochka{padding:9px 10px;border-radius:12px}
  .kartochka .nazv{font-size:11px}
  .kartochka .chislo{font-size:16.5px;white-space:normal;line-height:1.25}
  .kartochka .vtor{font-size:11px;white-space:normal}
  .kartochka .izm{font-size:10.5px;margin-left:2px}
  /* настройка налога и выбор брендов/предметов — переносятся, а не вылезают за край */
  #nastr .pole > div{flex-wrap:wrap}
  .pole{max-width:100%}
  [data-r="mnogie"]{width:100%}
  [data-r="mnogie"] .mnogo{flex:1;min-width:0}
  .mnogo>button{min-width:0;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .filtry > .pole{flex:1 1 100%}
  /* меню: листается пальцем вбок, «данные на…» прячется — иначе разделы и «Выйти» обрезаются */
  .shapka{gap:10px;padding:0 8px}
  .shapka .logo{font-size:14px}
  .menyu{flex:1;min-width:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .menyu::-webkit-scrollbar{display:none}
  .menyu a{white-space:nowrap;padding:6px 9px}
  .shapka .prava{margin-left:0}
  .shapka .svezhest{display:none}
  /* таблица — в своём окне (вбок и вниз), иначе широкая таблица растягивает страницу, и телефон считает
     шириной экрана всю её ширину: меню и карточки уезжают. Шапка колонок прилипает к верху окна. */
  .blok:has(.okno-tablicy){width:auto;min-width:0}
  .okno-tablicy{overflow:auto;max-height:calc(100dvh - 64px)}
  .okno-tablicy thead th{top:0}
  td.chisl{white-space:nowrap}
}