/* ===== Токены. Тёмная тема продублирована ниже для ручного переключателя — править оба блока ===== */
:root{
  --bg:#f6f6f4; --card:#fff; --text:#1c1c1a; --muted:#66655f; --line:#e4e3de; --soft:#f0efeb;
  --accent:#1c1c1a; --accent-soft:#ebeae5; --on-accent:#fff;           /* нейтральный графит: синий — только у Ozon */
  --ok:#237a35; --ok-soft:#e6f4ea; --warn:#9a5200; --warn-soft:#fff1e0; --bad:#c92a2a; --bad-soft:#fdecec;
  --wb:#6b21a8; --wb-soft:#f1e6fd; --wb-line:#dcc8f6; --wb-strong:#8b3fd9;  /* Wildberries — светло-фиолетовый */
  --oz:#0b4fb3; --oz-soft:#e3edff; --oz-line:#bdd5fb; --oz-strong:#1f6fe5;  /* Ozon — светло-синий */
  --hdr-h:52px; --ctl-h:32px;
  color-scheme:light;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#141412; --card:#1d1d1b; --text:#ecebe6; --muted:#a19f97; --line:#33322e; --soft:#262623;
    --accent:#ecebe6; --accent-soft:#2e2e2b; --on-accent:#141412;
    --ok:#6cc183; --ok-soft:#1d3324; --warn:#f0a65a; --warn-soft:#3a2a17; --bad:#ff8787; --bad-soft:#3d1f1f;
    --wb:#d4b5fb; --wb-soft:#2e2240; --wb-line:#4a3566; --wb-strong:#b98af5;
    --oz:#9cc3ff; --oz-soft:#1a2a45; --oz-line:#2d4a75; --oz-strong:#6aa5ff;
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#141412; --card:#1d1d1b; --text:#ecebe6; --muted:#a19f97; --line:#33322e; --soft:#262623;
  --accent:#ecebe6; --accent-soft:#2e2e2b; --on-accent:#141412;
  --ok:#6cc183; --ok-soft:#1d3324; --warn:#f0a65a; --warn-soft:#3a2a17; --bad:#ff8787; --bad-soft:#3d1f1f;
  --wb:#d4b5fb; --wb-soft:#2e2240; --wb-line:#4a3566; --wb-strong:#b98af5;
  --oz:#9cc3ff; --oz-soft:#1a2a45; --oz-line:#2d4a75; --oz-strong:#6aa5ff;
  color-scheme:dark;
}
/* элемент с data-mp получает цвета своей площадки */
[data-mp="wb"]{--mp:var(--wb);--mp-soft:var(--wb-soft);--mp-line:var(--wb-line);--mp-strong:var(--wb-strong)}
[data-mp="oz"]{--mp:var(--oz);--mp-soft:var(--oz-soft);--mp-line:var(--oz-line);--mp-strong:var(--oz-strong)}
.mp{display:inline-block;font-size:11px;font-weight:700;line-height:16px;padding:0 6px;border-radius:4px;background:var(--mp-soft);color:var(--mp);box-shadow:inset 0 0 0 1px var(--mp-line);letter-spacing:.02em;white-space:nowrap}

/* ===== База ===== */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 -apple-system,"Segoe UI",Roboto,Arial,sans-serif}
a{color:var(--text);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:2px}
a:hover{text-decoration-color:var(--text)}
button,select,input{font:inherit;color:inherit}
button{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:0 12px;min-height:var(--ctl-h);cursor:pointer}
button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
a.btn{display:inline-flex;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:0 12px;min-height:var(--ctl-h);text-decoration:none}
button:disabled{opacity:.5;cursor:default}
select,input[type=text],input[type=number],input[type=date],input[type=search]{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:4px 8px;min-height:var(--ctl-h)}
:focus-visible{outline:2px solid var(--text);outline-offset:2px}
h1{font-size:22px;margin:0 0 4px} h2{font-size:18px;margin:0 0 10px} h3{font-size:15px;margin:14px 0 6px}
.muted,.mut{color:var(--muted)} .small{font-size:12px}
.neg{color:var(--bad)} .pos{color:var(--ok)} .grey{color:var(--muted)}
.spacer{flex:1}
.tag{display:inline-block;font-size:12px;padding:1px 8px;border-radius:10px;white-space:nowrap;text-decoration:none}
.t-ok{background:var(--ok-soft);color:var(--ok)} .t-warn{background:var(--warn-soft);color:var(--warn)}
.t-bad{background:var(--bad-soft);color:var(--bad)} .t-acc{background:var(--accent-soft);color:var(--text)}
.banner{border-radius:10px;padding:10px 14px;margin-bottom:14px;border-left:4px solid var(--ok);background:var(--ok-soft)}
.banner.warn{border-color:var(--warn);background:var(--warn-soft)} .banner.bad{border-color:var(--bad);background:var(--bad-soft)}

