/* Новый вид экранов: стили группы «mkt». Подключён в index.html после app.css. */

/* ---- Маркетинг ---- */
.mk2 .mk2-ch{min-width:660px}
.mk2 .mk2-ch td{vertical-align:top}
.mk2 .mk2-ch td:last-child{vertical-align:middle}
.mk2 .mk2-ch td.r small{white-space:nowrap}
.mk2-over{margin:0;font-size:14.5px;line-height:1.5}
.mk2-go{margin:12px 0 0}
.mk2 .mk-fn small{line-height:1.4}
.mk2 .mk-trend{margin-top:22px}
.mk2 .mk-trend button{min-height:0;box-shadow:none}
.mk2 .mk-ceil{z-index:2;pointer-events:none}
.mk2 .mk-ceil span{right:auto;left:0;top:-20px;background:#fff;padding:0 4px 0 0;line-height:16px}

/* ---- Оплата за отзывы ---- */
.rv-new[hidden]{display:none}
.rv-act{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.rv-lines table{min-width:720px}
.rv .rv-del{min-height:40px;margin-left:12px;padding:0 12px;border-radius:10px;border:1px solid rgba(194,65,58,.25);background:#FBEAEA;color:#C2413A;
  font:inherit;font-size:13px;font-weight:500;cursor:pointer;box-shadow:none;vertical-align:middle}
.rv .rv-del:hover{background:#F6DCDB}
.rv .rv-rm{min-width:40px;min-height:40px;padding:0;border-radius:10px;border:1px solid rgba(194,65,58,.25);background:#FBEAEA;color:#C2413A;
  font-size:18px;line-height:1;cursor:pointer;box-shadow:none}
.rv-hist td.rv-d{white-space:nowrap;color:#595968;width:96px}
.rv-hist td small{line-height:1.45}
.rv-sku tr.rv-bad td{background:#FCF6EC}
.rv-sku td.r small{white-space:nowrap}

/* ---- Прибыли и убытки ---- */
.pl-tab{min-width:600px}
.pl-tab tr.pl-net td{background:#F1F8F3}
.pl-tab tr.k-hl td,.pl-tab tr.pl-net td{border-bottom-color:#E5E5EB}
.pl-tab td small .k-link{font-size:12.5px;padding:0}
.pl-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;margin-top:14px}
.pl-foot .k-note{margin:0;font-size:14px;color:#1C1C1E}
.pl-foot b{font-family:var(--num);font-weight:600}

@media (max-width:700px){
  /* каналы на телефоне: каждый канал — блок, у цифр подписи сверху */
  .mk2 .mk2-ch{min-width:0}
  .mk2 .mk2-ch thead{display:none}
  .mk2 .mk2-ch tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 14px;padding:14px 0;border-bottom:1px solid #F0F0F3}
  .mk2 .mk2-ch tr:last-child{border-bottom:0}
  .mk2 .mk2-ch td{padding:0;border:0;text-align:left;white-space:normal}
  .mk2 .mk2-ch td:first-child{grid-column:1 / -1;font-weight:600}
  .mk2 .mk2-ch td:first-child small{font-weight:400}
  .mk2 .mk2-ch td[data-l]::before{content:attr(data-l);display:block;font-size:12px;font-weight:400;color:#595968;margin-bottom:2px}
  .mk2 .mk2-ch td.mk2-ph-no{display:none}
  .mk2 .mk2-ch td:last-child{align-self:end}
  .mk2 .mk-trend{gap:4px}
  .rv-hist td.rv-d{width:auto}
  .rv .rv-hist .rv-del{display:block;margin:6px 0 0 auto}
  .pl-cols{min-width:520px}
  /* первый столбец таблицы «построчно» остаётся на месте при прокрутке вбок */
  .pl-tab th:first-child,.pl-tab td:first-child{position:sticky;left:0;z-index:1;background:#fff;padding-right:10px;max-width:150px}
  .pl-tab tr.k-hl td:first-child{background:#F8F8FA}
  .pl-tab tr.pl-net td:first-child{background:#F1F8F3}
}

/* общая таблица приложения даёт таблицам рамку со скруглением и тенью — новым таблицам этих экранов они не нужны */
.mk2 .k-table,.rv .k-table,.pl .k-table{box-shadow:none;border-radius:0;overflow:visible}
.rv-new #preview h2.sec{margin-top:20px}
/* пояснение под строкой: класс tag — чтобы значок «как считается» встал сразу после названия строки, а не под пояснением */
.pl-tab small.tag.pl-sub{display:block;white-space:normal;border:0;padding:0;margin:2px 0 0;background:none;border-radius:0;font-size:12.5px;color:#595968;font-weight:400;line-height:1.4}