/*
 * RU: Дополнительные стили раздела БИ5 «Конкуренты» нового кабинета /biz/app/. Общие компоненты (card, btn, tbl, tabs, pill…) уже в
 *     /css/biztools.css; здесь — только то, чего там нет. Правила — внутри body.bt-page и на токенах сайта (--k-*), без
 *     литералов цвета (храповик check:theme). Файл свой у каждой фазы, чтобы параллельные потоки не правили один файл.
 * EN: Extra styles of the BI5 "Competitors" section of the new /biz/app/ cabinet. Shared components (card, btn, tbl, tabs, pill…) are
 *     already in /css/biztools.css; only what is missing goes here. Rules sit inside body.bt-page and use site tokens
 *     (--k-*), no colour literals (the check:theme ratchet). Each phase has its own file so parallel tracks never edit one.
 */

/* RU: Таблица сравнения: доля, полоска и подпись в одну строку — иначе на узком экране место отрывается от доли.
   EN: The comparison table: share, bar and label on one line — otherwise on a narrow screen the place detaches from the share. */
body.bt-page .rivals-tbl .rivals-share {white-space: nowrap;}
body.bt-page .rivals-tbl .rivals-share .meter {width: 60px; margin: 0 6px;}
/* RU: Значки наполнения не переносятся по одному: «фото 6» и «услуги 2» читаются парами. EN: Fill icons never wrap one by one: "photos 6" and "services 2" read as pairs. */
body.bt-page .rivals-fill span {white-space: nowrap; margin-right: 6px;}
body.bt-page .rivals-fill .ic {vertical-align: -2px; color: var(--k-text-subtle);}
/* RU: Дата в плитке «Данные» мельче числа — это подпись, а не показатель. EN: The date in the "Data" tile is smaller than a number — a label, not a metric. */
body.bt-page .big-n.rivals-date {font-size: var(--k-fs-7);}
/* RU: Лента открытий и закрытий: пометка и расстояние не сжимаются длинным названием. EN: The openings feed: the badge and distance are not squeezed by a long name. */
body.bt-page .rivals-events li {flex-wrap: nowrap;}
body.bt-page .rivals-events .pill, body.bt-page .rivals-events .subtle {flex: none;}
body.bt-page .rivals-events b {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
/* RU: Список дел «чего нет у вас» на узком экране: название и пояснение друг под другом, кнопка справа на обе строки,
       полоска прячется — пояснение уже говорит «есть у 3 из 4». Только внутри экрана «Конкуренты»: .gaps — общий класс.
   EN: The "what you lack" list on a narrow screen: name and explanation stacked, the button right across both rows, the
       bar hidden — the explanation already says "3 of 4 have it". Only inside the "Competitors" screen: .gaps is shared. */
@media (max-width: 1100px) {
  body.bt-page .sc-rivals .gaps li .meter, body.bt-page .sc-rivals .gaps li > span:empty {display: none;}
  body.bt-page .sc-rivals .gaps li > b {grid-column: 1; grid-row: 1;}
  body.bt-page .sc-rivals .gaps li > .muted {grid-column: 1; grid-row: 2;}
  body.bt-page .sc-rivals .gaps li > .btn {grid-column: 2; grid-row: 1 / span 2;}
}
@media (max-width: 720px) {
  body.bt-page .rivals-events li {flex-wrap: wrap;}
}