/* ===== Шапка и навигация ===== */
header.top{position:sticky;top:0;z-index:5;background:var(--card);border-bottom:1px solid var(--line)}
header.top .in{max-width:1560px;margin:0 auto;padding:8px 16px;display:flex;gap:16px;align-items:center}
header.top b{font-size:17px}
nav.tabs{display:flex;gap:4px}
nav.tabs a{padding:5px 10px;border-radius:8px;color:var(--muted);font-weight:500;text-decoration:none}
nav.tabs a.on{background:var(--soft);color:var(--text);font-weight:600}
main{max-width:1560px;margin:0 auto;padding:16px 16px 64px}
.bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
/* сегментированный переключатель: выбранный — светлая «кнопка» на сером; площадка — в своём цвете */
.seg{display:inline-flex;gap:2px;padding:2px;background:var(--soft);border:1px solid var(--line);border-radius:9px}
.seg button{border:0;border-radius:7px;background:transparent;color:var(--muted);min-height:calc(var(--ctl-h) - 4px);padding:0 12px;font-weight:500}
.seg button.on{background:var(--card);color:var(--text);font-weight:600;box-shadow:0 1px 2px rgb(0 0 0/.12),0 0 0 1px var(--line)}
.seg button[data-mp].on{background:var(--mp-soft);color:var(--mp);box-shadow:0 0 0 1px var(--mp-line)}

/* ===== Сводка над списком ===== */
.sumline{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 10px}
.sumline .chip{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:6px 12px;font-size:14px;text-decoration:none;color:inherit}
.sumline .chip b{font-size:17px;font-variant-numeric:tabular-nums}
.sumline .chip.bad{background:var(--bad-soft);border-color:transparent}
.sumline .chip.warn{background:var(--warn-soft);border-color:transparent}
details.help{margin:0 0 10px;font-size:12px;color:var(--muted)}
details.help summary{cursor:pointer}

/* ===== Таблицы ===== */
.tbl{overflow:auto;border:1px solid var(--line);border-radius:10px;background:var(--card)}
.tbl.desk{max-height:calc(100dvh - var(--hdr-h) - 24px)}
table{border-collapse:collapse;width:100%;font-size:14px}
th,td{padding:7px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;white-space:nowrap}
th{background:var(--soft);font-weight:600;font-size:13px;position:sticky;top:0;z-index:1;vertical-align:bottom}
tr:last-child td{border-bottom:0}
td.n,th.n{text-align:right;font-variant-numeric:tabular-nums}
.tbl tbody tr:hover td{background:var(--soft)}
td.cost{color:var(--muted)}
td.prod{white-space:normal;min-width:200px}
a.prod,div.prod{display:flex;gap:10px;align-items:center;color:inherit;text-decoration:none}
a.prod:hover .t{text-decoration:underline}
.prod img{width:30px;height:40px;object-fit:cover;border-radius:4px;background:var(--soft);flex:none}
.prod .t{font-size:13px;line-height:1.3}
.prod .m{color:var(--muted);font-size:12px}
.pc{display:block;font-size:11px;line-height:14px;margin-top:1px;color:var(--muted);font-weight:400}
th.end1,td.end1{border-left:2px solid var(--line)}
td.big1 b{font-size:16px}
tr.loss td:first-child{box-shadow:inset 3px 0 0 var(--bad)}
tr.grp td{background:var(--bg);font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:600;padding-top:12px;position:static}
tr.grp.bad td{color:var(--bad)}
tr.nocogs td{color:var(--muted)}
/* на узком экране таблица едет вбок — название товара остаётся на месте (список и себестоимость) */
.tbl.desk td.prod,.costs .tbl td.prod{position:sticky;left:0;background:var(--card);z-index:1}
.tbl.desk th:first-child,.costs .tbl th:first-child{left:0;z-index:2}
.tbl.desk tbody tr:hover td.prod,.costs .tbl tbody tr:hover td.prod{background:var(--soft)}
.mcards h3.bad{color:var(--bad)}
/* страница товара: при одной-двух колонках цифр таблица не растягивается на весь экран; факт — не шире таблицы */
table.ue.narrow{width:auto;min-width:min(100%,560px)}
.panel.fact{max-width:960px}
th .pc{text-transform:none;letter-spacing:0}

