/* Поправки продукта к стилям пакета дизайна. tokens.css и app.css пакета лежат рядом как есть;
   здесь — только состояния, которых в макете нет, и починка того, что макет прятал зря.
   Каждая строка — в docs/otlichiya-ot-maketa.md с причиной. Цвета — только токены. */

/* Кнопка, когда анализа сейчас нет (пара не идёт, нет котировок, предел частоты): тёмная, как
   второстепенная, с приглушённой надписью; причина — строкой над ней. */
.pr-btn:disabled {
  cursor: default;
  background: linear-gradient(180deg, var(--pr-card-hi), var(--pr-card-lo));
  color: var(--pr-ink-3);
  box-shadow: inset 0 1px 0 var(--pr-rim), inset 0 0 0 1.5px var(--pr-line-2), 0 2px 0 var(--pr-foot);
}
.pr-btn:disabled:active { transform: none; }

/* Срок экспирации — на любом телефоне. Макет на экранах ниже 760 px прятал всю строку жетонов,
   а без срока сделку не выставить. Остаётся золотой жетон срока и подсказка «вписать руками»;
   сдвиг цены там же, где и был, — в строках «почему». */
@container app (max-height: 760px) {
  .pr-sig .pr-tags { display: flex; margin-top: 8px; }
  .pr-sig .pr-tags > .pr-chip:not(.is-gold):not(.is-manual) { display: none; }
}

/* Слово ступени силы, если не помещается в строку (узкий экран, «Near noise»), уходит целиком на
   следующую строку, а не рвётся посередине. */
.pr-force { flex-wrap: wrap; row-gap: 6px; }
.pr-force-w { white-space: nowrap; }

/* Изменение цены не известно (истории меньше 10 минут): прочерк без цвета направления. */
.pr-nochange { color: var(--pr-ink-3); }

/* Посадка по высоте (screens.js, fit): шаги, которые приложение включает, только если низ экрана
   заходит на полосу жестов. */
.ck-fit-bars .pr-bars { display: none; }
.ck-fit-chart .pr-why .pr-chartbox, .ck-fit-chart .pr-why .pr-why-h { display: none; }
.ck-fit-why3 .pr-why-lines p:nth-child(n+3) { display: none; }
.ck-fit-hint .pr-why > .pr-p.is-quiet:not(.pr-lead) { display: none; }
.ck-fit-why2 .pr-why-lines p:nth-child(n+2) { display: none; }
.ck-fit-sug .pr-suggest { display: none; }

/* Доступ (Ф4). Текст-кнопка: строка причины с «Show code» и «Look at the pairs meanwhile» на
   экране кода. Выглядит как текст своей строки, действие подчёркнуто; высота — не меньше 44 px,
   чтобы палец попадал; фокус — общий золотой контур пакета. */
.ck-link { appearance: none; -webkit-appearance: none; display: inline-flex; align-items: center; min-height: 44px; background: none; border: 0; padding: 0; margin: 0; font: inherit; color: inherit; text-align: left; cursor: pointer; }
.ck-u { color: var(--pr-ink-2); text-decoration: underline; text-underline-offset: 3px; }
.ck-meanwhile { margin: 4px 0 0; font-size: 13.5px; color: var(--pr-ink-3); }
/* Строка доступа над кнопкой анализа: код, тариф, срок, остаток на сегодня — одной строкой. */
.ck-plan { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-variant-numeric: tabular-nums; }

/* Ф6. Кнопка-ссылка «Pocket Option» на экране сигнала: тихая, как «New scan», — ссылка в виде
   кнопки, без подчёркивания (отличие № 26). */
a.pr-btn, a.ck-link { text-decoration: none; }
/* Надпись «Pocket Option» — одной строкой в половине ряда (на 390 px половина — 172 px). */
.ck-platform { white-space: nowrap; padding: 0 12px; font-size: 15px; }
/* Ф6. Ссылка на политику конфиденциальности (отличие № 27): на экране установки — тихая строка над
   кнопкой, у ссылки отступы, чтобы палец попадал (не меньше 44 px); не влезает над полосой жестов —
   посадка по высоте её убирает (ck-fit-privacy). На экране кода — в строке «Look at the pairs…». */
.ck-privacy { margin: 0; text-align: center; font-size: 13.5px; color: var(--pr-ink-3); }
.ck-privacy a { display: inline-block; padding: 13px 8px; color: var(--pr-ink-2); text-decoration: underline; text-underline-offset: 3px; }
.ck-fit-privacy .ck-privacy { display: none; }