/* «Ежедневная сводка → Конкуренты». Визуальная структура перенесена из svodka.html,
   цвета и размеры приведены к дизайн-системе MP Manager. */
.sumcmp{padding:0 18px 36px;margin-top:18px}
.sumcmp-head{display:flex;align-items:center;gap:10px;padding:14px 16px;background:var(--panel);
  border:1px solid var(--line);border-radius:var(--r-lg);cursor:pointer;position:sticky;
  top:var(--head-h,120px);z-index:3;box-shadow:0 4px 14px rgba(25,32,46,.06)}
.sumcmp-head h2{font-size:16px;margin:0}.sumcmp-head .arr{margin-left:auto;color:var(--muted)}
.sumcmp.open .sumcmp-head .arr{transform:rotate(180deg)}
.sumcmp-body{display:none;padding-top:12px}.sumcmp.open .sumcmp-body{display:block}
.cmp-note{background:var(--warn-soft);border:1px solid #edcf9d;color:#7d520c;border-radius:var(--r-md);
  padding:8px 11px;font-size:12px;margin-bottom:10px}
.cmp-note.bad{background:var(--bad-soft);border-color:#efc2c2;color:#8f2929}
/* Предупреждение о качестве источника — над цифрами отчёта, в том же ключе, что .cmp-note. */
.cmp-warn{background:var(--warn-soft);border:1px solid #edcf9d;color:#7d520c;border-radius:var(--r-md);
  padding:9px 12px;font-size:12px;line-height:1.45;margin-bottom:10px}
.cmp-warn-soft{background:var(--panel);border-color:var(--line);color:var(--muted)}
.cmpbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--panel);
  border:1px solid var(--line);border-radius:var(--r-lg);padding:10px 12px;margin-bottom:12px}
.cmpbar label{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}
.cmpbar input[type=date]{font-size:12px;padding:5px 8px}.cmpbar .cmp-spacer{flex:1}
.cmp-filter-chips{display:flex;gap:5px;flex-wrap:wrap}
.cmp-filter-chips button,.cmp-mini-btn{border:1px solid var(--line);background:var(--panel2);color:var(--text);
  border-radius:16px;padding:4px 9px;font-size:11px;cursor:pointer}
