/* ============================================================
   Раздел «Вклады» buyhold.by — вид VKLADY_PRO_2026_10_27 (задание «Вклады .by — доработка до профессионального уровня»).
   Подключается только на страницах шаблона page-vklady.php поверх css/money-section.css (там прежние правила VKLADY_B_2026_10_13:
   вкладки валют, таблица, страница банка и вклада). Здесь — новый первый экран и блоки, перебивающие старые правила классом .vk-app.
   Канон DESIGN-DNA-TOOLS v2.33: цвета #0a0d12 / #121820 / #171e28 / #252e3a, текст #e6e9ee / #b3b9c2 / #949ca7, действие #95ce5a,
   потеря #f43f5e; IBM Plex Sans 400/500/600; скругления 6/8; одна зелёная кнопка на блок; выбранное — плитка #252e3a;
   «свет сверху» у карточек инструмента (.bhc-card), разделы для чтения (.vk-read) без света.
   Вид первого экрана — «a», выбор владельца 28.10.2026 (класс .vk-v-a на #vk-app; варианты b и c сняты вместе с лабораторией ?vkv):
     как калькуляторы (канон 0.9.4) — поля слева, справа ответ, сразу под ним столбцы сроков и строка банков (VK_BKSTRIP_2026_10_28).
     Колонки кончаются на одной высоте: лишняя высота колонки полей уходит в столбцы, а не в пустоту под ними.
     Строка банков — подвал карточки столбцов под чертой (VK_BKIN_2026_10_29). Ниже инструмента (VK_LOWER_2026_10_29): график рынка
     во всю ширину с табло значений, блоки строками, «Лучшая ставка банков» полосами (VK_BKRANK_2026_10_29).
   ============================================================ */

/* ---------- первый экран: общая сетка ---------- */
.vk-app .vk-top{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"f" "a" "s" "t";gap:16px;align-items:start}   /* строки банков уже 1100 нет — и пустого ряда под неё нет */
.vk-app .vk-fields{grid-area:f;min-width:0}
.vk-app .vk-ans{grid-area:a;min-width:0;margin:0;padding-top:24px}
.vk-app .vk-sub{grid-area:s;min-width:0}
.vk-app .vk-tc{grid-area:t;min-width:0}
.vk-app .vk-sub[hidden]{display:none}

@media (min-width:1100px){
  /* поля слева во всю высоту первого экрана; справа ответ, столбцы и строка банков. Лишняя высота колонки полей уходит в ряд столбцов
     (1fr), и столбцы растягиваются до низа колонки полей — пустоты под ними нет (владелец 28.10: «рационально ли использовано место») */
  .vk-v-a .vk-top{grid-template-columns:minmax(300px,360px) minmax(0,1fr);grid-template-rows:auto auto 1fr;grid-template-areas:"f a" "f s" "f t";row-gap:0}   /* row-gap 0: пустой ряд подписки не удваивает зазор */
  .vk-v-a .vk-fields{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between}   /* справа выше (юани, евро, окно 1100) — запас поровну между полями, а не пустотой под примечанием */
  .vk-v-a .vk-sub:not([hidden]),.vk-v-a .vk-tc{margin-top:16px}
  .vk-v-a .vk-tc{align-self:stretch;display:flex;flex-direction:column}
}