/* ===== Страница товара ===== */
.phead{display:grid;gap:4px;margin-bottom:6px}
.phead h1{font-size:clamp(22px,3.5vw,30px);line-height:1.15}
.sku{color:inherit}
.eyebrow{display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:12px;color:var(--muted)}
.lead{color:var(--muted);margin:0;max-width:80ch}
.ptabs{display:flex;gap:2px;border-bottom:2px solid var(--line);margin:6px 0 10px}
.ptabs button{border:0;border-radius:8px 8px 0 0;background:transparent;padding:8px 18px;font-size:15px;font-weight:600;color:var(--muted);margin-bottom:-2px;border-bottom:3px solid transparent}
.ptabs button[data-mp]:not(.on):hover{color:var(--mp)}
.ptabs button[data-mp].on{color:var(--mp);background:var(--mp-soft);border-bottom-color:var(--mp-strong)}
.ptabs button.on:not([data-mp]){color:var(--text);border-bottom-color:var(--text);background:var(--card)}
.blk{display:grid;gap:10px;margin:12px 0}
.panel{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px;min-width:0}
.table-scroll{overflow-x:auto}
table.ue{min-width:560px}
table.ue th .sub{display:block;font-weight:500;font-size:11.5px;color:var(--muted)}
table.ue th[data-mp]{background:var(--mp-soft);color:var(--mp);box-shadow:inset 0 3px 0 var(--mp-strong)}
table.ue th[data-mp] .sub{color:inherit;opacity:.75}
table.ue td:first-child{white-space:normal;min-width:220px}
table.ue td .note{display:block;color:var(--muted);font-size:12px;line-height:1.3;margin-top:1px}
table.ue tr.group td{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600;padding-top:14px;border-bottom:0}
table.ue tr.sub td{border-top:1px dashed var(--line);color:var(--muted)}
table.ue tr.sub td.n{color:var(--text)}
table.ue tr.profit td{font-weight:700;font-size:15px;background:var(--soft);border-top:1.5px solid var(--text)}
table.ue tr.profit.neg td{background:var(--bad-soft)}
table.ue td.main,table.ue th.main{background:var(--soft)}
table.ue .col-total{border-left:1px solid var(--line)}
table.ue tr.kpirow td{border-bottom:1px dashed var(--line)}
.callout{background:var(--soft);border-left:3px solid var(--line);border-radius:0 10px 10px 0;padding:10px 14px;margin-top:12px;display:grid;gap:4px;font-size:14px}
.callout.warn{background:var(--warn-soft);border-left-color:var(--warn)}
/* итог над таблицей товара */
.totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.tot{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.tot .l{font-size:12px;color:var(--muted)}
.tot .v{font-size:24px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.2}
.tot .s{font-size:12px;color:var(--muted)}

/* ===== Калькулятор ===== */
.calcgrid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:16px;align-items:start}
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}
.sc{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px}
.sc-head{display:flex;justify-content:space-between;align-items:baseline;gap:6px}
.pill{font-size:12px;padding:1px 8px;border-radius:999px;background:var(--soft);color:var(--muted);white-space:nowrap}
.big{font-size:24px;font-weight:700;font-variant-numeric:tabular-nums;margin:4px 0 0}
.big small{font-size:13px;color:var(--muted);font-weight:400}
.delta{font-size:12.5px;font-variant-numeric:tabular-nums;margin-bottom:6px;min-height:18px}
.kv{display:grid;grid-template-columns:1fr auto;gap:2px 10px;font-size:13px;margin:0}
.kv dt{color:var(--muted)} .kv dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}
.side{position:sticky;top:calc(var(--hdr-h) + 8px);max-height:calc(100vh - var(--hdr-h) - 16px);overflow:auto;overscroll-behavior:contain;padding-top:0}
.side-h{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0 6px}
.calc-sum{position:sticky;top:0;z-index:2;background:var(--card);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:8px 0;font-size:11.5px;font-variant-numeric:tabular-nums}
.calc-sum b{display:block;font-size:15px}
.legend{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600;margin:14px 0 4px}
details.adv{margin-top:10px;border-top:1px solid var(--line);padding-top:6px}
details.adv summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--muted);padding:4px 0}
.sl{margin:4px -6px;padding:4px 6px;border-radius:8px}
.sl.changed{background:var(--mp-soft,var(--accent-soft))}
.sl-h{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;font-size:13px}
.sl-h label .hint{display:block;color:var(--muted);font-size:11.5px;line-height:1.25}
.seg.mini{margin:2px 0 0}
.seg.mini button{min-height:24px;padding:0 9px;font-size:12px}
.sl .was{display:block;font-size:11px;color:var(--muted);text-align:right;min-height:14px}
.num-w{display:inline-flex;align-items:center;gap:4px;flex:none}
.num-w .num{width:96px;text-align:right;padding:3px 6px;font-variant-numeric:tabular-nums;font-weight:600}
.num-w .u{color:var(--muted);font-size:12px;min-width:44px}
.rst{min-height:0;padding:0 6px;border:0;background:transparent;color:var(--muted)}
.sl:not(.changed) .rst{visibility:hidden}
.sl input[type=range]{width:100%;accent-color:var(--mp-strong,var(--text));margin:4px 0 0}
.src{font-size:10.5px;color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:0 4px;margin-left:4px;vertical-align:1px;font-weight:400}

