/* Первичные размещения в облике Coinbase - тот же язык, что у скринера
 * облигаций и карточки выпуска. Общая основа (палитра, Public Sans с
 * табличными цифрами, шапка, подвал) - в cb-skin.css, здесь только своё:
 * панель поиска, таблица-доска, календарь и неделя.
 *
 * Меняется только вид: разметка и поведение страницы те же. Лаймовая
 * подсветка «сегодня/завтра» стала синей - лайм на тёмном фоне читался
 * болотным и спорил с зелёным ростом цены (решение Жени, как в облигациях).
 * Логотипы круглые, как в скринере.
 */

/* ── токены страницы переводим на синий акцент действия ─────────────────── */
html.cb main {
  --acc-solid: var(--acc); --acc-hover: #e3ecff; --acc-chip: var(--acc-soft); --acc-chip-ink: var(--acc);
  --lime-line: var(--acc);
}
:root[data-theme="dark"].cb main {
  --acc-solid: #2f6fe0; --acc-hover: rgba(77,141,255,.2); --acc-chip: var(--acc-soft); --acc-chip-ink: var(--acc2);
}
:root.cb main #listView, :root.cb main #pastView {
  --pl-panel: var(--pnl); --pl-head: var(--pnl); --pl-row: var(--pnl); --pl-row-hover: var(--pnl2);
  --pl-rule: var(--line); --pl-rule-hi: var(--line2);
}

/* ── заголовок раздела с лаймовой чертой, как на скринерах ──────────────── */
html.cb main .pl-intro { padding: 36px 0 4px; }
html.cb main .pl-intro h1 { font-size: 34px; font-weight: 700; letter-spacing: -.035em; line-height: 1.1; }
html.cb main .pl-intro h1::after { content: ""; display: block; width: 56px; height: 4px; border-radius: 99px;
  background: #c8f048; margin: 14px 0 0; }
html.cb main .pl-lede { margin-top: 14px; font-size: 15px; line-height: 1.6; color: var(--c-ink3); }
html.cb main .pl-lede a { color: var(--acc); font-weight: 600; }

/* ── панель поиска и переключатели ───────────────────────────────────────── */
html.cb main .pl-controls { background: var(--pnl); border: 1px solid var(--line); border-radius: 20px; padding: 14px 16px; gap: 10px 12px; }
html.cb main .pl-find input { height: 44px; padding: 0 14px 0 42px; border: 1px solid transparent; border-radius: 12px;
  background: var(--pnl2); font-size: 14.5px; font-weight: 500; color: var(--c-ink); transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease; }
html.cb main .pl-find input:hover { background: var(--pnl3); }
html.cb main .pl-find input:focus { background: var(--pnl); border-color: var(--acc); box-shadow: 0 0 0 3px var(--acc-ring); }
html.cb main .pl-find input::placeholder { color: var(--c-ink3); }
html.cb main .pl-find svg { color: var(--c-ink3); }
html.cb main .pl-seg { padding: 3px; gap: 2px; border-radius: 999px; background: var(--pnl2); box-shadow: inset 0 0 0 1px var(--line); }
html.cb main .pl-seg button { height: 36px; padding: 0 15px; border-radius: 999px; font-size: 13.5px; font-weight: 600; color: var(--c-ink3); }
html.cb main .pl-seg button:hover { color: var(--c-ink); }
html.cb main .pl-seg button[aria-pressed="true"] { background: var(--pnl); color: var(--c-ink); box-shadow: 0 1px 3px rgba(10,11,13,.12); }
:root[data-theme="dark"].cb main .pl-seg button[aria-pressed="true"] { background: var(--pnl3); box-shadow: none; }
html.cb main .pl-total { font-size: 13px; font-weight: 500; letter-spacing: 0; text-transform: none; color: var(--c-ink3); }

/* ── доска: таблица без моноширинного капса ─────────────────────────────── */
html.cb main .pl-board { border-radius: 20px; }
html.cb main .pl-tt th { font-size: 12.5px; font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--c-ink3); padding: 13px 12px 11px; }
html.cb main .pl-tt td { font-size: 14px; }
/* Строка, по которой ещё можно подать заявку: мягкая синяя заливка и тонкая
   синяя черта слева вместо лаймовой полосы. */
