/* C2: правки вида для группы страниц «sales». Подключается после c2.css. */
/* «Продажи»: «Товары» и «Заказы». Всё внутри .sl (страница) или .sl-layer (окно заказа). */

/* ---------------------------------------------------------------- страница */
.ovx .sl{display:flex;flex-direction:column;gap:20px;font-size:14.5px;color:#1C1C1E}
.ovx .sl .num{font-family:inherit}
.ovx .sl .pos{color:#2E7D52}
.ovx .sl .neg{color:#C2413A}
.ovx .sl .mut{color:#6B6B76}
.ovx .sl button:focus-visible,.ovx .sl a:focus-visible,.ovx .sl input:focus-visible,.ovx .sl tr:focus-visible{outline:3px solid rgba(74,72,184,.45);outline-offset:2px}
.ovx .sl .sl-note{margin:12px 0 0;font-size:13.5px;line-height:1.45;color:#6B6B76}
.ovx .sl .sl-lnk,.c2-pop .sl-lnk{color:#4A48B8;font-weight:600;cursor:pointer;text-decoration:underline;text-decoration-color:rgba(74,72,184,.35);text-underline-offset:3px;white-space:nowrap}
.ovx .sl .sl-btn,.c2-pop .sl-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:0 16px;border-radius:13px!important;
  border:1px solid rgba(60,60,67,.14)!important;background:rgba(255,255,255,.75)!important;color:#1C1C1E!important;font:inherit;font-size:14px;font-weight:600;cursor:pointer;box-shadow:none!important}
.ovx .sl .sl-btn:hover,.c2-pop .sl-btn:hover{background:#fff!important}
.ovx .sl .sl-btn:disabled{opacity:.45;cursor:default}
.ovx .sl .sl-btn.sl-calc-b,.c2-pop .sl-btn.sl-calc-b{gap:8px;padding:0 18px;border-color:#4A48B8!important;background:#4A48B8!important;color:#fff!important;box-shadow:0 8px 18px -10px rgba(74,72,184,.75)!important}
.ovx .sl .sl-btn.sl-calc-b:hover,.c2-pop .sl-btn.sl-calc-b:hover{background:#3F3DA8!important}
.sl-calc-b svg{flex:none}
.ovx .sl .sl-pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 12px;background:rgba(118,118,128,.1);color:#3C3C43;font-size:13.5px;font-weight:600;white-space:nowrap}

/* верхняя строка: период, шаг, сравнение */
.ovx .sl .ctl{gap:10px 12px}
.ovx .sl .stepper{background:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.65);border-radius:14px;box-shadow:var(--glass-sh);
  -webkit-backdrop-filter:var(--c2-blur);backdrop-filter:var(--c2-blur)}
.ovx .sl .stepper button{width:40px;height:40px;border:0!important;background:transparent!important;border-radius:11px!important;color:#1C1C1E;font-size:21px}
.ovx .sl .stepper button:hover:not(:disabled){background:rgba(255,255,255,.85)!important}
.ovx .sl .stepper b{font-size:15.5px;font-weight:700}
.ovx .sl .ctl .seg button{padding:8px 16px;font-size:14.5px}
.ovx .sl .sw{min-height:44px;border:1px solid rgba(255,255,255,.65)!important;background:rgba(255,255,255,.5)!important;border-radius:14px!important;
  box-shadow:var(--glass-sh)!important;-webkit-backdrop-filter:var(--c2-blur);backdrop-filter:var(--c2-blur);font-size:14.5px;font-weight:600;color:#1C1C1E;padding:8px 14px 8px 10px}
.ovx .sl .sw i{width:38px;height:22px;background:rgba(120,120,128,.24)}
.ovx .sl .sw i::after{width:18px;height:18px}
.ovx .sl .sw[aria-checked="true"] i{background:#5E5CE6}
.ovx .sl .sw[aria-checked="true"] i::after{transform:translateX(16px)}
.ovx .sl .cmp{font-size:14px;color:#6B6B76}
.ovx .sl .fresh{border:1px solid rgba(255,255,255,.65);background:rgba(255,255,255,.5);-webkit-backdrop-filter:var(--c2-blur);backdrop-filter:var(--c2-blur);
  font-size:13px;color:#3C3C43;padding:7px 13px;box-shadow:var(--glass-sh)}
.ovx .sl .fresh i{background:#3E9C69;box-shadow:0 0 0 3px rgba(62,156,105,.16)}
.ovx .sl .ctl-cap{margin:-8px 0 0;font-size:13px;color:#6B6B76}
/* название периода: кнопка с календарём («Свой период»); «Всё время»: вместо сравнения одна строка */
.ovx .sl .stepper .pcal{width:auto;min-width:150px;height:40px;padding:0 10px;justify-content:center;font-size:15.5px;font-weight:700;color:#1C1C1E}
.ovx .sl .sl-nocmp{margin:0;font-size:13.5px;line-height:1.4;color:#5E5E68;text-wrap:pretty}

/* плитки */
.ovx .sl .k-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
.ovx .sl .k-kpi-n .num{color:#3A3A44;font-weight:600}
.ovx .sl .k-kpi-d .k-mut{font-weight:500}

/* сетка карточек */
.ovx .sl .sl-grid{display:grid;gap:20px;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);grid-template-areas:"chart todo" "prod prod" "det det"}
.ovx .sl .sl-a-chart{grid-area:chart}.ovx .sl .sl-a-todo{grid-area:todo}.ovx .sl .sl-a-prod{grid-area:prod}.ovx .sl .sl-a-det{grid-area:det;scroll-margin-top:16px}
.ovx .sl .sl-a-list{grid-area:prod;scroll-margin-top:16px}
.ovx .sl .sl-grid.sl-one{grid-template-columns:minmax(0,1fr);grid-template-areas:"chart" "prod" "test"}
.ovx .sl .sl-a-test{grid-area:test}
.ovx .sl .sl-grid>.k-card{display:flex;flex-direction:column}
.ovx .sl .k-h .k-sub .sl-btn{min-height:40px}
.ovx .sl .k-h{align-items:center;margin-bottom:14px}
.ovx .sl .k-h .k-sub{font-size:13.5px}
.ovx .sl .c2-key{margin-bottom:14px}
.sl-tick{width:4px!important;height:16px!important;border-radius:2px!important;opacity:.75}

/* ---------------------------------------------------------------- полоса маржинальной прибыли в таблице товаров */
.ovx .sl .sl-pt{position:relative;display:block;height:10px;border-radius:5px;background:rgba(118,118,128,.08)}
.ovx .sl .sl-pt i{position:absolute;display:block}
.ovx .sl .sl-pb{top:0;bottom:0;border-radius:5px}
.ovx .sl .sl-pb.pos{background:var(--c2-win-h)}
.ovx .sl .sl-pb.neg{background:var(--c2-loss-h)}
.ovx .sl .sl-p0{top:-4px;bottom:-4px;width:1.5px;margin-left:-.75px;background:rgba(60,60,67,.3)}
.ovx .sl .pt td.sl-lc{width:320px;min-width:250px}
.ovx .sl .sl-lcw{display:flex;align-items:flex-start;gap:14px}
.ovx .sl .sl-lcw .sl-pt{flex:1 1 auto;min-width:100px;margin-top:6px}
.ovx .sl .sl-lv{display:flex;flex-direction:column;align-items:flex-end;flex:none;width:118px;text-align:right}
.ovx .sl button.sl-pcard{gap:9px;padding:13px 16px}
.ovx .sl .sl-pcard .sl-card-h{align-items:baseline}
.ovx .sl .sl-pcard .sl-cv{flex:none;font-size:15.5px;font-weight:700;white-space:nowrap}
.ovx .sl .sl-pcard .sl-cv.neg{color:#C2413A}.ovx .sl .sl-pcard .sl-cv.pos{color:#2E7D52}
.ovx .sl .sl-pcard .sl-pt{height:8px}
.ovx .sl .sl-card-s{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12.5px;color:#5E5E68;line-height:1.35}
.ovx .sl .sl-card-s .k-chip{flex:none;font-size:11.5px;padding:2px 9px!important}
.ovx .sl .sl-card-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}
.ovx .sl .sl-card-bar b{font-size:15px;font-weight:700;white-space:nowrap}
.ovx .sl .sl-card-bar b.neg{color:#C2413A}.ovx .sl .sl-card-bar b.pos{color:#2E7D52}
/* ссылки-номера заказов (результаты поиска) */
.ovx .sl .oid{border:0!important;background:none!important;box-shadow:none!important;padding:0;min-height:0;font:inherit;font-weight:600;color:#4A48B8;
  text-decoration:underline;text-decoration-color:rgba(74,72,184,.35);text-underline-offset:3px;cursor:pointer;border-radius:4px!important}

/* ---------------------------------------------------------------- таблицы в стеклянной коробке */
.ovx .sl .sl-tbox{overflow-x:auto;overscroll-behavior-x:contain;border-radius:18px;background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.75);scrollbar-width:thin}
.ovx .sl .sl-tbox table.pt{width:100%;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;font-size:14px}
.ovx .sl .pt th{padding:12px 10px!important;vertical-align:bottom;border-bottom:1px solid rgba(60,60,67,.1)!important}
.ovx .sl .pt th:first-child,.ovx .sl .pt td:first-child{padding-left:16px!important}
.ovx .sl .pt th:last-child,.ovx .sl .pt td:last-child{padding-right:16px!important}
.ovx .sl .pt th button{border:0!important;background:none!important;box-shadow:none!important;padding:2px 0;min-height:0;color:#6B6B76;font-size:12.5px;font-weight:600;border-radius:4px!important;cursor:pointer}
.ovx .sl .pt th button.on{color:#1C1C1E}
.ovx .sl .pt td{padding:12px 10px;border-bottom:1px solid rgba(60,60,67,.08)!important;vertical-align:top}
.ovx .sl .pt td small{font-size:12px;color:#6B6B76;margin-top:2px}
.ovx .sl .pt td small.neg{color:#C2413A}
.ovx .sl .pt .nm{font-weight:600}
.ovx .sl .pt .nm small{font-size:12px;color:#6B6B76;font-weight:400}
.ovx .sl .pt .sl-b{font-weight:600}
.ovx .sl .pt tbody tr[data-c2pop],.ovx .sl .pt tbody tr[data-open]{cursor:pointer}
.ovx .sl .pt tbody tr:hover td{background:rgba(118,118,128,.07)!important}
.ovx .sl .pt tbody tr.sel td{background:rgba(94,92,230,.09)!important}
.ovx .sl .pt tbody tr.sel td:first-child{box-shadow:inset 3px 0 0 #5E5CE6!important}
.ovx .sl .pt tr.tot td{font-weight:700;border-top:1.5px solid rgba(60,60,67,.2)!important;background:rgba(118,118,128,.04)}
.ovx .sl .pt tr.tot:hover td{background:rgba(118,118,128,.04)!important}
.ovx .sl .pt .k-chip{font-size:12px;padding:3px 10px!important}

/* карточки вместо таблицы на телефоне */
.ovx .sl .sl-cards{display:none;flex-direction:column;gap:10px}
.ovx .sl button.sl-card{display:flex;flex-direction:column;gap:12px;width:100%;margin:0;padding:14px 16px;border-radius:20px!important;text-align:left;font:inherit;color:#1C1C1E;cursor:pointer;
  border:1px solid rgba(255,255,255,.75)!important;background:rgba(255,255,255,.55)!important;box-shadow:0 8px 20px -14px rgba(16,24,40,.25)!important}
.ovx .sl button.sl-card.sel{box-shadow:0 0 0 2px #5E5CE6,0 8px 20px -14px rgba(16,24,40,.25)!important}
.ovx .sl .sl-card-h{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.ovx .sl .sl-card-h>span,.ovx .sl .sl-card-h>b{min-width:0}
.ovx .sl .sl-card-h b{font-size:15px;font-weight:650;line-height:1.3}
.ovx .sl .sl-card-h small{display:block;font-size:12.5px;color:#6B6B76;font-weight:400;margin-top:2px}
.ovx .sl .sl-card-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 8px}
.ovx .sl .sl-card-g>span{display:flex;flex-direction:column;gap:2px;font-size:12px;color:#6B6B76;min-width:0}
.ovx .sl .sl-card-g b{font-size:14px;font-weight:650;color:#1C1C1E;white-space:nowrap}
.ovx .sl .sl-card-g b.neg{color:#C2413A}.ovx .sl .sl-card-g b.pos{color:#2E7D52}
.ovx .sl .sl-more{align-self:center}

/* ---------------------------------------------------------------- одна продажа и калькулятор цены (окно) */
.sl-calc{display:flex;flex-direction:column;gap:18px;padding-top:14px;font-size:14.5px;color:#1C1C1E}
.sl-calc .num{font-variant-numeric:tabular-nums}
.sl-calc .neg{color:#C2413A}.sl-calc .pos{color:#2E7D52}
.sl-calc .u{display:flex;flex-direction:column}
.sl-calc .u-r{display:grid;grid-template-columns:minmax(120px,1fr) minmax(0,1fr) 100px 44px;gap:12px;align-items:center;padding:7px 0}
.sl-calc .u-l{min-width:0;font-weight:500}
.sl-calc .u-l small{display:block;font-size:12.5px;color:#6B6B76;font-weight:400}
.sl-calc .u-b{display:block;height:10px;border-radius:5px;background:rgba(118,118,128,.1);overflow:hidden}
.sl-calc .u-b i{display:block;height:100%;border-radius:5px}
.sl-calc .u-v{text-align:right;font-weight:600;white-space:nowrap}
.sl-calc .u-p{text-align:right;font-size:13px;color:#6B6B76;white-space:nowrap}
.sl-calc .u-r.pr .u-l{font-weight:600}
.sl-calc .u-r.tot{font-weight:700;border-top:1.5px solid rgba(60,60,67,.2);margin-top:6px;padding-top:12px}
.sl-calc .u-r.tot .u-l{font-weight:700}
.sl-calc .u-r.tot .u-v{font-size:16px}
.sl-calc .sim{padding:16px;border-radius:20px;background:rgba(118,118,128,.08);display:flex;flex-direction:column;gap:12px}
.sl-calc .sim-h{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px}
.sl-calc .sim-h>b{font-size:16px;font-weight:700}
.sl-calc .sim-h select,.sl-calc .sim-h .dd-btn{width:auto;min-width:230px;max-width:100%}
.sl-calc .sim-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}
.sl-calc .sim-in{display:inline-flex;align-items:center;gap:6px;height:46px;padding:0 14px;border-radius:13px;background:rgba(255,255,255,.9);border:1px solid rgba(60,60,67,.16)}
.sl-calc .sim-in:focus-within{border-color:#5E5CE6;box-shadow:0 0 0 3px rgba(94,92,230,.16)}
.sl-calc .sim-in input{border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;outline:0;padding:0;min-height:0;
  font:inherit;font-size:18px;font-weight:700;width:120px;color:#1C1C1E}
.sl-calc .sim-in i{font-style:normal;color:#6B6B76;font-weight:600}
.sl-calc .sim-t{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.sl-calc .sim-tl{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.8);min-width:0}
.sl-calc .sim-tl span{font-size:12.5px;color:#5E5E68}
.sl-calc .sim-tl b{font-size:19px;font-weight:700;color:#1C1C1E;white-space:nowrap}
.sl-calc .sim-tl b.pos{color:#2E8A57}.sl-calc .sim-tl b.neg{color:#C2413A}
.sl-calc .sim-tl small{font-size:12px;color:#6B6B76}
.sl-calc .sim-tl em,.sl-calc .sim-l em{font-style:normal;font-weight:600}
.sl-calc .sim-e{margin:0;font-size:14px;color:#5E5E68}
.sl-calc .sim-n{margin:0;font-size:13px;line-height:1.45;color:#5E5E68}
.sl-calc .sim-n .num{color:#1C1C1E;font-weight:600;white-space:nowrap}
.sl-calc .sim-n.warn,.sl-calc .sim-n.bad{padding:10px 12px;border-radius:12px;background:rgba(255,159,10,.12);color:#6B4A0E}
.sl-calc .sim-n.bad{background:rgba(255,59,48,.10);color:#7A2620}
.sl-calc .sim-hi{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.75)}
.sl-calc .sim-hi>b{font-size:14.5px;font-weight:700;color:#1C1C1E}
.sl-calc .sim-hi small{font-size:12.5px;color:#6B6B76}
.sl-calc .sim-tr{display:grid;grid-template-columns:minmax(min-content,1fr) auto auto auto;gap:2px 22px;align-items:baseline;padding:7px 0;border-bottom:1px solid rgba(60,60,67,.08);font-size:13.5px}
.sl-calc .sim-tr:last-child{border-bottom:0}
.sl-calc .sim-tr.sim-th{padding:0 0 5px;font-size:12px;color:#6B6B76}
.sl-calc .sim-pp,.sl-calc .sim-u,.sl-calc .sim-l{text-align:right;white-space:nowrap}
.sl-calc .sim-d{font-weight:600;white-space:nowrap}
.sl-calc .sim-th .sim-d{font-weight:400}
.sl-calc .sim-d i{display:block;font-style:normal;font-weight:500;font-size:12px;color:#A2650A;white-space:normal}
.sl-calc .sim-tr.thin .sim-u,.sl-calc .sim-tr.thin .sim-l{opacity:.6}
.sl-calc .sim-how{font-size:12.5px;line-height:1.45;color:#6B6B76}
.sl-calc .sim-how summary{cursor:pointer;width:max-content;font-size:13px;font-weight:600;color:#5E5CE6}
.sl-calc .sim-how p{margin:6px 0 0}
.sl-calc .sim-how .num{white-space:nowrap}
.sl-calc .pos{color:#2E8A57}.sl-calc .neg{color:#C2413A}
.sl-calc .sl-btn{min-height:42px}
.sl-calc .sl-btn:disabled{opacity:.45;cursor:default}

/* ---------------------------------------------------------------- «Тесты цены» */
.ovx .sl .ptst{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}
.ovx .sl .ptst-r{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.7);border:1px solid rgba(60,60,67,.08);min-width:0}
.ovx .sl .ptst-h{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.ovx .sl .ptst-h b{font-size:14.5px;font-weight:700;color:#1C1C1E;min-width:0}
.ovx .sl .ptst-c{flex:none;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;background:rgba(118,118,128,.12);color:#5E5E68}
.ovx .sl .ptst-c.good{background:rgba(52,199,89,.14);color:#1F7A44}.ovx .sl .ptst-c.bad{background:rgba(255,59,48,.12);color:#B3261E}
.ovx .sl .ptst-c.run{background:rgba(94,92,230,.12);color:#4A48B8}
.ovx .sl .ptst-s{font-size:13px;color:#5E5E68}.ovx .sl .ptst-s .num{color:#1C1C1E;font-weight:600;white-space:nowrap}
.ovx .sl .ptst-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ovx .sl .ptst-m{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:14px;background:rgba(118,118,128,.07);min-width:0}
.ovx .sl .ptst-m>span{font-size:12.5px;color:#5E5E68}
.ovx .sl .ptst-m b{font-size:17px;font-weight:700;color:#1C1C1E;white-space:nowrap}.ovx .sl .ptst-m b.pos{color:#2E8A57}.ovx .sl .ptst-m b.neg{color:#C2413A}
.ovx .sl .ptst-m small{font-size:12px;color:#6B6B76}.ovx .sl .ptst-m small .num{white-space:nowrap}
.ovx .sl .ptst-bar{position:relative;display:block;height:6px;margin-top:6px;border-radius:3px;background:rgba(118,118,128,.16)}
.ovx .sl .ptst-bar em{position:absolute;left:0;top:0;bottom:0;border-radius:3px;background:#E0A24A}.ovx .sl .ptst-bar em.ok{background:#3FA568}
.ovx .sl .ptst-bar u{position:absolute;top:-3px;bottom:-3px;width:2px;margin-left:-1px;border-radius:1px;background:#1C1C1E}
.ovx .sl .ptst-v{margin:0;font-size:13px;line-height:1.45;color:#3A3A40}.ovx .sl .ptst-v .num{font-weight:600;white-space:nowrap}
.ovx .sl .ptst-how{margin-top:12px;font-size:12.5px;line-height:1.45;color:#6B6B76}
.ovx .sl .ptst-how summary{cursor:pointer;width:max-content;font-size:13px;font-weight:600;color:#5E5CE6}
.ovx .sl .ptst-how p{margin:6px 0 0;max-width:760px}

/* ---------------------------------------------------------------- окна (C2.pop): низ окна товара */
.c2-pop .sl-pf{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;font-size:13.5px;color:#5E5E68}
.c2-pop .sl-xl{display:grid;font-size:12.5px;font-weight:500;color:#6B6B76;text-align:center;margin-top:8px}

/* ---------------------------------------------------------------- «Заказы» */
.ovx .sl .chart-w{position:relative}
.ovx .sl .chart-w svg{display:block;width:100%}
.ovx .sl .chart-w text{font-family:inherit;font-size:11.5px;fill:#6B6B76;font-weight:500}
.ovx .sl .chart-w rect.c2-hit{fill:transparent;cursor:default;transition:fill .12s ease}
.ovx .sl .chart-w rect.c2-hit:hover,.ovx .sl .chart-w rect.c2-hit.on{fill:rgba(118,118,128,.12)}
.ovx .sl .sl-lh{display:flex;flex-direction:column;gap:12px;margin-bottom:14px}
.ovx .sl .sl-lh-r{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px}
.ovx .sl .sl-tr{min-height:48px;border-radius:15px!important}
.ovx .sl .sl-tr b{font-weight:700;margin-left:4px}
.ovx .sl .sl-tr b::before{content:"·";margin-right:6px;color:#6B6B76}
.ovx .sl .osrch{display:flex;align-items:center;gap:10px;width:100%;max-width:520px;height:48px;padding:0 14px;border-radius:15px;cursor:text;
  background:rgba(255,255,255,.8);border:1px solid rgba(60,60,67,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.ovx .sl .osrch:focus-within{border-color:#5E5CE6;box-shadow:0 0 0 3px rgba(94,92,230,.16)}
.ovx .sl .osrch svg{width:19px;height:19px;flex:none;stroke:#6B6B76;fill:none;stroke-width:2;stroke-linecap:round}
.ovx .sl .osrch input{flex:1;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;outline:0;padding:0;min-height:0;min-width:0;
  font:inherit;font-size:16px;font-weight:500;color:#1C1C1E}
.ovx .sl .osrch input::placeholder{color:#6B6B76;font-weight:400}
.ovx .sl .fchips{display:flex;flex-wrap:wrap;gap:6px;margin:0}
.ovx .sl .fchips button{display:inline-flex;align-items:center;gap:8px;min-height:38px;border:0!important;border-radius:999px!important;padding:0 14px;
  background:rgba(118,118,128,.1)!important;color:#3C3C43;font-size:14px;font-weight:600;box-shadow:none!important;cursor:pointer}
.ovx .sl .fchips button:hover{background:rgba(118,118,128,.16)!important}
.ovx .sl .fchips button b{font-size:12.5px;font-weight:600;color:#6B6B76}
.ovx .sl .fchips button.on{background:#fff!important;color:#1C1C1E;box-shadow:0 3px 8px rgba(0,0,0,.1),0 3px 1px rgba(0,0,0,.03)!important}
.ovx .sl .fchips button.on b{color:#4A48B8}
.ovx .sl .else{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;margin:-4px 0 12px;font-size:13.5px;color:#6B6B76}
.ovx .sl .or-t td.pn{color:#3A3A44}
.ovx .sl .more-r{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px;font-size:13.5px}
.ovx .sl .sl-cards .num{font-family:inherit}

/* окно заказа: курьер */
.c2-pop .sl-cl{display:flex;flex-direction:column}
.c2-pop .sl-ci{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid rgba(60,60,67,.09);font-size:15px}
.c2-pop .sl-ci small{display:block;font-size:13px;color:#6B6B76}
.c2-pop .sl-ci b{font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
.c2-pop .sl-del{min-height:36px;padding:0 12px;border-radius:11px!important;border:1px solid rgba(60,60,67,.16)!important;background:rgba(255,255,255,.8)!important;color:#5E5E68;font-size:13px;font-weight:600;box-shadow:none!important;cursor:pointer}
.c2-pop .sl-del:hover{color:#C2413A;border-color:rgba(221,95,88,.4)!important}
.c2-pop .sl-del.arm{background:#C2413A!important;border-color:#C2413A!important;color:#fff}
.c2-pop .sl-cf{display:flex;flex-direction:column;gap:12px;margin-top:16px;padding:16px;border-radius:20px;background:rgba(118,118,128,.08)}
.c2-pop .sl-cf>b{font-size:15px;font-weight:700}
.c2-pop .sl-cf-g{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.c2-pop .sl-cf-g label{display:flex;flex-direction:column;gap:5px;font-size:13px;color:#6B6B76;min-width:0}
.c2-pop .sl-cf-g label:first-child{grid-column:1/-1}
@media (max-width:760px){.c2-pop .sl-cf-g label.sl-wide{grid-column:1/-1}}
.c2-pop .sl-cf-g input,.c2-pop .sl-cf-g select{width:100%;min-width:0;height:44px;padding:0 12px;font:inherit;font-size:15px;color:#1C1C1E;box-sizing:border-box}
.c2-pop .sl-cf-g .dd-btn{width:100%;min-height:44px}
.c2-pop .sl-cf .sl-go{align-self:flex-start;min-height:44px;padding:0 22px;border-radius:13px!important;border:0!important;background:#4A48B8!important;color:#fff!important;font:inherit;font-size:15px;font-weight:600;
  box-shadow:0 8px 18px -10px rgba(74,72,184,.75)!important;cursor:pointer}
.c2-pop .sl-cf .sl-go:hover{background:#3F3DA8!important}
.c2-pop .sl-cf .sl-go:disabled{opacity:.55}
.c2-pop .c2-pop-note .k-chip{font-size:12.5px;vertical-align:1px;margin-right:4px}
/* строки товаров в окне открывают окно товара */
.c2-pop .c2-r.sl-rlink{cursor:pointer;margin:0 -10px;padding-left:10px;padding-right:10px;border-radius:12px;transition:background .12s ease}
.c2-pop .c2-r.sl-rlink:hover{background:rgba(118,118,128,.08)}
.c2-pop .c2-r.sl-rlink:focus-visible{outline:3px solid rgba(74,72,184,.45);outline-offset:-2px}
/* подсказка, выпадающий список и сообщение поверх окна (у .c2-tip z-index 520, у .dd-pop 450, у окна 600) */
body:has(.sl-layer) .c2-tip{z-index:700}
body:has(.sl-layer) .dd-bg{z-index:640}
body:has(.sl-layer) .dd-pop{z-index:650}
body:has(.sl-layer) #toast{z-index:700}
/* сообщение об ошибке: в c2.css .bad красит текст красным, на красном фоне его не видно */
body:has(.sl) #toast.bad,body:has(.sl-layer) #toast.bad{color:#fff}

/* ---------------------------------------------------------------- планшет и телефон */
@container ovx (max-width:980px){
  .ovx .sl .k-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container ovx (max-width:900px){
  .ovx .sl .sl-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"chart" "prod"}
}
@container ovx (max-width:640px){
  .ovx .sl{gap:14px;font-size:14px}
  .ovx .sl .sl-grid{gap:14px}
  .ovx .sl .ctl-cap{margin:-4px 0 0}
  .ovx .sl .k-kpis{gap:12px!important}
  .ovx .sl .k-h{margin-bottom:12px}
  .ovx .sl .k-h h2{font-size:19px}
  .ovx .sl .sl-tbox.sl-pt-only{display:none}
  .ovx .sl .sl-a-prod .sl-tbox,.ovx .sl .sl-a-list .sl-tbox{display:none}
  .ovx .sl .sl-cards{display:flex}
  .ovx .sl .ctl .seg button{padding:7px 4px;font-size:14px;min-width:0}
  .ovx .sl .sw{padding:8px 12px 8px 8px;font-size:14px}
  .ovx .sl .osrch{max-width:none}
  .ovx .sl .sl-lh-r>.sl-tr{width:100%}
  .ovx .sl .sl-cw{display:none}
  .ovx .sl .k-h{flex-wrap:wrap;gap:8px 12px}
}
/* телефон: ряд периода. Название тянется между стрелками (длинное в две строки), четыре кнопки шага на своей строке */
@media (max-width:760px){
  .ovx .sl .ctl .stepper{min-width:0}
  .ovx .sl .ctl .stepper>button:not(.pcal){flex:none}
  .ovx .sl .ctl .stepper .pcal{flex:1 1 0;min-width:0;height:auto;min-height:40px;font-size:15px;line-height:1.25}
  .ovx .sl .ctl .stepper .pcal span{white-space:normal;text-align:center;text-wrap:balance}
  .ovx .sl .ctl .seg{flex:1 1 100%!important}
  .ovx .sl .ctl .seg button{flex:1 1 0;min-width:0}
  .ovx .sl .ctl .cmpbox .cmp{flex:1 1 0;min-width:0}
  .ovx .sl .sl-nocmp{flex:1 1 100%;font-size:13px}
}
@media (max-width:640px){
  .sl-calc .u-r{grid-template-columns:minmax(104px,1fr) minmax(0,.8fr) 88px;gap:8px;font-size:14px}
  .sl-calc .u-p{display:none}
  .sl-calc .sim{padding:14px}
  .sl-calc .sim-in{flex:1 1 0;min-width:0}
  .sl-calc .sim-in input{flex:1;width:0;min-width:0}
  .sl-calc .sim-h select,.sl-calc .sim-h .dd-btn{min-width:0;width:100%}
  .sl-calc .sim-row{flex-wrap:nowrap}
  .sl-calc .sim-row .sl-btn{flex:0 0 auto;white-space:nowrap}
  .sl-calc .sim-d{white-space:normal}
  .sl-calc .sim-t{grid-template-columns:1fr;gap:0;border-radius:16px;overflow:hidden;background:rgba(255,255,255,.8)}
  .sl-calc .sim-tl{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 12px;padding:10px 14px;border-radius:0;background:none;border-bottom:1px solid rgba(60,60,67,.08)}
  .sl-calc .sim-tl:last-child{border-bottom:0}
  .sl-calc .sim-tl b{grid-column:2;grid-row:1/3;font-size:17px;text-align:right}
  .sl-calc .sim-tl span{font-size:13.5px;color:#1C1C1E;font-weight:500}
  .sl-calc .sim-tr{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"d p" "u l";gap:2px 12px}
  .sl-calc .sim-d{grid-area:d}.sl-calc .sim-pp{grid-area:p}.sl-calc .sim-u{grid-area:u;text-align:left}.sl-calc .sim-l{grid-area:l}
  .sl-calc .sim-th .sim-d,.sl-calc .sim-th .sim-pp{display:none}
  .sl-calc .sim-tr .sim-u,.sl-calc .sim-tr .sim-l{color:#5E5E68}
}

/* ---------------------------------------------------------------- «По городам»: карта с тепловыми пятнами и список */
.ovx .sl.ct .k-h{flex-wrap:wrap;gap:10px 14px}
.ovx .sl.ct .k-h .k-sub{margin-left:auto}
.ovx .sl .ct-seg button{padding:7px 16px;font-size:14px}
.ovx .sl .ct-leg{display:flex;align-items:center;gap:10px;font-size:12.5px;color:#6B6B76;margin:0 0 10px}
.ovx .sl .ct-leg i{display:block;width:160px;height:8px;border-radius:4px}
.ovx .sl .ct-map{position:relative;width:100%;overflow:hidden;border-radius:20px;background:linear-gradient(180deg,rgba(226,236,248,.75),rgba(236,242,250,.4));border:1px solid rgba(255,255,255,.8)}
.ovx .sl .ct-map svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.ovx .sl .ct-nb{fill:rgba(255,255,255,.45);stroke:rgba(60,60,67,.12);stroke-width:1;stroke-linejoin:round}
.ovx .sl .ct-out path{fill:#fff;stroke:rgba(94,92,230,.5);stroke-width:3.2;stroke-linejoin:round}
.ovx .sl .ct-r{fill:#FAFAFD;stroke:none;cursor:pointer;transition:fill .12s ease}
.ovx .sl .ct-r:hover,.ovx .sl .ct-r.on{fill:#ECEEF9}
.ovx .sl .ct-heat{pointer-events:none}
.ovx .sl .ct-bd path{fill:none;stroke:rgba(94,92,230,.26);stroke-width:1.1;stroke-linejoin:round;pointer-events:none}
.ovx .sl .ct-dot{fill:#3D3BA8;stroke:#fff;stroke-width:2;pointer-events:none}
.ovx .sl .ct-hit{fill:transparent;cursor:pointer;transition:fill .12s ease}
.ovx .sl .ct-hit:hover,.ovx .sl .ct-hit.on{fill:rgba(61,59,168,.12);stroke:rgba(61,59,168,.55);stroke-width:1.6}
.ovx .sl .ct-sw{display:inline-block;width:14px;height:14px;border-radius:4px;background:#F6F6FA;border:1px solid rgba(60,60,67,.18);margin-left:8px}
.ovx .sl .ct-sw-c{border-radius:50%;background:#3D3BA8;border:2px solid #fff;box-shadow:0 0 0 1px rgba(60,60,67,.18)}
.ovx .sl .ct-leg{flex-wrap:wrap}
.ovx .sl .ct-lg{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}
.ovx .sl .ct-lg .ct-sw{margin-left:0}
.ovx .sl .ct-src{margin:6px 0 0;font-size:12px;color:#8E8E93}
.ovx .sl .ct-t tr.ct-zero td{color:#8E8E93}
.ovx .sl .sl-card.ct-zero{opacity:.7}
.c2-tip .c2-tt small{display:block;font-size:12px;font-weight:500;color:#8E8E93;margin-top:1px}
.ovx .sl .ct-lbl{position:absolute;transform:translate(10px,-50%);white-space:nowrap;pointer-events:none;padding:4px 9px;border-radius:9px;
  background:rgba(255,255,255,.9);box-shadow:0 4px 12px -6px rgba(16,24,40,.35);font-size:12.5px;line-height:18px;color:#3A3A44;font-variant-numeric:tabular-nums}
.ovx .sl .ct-lbl.l{transform:translate(calc(-100% - 10px),-50%)}
.ovx .sl .ct-lbl b{font-weight:650;color:#1C1C1E}
.ovx .sl .ct-bar{display:block;height:8px;border-radius:4px;background:rgba(118,118,128,.1);overflow:hidden}
.ovx .sl .ct-bar i{display:block;height:100%;border-radius:4px}
.ovx .sl .ct-t td.ct-nc{min-width:170px}
.ovx .sl .ct-nw{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}
.ovx .sl .ct-nw small{margin:0}
.ovx .sl .ct-t td.mut{color:#8E8E93;width:28px}
.ovx .sl .ct-t th:nth-child(2),.ovx .sl .ct-t td.nm,.ovx .sl .ct-t th:last-child,.ovx .sl .ct-t td.pn{text-align:left}
.ovx .sl .ct-t th:nth-child(2) button,.ovx .sl .ct-t th:last-child{text-align:left}
.ovx .sl .ct-t tbody tr[data-c2pop]{cursor:pointer}
.ovx .sl .sl-card .ct-bar{margin-top:-2px}
@container ovx (max-width:640px){
  .ovx .sl.ct .k-h .k-sub{margin-left:0;width:100%}
  .ovx .sl .ct-seg{display:flex;width:100%}
  .ovx .sl .ct-seg button{flex:1 1 0}
  .ovx .sl .ct-map{border-radius:14px;margin:0 -10px;width:calc(100% + 20px)}
  .ovx .sl .ct-lbl{font-size:12px;padding:3px 8px}
  .ovx .sl .ct-leg i{width:84px}
  .ovx .sl .ct-a-list .sl-tbox{display:none}
}

/* ---------------------------------------------------------------- заказы Kaspi «вживую» (js/kaspi_live.js) */
/* «По заказам»: отмены и возвраты — две плитки */
.ovx button.lv-b{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;margin:0;padding:14px 16px;border-radius:20px!important;text-align:left;font:inherit;color:#1C1C1E;cursor:pointer;
  border:1px solid rgba(255,255,255,.7)!important;background:linear-gradient(150deg,var(--t1),var(--t2)),rgba(255,255,255,.55)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 10px 24px -18px var(--ts)!important;transition:transform .12s ease}
.ovx button.lv-b:hover{transform:translateY(-1px)}
.ovx .lv-l{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:#3A3A44;white-space:nowrap}
.ovx .lv-l::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--tc);flex:none}
.ovx .lv-b b{font-size:26px;font-weight:700;letter-spacing:-.02em;line-height:1.1;font-variant-numeric:tabular-nums;color:#1C1C1E}
.ovx .lv-b small{max-width:100%;font-size:12.5px;line-height:1.35;color:#5E5E68}
.ovx .lv-b small .num{white-space:nowrap}
.ovx .lv-sync{font-size:13px;color:#6B6B76;white-space:nowrap}
.ovx .lv-sync.bad{color:#A8352F}
.ovx .sl .sl-grid.lv-on{grid-template-areas:"chart" "lv" "prod"}
.ovx .sl .sl-a-lv{grid-area:lv;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.ovx .sl .sl-a-lv>.lv-dk{grid-column:1/-1}
.ovx .sl .lv-dkb .k-bars{display:block;columns:2;column-gap:40px}
.ovx .sl .lv-dkb .k-bars-r{break-inside:avoid}
.ovx .sl .sl-a-lv .k-bars-r small .num{white-space:nowrap}
@container ovx (min-width:761px){
  .ovx .sl .sl-a-lv .k-bars-r{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr) auto auto}
}
.ovx .sl .sl-a-lv>.k-card{display:flex;flex-direction:column}
.ovx .lv-bx{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}
.ovx .lv-sub{font-size:12.5px;font-weight:600;color:#6B6B76;margin:6px 0 10px}
/* «Обзор»: полоса «Сейчас в Kaspi» над плитками */
.ovx .lv-strip{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:0 0 16px;padding:10px 12px;border-radius:18px;
  background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.75);box-shadow:var(--glass-sh);-webkit-backdrop-filter:var(--c2-blur);backdrop-filter:var(--c2-blur)}
.ovx .lv-h{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#1C1C1E;margin-right:4px;white-space:nowrap}
.ovx .lv-h i{width:8px;height:8px;border-radius:50%;background:#3E9C69;box-shadow:0 0 0 3px rgba(62,156,105,.18)}
.ovx button.lv-c{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 13px;border-radius:999px!important;border:0!important;
  background:rgba(118,118,128,.1)!important;color:#3C3C43;font:inherit;font-size:13.5px;font-weight:500;cursor:pointer;box-shadow:none!important;white-space:nowrap}
.ovx button.lv-c:hover{background:rgba(118,118,128,.16)!important}
.ovx button.lv-c b{font-weight:700;color:#1C1C1E}
.ovx button.lv-c.warn{background:rgba(240,166,60,.18)!important;color:#7A4806}
.ovx button.lv-c.bad{background:rgba(221,95,88,.16)!important;color:#8E2B26}
.ovx button.lv-c.warn b,.ovx button.lv-c.bad b{color:inherit}
.ovx .lv-strip .lv-sync{margin-left:auto}
/* «По городам»: скорость доставки по городам — список в две колонки на широком экране */
.ovx .sl .ct-spb .k-bars{display:block;columns:2;column-gap:40px}
.ovx .sl .ct-spb .k-bars-r{break-inside:avoid}
/* «Настройки»: Kaspi */
.c2set .ksp{grid-column:1/-1}
.c2set .ksp .ksp-l{font-weight:600;font-size:16px;color:#1C1C1E}
.c2set .ksp .adv-add input{text-align:left!important;font-size:15px!important;font-weight:500!important}
.c2set .ksp .ksp-a{margin-top:8px}
.c2set .ksp .ksp-n{margin:4px 0 0;font-size:13px;line-height:1.45}
.c2set .ksp .ksp-h{display:block;margin-top:6px}
.c2set .ksp .neg{color:#A8352F}
@container ovx (max-width:900px){
  .ovx .sl .sl-a-lv{grid-template-columns:minmax(0,1fr)}
}
@container ovx (max-width:760px){
  .ovx .sl .ct-spb .k-bars,.ovx .sl .lv-dkb .k-bars{columns:1}
}
@container ovx (max-width:640px){
  .ovx .lv-b b{font-size:22px}
  .ovx button.lv-b{padding:12px 14px}
  .ovx .lv-strip{padding:10px}
  .ovx .lv-strip .lv-sync{margin-left:0;width:100%}
  .ovx .sl .sl-a-lv{gap:14px}
}
/* «Обзор»: Придёт от Kaspi */
.ovx button.lv-c.pay{background:rgba(62,156,105,.14)!important;color:#1F6B44}
.ovx button.lv-c.pay b{color:inherit}

/* таблицы: колонки и подписи над ними — ровно */
/* калькулятор, «Когда вы меняли цену»: колонки общие для всех строк */
@media (min-width:641px){
  @supports (grid-template-columns:subgrid){
    .sl-calc .sim-ht{display:grid;grid-template-columns:minmax(min-content,1fr) auto auto auto;column-gap:22px}
    .sl-calc .sim-tr{grid-column:1/-1;grid-template-columns:subgrid}
  }
}
/* подпись без сортировки — тем же шрифтом и на той же высоте, что подписи-кнопки */
.ovx .sl .pt tr:has(th button) th:not(:has(button)){font-size:12.5px;font-weight:600;color:#6B6B76;padding-bottom:14px!important}
/* города: число заказов и полоса стоят слева, подпись тоже; «Итого» — как названия городов */
.ovx .sl .ct-t th:nth-child(3),.ovx .sl .ct-t th:nth-child(3) button,.ovx .sl .ct-t tr.tot td:nth-child(2),.ovx .sl .ct-t tr.tot td:nth-child(3){text-align:left}
/* «Товары»: строка «Итого» (без полосы, цифры в тех же колонках); на телефоне — под карточками */
.ovx .sl .sl-pt-off{visibility:hidden}
.ovx .sl .pr-t tr.tot{cursor:default}
.ovx .sl .sl-ctot{display:flex;flex-direction:column;gap:4px;padding:12px 16px;border-radius:18px;border:1.5px solid rgba(60,60,67,.14);background:rgba(118,118,128,.05)}
.ovx .sl .sl-ctot .sl-card-h{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.ovx .sl .sl-ctot .sl-card-h b:first-child{font-weight:700}
.ovx .sl .sl-ctot .sl-cv{font-size:15.5px;font-weight:700;white-space:nowrap}
.ovx .sl .sl-ctot .sl-cv.neg{color:#C2413A}.ovx .sl .sl-ctot .sl-cv.pos{color:#2E7D52}
.ovx .sl .sl-ctot-s{font-size:12.5px;color:#6B6B76}