.cmp-filter-chips button.on,.cmp-mini-btn.on{background:var(--accent);border-color:var(--accent);color:#fff}
.cmpblock{border:1px solid var(--line);border-radius:var(--r-lg);padding:16px;margin-bottom:16px;background:#fafbfc}
.cmpblock>h3{font-size:15px;margin:0 0 12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cmp-mp{display:inline-flex;align-items:center;justify-content:center;border-radius:5px;padding:1px 6px;
  font-size:10px;font-weight:800}.cmp-mp.wb{background:#f1e8ff;color:#6d28d9}.cmp-mp.ozon{background:#dfeafe;color:#1d4ed8}
/* Одна панель с зазором 1px вместо карточек со своей рамкой (DEVELOPMENT.md §1, §6) —
   границы ячеек рисует сама сетка на фоне var(--line), ячейка своей рамки не имеет. */
.cmpcharts{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);
  border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:12px}
.cmpbox{background:var(--panel);padding:10px 12px;min-width:0}
.cmpbox.wide{grid-column:1/-1}.cmpbox-title{font-size:11px;color:var(--muted);margin-bottom:8px}
.cmp-donut-wrap{display:flex;align-items:center;justify-content:center;gap:22px;height:180px}
.cmp-donut{width:132px;height:132px;border-radius:50%;display:grid;place-items:center;position:relative}
.cmp-donut::after{content:"";position:absolute;inset:24px;border-radius:50%;background:var(--panel)}
.cmp-donut-label{position:relative;z-index:1;text-align:center}.cmp-donut-label b{display:block;font-size:20px;color:var(--accent)}
.cmp-leg{font-size:11px;color:var(--muted)}.cmp-leg div{margin:7px 0}.cmp-leg i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:5px}
.cmp-leg .cmp-source{margin-top:12px;font-weight:600;color:var(--text)}
.cmp-bars{display:flex;flex-direction:column;gap:8px;padding:5px 0}.cmp-bar-row{display:grid;grid-template-columns:100px 1fr 86px;gap:8px;align-items:center;font-size:11px}
.cmp-bar-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmp-bar-track{height:12px;background:#edf0f4;border-radius:6px;overflow:hidden}
.cmp-bar-fill{height:100%;background:#9099a8;border-radius:6px}.cmp-bar-row.ours .cmp-bar-fill{background:var(--accent)}
.cmp-alert{display:grid;grid-template-columns:minmax(180px,.7fr) 1fr;gap:12px;padding:8px 10px;
  border-radius:8px;margin-bottom:6px;font-size:12px}.cmp-alert.bad{background:var(--bad-soft)}.cmp-alert.warn{background:var(--warn-soft)}.cmp-alert.good{background:var(--ok-soft)}
.cmp-alert b{font-size:12px}.cmp-alert span{color:#465164}
.csub{border:1px solid var(--line);border-radius:10px;margin:9px 0;background:var(--panel);overflow:hidden}
.csubh{display:flex;align-items:center;gap:8px;padding:9px 12px;cursor:pointer;user-select:none}
.csubh:hover{background:#f7f8fa}.csubh b{font-size:13px}.csubh .cv{margin-left:auto;color:var(--muted)}
.csub.open .csubh{border-bottom:1px solid var(--line)}.csub.open .csubh .cv{transform:rotate(180deg)}
.csubb{display:none;padding:12px}.csub.open .csubb{display:block}
.cmp-svg{width:100%;height:300px;display:block}.cmp-svg text{font:10px "Segoe UI",sans-serif;fill:var(--muted)}
.cmp-scroll{overflow:auto;max-height:430px;border-radius:8px}.cmp-scroll table{font-size:12px}
.cmp-scroll th{top:0;background:#f7f8fa;font-size:10px;text-transform:uppercase}.cmp-scroll td{font-size:12px}
.cmp-scroll tr.ours{background:#edf1f7;font-weight:600}.cmp-scroll tbody tr{cursor:default}
.cmp-link{color:#35445e;text-decoration:none;border-bottom:1px dotted #8290a5}.cmp-link:hover{color:var(--brand)}
.cmp-tag{font-size:9px;font-weight:800;background:var(--accent);color:white;border-radius:4px;padding:1px 5px}
/* Бейдж А/Б (ТЗ DIG-0054 п.7): «А» — меряем платным Джем-сравнением, «Б» — только MPStats. */
.cmp-badge{display:inline-block;font-size:9px;font-weight:800;border-radius:4px;padding:1px 5px;margin-right:2px}
.cmp-badge-a{background:var(--ok-soft);color:var(--ok)}
.cmp-badge-b{background:var(--line);color:var(--muted)}
.cmp-scheme{display:inline-block;font-size:10px;font-weight:700;padding:1px 7px;border-radius:10px}
.cmp-scheme.fbs{background:#dbeafe;color:#1d4ed8}.cmp-scheme.fbo{background:#f1e8ff;color:#6d28d9}
.cmp-delta.up{color:var(--ok)}.cmp-delta.down{color:var(--bad)}
.cmp-heat{display:inline-block;min-width:42px;text-align:center;border-radius:5px;padding:3px 5px}
.cmp-quality{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:8px;overflow:hidden}
.cmp-quality>div{background:var(--panel);padding:9px}.cmp-quality small{display:block;color:var(--muted);font-size:10px}.cmp-quality b{font-size:14px}
.cmp-load{padding:34px;text-align:center;color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg)}
.cmp-empty{padding:24px;text-align:center;color:var(--muted)}
@media(max-width:900px){.cmpcharts{grid-template-columns:1fr}.cmpbox.wide{grid-column:auto}.cmp-quality{grid-template-columns:1fr 1fr}.cmp-alert{grid-template-columns:1fr}.cmp-bar-row{grid-template-columns:80px 1fr 70px}}
@media(max-width:620px){.sumcmp{padding-left:8px;padding-right:8px}.cmpblock{padding:10px}.cmp-donut-wrap{gap:8px}.cmp-quality{grid-template-columns:1fr}}