html.cb main .pl-tt tbody tr.r-live, html.cb main #listView .pl-tt tbody tr.r-live { background: var(--acc-soft); box-shadow: inset 2px 0 0 var(--acc); }
html.cb main .pl-tt tbody tr.r-live:hover, html.cb main #listView .pl-tt tbody tr.r-live:hover { background: var(--acc-hover); }

/* Логотипы круглые, как в скринере облигаций */
html.cb main .pl-logo, html.cb main .pl-mono { border-radius: 50%; border: 0; padding: 0; background: var(--pnl2);
  box-shadow: inset 0 0 0 1px var(--line); object-fit: cover; }
html.cb main .pl-mono { font-size: 12px; font-weight: 700; color: var(--c-ink2); }
html.cb main .plw-card .pl-logo, html.cb main .plw-card .pl-mono { border-radius: 50%; }
html.cb main .pl-lg { border-radius: 50%; }

html.cb main .pl-nm b { font-size: 14.5px; font-weight: 600; }
html.cb main .pl-who:hover b { color: var(--acc); }
html.cb main .pl-ser { font-size: 12.5px; color: var(--c-ink3); }

/* Рейтинги и признаки - мягкие пилюли вместо моноширинных плашек */
html.cb main .pl-r { font-size: 12px; font-weight: 600; padding: 3px 9px; border-radius: 999px; background: var(--pnl2); color: var(--c-ink2); }
html.cb main .pl-r.top { background: var(--acc-soft); color: var(--acc); }
html.cb main .pl-none { font-size: 13px; font-weight: 500; color: var(--c-ink3); }
html.cb main .pl-f { font-size: 12px; font-weight: 600; letter-spacing: 0; text-transform: none; padding: 3px 9px; border-radius: 999px; background: var(--pnl2); color: var(--c-ink2); }
html.cb main .pl-f.offer { background: var(--c-vio-soft); color: var(--c-vio); }
html.cb main .pl-f.qual { background: var(--acc-soft); color: var(--acc); }
html.cb main .pl-f.sub { background: var(--c-amb-soft); color: var(--c-amb); }

/* Даты, «сегодня» и «завтра» */
html.cb main .pl-date { font-size: 14px; font-weight: 600; letter-spacing: -.01em; color: var(--c-ink); }
html.cb main .pl-date.dim { color: var(--c-ink3); font-weight: 500; }
html.cb main .d-live { background: var(--acc); box-shadow: 0 0 0 3px var(--acc-ring); }
html.cb main .pl-tag { padding: 3px 9px; border-radius: 999px; background: var(--acc-solid); color: #fff; font-size: 11.5px; font-weight: 600;
  letter-spacing: 0; text-transform: none; }
html.cb main .pl-rel { font-size: 12px; font-weight: 500; letter-spacing: 0; color: var(--c-ink3); }
html.cb main .pl-sub { font-size: 12.5px; color: var(--c-ink3); }
html.cb main .pl-soft { font-size: 13px; color: var(--c-ink3); }
html.cb main .pl-soft b { color: var(--c-ink2); font-weight: 600; }

/* Числа: без моноширинного, но табличные - встают друг под другом */
html.cb main .pl-cp { font-size: 14.5px; font-weight: 700; letter-spacing: -.015em; color: var(--c-ink); }
html.cb main .pl-cp.fl { color: var(--acc); }
html.cb main .pl-vol { font-size: 14px; font-weight: 600; color: var(--c-ink); }
html.cb main .pl-org { font-size: 13px; color: var(--c-ink3); }

/* Тихий разделитель стадий - обычный регистр вместо разреженного капса */
html.cb main .pl-stage .in b { font-size: 13px; font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--c-ink2); }
html.cb main .pl-stage .in i { background: var(--line); }

/* ── календарь месяца и неделя ───────────────────────────────────────────── */
html.cb main .pl-calwd, html.cb main .plw-dh span { font-size: 12.5px; font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--c-ink3); }
html.cb main .pl-caltoday { height: 36px; padding: 0 15px; border-radius: 999px; border: 0; background: var(--pnl2); box-shadow: inset 0 0 0 1px var(--line);
  font-size: 13.5px; font-weight: 600; color: var(--c-ink); }