/* ===== Себестоимость ===== */
.costs .bar{position:sticky;top:var(--hdr-h);z-index:4;background:var(--bg);padding:8px 0;margin:0}
.costs input.cost{width:84px;text-align:right;background:var(--soft);border-color:transparent}
.costs input.cost:placeholder-shown{background:transparent;border:1px dashed var(--line)}
.costs input.cost:focus{background:var(--card);border:1px solid var(--text);outline:0}
.costs input.from{background:transparent;border-color:transparent;color:var(--muted);font-size:13px}
.costs input.from:hover,.costs input.from:focus{border-color:var(--line);color:var(--text)}
.costs tr[data-dirty] td{background:var(--warn-soft)}
.costs tr.empty td:first-child{box-shadow:inset 3px 0 0 var(--warn)}

/* ===== Загрузки ===== */
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin-bottom:14px}
.cov td.c{width:18px;height:18px;padding:0;text-align:center;font-size:11px}
.cov .ok{background:var(--ok-soft);color:var(--ok)} .cov .empty{background:var(--soft);color:var(--muted)}
.cov .partial,.cov .missing{background:var(--warn-soft);color:var(--warn)} .cov .error{background:var(--bad-soft);color:var(--bad)}

/* ===== Узкие экраны и телефон ===== */
.mcards{display:none}
@media (max-width:1000px){
  .calcgrid{grid-template-columns:minmax(0,1fr)}
  .side{position:static;max-height:none;overflow:visible}
  .calc-sum{position:sticky;top:var(--hdr-h);border:1px solid var(--line);border-radius:10px;padding:6px 8px;margin:0 0 8px}
  .cards,.totals{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  header.top .in{padding:8px 10px;gap:6px}
  header.top b{display:none}
  nav.tabs{flex:1;overflow-x:auto;scrollbar-width:none}
  nav.tabs a{padding:8px 7px;white-space:nowrap;font-size:14px}
  #themeBtn{padding:0 8px}
  main{padding:12px 12px 48px}
  input,select{font-size:16px}
  .seg button{min-height:38px}
  .desk{display:none}
  .mcards{display:block}
  .mc{display:block;color:inherit;text-decoration:none;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:10px}
  .mc.loss{border-color:var(--bad);background:var(--bad-soft)}
  .mc .prod{align-items:flex-start}
  .mc-profit{margin-left:auto;text-align:right;font-size:17px;font-variant-numeric:tabular-nums}
  .mc-kv{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0 0;padding-top:8px;border-top:1px solid var(--line)}
  .mc-kv dt{font-size:11px;color:var(--muted)} .mc-kv dd{margin:0;font-size:13px;font-variant-numeric:tabular-nums}
  .panel{padding:10px}
  table.ue{min-width:0;font-size:13px}
  table.ue td:first-child,table.ue th:first-child{position:sticky;left:0;z-index:1;background:var(--card);min-width:128px;max-width:150px;box-shadow:1px 0 0 var(--line)}
  table.ue th:first-child{background:var(--soft);z-index:2}
  table.ue td .note,table.ue th .sub{display:none}
  table.ue td .note.keep{display:block}                       /* цена покупателя, выкуп, итог — нужны и на телефоне */
  table.ue.calc .nr{display:none}                              /* калькулятор: только колонки «с рекламой», с подписью */
  table.ue.calc th .sub{display:block}
  table.ue.vs td:last-child{white-space:normal;min-width:96px} /* «Где лучше» переносится, а не обрезается */
  .side{padding-top:0}
  .ptabs button{flex:1;padding:8px 10px}
  .big,.tot .v{font-size:20px}
  .num-w .num{width:84px}
}
/* цвет площадки виден и у невыбранных вкладок и кнопок; у выбранной — насыщеннее и с подчёркиванием */
.ptabs button[data-mp]{color:var(--mp);background:color-mix(in srgb,var(--mp-soft) 60%,transparent)}
.ptabs button[data-mp].on{background:var(--mp-soft);box-shadow:inset 0 0 0 1px var(--mp-line)}
.seg button[data-mp]{color:var(--mp);background:color-mix(in srgb,var(--mp-soft) 55%,transparent)}
/* кнопка «Убрать»: неброская, при подтверждении — красная */
.hide-btn{color:var(--muted);font-size:13px;min-height:28px}
.hide-btn.danger,.hide-btn:hover{color:var(--bad);border-color:var(--bad)}

/* ===== Новые товары (newprod.js): расчёт товара, которого ещё нет в продаже ===== */
.np [hidden]{display:none !important}
.np a.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}
.np-save{position:sticky;top:var(--hdr-h);z-index:4;background:var(--bg);padding:8px 0;margin:0 0 8px}
.np-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start;margin-bottom:14px}
.np-form h2{display:flex;gap:8px;align-items:center;font-size:16px;margin:0 0 8px}
.np-mp{border-top:3px solid var(--mp-strong);background:color-mix(in srgb,var(--mp-soft) 40%,var(--card))}
.np-f{margin:4px 0 10px;font-size:13px}
.np-f>label{display:block;margin-bottom:3px}
.np-f .hint{display:block;color:var(--muted);font-size:11.5px;line-height:1.25}
.np-f input[type=text]:not(.num),.np-f input[type=search],.np-f select{width:100%}
.np-row{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
.np-row>label{margin:0}
.np-dims{display:flex;align-items:center;gap:6px;color:var(--muted)}
.np-dims input.num{width:72px;text-align:right;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text)}
.np-search{position:relative}
.np-dd{position:absolute;left:0;right:0;top:100%;z-index:6;margin-top:2px;max-height:320px;overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:8px;box-shadow:0 6px 20px rgb(0 0 0/.18)}
.np-dd button{display:block;width:100%;text-align:left;border:0;border-radius:0;border-bottom:1px solid var(--line);padding:6px 10px;min-height:0;background:transparent;font-size:13px;line-height:1.3}
.np-dd button:last-child{border-bottom:0}
.np-dd button.act,.np-dd button:hover{background:var(--mp-soft)}
.np-dd .s{display:block;color:var(--muted);font-size:11.5px}
.np-dd-m{padding:8px 10px;font-size:13px;color:var(--muted)}
.np-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 4px}
.tot[data-mp]{border-top:3px solid var(--mp-strong);background:color-mix(in srgb,var(--mp-soft) 40%,var(--card))}
.tot[data-mp] .v{font-size:28px}
input.np-tm{width:56px;text-align:right;padding:1px 4px;min-height:0}
td.np-pend{text-align:center;vertical-align:middle;color:var(--muted);font-size:13px;white-space:normal;min-width:110px;background:var(--soft)}
.np-zero{margin-top:28px}
.np-zgrid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:8px}
.np-zgrid .panel[data-mp]{border-top:3px solid var(--mp-strong)}
.np-zgrid h3{margin:0 0 6px;display:flex;gap:8px;align-items:center}
table.ue.np-z{min-width:520px}
table.ue.np-z td:first-child{min-width:56px}
.np-list th[data-mp]{background:var(--mp-soft);color:var(--mp)}
.np-list th .pc{font-weight:500}
.np-list td.act{white-space:nowrap}
.np-list td.act .btn,.np-list td.act button{min-height:28px;font-size:13px}
.np-cats{white-space:normal;min-width:180px;font-size:12.5px;line-height:1.6}
@media (min-width:1200px){.np-zgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:1000px){.np-form{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){
  .np-save h1{font-size:18px}
  .np-tiles{grid-template-columns:minmax(0,1fr)}
  .tot[data-mp] .v{font-size:22px}
  table.ue.np-z{min-width:0}
  .np-dims input.num{width:64px}
  .mc .np-cats,.mc .m{line-height:1.6}
}