/*
 * RU: Стили вкладки «Тариф» и вставки для закрытых возможностей (БП0.6, подписка для бизнеса) нового кабинета /biz/app/.
 *     Правила — внутри body.bt-page и на токенах сайта (--k-*), без литералов цвета (храповик check:theme).
 * EN: Styles of the "Plan" tab and the closed-capability insert (БП0.6, business subscription) of the new /biz/app/
 *     cabinet. Rules sit inside body.bt-page and use site tokens (--k-*), no colour literals (the check:theme ratchet).
 */

/* RU: Состояние тарифа — первая карточка экрана, акцентная рамка слева читается как «главное здесь».
   EN: The plan state — the screen's first card; the accent left border reads as "the main thing here". */
body.bt-page .bp-state {border-left: 4px solid var(--k-brand);}
body.bt-page .bp-state p {margin: var(--k-s-2) 0 0;}

/* RU: Лимиты — строки с полоской расхода; заполненный лимит подсвечен предупреждением, а не ошибкой: это не поломка.
   EN: Limits — rows with a usage bar; a full limit is tinted as a warning, not an error: nothing is broken. */
body.bt-page .bp-limits {display: grid; gap: var(--k-s-3);}
body.bt-page .bp-limit .row {gap: var(--k-s-2);}
body.bt-page .bp-bar {height: 6px; margin-top: 6px; border-radius: var(--k-r-pill); background: var(--k-surface-3); overflow: hidden;}
body.bt-page .bp-bar i {display: block; height: 100%; border-radius: inherit; background: var(--k-brand);}
body.bt-page .bp-limit.is-full .bp-bar i {background: var(--k-warn);}
body.bt-page .bp-limit.is-full b {color: var(--k-warn);}

/* RU: Переключатель «помесячно / на год» над карточками тарифов. EN: The "monthly / yearly" switch above the plan cards. */
body.bt-page .bp-billing {flex-wrap: wrap; margin: var(--k-s-3) 0;}

/* RU: Отменённый период в истории — приглушён, но читается. EN: A cancelled period in the history — muted yet readable. */
body.bt-page .tbl tr.is-off td {color: var(--k-text-subtle); text-decoration: line-through;}

/* RU: Вставка «возможность в тарифе» — спокойная карточка с замком, без красного: это предложение, а не ошибка.
   EN: The "capability in a plan" insert — a calm card with a lock, no red: it is an offer, not an error. */
body.bt-page .bp-paywall {border: 1px dashed var(--k-border-strong); background: var(--k-surface-2);}
body.bt-page .bp-paywall .row {gap: var(--k-s-2); align-items: center;}
body.bt-page .bp-paywall h3 {margin: 0;}
/* RU: На 320 px заголовок вставки сжимается рядом с ценой, а цена наезжала на текст: заголовок получает основу и может
       переноситься, цена уходит на свою строку (найдено агентом БП4, было только внутри «Отзывов везде»).
   EN: At 320 px the insert title shrank next to the price and the price overlapped the text: the title gets a basis and may
       wrap, the price moves to its own line (found by the БП4 agent, it lived only inside "Reviews everywhere"). */
body.bt-page .bp-paywall .row {flex-wrap: wrap;}
body.bt-page .bp-paywall .row > h3 {flex: 1 1 180px; min-width: 0;}
body.bt-page .bp-paywall-i {display: inline-grid; place-items: center; width: 32px; height: 32px; border-radius: var(--k-r-pill);
  background: var(--k-brand-soft); color: var(--k-brand-ink);}
@media (max-width: 640px) {
  body.bt-page .bp-paywall .btn {flex: 1 1 100%;}
}