html.cb main .pl-caltoday:hover { background: var(--pnl3); }
html.cb main .pl-cell.today { background: var(--acc-soft); }
html.cb main .pl-cell.today .pl-cd { color: var(--acc); }
html.cb main .pl-pill, html.cb main .pl-hpill { border-radius: 999px; }
html.cb main .pl-pill.now, html.cb main .pl-hpill.now { background: var(--acc-soft); color: var(--acc); }
html.cb main .pl-pill.now .pl-lt { background: var(--acc-solid); color: #fff; }
html.cb main .plw-card { border-radius: 14px; }
html.cb main .plw-card.live { border-color: var(--acc-ring); background: var(--acc-soft); }
html.cb main .plw-dh.today b, html.cb main .plw-dh.today span { color: var(--acc); }
html.cb main .plw-legend i.live { background: var(--acc-soft); box-shadow: inset 0 0 0 1px var(--acc-ring); }
html.cb main .plw-legend b { color: var(--acc); }

/* Неделя: подписи обычным регистром */
html.cb main .plw-lb { font-size: 13px; font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--c-ink2); }
html.cb main .plw-lb em { letter-spacing: 0; }
html.cb main .plw-lb em::before { background: var(--line2); }
html.cb main .plw-dh b { font-size: 17px; font-weight: 700; letter-spacing: -.02em; }
html.cb main .plw-rest { border-radius: 20px; border-color: var(--line); }
html.cb main .plw-rest h3 { font-size: 15px; font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--c-ink); }
html.cb main .plw-legend b { font-size: 12.5px; }

/* Плотность доски как была: 13.5 в ячейках, логотип целиком внутри круга */
html.cb main .pl-tt td { font-size: 13.5px; }
html.cb main .pl-cp { font-size: 14.5px; }
html.cb main .pl-vol { font-size: 13.5px; }
html.cb main .pl-nm b { font-size: 14px; }
html.cb main .pl-ser, html.cb main .pl-sub { font-size: 12px; }
html.cb main .pl-logo { object-fit: contain; padding: 3px; background: #fff; }

/* Колонки: рейтинг и организаторы раньше обрезались, купон и условия были
   шире нужного. Проценты перекладываем, сумма 100. */
html.cb main #listView .pl-tt { min-width: 1160px; }
html.cb main #listView .pl-tt col:nth-child(1)  { width: 14.5% !important; }
html.cb main #listView .pl-tt col:nth-child(2)  { width: 12% !important; }
html.cb main #listView .pl-tt col:nth-child(3)  { width: 8.5% !important; }
html.cb main #listView .pl-tt col:nth-child(4)  { width: 7.5% !important; }
html.cb main #listView .pl-tt col:nth-child(5)  { width: 9.5% !important; }
html.cb main #listView .pl-tt col:nth-child(6)  { width: 11.5% !important; }
html.cb main #listView .pl-tt col:nth-child(7)  { width: 10% !important; }
html.cb main #listView .pl-tt col:nth-child(8)  { width: 9.5% !important; }
html.cb main #listView .pl-tt col:nth-child(9)  { width: 7.5% !important; }
html.cb main #listView .pl-tt col:nth-child(10) { width: 9.5% !important; }
html.cb main #listView .pl-tt th, html.cb main #listView .pl-tt td { padding-left: 10px; padding-right: 10px; }
/* Рейтинг целиком: пилюля не режется многоточием */
html.cb main #listView .pl-r { max-width: 100%; overflow: visible; text-overflow: clip; white-space: nowrap; }
html.cb main #listView .pl-org { max-width: none; }

/* Логотипы как в скринере облигаций: 34px, знак вписан с тонким полем, а
   квадратные знаки-заливки (Т-Банк, сайты, акции) заполняют круг целиком. */
html.cb main .pl-logo, html.cb main .pl-mono { width: 34px; height: 34px; }
html.cb main .pl-logo { padding: 2px; box-sizing: border-box; box-shadow: none; outline: 1px solid rgba(12,12,14,.08); outline-offset: -1px; }
html.cb main .pl-logo[src*="/tb-"], html.cb main .pl-logo[src*="/site-"]:not([src$=".svg"]), html.cb main .pl-logo[src*="stock-logos/"] { object-fit: cover; padding: 0; }
html.cb main .plw-card .pl-logo, html.cb main .plw-card .pl-mono { width: 30px; height: 30px; }

/* Срок не выше трёх строк: дата погашения одной строкой, «ожидаемый» - своей */
html.cb main #listView .pl-tn-note { white-space: nowrap; }

/* Знак, вписанный lib/logo-fit.js: фон и поля уже внутри картинки. */
html.cb main .pl-logo.is-fit { padding: 0; object-fit: cover; background: none; }