/* ---------- поля ---------- */
.vk-app .vk-fields .bhc-field{margin:0 0 20px}
.vk-app .vk-fields .bhc-chips{margin-top:0}
.vk-app .vk-f-rev .bhc-seg{display:flex;max-width:100%}
.vk-app .vk-f-rev .bhc-seg button{flex:1 1 0;padding:0 10px}
.vk-app .vk-flt{display:flex;flex-wrap:wrap;gap:6px}
.vk-app .vk-assume{margin-top:16px;padding-top:14px;border-top:1px solid var(--r-line)}
/* валюта — ссылки на страницы валют, видом как переключатель .bhc-seg */
.vk-app .vk-fields .vk-curs{display:flex;width:100%;margin:0;padding:3px;background:var(--r-bg);border:1px solid var(--r-line)}
.bhc-shell .vk-app .vk-fields .vk-curs a{flex:1 1 0;justify-content:center;min-width:0;padding:9px 8px 0}
/* флажок «особые вклады»: выбранное — плитка #252e3a с белой галкой (канон 0.6: выбранное не зелёным) */
.vk-app .vk-aud{position:relative;display:flex;align-items:flex-start;gap:10px;margin:0;font:400 13px/1.45 var(--r-f);color:var(--r-t2);cursor:pointer}
.bhc-shell .vk-app .vk-aud>span{color:var(--r-t2)}
.bhc-shell .vk-app :is(.vk-aud,.vk-sub-cons) input[type=checkbox]{-webkit-appearance:none;appearance:none;flex:none;display:inline-grid;place-content:center;width:16px;height:16px;margin:2px 0 0;padding:0;border:0;border-radius:4px;background:#252e3a;cursor:pointer;position:relative}
.bhc-shell .vk-app :is(.vk-aud,.vk-sub-cons) input[type=checkbox]::after{content:"";position:absolute;inset:-14px}
.bhc-shell .vk-app :is(.vk-aud,.vk-sub-cons) input[type=checkbox]:checked::before{content:"";width:11px;height:11px;background:#e6e9ee;-webkit-mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'><path d='m5 12.5 4.5 4.5L19 7.5'/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'><path d='m5 12.5 4.5 4.5L19 7.5'/></svg>") center/contain no-repeat}
.bhc-shell .vk-app .vk-sub-cons input[type=checkbox]:checked{background:#95ce5a}   /* согласие — как в подписке «Слитков» */
.bhc-shell .vk-app .vk-sub-cons input[type=checkbox]:checked::before{background:#0a0d12}
.bhc-shell .vk-app :is(.vk-aud,.vk-sub-cons) input[type=checkbox]:focus-visible{outline:1px solid #95ce5a;outline-offset:2px}

/* ---------- ответ ---------- */
/* валюта буквами (BYN, USD) — кегль из шкалы 20, у калькуляторов со знаком ₽/$ в calc-shell 22 */
.vk-app .bhc-hero-value .bhc-cur{font-size:20px}
.vk-app .vk-ans .vk-a-v.is-pos{color:var(--r-g)}
.vk-app .vk-ans .vk-a-v.is-neg{color:var(--r-red)}
.vk-app .vk-a-who{display:flex;align-items:center;gap:10px;margin:14px 0 0;font:400 15px/1.45 var(--r-f);color:var(--r-t1)}
.vk-app .vk-a-who :is(b,.vk-a-bank){color:#fff!important;font-weight:600}
.bhc-shell .vk-app .vk-a-who a{color:inherit!important;text-decoration:underline!important;text-decoration-color:rgba(255,255,255,.25)!important;text-underline-offset:3px}
.vk-app .vk-a-foot{margin-top:20px;padding-top:16px;border-top:1px solid var(--r-line2);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px}
.vk-app .vk-a-foot .bhc-hero-caveat{margin:0;flex:1 1 360px;max-width:760px}
.vk-app .vk-a-act{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:0}
.bhc-shell .vk-app .vk-a-act .bhc-btn svg{flex:none;width:16px;height:16px}
/* ответ 600–1099 (вариант a и планшет): главное слева, четыре показателя 2×2 справа через черту — карточка вдвое ниже, столбцы сроков входят в первый экран */
@container (min-width:600px) and (max-width:1099.98px){
  .vk-ans .bhc-sum-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:0 28px;align-items:start}
  .vk-ans .bhc-sum-main{padding-bottom:0}
  .vk-ans .bhc-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;padding:0 0 0 28px;border-top:0;border-left:1px solid var(--r-line2)}
  .vk-ans .bhc-metric,.vk-ans .bhc-metric:nth-child(n){display:grid;grid-template-columns:none;grid-template-rows:subgrid;grid-row:span 3;padding:0;border-top:0;align-content:start}
  .vk-ans .bhc-metric dt{font-size:13px;align-self:end}
  .vk-ans .bhc-metric dd{grid-column:auto;grid-row:auto;margin:4px 0 0;font-size:20px;text-align:left;white-space:normal}
  .vk-ans .bhc-metric dd.bhc-metric-sub{grid-column:auto;grid-row:auto;margin-top:2px;font-size:13px}
  .vk-ans .vk-a-foot{margin-top:18px;padding-top:14px}
}
/* полоса шире 1100 (канон 0.9.4): главное число слева, показатели в ряд справа через черту */
@container (min-width:1100px){
  /* SPACE27: строка «банк, вклад» встаёт над показателями справа — колонки суммы и показателей одной высоты, без пустоты */
  .vk-ans .bhc-sum-in{grid-template-columns:minmax(320px,.8fr) minmax(0,2fr);grid-template-rows:auto auto auto minmax(0,1fr)}
  .vk-ans .bhc-sum-main{display:contents}
  .vk-ans .bhc-sum-main>.bhc-hero-label{grid-column:1;grid-row:1;align-self:center}
  .vk-ans .bhc-sum-main>.bhc-hero-value{grid-column:1;grid-row:2}
  .vk-ans .bhc-sum-main>.bhc-hero-meta{grid-column:1;grid-row:3 / 5}
  .vk-ans .vk-a-who{grid-column:2;grid-row:1;margin:0;padding:0 0 14px 32px;border-left:1px solid var(--r-line2)}
  .vk-ans .bhc-metrics{grid-column:2;grid-row:2 / 5}
  .vk-ans .bhc-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 28px;padding:0 0 0 32px;border-left:1px solid var(--r-line2)}
  .vk-ans .bhc-metric,.vk-ans .bhc-metric:nth-child(n){display:grid;grid-template-columns:none;grid-template-rows:subgrid;grid-row:span 3;padding:0;border-top:0;align-content:start}
  .vk-ans .bhc-metric dt{font-size:13px;align-self:end}
  .vk-ans .bhc-metric dd{grid-column:auto;grid-row:auto;margin:6px 0 0;font-size:20px;text-align:left;white-space:normal}
  .vk-ans .bhc-metric dd.bhc-metric-sub{grid-column:auto;grid-row:auto;margin-top:4px;font-size:13px}
}

/* ---------- строка банков под столбцами (VK_BKSTRIP_2026_10_28) ----------
   Владелец 28.10: «список банков должен хотя бы частично быть виден на первом экране». Только при двух колонках (от 1100): уже — первый экран
   занят полями, и полный список «Банки в разделе» стоит внизу. Сколько банков помещается в строку, решает fitBanks() в js/vklady-r.js. */
/* VK_BKIN_2026_10_29: строка банков — подвал карточки «Лучшая ставка по срокам» под чертой, не отдельный блок (владелец 29.10: «просто сделать разделение») */
.vk-app .vk-bk{display:none}
@media (min-width:1100px){.vk-app .vk-bk{flex:none;display:flex;align-items:center;gap:8px 16px;min-width:0;margin:12px 0 0;padding:12px 0 0;border-top:1px solid var(--r-line)}}
.vk-app .vk-bk-t{flex:none;font:500 13px/1.3 var(--r-f);color:var(--r-t3)}
.bhc-shell .vk-app .vk-bk-l{flex:1 1 auto;display:flex;flex-wrap:wrap;gap:8px;min-width:0;height:32px;margin:0;padding:0;overflow:hidden;list-style:none}
.bhc-shell .vk-app .vk-bk-l>li{flex:none;margin:0;padding:0;border:0;list-style:none}
.bhc-shell .vk-app .vk-bk-l>li::before{content:none}
.bhc-shell .vk-app .vk-bk-l :is(a,.vk-bk-x){display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px 0 4px;border-radius:6px;background:#171e28;font:500 13px/1 var(--r-f);color:var(--r-t1)!important;text-decoration:none!important;white-space:nowrap}
.bhc-shell .vk-app .vk-bk-l a:hover{color:#fff!important}
.bhc-shell .vk-app .vk-bk-l a:hover>span:last-child{text-decoration:underline;text-decoration-color:rgba(255,255,255,.5);text-underline-offset:3px}
.vk-app .vk-bk-l a:focus-visible,.vk-app .vk-bk-all:focus-visible{outline:2px solid var(--r-g);outline-offset:2px}
.bhc-shell .vk-app .vk-bk .bh-lg{width:24px;height:24px}
.bhc-shell .vk-app .vk-bk-all{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:32px;font:500 13px/1.3 var(--r-f);color:var(--r-t1)!important;text-decoration:none!important;white-space:nowrap}
.bhc-shell .vk-app .vk-bk-all:hover{color:#fff!important;text-decoration:underline!important;text-decoration-color:rgba(255,255,255,.5)!important;text-underline-offset:3px}
@media (pointer:coarse){.bhc-shell .vk-app .vk-bk-l{height:44px}.bhc-shell .vk-app .vk-bk-l :is(a,.vk-bk-x),.bhc-shell .vk-app .vk-bk-all{height:44px;min-height:44px}}
.vk-app .vk-banks{scroll-margin-top:16px}
.vk-app .vk-banks:focus{outline:0}

/* ---------- подписка ---------- */
.vk-app .vk-sub .bhc-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.vk-app .vk-sub-form{max-width:560px}
.vk-app .vk-sub-lead{margin:0 0 4px;font:400 14px/1.5 var(--r-f);color:var(--r-t1)}
.vk-app .vk-sub-form .bhc-field{margin-top:12px}
.vk-app .vk-sub .bhc-input input[type=email]{padding-right:14px;font-weight:400;font-variant-numeric:normal}
.vk-app .vk-sub .bhc-input input::placeholder{color:var(--r-t3);opacity:1}
html body .bhc-shell .vk-app .vk-sub .bhc-input input:focus{color:var(--r-t1)!important;-webkit-text-fill-color:var(--r-t1)!important;background-color:var(--r-bg)!important}
.vk-app .vk-sub-cons{position:relative;display:flex;align-items:flex-start;gap:8px;margin:12px 0 0;font:400 13px/1.45 var(--r-f);color:var(--r-t2);cursor:pointer}
.bhc-shell .vk-app .vk-sub-cons>span{color:var(--r-t2)}
.bhc-shell .vk-app .vk-sub-cons a{color:var(--r-t1)!important;text-decoration:underline!important;text-decoration-color:rgba(255,255,255,.3)!important;text-underline-offset:3px}
.vk-sub-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none}
.vk-app .vk-sub-act{display:flex;gap:8px;margin-top:14px}
.vk-app .vk-sub-form[aria-busy=true] button[type=submit]{opacity:.6;cursor:progress}
.vk-app .vk-sub-msg{margin:12px 0 0;padding:2px 0 2px 12px;border-left:2px solid var(--r-line2);font:400 14px/1.5 var(--r-f);color:var(--r-t1)}
.vk-app .vk-sub-msg[hidden]{display:none}
.vk-app .vk-sub-msg.is-ok{border-left-color:var(--r-g)}
.vk-app .vk-sub-msg.is-err{border-left-color:var(--r-red)}
.vk-app .vk-sub-form.is-done :is(.bhc-field,.vk-sub-lead,.vk-sub-cons,.vk-sub-act){display:none}
.vk-app .vk-sub-form.is-done .vk-sub-msg{margin-top:0}
.vk-app .vk-sub-form [aria-invalid=true]{box-shadow:inset 2px 0 0 var(--r-red)}

/* ---------- «Лучшая ставка по срокам»: столбцы, верх штриховкой — налог ---------- */
.vk-app .vk-tc{container-type:inline-size}
.vk-app .vk-tc-bars{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;height:250px;margin-top:6px}
@media (min-width:1100px){
  .vk-v-a .vk-tc{position:relative;padding-top:18px;padding-bottom:14px}
  .vk-v-a .vk-tc .bhc-legend{position:absolute;top:18px;right:20px;margin:0}   /* легенда в строке «Лучшая ставка по срокам» (как ZONE22): высота — столбцам */
  .vk-v-a .vk-tc-bars{flex:1 1 150px;height:auto;min-height:150px}   /* растёт до низа колонки полей */
}
.bhc-shell .vk-app .vk-tc-bar{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;height:100%;min-width:0;margin:0;padding:24px 0 58px;border:0;border-radius:6px;background:transparent;box-shadow:none;color:var(--r-t1);font:inherit;text-transform:none;letter-spacing:0;cursor:pointer}
.bhc-shell .vk-app .vk-tc-bar:hover{background:#171e28}
.vk-app .vk-tc-bar:focus-visible{outline:2px solid var(--r-g);outline-offset:2px}
.vk-app .vk-tc-v{flex:none;margin:0 0 6px;font:600 14px/1.2 var(--r-f);color:var(--r-t1);text-align:center;font-variant-numeric:tabular-nums;white-space:nowrap}
.vk-app .vk-tc-col{position:relative;flex:none;display:block;width:min(56px,72%);margin:0 auto;min-height:2px;border-radius:4px 4px 0 0;background:#787b86;transition:background-color .15s}
.vk-app .vk-tc-bar:hover .vk-tc-col{background:#949ca7}
.vk-app .vk-tc-bar.on .vk-tc-col{background:#95ce5a}
.vk-app .vk-tc-bar.on .vk-tc-v{color:#fff}
.vk-app .vk-tc-tax{position:absolute;left:0;right:0;top:0;display:block;border-radius:4px 4px 0 0;background:repeating-linear-gradient(135deg,rgba(244,63,94,.9) 0 2px,rgba(244,63,94,.18) 2px 6px)}
.vk-app .vk-tc-bar.is-none{cursor:default}
.vk-app .vk-tc-bar.is-none .vk-tc-v{color:var(--r-t3)}
.vk-app .vk-tc-x{position:absolute;left:0;right:0;bottom:36px;font:500 13px/1.2 var(--r-f);color:var(--r-t2);text-align:center;white-space:nowrap}
.vk-app .vk-tc-bar.on .vk-tc-x{color:#fff;font-weight:600}
/* имя банка — до двух строк, без многоточия (было «Белагропромб…», «Банк ВТБ (Бела…»); длинное слово переносится по мягкому переносу
   перед «банк» (bh_vk_shy / shy) */
.vk-app .vk-tc-b{position:absolute;left:2px;right:2px;top:calc(100% - 34px);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font:400 13px/1.2 var(--r-f);color:var(--r-t3);text-align:center;white-space:normal;overflow:hidden;hyphens:manual}
.vk-app .vk-tc .bhc-legend{margin:0 0 4px}
.vk-app .vk-leg-tax i{background:repeating-linear-gradient(135deg,rgba(244,63,94,.9) 0 2px,rgba(244,63,94,.18) 2px 5px)!important}
@container (max-width:820px){
  .vk-app .vk-tc-b{display:none}
  .bhc-shell .vk-app .vk-tc-bar,.bhc-shell .vk-v-a .vk-tc-bar{padding-bottom:28px}
  .vk-app .vk-tc-x,.vk-v-a .vk-tc-x{bottom:4px}
}
@container (max-width:620px){
  .vk-app .vk-tc-bars{gap:4px}
  .vk-app .vk-tc-v{font-size:13px}
}
@container (max-width:420px){
  .vk-app .vk-tc-v{font-size:13px;letter-spacing:-.02em}
  .vk-app .vk-tc-x{font-size:13px;letter-spacing:-.02em}
  /* телефон: столбец уже подписи срока — подпись в две строки («1,5 / года») под столбцом, а не вплотную к соседней («1,5 года2 года») */
  .bhc-shell .vk-app .vk-tc-bar,.bhc-shell .vk-v-a .vk-tc-bar{padding-bottom:40px}
  .vk-app .vk-tc-x,.vk-v-a .vk-tc-x{top:calc(100% - 36px);bottom:auto;white-space:normal;line-height:1.15}
}

/* ---------- таблица вкладов ---------- */
.vk-app .vk-list{margin-top:16px}
.vk-app .vk-table thead th:nth-child(1){width:29%}.vk-app .vk-table thead th:nth-child(2){width:13%}.vk-app .vk-table thead th:nth-child(3){width:12%}
.vk-app .vk-table thead th:nth-child(4){width:13%}.vk-app .vk-table thead th:nth-child(5){width:13%}.vk-app .vk-table thead th:nth-child(6){width:10%}.vk-app .vk-table thead th:nth-child(7){width:10%}
.vk-app .vk-nm{display:flex;align-items:flex-start;gap:12px;min-width:0}
.vk-app .vk-nm-t{min-width:0}
/* VK_TOUCH_2026_10_27: банк и вклад — одна ссылка (страница вклада или банка); подчёркнуто название вклада */
.bhc-shell .vk-app a.vk-nm-a{display:block;color:inherit!important;text-decoration:none!important}
.bhc-shell .vk-app a.vk-nm-a .vk-dep{text-decoration:underline;text-decoration-color:rgba(255,255,255,.22);text-underline-offset:3px}
.bhc-shell .vk-app a.vk-nm-a:hover .vk-dep{color:#fff;text-decoration-color:rgba(255,255,255,.6)}
.vk-app a.vk-nm-a:focus-visible{outline:2px solid var(--r-g);outline-offset:2px;border-radius:2px}
/* строка списка банков и «где выше» целиком ведёт на страницу банка */
.bhc-shell .vk-app :is(.vk-alt-list,.vk-dm-list,.vk-bank-list) li{position:relative}
.bhc-shell .vk-app :is(.vk-alt-list,.vk-dm-list) li b>a::after,.bhc-shell .vk-app .vk-bank-list .vk-bank-n>a::after{content:"";position:absolute;inset:0}
.bhc-shell .vk-app .bh-lg{flex:none;width:32px;height:32px}
.vk-app .vk-c-inc b.is-pos{color:var(--r-g)}
.vk-app .vk-c-inc b.is-neg{color:var(--r-red)}
.vk-app .vk-c-inc b:not(.is-pos):not(.is-neg){color:#fff}
.vk-app .vk-c-real .is-pos{color:var(--r-g)}
.vk-app .vk-c-real .is-neg{color:var(--r-red)}
.vk-app .vk-c-cond{font:400 13px/1.45 var(--r-f);color:var(--r-t2)}
.vk-app .vk-table.is-cut .vk-row--more{display:none}
.vk-app .vk-list-foot{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:14px}
.vk-app .vk-list-foot .vk-list-note{margin:0;flex:1 1 420px;max-width:860px}
.vk-app .vk-more[hidden]{display:none}
/* VK_SHORT_2026_10_27: на телефоне список — 8 строк и «Показать все»; на компьютере обрезка с 20, кнопка «--m» там не нужна */
@media (min-width:600px){.vk-app .vk-more.vk-more--m{display:none}}
@media (max-width:599.98px){
  .vk-app .vk-table.is-cut-m .vk-row--m{display:none}
  .vk-app .vk-table tr.vk-row td.vk-c-src{grid-column:1}
  .vk-app .vk-table tr.vk-row td.vk-c-cmp{grid-column:2;justify-self:end;align-self:center}
  .bhc-shell .vk-app .vk-banks .vk-bank-list.is-cut-m>li.vk-bank--m{display:none}
  .bhc-shell .vk-app .vk-bank-list.is-cut-m+.vk-bank-more:not([hidden]){display:inline-flex;margin-top:12px}
}
.bhc-shell .vk-app .vk-bank-more{display:none}
/* «Сравнить» в строке: флажок-плитка и слово; выбранное — плитка #252e3a, не зелёная */
.bhc-shell .vk-app .vk-cmp-tg{display:inline-flex;align-items:center;gap:8px;min-height:36px;margin:0;padding:6px 10px 6px 8px;border:0;border-radius:6px;background:transparent;box-shadow:none;color:var(--r-t2);font:500 13px/1.2 var(--r-f);text-transform:none;letter-spacing:0;cursor:pointer;white-space:nowrap}
.bhc-shell .vk-app .vk-cmp-tg:hover{background:#171e28;color:var(--r-t1)}
.bhc-shell .vk-app .vk-cmp-tg.on{background:#252e3a;color:#fff}
.vk-app .vk-cmp-tg i{flex:none;width:16px;height:16px;border-radius:4px;background:#252e3a;position:relative}
.vk-app .vk-cmp-tg.on i{background:#e6e9ee}
.vk-app .vk-cmp-tg.on i::before{content:"";position:absolute;inset:2px;background:#0a0d12;-webkit-mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'><path d='m5 12.5 4.5 4.5L19 7.5'/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'><path d='m5 12.5 4.5 4.5L19 7.5'/></svg>") center/contain no-repeat}
.vk-app .vk-cmp-tg:focus-visible{outline:2px solid var(--r-g);outline-offset:-2px}
.vk-app .vk-c-cmp{text-align:right}

/* ---------- сравнение ---------- */
.vk-app .vk-cmp{margin-top:16px}
.vk-app .vk-cmp[hidden],.vk-app .vk-tray[hidden]{display:none}
.vk-app .vk-cmp-t{table-layout:fixed;min-width:560px}
.vk-app .vk-cmp-t thead td{width:22%}
.vk-app .vk-cmp-t th,.vk-app .vk-cmp-t td{padding:11px 12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--r-line);font:400 14px/1.45 var(--r-f);color:var(--r-t1);white-space:normal}
.vk-app .vk-cmp-t tbody th{padding-left:0;font-weight:400;color:var(--r-t2)}
.vk-app .vk-cmp-t thead th{vertical-align:bottom}
.vk-app .vk-cmp-t td.is-pos{color:var(--r-g);font-weight:600}
.vk-app .vk-cmp-t td.is-neg{color:var(--r-red);font-weight:600}
.bhc-shell .vk-app .vk-cmp-rm{margin-top:6px;padding:0;height:auto;min-height:32px}
/* телефон: сравнение во всю ширину без прокрутки вбок (у таблицы шириной 560 вторая кнопка «Убрать» уходила под край карточки):
   подпись строки — отдельной строкой над значениями, вклады — колонками под ней */
@media (max-width:599.98px){
  .vk-app .vk-cmp-t{--n:2;display:block;width:100%;min-width:0}
  .vk-app .vk-cmp-t[data-n="3"]{--n:3}
  .vk-app .vk-cmp-t :is(thead,tbody){display:block}
  .vk-app .vk-cmp-t tr{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));column-gap:12px;border-bottom:1px solid var(--r-line)}
  .vk-app .vk-cmp-t :is(th,td){display:block;width:auto;padding:0;border:0;font-size:13px;overflow-wrap:break-word;hyphens:auto}
  .vk-app .vk-cmp-t thead td,.vk-app .vk-cmp-t tbody th:empty{display:none}
  .vk-app .vk-cmp-t thead th{display:flex;flex-direction:column;align-items:flex-start;padding:0 0 8px}
  .bhc-shell .vk-app .vk-cmp-t thead .vk-cmp-rm{margin-top:auto}
  .vk-app .vk-cmp-t thead .vk-nm{margin-bottom:6px}
  html body .bhc-shell .vk-app .vk-cmp-t thead .bh-lg{display:none!important}
  .vk-app .vk-cmp-t tbody th{grid-column:1 / -1;padding:10px 0 2px;color:var(--r-t3)}
  .vk-app .vk-cmp-t tbody td{padding:0 0 10px}
}
.vk-app .vk-tray{position:sticky;bottom:16px;z-index:5;display:flex;align-items:center;gap:8px 12px;width:fit-content;margin:12px 0 0 auto;padding:8px 8px 8px 16px;background:#171e28;border:1px solid rgba(255,255,255,.12);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.45);font:500 14px/1.3 var(--r-f);color:var(--r-t1)}

/* ---------- ниже инструмента: рынок, изменения, «до востребования», «куда положить», банки, риск ----------
   VK_LOWER_2026_10_29 (владелец 29.10: «здесь как то все непрофессионально»): колонки сбоку нет — график во всю ширину с табло значений,
   под ним блоки одной строкой каждый; ни один блок не короче соседа в ряду, пустоты под графиком нет */
.vk-app .vk-lower{display:flex;flex-direction:column;gap:16px;margin-top:16px}
.vk-app .vk-read{padding:22px 24px;background:#121820;border-radius:8px;min-width:0}
.vk-app .vk-read+.vk-read,.vk-app .vk-lower+.vk-read{margin-top:16px}
/* «свет сверху» (канон 0.3, VOL_ALL21): у графика рынка и условий вклада. Без света — разделы для чтения во всю ширину (.vk-app > .vk-read: банки, риск; VOL_READ) */
.vk-app :is(.vk-mk,.vk-pleft>.vk-cond){background-image:linear-gradient(180deg,rgba(255,255,255,var(--bh-lit-g,.045)),rgba(255,255,255,0) var(--bh-lit-h,56px));box-shadow:inset 0 1px 0 rgba(255,255,255,var(--bh-lit-l,.085))}
.vk-app .vk-mk-body{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.vk-app .vk-mk-plot{position:relative;height:320px;min-width:0}
.vk-app .vk-mk-svg{display:block;width:100%;height:100%}
.vk-app .vk-mk-plot.is-live .vk-mk-svg{display:none}
.vk-app .vk-mk-plot table{table-layout:auto!important;border-spacing:0!important;width:auto!important}   /* канон 0.9: critical.css ломает таблицу Lightweight Charts */
.vk-app .vk-mk .bhc-note{margin-top:12px}
/* табло графика — оно же легенда: месяц и значения рядов; при наведении — месяц под курсором (js mountMarket) */
.vk-app .vk-mk-rd{min-width:0}
.vk-app .vk-mk-rd-m{margin:0 0 4px;font:600 14px/1.3 var(--r-f);color:var(--r-t1)}
.vk-app .vk-mk-rd-m::first-letter{text-transform:uppercase}
.vk-app .vk-mk-rd dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px;margin:0}
.vk-app .vk-mk-rd-i{min-width:0}
.vk-app .vk-mk-rd dt{display:flex;align-items:baseline;gap:8px;margin:0;font:400 13px/1.35 var(--r-f);color:var(--r-t2)}
html body #bhc-shell .vk-app .vk-mk-rd dt{font-weight:400!important}   /* bh-system.css делает любой dt инструмента 600 — подпись не жирнее своего числа (канон 0.4, «7 а») */
.vk-app .vk-mk-rd dt i{flex:none;display:block;width:14px;height:2px;border-radius:1px;background:var(--bhc-leg);transform:translateY(-4px)}
.vk-app .vk-mk-rd dd{margin:2px 0 0 22px;font:600 20px/1.25 var(--r-f);color:#fff;font-variant-numeric:tabular-nums}
@media (min-width:900px){
  .vk-app .vk-mk-body{grid-template-columns:minmax(0,1fr) 260px;gap:28px;align-items:start}
  .vk-app .vk-mk-rd{padding:4px 0 0 24px;border-left:1px solid var(--r-line)}
  .vk-app .vk-mk-rd dl{grid-template-columns:minmax(0,1fr);gap:14px}
}
@media (max-width:899px){.vk-app .vk-mk-rd{order:-1}}
/* «Что изменилось за 30 дней» — только когда изменения есть; без них — строкой под таблицей вкладов */
@media (min-width:900px){
  .bhc-shell .vk-app .vk-ev ol.vk-feed{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));column-gap:32px}
  .bhc-shell .vk-app .vk-ev .vk-feed li:first-child{padding-top:10px!important;border-top:1px solid var(--r-line)}
}
/* «До востребования» — строкой: заголовок с пояснением слева, вклады справа */
.bhc-shell .vk-app ul.vk-dm-list{margin:8px 0 0!important;padding:0!important;list-style:none!important}
.bhc-shell .vk-app .vk-dm-list li{display:flex;align-items:center;gap:10px;margin:0!important;padding:10px 0!important;border-top:1px solid var(--r-line);list-style:none!important;background:none!important}
.bhc-shell .vk-app .vk-dm-list li::before{content:none!important}
.vk-app .vk-dm-list li:first-child{border-top:0}
.vk-app .vk-dm-list li div{flex:1 1 auto;min-width:0}
.vk-app .vk-dm-list li div b{display:block;font:600 14px/1.3 var(--r-f);color:var(--r-t1)}
.vk-app .vk-dm-list li div span{display:block;margin-top:2px;font:400 13px/1.35 var(--r-f);color:var(--r-t2)}
.vk-app .vk-dm-r{flex:none;font:600 15px/1.2 var(--r-f);color:#fff;font-variant-numeric:tabular-nums}
.bhc-shell .vk-app .vk-dm-list a{color:var(--r-t1)!important;text-decoration:underline!important;text-decoration-color:rgba(255,255,255,.22)!important;text-underline-offset:3px}
.vk-app .vk-dm-h .bhc-card-title{margin:0 0 6px}
.vk-app .vk-dm-h .bhc-note{margin:0}
@media (min-width:900px){
  .vk-app .vk-dm{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:8px 40px;align-items:center}
  .bhc-shell .vk-app .vk-dm ul.vk-dm-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,340px));column-gap:48px;margin:0!important}
  .bhc-shell .vk-app .vk-dm .vk-dm-list li{border-top:0;padding:6px 0!important}
}
/* «Вклад, доллары или золото» — строкой со ссылкой справа, как на «Слитках» (.ms-kuda--slitki) */
.vk-app .ms-kuda--vklady{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 24px}
.vk-app .ms-kuda--vklady .bhc-card-title,.vk-app .ms-kuda--vklady .bhc-note{grid-column:1}
.vk-app .ms-kuda--vklady .bhc-next{grid-column:2;grid-row:1 / span 2;margin:0;white-space:nowrap}
@media (max-width:699px){.vk-app .ms-kuda--vklady{display:block}.vk-app .ms-kuda--vklady .bhc-next{margin-top:10px;white-space:normal}}
.vk-app .vk-feed .is-pos{color:var(--r-g)}
.vk-app .vk-feed .is-neg{color:var(--r-red)}
/* VK_BKRANK_2026_10_29: «Лучшая ставка банков» — полоса от лучшей ставки, порядок по ставке; от 900 px две колонки сверху вниз */
.bhc-shell .vk-app .vk-banks ul.vk-bank-list{display:grid;grid-template-columns:minmax(0,1fr);margin:0!important}
.bhc-shell .vk-app .vk-banks .vk-bank-list li{display:grid;grid-template-columns:32px minmax(0,1fr) minmax(64px,42%) 52px;grid-template-areas:"lg n bar r";align-items:center;gap:0 12px;min-height:56px;padding:8px 0!important;border-top:1px solid var(--r-line)}
.vk-app .vk-banks .vk-bank-list li>.bh-lg{grid-area:lg}
.vk-app .vk-banks .vk-bank-n{grid-area:n;min-width:0;font:600 14px/1.3 var(--r-f);color:var(--r-t1)}
.vk-app .vk-banks .vk-bank-d{display:block;margin-top:2px;font:400 13px/1.35 var(--r-f);color:var(--r-t2)}
.vk-app .vk-banks .vk-bank-bar{grid-area:bar;display:block;height:8px;min-width:0}
.vk-app .vk-banks .vk-bank-bar i{display:block;height:100%;min-width:2px;border-radius:0 3px 3px 0;background:#787b86}
.vk-app .vk-banks li.is-top .vk-bank-bar i{background:#95ce5a}
.vk-app .vk-banks .vk-bank-r{grid-area:r;font:600 14px/1.2 var(--r-f);color:#fff;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.vk-app .vk-banks .vk-bank-c{grid-column:3 / -1;max-width:none;font:400 13px/1.35 var(--r-f);color:var(--r-t3);text-align:right;white-space:normal}
.vk-app .vk-banks .is-off .bh-lg{opacity:.55}
.vk-app .vk-banks .is-off .vk-bank-n{color:var(--r-t2);font-weight:500}
.vk-app .vk-banks .vk-banks-note{margin:14px 0 0}
@media (min-width:900px){.bhc-shell .vk-app .vk-banks ul.vk-bank-list{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(var(--vk-brows,11),auto);grid-auto-flow:column;column-gap:40px}}
@media (max-width:599.98px){
  .bhc-shell .vk-app .vk-banks .vk-bank-list li{grid-template-columns:24px minmax(0,1fr) auto;grid-template-areas:"lg n r" ". bar bar";gap:6px 10px}
  .vk-app .vk-banks .vk-bank-c{grid-column:2 / -1;text-align:left}
}
.vk-app .vk-risk,.vk-app .sl-etf{margin-top:16px} /* VK_FUND_2026_10_30: карточка фонда — последняя в инструменте, зазор как между карточками */
.vk-app .vk-kpi-v.is-pos{color:var(--r-g)}
.vk-app .vk-kpi-v.is-neg{color:var(--r-red)}
/* ALERTS_BANK_2026_11_06: подписка на вклады банка — зелёная кнопка под «Последним изменением» (выбор владельца «с»), форма карточкой под показателями */
.vk-app .vk-kpi-sub{justify-self:start;align-self:flex-start;margin-top:12px}
.vk-app .vk-kpi-sub svg{width:15px;height:15px}
.vk-bankpage.vk-app .vk-sub:not([hidden]){display:block;margin-top:16px}

/* ---------- страница вклада ---------- */
.vk-app .vk-pleft{display:flex;flex-direction:column;gap:16px;min-width:0}
.vk-app .vk-hist-plot{height:220px}
.vk-app .vk-hist-plot[hidden]{display:none}
.vk-app .vk-hist-plot table{table-layout:auto!important;border-spacing:0!important;width:auto!important}
.vk-app .vk-cond-list{display:grid;grid-template-columns:minmax(0,1fr);margin-top:4px}
.vk-app .vk-cond-row{display:grid;grid-template-columns:200px minmax(0,1fr);gap:16px;padding:10px 0;border-top:1px solid var(--r-line);font:400 14px/1.5 var(--r-f)}
.vk-app .vk-cond-row:first-child{border-top:0}
.vk-app .vk-cond-k{color:var(--r-t2)}
.vk-app .vk-cond-v{color:var(--r-t1)}
.vk-app .vk-cond .bhc-note{margin-top:12px}
.vk-app .vk-pcalc .bhc-hero-value{margin-top:6px;color:#fff}
.vk-app .vk-pcalc .bhc-hero-value.is-pos{color:var(--r-g)}
.vk-app .vk-pcalc .bhc-hero-label{margin-top:16px}
.vk-app .vk-pcalc .bhc-metrics{margin-top:16px}
.vk-app .vk-pcalc .vk-a-act{margin-top:18px}
.vk-app .vk-pcalc [hidden]{display:none}

/* ---------- планшет и телефон ---------- */
@media (max-width:767.98px){.ms-crumbs-row>.ms-crumbs{max-width:100%}}   /* длинное название вклада обрезается многоточием, а не уходит за край */
@media (max-width:1099.98px){
  /* 900–1099: валюта, сумма и «забрать досрочно» в ряд (колонка «забрать досрочно» не уже 324 — обе подписи целиком; при auto-fit она
     выходила в 277 px и «может понадобиться» не помещалась), сроки строкой, условия и особые вклады рядом */
  .vk-app .vk-fields{display:grid;grid-template-columns:minmax(320px,1.1fr) minmax(130px,.6fr) minmax(324px,1fr);grid-template-areas:"cur sum rev" "term term term" "flt flt aud" "note note note";gap:16px 20px;align-items:start}
  .vk-app .vk-fields .bhc-field{margin:0}
  .vk-app .vk-f-cur{grid-area:cur}
  .vk-app .vk-f-sum{grid-area:sum}
  .vk-app .vk-f-rev{grid-area:rev}
  .vk-app .vk-f-term{grid-area:term}
  .vk-app .vk-f-flt{grid-area:flt}
  .vk-app .vk-aud{grid-area:aud;align-self:center}
  .vk-app .vk-assume{grid-area:note;margin-top:0}
}
@media (max-width:899px){
  .vk-app .vk-fields{display:block}
  .vk-app .vk-fields .bhc-field{margin:0 0 18px}
  .vk-app .vk-tc-bars{height:220px}
  .vk-app .vk-a-foot{display:block}
  .vk-app .vk-a-act{margin-top:14px}
  .bhc-shell .vk-app .vk-a-act .bhc-btn--primary{flex:1 1 100%;justify-content:center}
  .vk-app .vk-read{padding:18px 16px}
  .vk-app .vk-mk-plot{height:260px}
  .bhc-shell .vk-app .bh-lg{width:24px;height:24px}
  .vk-app .vk-nm{gap:8px}
  .vk-app .vk-c-cmp{grid-column:1 / -1;text-align:left}
  .vk-app .vk-table tr.vk-row td.vk-c-cmp{display:block}
  .vk-app .vk-cond-row{grid-template-columns:minmax(0,1fr);gap:2px}
  .vk-app .vk-tray{left:0;right:0;width:auto;margin-left:0;bottom:calc(env(safe-area-inset-bottom,0px) + 72px)}
  .vk-app .vk-c-name .vk-nm{align-items:flex-start}
}
@media (pointer:coarse){
  /* VK_TOUCH_2026_10_27 — зона касания на телефоне от 44 (канон 0.9.3, TOUCH44; приёмы MSTOUCH19 и KC_READY): кнопки, поля и ссылки-кнопки
     выше, у терминов с подсказкой и у кнопок в узких местах — невидимая зона ::after, вид прежний */
  .bhc-shell .vk-app :is(.vk-a-act .bhc-btn,.vk-sub-act .bhc-btn,#vk-more,.vk-bank-more,.vk-tray .bhc-btn,.bhc-card-tools>.bhc-btn,.vk-sub-x,a.vk-nm-a){min-height:44px}
  .bhc-shell .vk-app :is(.vk-a-act,.vk-tray) .bhc-btn{display:inline-flex;align-items:center}
  .bhc-shell .vk-app .bhc-input input{height:44px}
  .bhc-shell .vk-app .bhc-seg button{height:44px}
  .bhc-shell .vk-app :is(.vk-c-src>a,td>a.ms-link,.vk-side .bhc-note>a:only-child){display:inline-flex;align-items:center;min-height:44px}
  :is(#v27,html):is(#v27,html) body .bhc-shell .vk-app :is(.bhc-term,.vk-cmp-rm){position:relative}
  :is(#v27,html):is(#v27,html) body .bhc-shell .vk-app :is(.bhc-term,.vk-cmp-rm)::after,
  :is(#v27,html):is(#v27,html) body .bhc-shell .vk-app :is(.bhc-term,.vk-cmp-rm):hover::after{
    all:unset!important;content:""!important;display:block!important;position:absolute!important;left:50%!important;top:50%!important;
    width:max(100%,48px)!important;height:max(100%,44px)!important;transform:translate(-50%,-50%)!important;pointer-events:auto!important}
  /* подпись с термином: над полем 20, под подписью 16 — зона термина 46 не заходит на соседние кнопки */
  .bhc-shell .vk-app .vk-fields .bhc-label:has(.bhc-term){margin-bottom:16px}
  .bhc-shell .vk-app .vk-fields .bhc-field:has(>.bhc-label .bhc-term){margin-top:20px}
  :is(#v27,html):is(#v27,html) body #bhc-shell .vk-app .bhc-term::after,
  :is(#v27,html):is(#v27,html) body #bhc-shell .vk-app .bhc-term:hover::after{top:-14px!important;bottom:-13px!important;height:auto!important;transform:translateX(-50%)!important}
  .bhc-shell .vk-app .vk-cmp-tg{min-height:44px}
  .bhc-shell .vk-app .vk-cmp-rm{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:44px}
  .bhc-shell .vk-app .vk-tc-bar{min-height:44px}
  .vk-app .vk-sub .bhc-input input{height:44px}
}
@media (prefers-reduced-motion:reduce){.vk-app .vk-tc-col{transition:none}}

/* VK_SORT_2026_10_31: сортировка по заголовкам — вид .sl-rank-sh «Слитков» и «Счетов», стрелка смотрит вверх при обратном порядке; на телефоне заголовков нет — кнопки над списком */
.vk-app .vk-table th.sl-rank-sh[aria-sort=ascending] i{transform:translateY(2px) rotate(225deg)}
.bhc-shell .vk-app .vk-table .sl-rank-sh button{text-align:left;white-space:normal}
.vk-app .vk-sort-m{display:none;margin:0 0 12px}
.vk-app .vk-sort-m i{display:none;width:6px;height:6px;margin:0 0 0 6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.vk-app .vk-sort-m button[data-dir=ascending] i{transform:translateY(2px) rotate(225deg)}
.vk-app .vk-sort-m button.on i{display:inline-block}
@media (max-width:899px){.vk-app .vk-sort-m{display:flex}}   /* тот же порог, что прячет заголовки таблицы в money-section.css */
@media (pointer:coarse){.bhc-shell .vk-app .vk-sort-m button{height:44px}}
.vk-app .vk-th-in{display:inline-flex;align-items:center;gap:6px}
.vk-app .vk-th-in .bhc-i{flex:none;margin:0}

/* VK_TREND_2026_10_31: куда идут ставки (выбор владельца «h»). Цвет изменения — по направлению (канон 0.9.3) */
.vk-app .vk-tr-strip .is-neg,.vk-app .vk-trb2 .is-neg,.vk-app .vk-chg.is-neg,.vk-app .vk-bank-d.is-neg,.vk-app .vk-rx-lead .is-neg,.vk-app .vk-hist .is-neg{color:var(--r-red)}
.vk-app .vk-tr-strip .is-pos,.vk-app .vk-trb2 .is-pos,.vk-app .vk-chg.is-pos,.vk-app .vk-bank-d.is-pos,.vk-app .vk-rx-lead .is-pos,.vk-app .vk-hist .is-pos{color:var(--r-g)}
.vk-app .vk-tr-note{margin:16px 0 0}
.vk-app .vk-tr-strip{margin:0;padding:12px 16px;font:600 15px/1.4 var(--r-f);color:var(--r-t1)}
.vk-app .vk-chg.is-neg,.vk-app .vk-chg.is-pos{display:block;margin-top:2px;font:400 13px/1.3 var(--r-f)}
.vk-app .vk-trb2{margin-top:16px}
.vk-app .vk-bank-plot{height:240px;min-width:0;margin-top:12px}
.vk-app .vk-bank-plot table,.vk-app .vk-rx-plot table{margin:0}
/* строка вклада раскрывается: шеврон рядом с «Сравнить», под строкой фраза и график (приём строк «Слитков» и «Счетов») */
.vk-app .vk-table.vk-rx-on thead th:nth-child(1){width:26%}
.vk-app .vk-table.vk-rx-on thead th:nth-child(7){width:16%}
.vk-app .vk-table.vk-rx-on tr.vk-row{cursor:pointer}
.bhc-shell .vk-app .vk-table.vk-rx-on tr.vk-row td.vk-c-cmp{white-space:nowrap}
.bhc-shell .vk-app .vk-table .vk-rx{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;background:none;border:0;border-radius:8px;box-shadow:none;color:var(--r-t3);cursor:pointer;vertical-align:middle}
@media (hover:hover){.bhc-shell .vk-app .vk-table .vk-rx:hover{color:var(--r-t1)}}
.vk-app .vk-rx svg{transition:transform .16s ease}
.vk-app .vk-rx[aria-expanded="true"] svg{transform:rotate(180deg)}
.bhc-shell .vk-app .vk-table tr.vk-rx-row>td{padding:4px 0 18px;cursor:default;white-space:normal}
.vk-app .vk-rx-p{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.vk-app .vk-rx-lead{margin:0;font:400 14px/1.45 var(--r-f);color:var(--r-t1)}
.vk-app .vk-rx-note{margin:8px 0 0}
.vk-app .vk-rx-plot{height:180px;min-width:0}
@media (min-width:900px){.vk-app .vk-rx-row:not(.is-flat) .vk-rx-p{grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:0 32px;align-items:start}}
@media (max-width:899px){
  /* VK_RXFIX_2026_11_06: только своя ячейка строки (>td). Lightweight Charts строит график таблицей, и правило без «>» делало её ячейки
     блоками: шкала процентов и даты уходили под график, подпись «16%» висела под ним (проверка 01.11, телефон и до 900 px) */
  .vk-app .vk-table tr.vk-rx-row,.vk-app .vk-table tr.vk-rx-row>td{display:block}
  .bhc-shell .vk-app .vk-table.vk-rx-on tr.vk-row td.vk-c-cmp{display:flex;align-items:center;justify-content:flex-end}
}
@media (max-width:599.98px){.vk-app .vk-rx-plot{height:160px}}

/* VK_BANKPAGE_2026_10_31: страница банка по канону 0.9.4 (VKLOW29): блоки строками во всю ширину, зазор один, показатели одной карточкой через черту */
.vk-app .vk-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:20px 0}
.vk-app .vk-kpis--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.vk-app .vk-kpi{gap:0;min-width:0;padding:0 20px;border-left:1px solid var(--r-line2)}
.vk-app .vk-kpi:first-child{border-left:0}
.vk-app .vk-kpi-k{font:400 14px/1.3 var(--r-f);color:#b3b9c2}
.vk-app .vk-kpi-v{margin-top:6px;font:600 24px/1.2 var(--r-f);white-space:nowrap}
.vk-app .vk-kpi-s{margin-top:4px;font:400 13px/1.4 var(--r-f);color:#949ca7}
.vk-app .vk-trb2,.vk-app .vk-rowcard,.vk-app .vk-bankpage .vk-dm,.vk-bankpage.vk-app .vk-dm{margin-top:16px}
.vk-app .vk-srcnote{margin:16px 0 0}
.bhc-shell .vk-app :is(table.vk-table,table.vk-grid,table.vk-cmp-t){margin:0}   /* правило темы даёт таблице 22 px снизу */
.bhc-shell .vk-app table.vk-grid tbody tr:last-child :is(td,th){border-bottom:0}
.vk-app .vk-bt-pick{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-top:12px}
.vk-app .vk-bt-l{font:400 14px/1.3 var(--r-f);color:#b3b9c2}
.vk-app .vk-bt-seg{max-width:100%}
.bhc-shell .vk-app ul.vk-alt-list{margin:0!important}
.bhc-shell .vk-app .vk-alt-list li{justify-content:flex-start;align-items:center;gap:10px;position:relative}
.vk-app .vk-alt-list li div{flex:1 1 auto}
.vk-app .vk-rowcard .bhc-note a{color:var(--r-t1);text-decoration:underline;text-decoration-color:rgba(255,255,255,.22);text-underline-offset:3px}
@media (min-width:900px){
  .vk-app .vk-rowcard{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:8px 40px;align-items:center}
  .vk-app .vk-rowcard .vk-dm-h .bhc-card-title{margin:0 0 6px}
  .vk-app .vk-rowcard .vk-dm-h .bhc-note{margin:0}
  .vk-app .vk-rowcard .vk-dm-h .bhc-note+.bhc-note{margin-top:4px}
  .bhc-shell .vk-app .vk-rowcard ul.vk-alt-list{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}
  .bhc-shell .vk-app .vk-rowcard .vk-alt-list li{padding:0 20px;border-top:0;border-left:1px solid var(--r-line2)}
  .bhc-shell .vk-app .vk-rowcard .vk-alt-list li:first-child{padding-left:0;border-left:0}
  .bhc-shell .vk-app .vk-rowcard .vk-alt-list li:last-child{padding-right:0}
  /* таблица в карточке — строки от края до края, текст в 20 px от края (канон 0.1, PICK22) */
  .vk-app .vk-list .bhc-table-wrap{margin:0 -20px}
  .bhc-shell .vk-app .vk-table :is(th,td):first-child{padding-left:20px}
  .bhc-shell .vk-app .vk-table :is(th,td):last-child{padding-right:20px}
  .bhc-shell .vk-app .vk-table tr.vk-rx-row>td{padding:4px 20px 18px}
  .bhc-shell .vk-app .vk-table tbody tr:last-child td{border-bottom:0}
}
@media (min-width:600px) and (max-width:899.98px){
  .vk-app .vk-kpis:not(.vk-kpis--3){grid-template-columns:repeat(2,minmax(0,1fr));row-gap:20px}
  .vk-app .vk-kpis:not(.vk-kpis--3) .vk-kpi:nth-child(odd){border-left:0}
}
@media (max-width:599.98px){
  .vk-app .vk-kpis,.vk-app .vk-kpis--3{display:block;padding:8px 20px}
  .vk-app .vk-kpi{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 16px;align-items:baseline;padding:12px 0;border-left:0;border-top:1px solid var(--r-line)}
  .vk-app .vk-kpi:first-child{border-top:0}
  .vk-app .vk-kpi-v{margin:0;font-size:20px}
  .vk-app .vk-kpi-s{grid-column:1 / -1;margin:0}
  .vk-app .vk-kpi-sub{grid-column:1 / -1;min-height:44px;margin-top:10px}
  .vk-app .vk-bt-pick{align-items:flex-start;flex-direction:column}
  .vk-app .vk-bt-seg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}
  .bhc-shell .vk-app .vk-bt-seg button{padding:0 4px}
}
@media (pointer:coarse){
  .bhc-shell .vk-app .vk-rowcard .vk-dm-h .bhc-note a{display:inline-flex;align-items:center;min-height:44px}
}

/* VK_BTABLE_2026_11_06: «Все вклады банка» (inc/vklady-btable.php, mountBankTable в js/vklady-r.js; канон 0.9.4 «таблица банка»).
   Ставка на каждый срок столбиками на общей шкале сроков валюты, валюты вкладками, строка раскрывается ставками по срокам числами. */
.vk-app .vk-lad .vk-lad-head{justify-content:space-between;margin-bottom:10px}
.vk-app .vk-lad-lead{margin:0 0 12px;max-width:820px;font:400 13px/1.5 var(--r-f);color:var(--r-t3)}
.vk-app .vk-lad-seg{display:inline-flex;gap:2px;max-width:100%}
.vk-app .vk-lad-seg[hidden]{display:none}
.bhc-shell .vk-app .vk-lad-seg button{display:inline-flex;align-items:center;gap:6px;flex:none;height:36px;min-height:0;margin:0;padding:0 12px;border:0;border-radius:6px;background:transparent;box-shadow:none;font:500 14px/1 var(--r-f);color:var(--r-t2);text-transform:none;letter-spacing:0;white-space:nowrap;cursor:pointer}
.bhc-shell .vk-app .vk-lad-seg button.on{background:#252e3a;color:var(--r-t1)}
@media (hover:hover){.bhc-shell .vk-app .vk-lad-seg button:not(.on):hover{background:#171e28;color:var(--r-t1)}}
.vk-app .vk-lad-seg button span{font:400 13px/1 var(--r-f);color:var(--r-t3);font-variant-numeric:tabular-nums}
.vk-app .vk-lad-seg button:focus-visible{outline:2px solid var(--r-g);outline-offset:2px}
/* без скрипта — заголовок валюты над её таблицей; со вкладками он не нужен */
.vk-app .vk-lad-ph{margin:16px 0 6px;font:600 16px/1.3 var(--r-f);color:var(--r-t1)}
.vk-app .vk-lad-ph span{margin-left:6px;font:400 13px/1 var(--r-f);color:var(--r-t3)}
.vk-app .vk-lad.is-tabs .vk-lad-ph,.vk-app .vk-lad.is-one .vk-lad-ph{display:none}
.vk-app .vk-lad-panel[hidden]{display:none}
/* таблица во всю ширину карточки (канон 0.1 PICK22) */
.vk-app .vk-lad .bhc-table-wrap{margin:0 -20px}
.vk-app .vk-lad-t{table-layout:fixed}
.bhc-shell .vk-app .vk-lad-t th,.bhc-shell .vk-app .vk-lad-t td{text-align:left;vertical-align:top;white-space:normal}
.bhc-shell .vk-app .vk-lad-t th:first-child,.bhc-shell .vk-app .vk-lad-t td:first-child{padding-left:20px}
.bhc-shell .vk-app .vk-lad-t th:last-child,.bhc-shell .vk-app .vk-lad-t td:last-child{padding-right:12px}
.bhc-shell .vk-app .vk-lad-t td{padding-top:14px;padding-bottom:14px}
.vk-app .vk-lad-t th:nth-child(1){width:25%}.vk-app .vk-lad-t th:nth-child(2){width:13%}.vk-app .vk-lad-t th:nth-child(3){width:34%}.vk-app .vk-lad-t th:nth-child(4){width:calc(28% - 56px)}.vk-app .vk-lad-t th:nth-child(5){width:56px}
.vk-app tr.vk-lad-r{cursor:pointer}
.vk-app .vk-lad-dep{display:block;font:600 14px/1.35 var(--r-f);color:var(--r-t1)}
.vk-app .vk-lad-dep a{color:var(--r-t1);text-decoration:underline;text-decoration-color:rgba(230,233,238,.35);text-underline-offset:3px}
@media (hover:hover){.vk-app .vk-lad-dep a:hover{text-decoration-color:currentColor}}
.vk-app .vk-lad-meta{display:block;margin-top:4px;font:400 13px/1.4 var(--r-f);color:var(--r-t3)}
.vk-app .vk-lad-c-rate b{display:block;font:600 16px/1.3 var(--r-f);color:var(--r-t1);font-variant-numeric:tabular-nums}
.vk-app .vk-lad-c-rate .vk-chg{display:block;margin-top:3px;font:500 13px/1.3 var(--r-f);font-variant-numeric:tabular-nums}
.vk-app .vk-lad-sub{display:block;margin-top:3px;font:400 13px/1.35 var(--r-f);color:var(--r-t3)}
.vk-app .vk-lad-tags{display:flex;flex-wrap:wrap;gap:4px}
.vk-app .vk-lad-tags span{display:inline-block;padding:3px 8px;border-radius:6px;background:#171e28;font:400 13px/1.3 var(--r-f);color:var(--r-t2)}
/* колонка «Срок»: шкала в шапке, столбики в строке */
.bhc-shell .vk-app .vk-lad-t td.vk-lad-c-lane{padding-left:14px;padding-right:22px}
.bhc-shell .vk-app .vk-lad-t th.vk-lad-laneh{position:relative;padding-left:14px;padding-right:22px;padding-bottom:30px}
.vk-app .vk-lad-lanebox{position:absolute;left:14px;right:22px;top:0;bottom:0;pointer-events:none}
.vk-app .vk-lad-ticks{position:absolute;left:0;right:0;bottom:8px;height:15px}
.vk-app .vk-lad-ticks span{position:absolute;top:0;transform:translateX(-50%);font:400 13px/15px var(--r-f);color:var(--r-t3);white-space:nowrap}
.vk-app .vk-lad-ticks span.is-l{transform:none}.vk-app .vk-lad-ticks span.is-r{transform:translateX(-100%)}
.vk-app .vk-lad-ticks--m{display:none}
.vk-app .vk-lad-freel{position:absolute;top:12px;margin-left:6px;font:400 13px/1.3 var(--r-f);color:var(--r-t3);white-space:nowrap}
.vk-app .vk-lad-lane{position:relative;height:var(--H);margin-top:4px;border-bottom:1px solid var(--r-line2)}
.vk-app .vk-lad-grid i{position:absolute;top:0;bottom:0;width:1px;background:rgba(255,255,255,.035)}
.vk-app .vk-lad-free{position:absolute;top:-10px;bottom:-1px;width:0;border-left:1px dashed rgba(255,255,255,.24)}
.vk-app .vk-lad-pin{position:absolute;bottom:0;width:6px;height:calc(var(--H) + 8px);display:flex;align-items:flex-end}
.vk-app .vk-lad-pin i,.vk-app .vk-lad-colb i{position:relative;display:block;width:100%;border-radius:2px 2px 0 0;background:#787b86}
.vk-app .vk-lad-pin.is-rng i{background:rgba(120,123,134,.7)}
.vk-app .vk-lad-pin.is-top i{background:#95ce5a}
@media (hover:hover){.vk-app .vk-lad-pin:hover i{background:#b3b9c2}.vk-app .vk-lad-pin.is-top:hover i{background:#a6d873}}
.vk-app .vk-lad-pin s,.vk-app .vk-lad-colb s{position:absolute;left:0;right:0;top:0;display:block;border-radius:2px 2px 0 0;background:repeating-linear-gradient(135deg,rgba(244,63,94,.9) 0 2px,rgba(244,63,94,.18) 2px 5px);text-decoration:none}
/* раскрытие строки (как на главной — одна, шеврон в последней колонке) */
.bhc-shell .vk-app .vk-lad-rx{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:0;margin:-8px 0 0;padding:0;border:0;border-radius:8px;background:none;box-shadow:none;color:var(--r-t3);cursor:pointer}
@media (hover:hover){.bhc-shell .vk-app .vk-lad-rx:hover{color:var(--r-t1)}}
.vk-app .vk-lad-rx:focus-visible{outline:2px solid var(--r-g);outline-offset:-2px}
.vk-app .vk-lad-rx svg{transition:transform .16s ease}
.vk-app .vk-lad-rx[aria-expanded="true"] svg{transform:rotate(180deg)}
.bhc-shell .vk-app tr.vk-lad-r.is-open>td{border-bottom-color:transparent;background:#171e28}
.bhc-shell .vk-app tr.vk-lad-xr>td{padding:4px 20px 20px;background:#171e28;cursor:default}
.vk-app .vk-lad-x{max-width:1100px}
.vk-app .vk-lad-xh{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px;margin-bottom:10px}
.vk-app .vk-lad-xl{margin:0;max-width:640px;font:400 14px/1.5 var(--r-f);color:var(--r-t1)}
.vk-app .vk-lad-leg{display:flex;flex-wrap:wrap;gap:6px 14px;font:400 13px/1.2 var(--r-f);color:var(--r-t2)}
.vk-app .vk-lad-leg>span{display:inline-flex;align-items:center;gap:6px}
.vk-app .vk-lad-leg i{display:inline-block;width:10px;height:10px;border-radius:2px}
.vk-app .vk-lad-leg .l-one i,.vk-app .vk-lad-leg .l-onl i{background:#949ca7}.vk-app .vk-lad-leg .l-off i{background:#5f6673}.vk-app .vk-lad-leg .l-top i{background:#95ce5a}
.vk-app .vk-lad-leg .l-tax i{background:repeating-linear-gradient(135deg,rgba(244,63,94,.9) 0 2px,rgba(244,63,94,.18) 2px 5px)}
.vk-app .vk-lad-cols{display:grid;grid-template-columns:repeat(var(--n),minmax(44px,96px));gap:4px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin;scrollbar-color:#252e3a transparent}
.vk-app .vk-lad-cols.is-dense{grid-template-columns:repeat(var(--n),minmax(38px,96px));gap:8px}
.vk-app .vk-lad-col{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:0;padding:6px 2px 4px;border-radius:6px}
@media (hover:hover){.vk-app .vk-lad-col:hover{background:#1f2834}}
.vk-app .vk-lad-col b{font:500 13px/1.2 var(--r-f);color:var(--r-t2);font-variant-numeric:tabular-nums;white-space:nowrap}
.vk-app .vk-lad-col.is-top b{font-weight:600;color:var(--r-t1)}
.vk-app .vk-lad-colb{display:flex;align-items:flex-end;justify-content:center;gap:3px;height:140px;margin-top:6px}
.vk-app .vk-lad-colb i{width:22px;border-radius:3px 3px 0 0;background:#949ca7}
.vk-app .vk-lad-colb i.is-onl,.vk-app .vk-lad-colb i.is-off{width:14px}
.vk-app .vk-lad-colb i.is-off{background:#5f6673}
.vk-app .vk-lad-colb i.is-top{background:#95ce5a}
.vk-app .vk-lad-colx{display:block;min-height:2.4em;margin-top:6px;font:400 13px/1.2 var(--r-f);color:var(--r-t3);text-align:center;white-space:normal}
.vk-app .vk-lad-cols.is-dense .vk-lad-col b,.vk-app .vk-lad-cols.is-dense .vk-lad-colx{font-size:12px}
.vk-app .vk-lad-cols.is-dense .vk-lad-col{padding-left:0;padding-right:0}
.vk-app .vk-lad-colx span{white-space:nowrap}.vk-app .vk-lad-cols.is-dense .vk-lad-colx span{display:block}
.vk-app .vk-lad-act{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px}
.bhc-shell .vk-app .vk-lad-act a{text-decoration:none}
.bhc-shell .vk-app .vk-lad-tile{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:6px;background:#252e3a;font:500 14px/1 var(--r-f);color:var(--r-t1)}
@media (hover:hover){.bhc-shell .vk-app .vk-lad-tile:hover{background:#2c3644;color:#fff}}
/* подсказка столбика (слой поверх страницы: линия .14 по канону 0.2) */
.vk-lad-tip{position:fixed;z-index:99999;max-width:300px;padding:9px 11px;border:1px solid rgba(255,255,255,.14);border-radius:6px;background:#171e28;font:400 13px/1.45 "IBM Plex Sans",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#b3b9c2;pointer-events:none;font-variant-numeric:tabular-nums}
.vk-lad-tip[hidden]{display:none}
.vk-lad-tip b{font-weight:600;color:#e6e9ee}
.vk-lad-tip em{display:block;margin:2px 0;font-style:normal;color:#e6e9ee}
.vk-lad-tip span{display:block}
.vk-lad-tip .vk-lad-tip-d{display:inline;color:#949ca7}
.vk-lad-tip .is-tax{color:#f9a8b8}
@media (prefers-reduced-motion:reduce){.vk-app .vk-lad-rx svg{transition:none}}
/* телефон и до 900 px: строки блоками, шкала под полосой каждой строки, порядок — кнопками над списком (.vk-sort-m) */
@media (max-width:899px){
  .vk-app .vk-lad .vk-lad-head{flex-wrap:wrap}
  .vk-app .vk-lad-seg{overflow-x:auto;scrollbar-width:none;gap:0}
  .vk-app .vk-lad .bhc-table-wrap{margin:0 -16px}
  .vk-app .vk-lad-t,.vk-app .vk-lad-t tbody{display:block}
  .vk-app .vk-lad-t thead{display:none}
  .vk-app tr.vk-lad-r{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px 12px;padding:14px 16px;border-bottom:1px solid var(--r-line)}
  .bhc-shell .vk-app tr.vk-lad-r>td{display:block;padding:0!important;border:0!important;background:transparent}
  .vk-app tr.vk-lad-r.is-open{background:#171e28}
  .vk-app .vk-lad-c-name{grid-column:1;grid-row:1}
  .vk-app .vk-lad-c-rx{grid-column:2;grid-row:1}
  .vk-app .vk-lad-c-rate,.vk-app .vk-lad-c-lane,.vk-app .vk-lad-c-cond{grid-column:1/-1}
  .vk-app .vk-lad-c-rate{display:flex!important;flex-wrap:wrap;align-items:baseline;gap:2px 10px}
  .vk-app .vk-lad-c-rate b,.vk-app .vk-lad-c-rate .vk-chg,.vk-app .vk-lad-c-rate .vk-lad-sub{display:inline;margin:0}
  .vk-app .vk-lad-c-cond:empty{display:none!important}
  .vk-app .vk-lad-lane{margin-top:6px}
  .vk-app .vk-lad-ticks--m{display:block;position:relative;left:auto;right:auto;bottom:auto;margin-top:4px}
  .bhc-shell .vk-app .vk-lad-rx{margin:-10px -10px 0 0}
  .vk-app tr.vk-lad-xr,.bhc-shell .vk-app tr.vk-lad-xr>td{display:block}
  .bhc-shell .vk-app tr.vk-lad-xr>td{padding:0 16px 18px}
  .vk-app .vk-lad-cols,.vk-app .vk-lad-cols.is-dense{grid-template-columns:repeat(var(--n),52px);gap:4px}
}
@media (pointer:coarse){.bhc-shell .vk-app .vk-lad-seg button{height:44px}.bhc-shell .vk-app .vk-lad-dep>a{display:inline-flex;align-items:center;min-height:44px}.bhc-shell .vk-app .vk-lad-act a{min-height:44px}}
.bhc-shell .vk-app .vk-lad-t tbody tr:last-child>td{border-bottom:0}