/* C2: правки вида для группы страниц «Склад» (второй круг). Подключается после c2.css.
   «Остатки» (.kv[data-page="stock"]), «Пересчёт» (.kv[data-page="count"]), «Закупки и фрахт» (.kv[data-page="purchases"]). */

/* ---------------------------------------------------------------- общее для группы */
:is(.kv[data-page="stock"],.kv[data-page="count"],.kv[data-page="purchases"]){gap:20px}
:is(.kv[data-page="stock"],.kv[data-page="count"],.kv[data-page="purchases"]) .k-card .k-h{align-items:center;gap:12px;margin-bottom:14px}
:is(.kv[data-page="stock"],.kv[data-page="count"],.kv[data-page="purchases"]) .k-card .k-h h2{margin:0}
:is(.kv[data-page="stock"],.kv[data-page="count"],.kv[data-page="purchases"]) .k-note{font-size:13px;line-height:1.5;color:#6B6B76;margin:12px 0 0}
:is(.kv[data-page="stock"],.kv[data-page="count"],.kv[data-page="purchases"]) .k-btn2,
.c2-pop .k-btn2.sk-go-count{min-height:40px;padding:0 16px;border-radius:12px;border:1px solid rgba(60,60,67,.14)!important;
  background:rgba(255,255,255,.78)!important;color:#1C1C1E!important;font-weight:600;font-size:14px;box-shadow:0 1px 2px rgba(16,24,40,.05);white-space:nowrap}
:is(.kv[data-page="stock"],.kv[data-page="count"],.kv[data-page="purchases"]) .k-btn2:hover{background:#fff!important}
:is(.kv[data-page="stock"],.kv[data-page="count"],.kv[data-page="purchases"]) .k-kpi-n .num{white-space:nowrap}
/* плитки: стоимость не переносится; на широком экране — в ряд */
.kv[data-page="stock"] .k-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
:is(.kv[data-page="count"],.kv[data-page="purchases"]) .k-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
:is(.kv[data-page="stock"],.kv[data-page="count"],.kv[data-page="purchases"]) .k-kpi-d{margin-top:auto;padding-top:2px}
:is(.kv[data-page="stock"],.kv[data-page="count"],.kv[data-page="purchases"]) .k-kpi-d>span:first-child{white-space:nowrap}
.kv[data-page="purchases"] .k-kpi-d .k-mut{font-weight:500}
/* оттенок плитки (tint) должен побеждать чередование по порядку из c2.css (там :nth-child сильнее класса) */
:is(.kv[data-page="stock"],.kv[data-page="count"],.kv[data-page="purchases"]) .k-kpis>.k-kpi.c2-t-rose{--t1:rgba(236,92,128,.2);--t2:rgba(236,92,128,.06);--ts:rgba(236,92,128,.38);--tc:#B02E55;--tb:rgba(236,92,128,.14)}
:is(.kv[data-page="stock"],.kv[data-page="count"],.kv[data-page="purchases"]) .k-kpis>.k-kpi.c2-t-amber{--t1:rgba(240,166,60,.22);--t2:rgba(240,166,60,.07);--ts:rgba(240,166,60,.4);--tc:#975A08;--tb:rgba(240,166,60,.17)}
:is(.kv[data-page="stock"],.kv[data-page="count"],.kv[data-page="purchases"]) .k-kpis>.k-kpi.c2-t-blue{--t1:rgba(64,140,230,.2);--t2:rgba(64,140,230,.06);--ts:rgba(64,140,230,.38);--tc:#1F5FA8;--tb:rgba(64,140,230,.14)}
:is(.kv[data-page="stock"],.kv[data-page="count"],.kv[data-page="purchases"]) .k-kpis>.k-kpi.c2-t-teal{--t1:rgba(52,170,180,.22);--t2:rgba(52,170,180,.07);--ts:rgba(52,170,180,.4);--tc:#1B6E77;--tb:rgba(52,170,180,.15)}
:is(.kv[data-page="stock"],.kv[data-page="count"],.kv[data-page="purchases"]) .k-kpis>.k-kpi.c2-t-indigo{--t1:rgba(94,92,230,.24);--t2:rgba(150,110,230,.08);--ts:rgba(94,92,230,.42);--tc:#4A48B8;--tb:rgba(94,92,230,.13)}
:is(.kv[data-page="stock"],.kv[data-page="count"],.kv[data-page="purchases"]) .k-kpis>.k-kpi.c2-t-green{--t1:rgba(62,156,105,.22);--t2:rgba(62,156,105,.07);--ts:rgba(62,156,105,.4);--tc:#22603F;--tb:rgba(62,156,105,.15)}

/* ---------------------------------------------------------------- «Остатки»: один список товаров */
.sk-c-list .k-h{justify-content:space-between}
.kv .sk-seg{display:inline-flex;flex:none}
.kv .sk-seg button{min-height:34px;padding:0 12px;font-size:13.5px;font-weight:600;white-space:nowrap;display:inline-flex;align-items:center;gap:5px}
.kv .sk-seg button i{font-style:normal;font-size:12px;color:#4A48B8}
.sk-c-list>.c2-key{margin-bottom:6px}

.sk-l{display:flex;flex-direction:column;margin-top:12px}
.sk-l-h,.kv .sk-l-r{display:grid;grid-template-columns:minmax(170px,240px) minmax(0,1fr) 112px 150px 132px 16px;column-gap:16px;align-items:center;
  width:calc(100% + 16px);margin:0 -8px;padding-left:8px;padding-right:8px;box-sizing:border-box}
.sk-l-h{padding-bottom:6px;font-size:12.5px;font-weight:600;color:#6B6B76}
.sk-l-h>.sk-l-d,.sk-l-h>.sk-l-m,.sk-l-h>.sk-l-v{text-align:right}
.sk-l-h>.sk-l-b{position:relative;align-self:stretch;min-height:22px}
.kv .sk-l-r{position:relative;min-height:58px;padding-top:9px;padding-bottom:9px;border:0!important;border-radius:12px;background:transparent!important;
  box-shadow:none!important;font:inherit;color:#1C1C1E;text-align:left;cursor:pointer}
.kv .sk-l-r+.sk-l-r::before,.sk-l-h+.sk-l-r::before{content:"";position:absolute;left:8px;right:8px;top:0;border-top:1px solid rgba(60,60,67,.08)}
.kv .sk-l-r:hover{background:rgba(118,118,128,.08)!important}
.kv .sk-l-r:focus-visible{outline:3px solid rgba(74,72,184,.45);outline-offset:0}
.sk-l-n,.sk-l-d,.sk-l-m{display:flex;flex-direction:column;gap:2px;min-width:0}
.sk-l-n b{font-size:15px;font-weight:600;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sk-l-r small{font-size:12.5px;line-height:1.3;color:#6B6B76;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.sk-l-r small .up{color:#2E7D52;font-weight:600}
.sk-l-r small .dn{color:#C2413A;font-weight:600}
.sk-l-d,.sk-l-m{align-items:flex-end;text-align:right}
.sk-l-d b,.sk-l-m b{font-size:14.5px;font-weight:600;line-height:1.3;white-space:nowrap;font-variant-numeric:tabular-nums}
.sk-l-d.neg b{color:#C2413A}
.sk-l-v{display:flex;justify-content:flex-end;min-width:0}
.sk-l-r>.c2-chev{margin:0;justify-self:end}
.sk-sm{display:none}

/* полоса: товар на складе, штриховка — с партией из Китая; черты срока партии и нормы */
.sk-l-r>.sk-l-b{position:relative;align-self:stretch;display:flex;align-items:center;min-width:0}
.sk-l-t{position:relative;display:block;width:100%;height:16px;border-radius:8px;background:rgba(118,118,128,.08)}
.sk-l-f{position:absolute;left:0;top:0;bottom:0;border-radius:8px;z-index:1}
.sk-l-x{position:absolute;top:1px;bottom:1px;border-radius:0 8px 8px 0;margin-left:-8px;padding-left:8px;box-sizing:content-box;
  background:repeating-linear-gradient(135deg,var(--c) 0 2.5px,transparent 2.5px 5.5px);opacity:.5;box-shadow:inset 0 0 0 1px var(--c)}
.sk-l-o{position:absolute;right:-13px;top:50%;transform:translateY(-55%);font-style:normal;font-size:18px;font-weight:700;line-height:1;color:rgba(60,60,67,.45)}
.sk-l-k{position:absolute;top:-9px;bottom:-9px;width:0;border-left:1.5px dashed rgba(60,60,67,.28);pointer-events:none;z-index:2}
.sk-l-k.lead{border-left-color:rgba(216,149,51,.9)}
.sk-l-k.cap{border-left:1.5px solid rgba(60,60,67,.16)}
.sk-l-h .sk-l-k{top:19px;bottom:-6px}
.sk-l-k em{position:absolute;top:-19px;font-style:normal;font-size:12px;font-weight:600;color:#8E8E93;white-space:nowrap;line-height:16px}
.sk-l-k.lead em{right:4px;color:#975A08}
.sk-l-k.cov em{left:4px}
.sk-l-k.cap em{right:0}

/* ---------------------------------------------------------------- окно товара: продажи по неделям */
.sk-wk{display:flex;flex-direction:column;gap:6px}
.sk-wk-p{position:relative;display:block}
.sk-wk-y{position:absolute;left:4px;transform:translateY(-115%);font-size:11.5px;font-weight:500;color:#8E8E93;background:rgba(255,255,255,.75);border-radius:4px;padding:0 4px;pointer-events:none}
.sk-wk-x{display:grid;font-size:12px;font-weight:500;color:#8E8E93;text-align:center;white-space:nowrap}
.sk-wk-x span{min-width:0}
/* подсказка у графика в окне должна быть над окном (в c2.css у .c2-tip z-index ниже, чем у .c2-layer) */
body:has(.c2-layer .sk-wk) .c2-tip{z-index:650}

/* ---------------------------------------------------------------- «Пересчёт» */
.cnt-card .k-h{justify-content:space-between}
.kv .cn-how{min-height:36px!important;padding:0 14px!important;font-size:13.5px!important}
.cnt-card .cnt-table{border-radius:18px;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.65);box-shadow:none;overflow-x:auto}
.cnt-card .cnt-row{border-top:1px solid rgba(60,60,67,.08);font-size:14px;padding:11px 18px}
.cnt-card .cnt-row.head{background:rgba(118,118,128,.06);font-size:12.5px;font-weight:600;color:#6B6B76;border-top:0;padding-top:10px;padding-bottom:10px}
.cnt-card .cnt-row code{color:#6B6B76;font-weight:600;font-size:12.5px}
.cnt-card .cnt-row small{font-size:12.5px;color:#6B6B76}
.cnt-card .cnt-row small.done{color:#22603F;font-size:13px}
.cnt-card .cnt-row em{border-radius:999px;font-size:13px}
.cnt-card .cnt-row em.ok{background:rgba(62,156,105,.14);color:#22603F}
.cnt-card .cnt-row em.bad{background:rgba(221,95,88,.14);color:#A8352F}
.cnt-card .cnt-row em.up{background:rgba(240,166,60,.18);color:#7A4806}
.cnt-card .cnt-row b.bad{color:#C2413A}
.cnt-card .cnt-row[data-st="bad"]{background:rgba(236,92,108,.035)}
.cnt-card .cnt-row>span.cnt-nm{flex-direction:column;align-items:flex-start;white-space:normal;overflow:visible;gap:1px;line-height:1.35;font-weight:600}
.cnt-card .cnt-row>span.cnt-nm code{margin:0}
.cnt-card .cnt-row button{min-height:38px;border-radius:12px;font-weight:600}
.cnt-card .cn-sm{display:none!important}
/* у каждой строки своя сетка: ширины столбцов задаём сами, чтобы строки не съезжали */
@media (min-width:761px){
  .cnt-card .cnt-row{grid-template-columns:minmax(150px,1.2fr) 210px 84px minmax(170px,1.4fr) 96px 92px 104px 120px}
  .cnt-card .cnt-row .cnt-c small{max-width:100%}
}

/* ---------------------------------------------------------------- «Закупки и фрахт» */
.pg-c-batches .k-h{justify-content:space-between}
.kv .pg-add{min-height:36px!important;padding:0 14px!important;font-size:13.5px!important}
.kv[data-page="purchases"] .pg-tw{min-width:0}
.kv[data-page="purchases"] .k-table.pg-t{border-collapse:separate;border-spacing:0;overflow:hidden!important;border-radius:18px!important}
.kv[data-page="purchases"] .k-table.pg-t th{padding:11px 12px!important}
.kv[data-page="purchases"] .k-table.pg-t td{padding:11px 12px!important}
.kv[data-page="purchases"] .k-table.pg-t th:first-child,.kv[data-page="purchases"] .k-table.pg-t td:first-child{padding-left:18px!important}
.kv[data-page="purchases"] .k-table.pg-t th:last-child,.kv[data-page="purchases"] .k-table.pg-t td:last-child{padding-right:14px!important}
.kv[data-page="purchases"] .k-table.pg-t tbody tr{cursor:pointer}
.kv[data-page="purchases"] .k-table.pg-t tbody tr:hover td{background:rgba(118,118,128,.07)}
.kv[data-page="purchases"] .pg-t .pg-nm{font-weight:600}
.kv[data-page="purchases"] .pg-t .num{font-variant-numeric:tabular-nums;white-space:nowrap}
.kv[data-page="purchases"] .pg-t th.pg-ch,.kv[data-page="purchases"] .pg-t td.pg-ch{width:18px;padding-left:0!important}
.kv[data-page="purchases"] .pg-t td.pg-ch .c2-chev{display:block;margin:0}
.kv .pg-nmb{border:0!important;background:none!important;box-shadow:none!important;padding:0;margin:0;min-height:0;font:inherit;font-size:14.5px;font-weight:600;color:#1C1C1E;text-align:left;cursor:pointer;line-height:1.35}
.kv .pg-nmb:hover{text-decoration:underline;text-decoration-color:rgba(60,60,67,.3);text-underline-offset:3px}
.kv[data-page="purchases"] .k-foot{padding-top:12px}
/* окно «Внести фрахт» */
.c2-pop .pg-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;padding:4px 0 6px}
.c2-pop .pg-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:500;color:#5E5E68;min-width:0}
.c2-pop .pg-form .pg-f-w{grid-column:1 / -1}
.c2-pop .pg-form input,.c2-pop .pg-form select{min-height:44px;padding:0 12px;font-size:15px;width:100%;box-sizing:border-box;min-width:0}
.c2-pop .pg-ff{display:flex;align-items:center;gap:14px}
.c2-pop .pg-ff .k-btn{flex:none;min-height:44px;padding:0 20px;border-radius:12px;font-weight:600;font-size:14.5px;white-space:nowrap}
.c2-pop .pg-ff span{font-size:12.5px;line-height:1.45;color:#6B6B76}

/* ---------------------------------------------------------------- планшет */
@media (max-width:1180px){
  .kv[data-page="stock"] .k-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sk-l-h,.kv .sk-l-r{grid-template-columns:minmax(150px,200px) minmax(0,1fr) 100px 132px 120px 16px;column-gap:14px}
}

/* ---------------------------------------------------------------- телефон */
@media (max-width:760px){
  :is(.kv[data-page="stock"],.kv[data-page="count"],.kv[data-page="purchases"]){gap:14px}
  :is(.kv[data-page="stock"],.kv[data-page="count"],.kv[data-page="purchases"]) .k-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  :is(.kv[data-page="count"],.kv[data-page="purchases"]) .k-kpis>.k-kpi:last-child:nth-child(odd){grid-column:1 / -1}
  :is(.kv[data-page="stock"],.kv[data-page="count"],.kv[data-page="purchases"]) .k-kpi-n{line-height:1.35}
  :is(.kv[data-page="stock"],.kv[data-page="count"],.kv[data-page="purchases"]) .k-kpi-d{font-size:12.5px!important}
  :is(.kv[data-page="stock"],.kv[data-page="count"],.kv[data-page="purchases"]) .k-kpi-d>span:first-child{white-space:normal;padding:3px 9px;border-radius:10px}
  :is(.kv[data-page="stock"],.kv[data-page="count"],.kv[data-page="purchases"]) .k-card .k-h{margin-bottom:12px}

  /* список товаров: две строки — имя, вывод, дни; полоса и вложено */
  .kv .sk-seg button{min-height:32px;padding:0 10px;font-size:13px}
  .sk-l{margin-top:10px}
  .sk-l-h,.kv .sk-l-r{grid-template-columns:minmax(0,max-content) minmax(0,1fr) 92px;column-gap:8px}
  .sk-l-h{grid-template-areas:"b b m";padding-bottom:4px}
  .sk-l-h>.sk-l-n,.sk-l-h>.sk-l-d,.sk-l-h>.sk-l-v{display:none}
  .sk-l-h>.sk-l-b{grid-area:b}
  .sk-l-h>.sk-l-m{grid-area:m;align-self:end;font-size:12px}
  .kv .sk-l-r{grid-template-areas:"n v d" "b b m";row-gap:7px;min-height:0;padding-top:10px;padding-bottom:10px}
  .sk-l-r>.sk-l-n{grid-area:n}
  .sk-l-r>.sk-l-v{grid-area:v;justify-content:flex-start}
  .sk-l-r>.sk-l-d{grid-area:d}
  .sk-l-r>.sk-l-b{grid-area:b}
  .sk-l-r>.sk-l-m{grid-area:m}
  .sk-l-r>.c2-chev{display:none}
  .sk-l-r small{display:none}
  .sk-l-n b{font-size:14.5px}
  .sk-l-n .sk-lg{display:none}
  .sk-l-n .sk-sm{display:inline}
  .sk-l-d b,.sk-l-m b{font-size:13.5px}
  .sk-l-v .k-chip{font-size:12px;padding:3px 9px!important}
  .sk-l-t{height:12px;border-radius:6px}
  .sk-l-f{border-radius:6px}
  .sk-l-x{border-radius:0 6px 6px 0}
  .sk-l-o{right:-11px;font-size:16px}
  .sk-l-k{top:-3px;bottom:-3px}
  .sk-l-h .sk-l-k{top:18px;bottom:-4px}
  .sk-l-k em{top:-18px;font-size:11px}
  .sk-wk-x span:nth-child(even){visibility:hidden}

  /* пересчёт: строка — компактная карточка: товар и разница; насчитали и стоимость; поправки и кнопка */
  .cnt-card .k-h h2{font-size:17px}
  .cnt-card .cnt-table{overflow:visible}
  .cnt-card .cnt-row{min-width:0;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"n d" "c v" "a b";gap:4px 12px;padding:12px 14px;align-items:center}
  .cnt-card .cnt-row.head{display:none}
  .cnt-card .cnt-row>.cnt-nm{grid-area:n}
  .cnt-card .cnt-row>.cnt-d{grid-area:d;align-items:flex-end}
  .cnt-card .cnt-row>.cnt-c{grid-area:c}
  .cnt-card .cnt-row>.cnt-v{grid-area:v;align-items:flex-end}
  .cnt-card .cnt-row>.adj{grid-area:a;flex-direction:row;flex-wrap:wrap;gap:0 4px;align-self:center}
  .cnt-card .cnt-row>.cnt-act{grid-area:b;align-items:flex-end}
  .cnt-card .cnt-row>.cnt-f,.cnt-card .cnt-row>.cnt-e{display:none}
  .cnt-card .cnt-row>span.cnt-nm{display:block;font-size:14.5px;line-height:1.35}
  .cnt-card .cnt-row>span.cnt-nm code{margin-right:6px}
  .cnt-card .cnt-row small{white-space:normal}
  .cnt-card .cnt-row .cnt-c b{font-size:13.5px;font-weight:600}
  .cnt-card .cnt-row .cnt-c small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .cnt-card .cn-lg{display:none!important}
  .cnt-card .cn-sm{display:block!important}
  .cnt-card .adj small.cn-sm{display:inline!important}
  .cnt-card .adj small:not(.cn-sm):not(:last-child)::after{content:","}
  .cnt-card .cnt-row>.cnt-act button{min-height:36px;padding:0 14px;font-size:13px}

  /* партии: строка — две строки, фрахт только если есть неоплаченный счёт */
  .kv[data-page="purchases"] .k-table.pg-t,.kv[data-page="purchases"] .k-table.pg-t tbody{display:block;width:100%}
  .kv[data-page="purchases"] .k-table.pg-t thead{display:none}
  .kv[data-page="purchases"] .k-table.pg-t tr{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"p w" "i v" "f f";gap:4px 12px;padding:11px 14px;
    border-bottom:1px solid rgba(60,60,67,.08);align-items:center}
  .kv[data-page="purchases"] .k-table.pg-t tr:last-child{border-bottom:0}
  .kv[data-page="purchases"] .k-table.pg-t td,.kv[data-page="purchases"] .k-table.pg-t td:first-child,.kv[data-page="purchases"] .k-table.pg-t td:last-child{padding:0!important;border:0!important;min-width:0;font-size:14px;white-space:normal;background:none!important}
  .kv[data-page="purchases"] .k-table.pg-t td[data-l]::before{display:none}
  .kv[data-page="purchases"] .pg-t td.pg-nm{grid-area:p;grid-column:auto;font-size:14.5px}
  .kv[data-page="purchases"] .k-table.pg-t td.pg-nm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .kv[data-page="purchases"] .pg-t td.pg-nm small{display:none}
  .kv[data-page="purchases"] .pg-t td small{white-space:nowrap}
  .kv[data-page="purchases"] .pg-t td.pg-wh{grid-area:w;text-align:right}
  .kv[data-page="purchases"] .pg-t td.pg-in{grid-area:i;color:#3C3C43;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .kv[data-page="purchases"] .pg-t td.pg-in small{display:inline;margin-left:6px}
  .kv[data-page="purchases"] .pg-t td.pg-cost{grid-area:v;text-align:right;font-weight:600}
  .kv[data-page="purchases"] .pg-t td.pg-fr{grid-area:f;display:none}
  .kv[data-page="purchases"] .pg-t td.pg-fr.due{display:block;text-align:left}
  .kv[data-page="purchases"] .pg-t td.pg-ch{display:none}
  .kv[data-page="purchases"] .pg-t .k-chip{font-size:12px;padding:3px 9px!important}
  .kv[data-page="purchases"] .k-foot .k-btn2{width:100%}
  .c2-pop .pg-form{grid-template-columns:1fr}
  .c2-pop .pg-ff{flex-direction:column;align-items:stretch;gap:8px}
}
/* «Товары» на складе и «Пересчёт»: строка «Итого» */
.kv .sk-l-r.sk-l-tot{cursor:default;min-height:0}
.kv .sk-l-r.sk-l-tot:hover{background:transparent!important}
.kv .sk-l-r.sk-l-tot::before{border-top:1.5px solid rgba(60,60,67,.2)!important}
.kv .sk-l-tot .sk-l-n b,.kv .sk-l-tot .sk-l-m b{font-weight:700}
.cnt-card .cnt-row.cnt-tot{border-top:1.5px solid rgba(60,60,67,.2);background:rgba(118,118,128,.04)}
.cnt-card .cnt-row.cnt-tot b{font-weight:700}
.cnt-card .cnt-row.cnt-tot>span.cnt-nm{font-weight:700}
@media (max-width:760px){
  .cnt-card .cnt-row.cnt-tot{grid-template-areas:"n d" "c v"}
  .cnt-card .cnt-row.cnt-tot>.adj,.cnt-card .cnt-row.cnt-tot>.cnt-act{display:none}
}
.cnt-card .cnt-row.cnt-tot>span.cnt-nm small{font-weight:400}