/* ============================================================
   Конвертер валют, правила R (CC_R_2026_10_12; CC_R2_2026_10_12 — компактная страница в колонке сайта)
   Поверх css/calc-shell.css: токены --r-*, кнопки, поля, сегменты, карточка итога.
   Здесь только то, что своё у конвертера: пара полей с выбором валюты, список валют,
   строка курса с мини-графиком, избранное, история, форма уведомления, сетка валют.
   Текст от 13 px, без прописных, один зелёный, красный не используется (курс — не убыток),
   скругления 6/8, тень только у всплывающего списка.
   CC_LIGHT_2026_10_12: поля ввода светлые, как до перевода на R (просьба владельца) — блок в конце файла.
   ============================================================ */
.ccr{display:flex;flex-direction:column;gap:20px;--cc-text-muted:var(--r-t3);--cc-text-dim:var(--r-t3)}
.ccr h2.bhc-card-title,.ccr .ccr-h2{margin:0!important;padding:0!important;border:0!important;font:600 16px/1.3 var(--r-f)!important;color:var(--r-t1)!important;text-transform:none!important;letter-spacing:0!important;text-align:left!important;background:none!important}
.ccr h2.bhc-card-title::before,.ccr h2.bhc-card-title::after,.ccr .ccr-h2::before,.ccr .ccr-h2::after{content:none!important;display:none!important}
.ccr button{font-family:inherit;text-transform:none;letter-spacing:0;box-shadow:none}

/* ---------- CC_R2: колонка по центру тёмной полосы; меню калькуляторов нет, шапка сайта на месте ---------- */
.bhc-shell.ccr-solo{display:block}
.ccr-wrap{max-width:1088px;margin:0 auto;padding:24px 24px 48px}
.ccr-head{margin:0 0 20px}
.ccr-title-row{display:flex;align-items:center;gap:12px 24px}
.ccr-sub-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px 24px;margin-top:6px}
.ccr-crumbs{display:flex;align-items:center;gap:8px;margin:0 0 8px;font:400 13px/1.3 var(--r-f);color:var(--r-t3)}
.ccr-crumbs a{color:var(--r-t2)!important;text-decoration:none!important}
.ccr-crumbs a:hover{color:var(--r-t1)!important}
.ccr-crumbs a:focus-visible{outline:2px solid var(--r-g);outline-offset:2px;border-radius:2px}
.ccr-solo h1.ccr-h1{margin:0!important;padding:0!important;border:0!important;background:none!important;font:600 24px/1.2 var(--r-f)!important;color:#fff!important;letter-spacing:0!important;text-transform:none!important;text-align:left!important}
.ccr-solo h1.ccr-h1::before,.ccr-solo h1.ccr-h1::after{content:none!important;display:none!important}
.ccr-solo h1.ccr-h1{flex:1 1 auto;min-width:0}
.ccr-lead{margin:0;font:400 14px/1.45 var(--r-f);color:var(--r-t2)}
.ccr-head .ccr-head-act{margin-left:auto;flex:none;flex-wrap:nowrap}
.ccr-sub-row .bh-wn-trigger{flex:none;height:28px!important;padding:0 4px!important}

/* ---------- главная карточка ---------- */
.ccr .ccr-conv{container-type:normal;padding:24px}   /* без контейнера: иначе он ловит position:fixed списка на телефоне */

/* избранное */
.ccr-fav{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 20px}
/* «свет сверху» варианта 8 (css/bh-system.css) положен карточкам; избранное теперь строка внутри карточки конвертера */
.ccr .ccr-fav.cc-favorites{background-image:none!important;box-shadow:none!important}
.ccr-fav-label{font:500 13px/1.3 var(--r-f);color:var(--r-t2);margin-right:4px}
.cc-favorites-list{display:flex;flex-wrap:wrap;gap:6px}
.cc-favorites-empty{font:400 13px/1.3 var(--r-f);color:var(--r-t3)}
.cc-favorite-item{display:inline-flex;align-items:center;height:32px;padding:0 2px 0 12px;border:1px solid var(--r-line2);border-radius:6px;font:500 14px/1 var(--r-f);color:var(--r-t1);cursor:pointer;user-select:none;transition:border-color .15s,background .15s}
.cc-favorite-item:hover{border-color:rgba(255,255,255,.24)}
.cc-favorite-item.active{background:#252e3a;border-color:#252e3a;color:#fff}
.cc-favorite-item:focus-visible{outline:2px solid var(--r-g);outline-offset:2px}
.cc-favorite-star{display:none}
.ccr .cc-favorite-remove{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;min-height:0;margin-left:2px;padding:0;border:0;border-radius:4px;background:transparent;color:var(--r-t3);font:400 18px/1 var(--r-f);cursor:pointer}
.ccr .cc-favorite-remove:hover{color:var(--r-t1);background:rgba(255,255,255,.06)}
.ccr .ccr-fav-add{display:inline-flex;align-items:center;gap:6px;height:32px;min-height:0;padding:0 8px;border:0;border-radius:6px;background:transparent;color:var(--r-t2);font:500 14px/1 var(--r-f);cursor:pointer}
.ccr .ccr-fav-add svg{width:14px;height:14px}
.ccr .ccr-fav-add:hover{color:var(--r-t1)}
.ccr .ccr-fav-add:disabled{cursor:default;color:var(--r-t3)}
.ccr .ccr-fav-add:disabled svg{display:none}
.ccr-fav-add:focus-visible{outline:2px solid var(--r-g);outline-offset:2px}

/* пара полей */
.cc-converter-grid{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:0 16px;align-items:start}
.cc-field{min-width:0}
.ccr .cc-field .bhc-label{margin-bottom:8px}
.ccr-box{position:relative;display:flex;align-items:stretch;height:56px;background:var(--r-bg);border:1px solid var(--r-line2);border-radius:8px;transition:border-color .15s}
.ccr-box:hover{border-color:rgba(255,255,255,.24)}
.ccr-box:has(.cc-field-input--amount:focus){border-color:var(--r-g)}
.ccr .ccr-box input.cc-field-input--amount{flex:1 1 auto;min-width:0;width:100%;height:100%;margin:0;padding:0 14px;background:transparent!important;border:0!important;border-radius:8px 0 0 8px;box-shadow:none!important;outline:none;color:#fff;font:600 24px/1 var(--r-f);font-variant-numeric:tabular-nums;letter-spacing:-.01em;-webkit-appearance:none;appearance:none}
.ccr .ccr-box input.cc-field-input--amount::placeholder{color:var(--r-t3);font-weight:500}
.cc-currency-selector{position:relative;flex:none;display:flex}
.ccr .cc-currency-btn{display:inline-flex;align-items:center;gap:8px;height:100%;min-height:0;padding:0 12px 0 14px;border:0;border-left:1px solid var(--r-line2);border-radius:0 8px 8px 0;background:transparent;color:var(--r-t1);font:600 16px/1 var(--r-f);cursor:pointer;transition:background .15s}
.ccr .cc-currency-btn:hover,.ccr .cc-currency-btn[aria-expanded="true"]{background:rgba(255,255,255,.05)}
.cc-currency-btn:focus-visible{outline:2px solid var(--r-g);outline-offset:-2px}
.cc-currency-flag{display:inline-flex;align-items:center;font-size:20px;line-height:1}
.cc-currency-flag img{width:20px!important;height:auto!important;border-radius:2px!important}
.cc-currency-code{min-width:36px;text-align:left}
.cc-currency-arrow{width:14px;height:14px;color:var(--r-t2);transition:transform .15s}
.cc-currency-btn[aria-expanded="true"] .cc-currency-arrow{transform:rotate(180deg)}
.ccr-quick{margin-top:10px}
.ccr-hint{margin:10px 0 0;font:400 13px/1.4 var(--r-f);color:var(--r-t3)}
.cc-swap-wrap{display:flex;align-items:flex-end;height:calc(17px + 8px + 56px)}
.ccr .cc-swap-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:0;margin-bottom:6px;padding:0;border:1px solid var(--r-line2);border-radius:8px;background:transparent;color:var(--r-t1);cursor:pointer;transition:border-color .15s,background .15s}
.ccr .cc-swap-btn:hover{border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.04)}
.cc-swap-btn:focus-visible{outline:2px solid var(--r-g);outline-offset:2px}
.cc-swap-btn svg{width:18px;height:18px;transform:rotate(90deg)}

/* выпадающий список валют */
.cc-currency-dropdown{display:none;position:absolute;top:calc(100% + 6px);right:-1px;z-index:60;width:340px;max-height:420px;flex-direction:column;background:#1b2330;border:1px solid var(--r-line2);border-radius:8px;box-shadow:0 12px 32px rgba(0,0,0,.5);overflow:hidden}
.cc-currency-dropdown.open{display:flex}
.cc-currency-search-wrap{position:relative;display:flex;align-items:center;gap:8px;padding:10px;border-bottom:1px solid var(--r-line)}
.cc-search-icon{position:absolute;left:21px;z-index:1;width:16px;height:16px;color:var(--r-t3);pointer-events:none}
.ccr input.cc-currency-search{flex:1 1 auto;min-width:0;height:38px;margin:0;padding:0 10px 0 34px;background:var(--r-bg)!important;border:1px solid var(--r-line2)!important;border-radius:6px;box-shadow:none!important;outline:none;color:var(--r-t1);font:400 15px/1 var(--r-f)}
.ccr input.cc-currency-search:focus{border-color:var(--r-g)!important}
.ccr input.cc-currency-search::placeholder{color:var(--r-t3)}
.ccr .ccr-dd-close{display:none;flex:none;height:38px;min-height:0;padding:0 6px;border:0;background:transparent;color:var(--r-t1);font:500 15px/1 var(--r-f);cursor:pointer}
.cc-currency-list{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:4px 0 8px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}
.cc-currency-group-title{padding:12px 14px 4px;font:500 13px/1.3 var(--r-f);color:var(--r-t3)}
.cc-currency-option{display:flex;align-items:center;gap:12px;min-height:44px;padding:6px 14px;cursor:pointer}
.cc-currency-option:hover,.cc-currency-option:focus-visible{background:rgba(255,255,255,.05);outline:none}
.cc-currency-option:focus-visible{box-shadow:inset 2px 0 0 var(--r-g)}
.cc-currency-option.selected{background:#252e3a}
.cc-currency-option-flag{flex:none;display:inline-flex;justify-content:center;width:22px;font-size:18px;line-height:1}
.cc-currency-option-flag img{width:20px!important;height:auto!important;border-radius:2px}
.cc-currency-option-info{display:flex;align-items:baseline;gap:10px;min-width:0}
.cc-currency-option-code{flex:none;width:46px;font:600 14px/1.2 var(--r-f);color:var(--r-t1)}
.cc-currency-option-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:400 14px/1.3 var(--r-f);color:var(--r-t2)}
.cc-currency-empty{padding:20px 14px;font:400 14px/1.45 var(--r-f);color:var(--r-t2)}

/* строка курса */
.cc-rate-info{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px 24px;margin-top:24px;padding-top:20px;border-top:1px solid var(--r-line2)}
.cc-rate-value{font:600 20px/1.25 var(--r-f);color:#fff;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.ccr-rate-inv{margin-top:4px;font:400 14px/1.4 var(--r-f);color:var(--r-t2);font-variant-numeric:tabular-nums}
.ccr-rate-inv:empty{display:none}
.cc-sparkline-wrap{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:flex-end}
.ccr-spark{display:flex;align-items:center;gap:12px;min-height:32px}
.cc-sparkline-svg{display:block;width:120px;height:32px;overflow:visible}
.cc-sparkline-line,.cc-sparkline-dot{color:var(--r-g)}
.cc-sparkline-change{font:500 14px/1.2 var(--r-f);color:var(--r-t1);white-space:nowrap;font-variant-numeric:tabular-nums}
.cc-sparkline-per{font-weight:400;color:var(--r-t2)}
.cc-sparkline-na{font:400 13px/1.3 var(--r-f);color:var(--r-t3)}
.cc-rate-meta{grid-column:1/-1;font:400 13px/1.45 var(--r-f);color:var(--r-t3)}
.cc-rate-meta .cc-rate-update{color:var(--r-t2)}

/* загрузка и ошибка */
.cc-loading{display:flex;align-items:center;gap:10px;margin-top:14px;font:400 13px/1.3 var(--r-f);color:var(--r-t2)}
.cc-loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.15);border-top-color:var(--r-g);border-radius:50%;animation:ccr-spin .8s linear infinite}
@keyframes ccr-spin{to{transform:rotate(360deg)}}
.cc-error{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;margin-top:14px;padding:4px 0 4px 12px;border-left:2px solid var(--r-t3);font:400 14px/1.45 var(--r-f);color:var(--r-t1)}
.ccr .cc-error-retry{height:32px}

/* ---------- недавние + уведомление о курсе ---------- */
.ccr-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}
.cc-history-header{margin-bottom:6px}
.ccr .cc-history-clear{height:30px}
.cc-history-list{display:flex;flex-direction:column}
.cc-history-empty{margin:0;padding:6px 0;font:400 14px/1.45 var(--r-f);color:var(--r-t2)}
.cc-history-item{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:44px;padding:4px 0;border-top:1px solid var(--r-line);font:400 14px/1.3 var(--r-f);font-variant-numeric:tabular-nums;color:var(--r-t1);cursor:pointer}
.cc-history-empty+.cc-history-item,.cc-history-list>.cc-history-item:first-child{border-top:0}
@media (hover:hover){.cc-history-item:hover{background:#171e28}}   /* PACK16_2026_10_16: наведение тоном палитры (было белое .025) */
.cc-history-item:focus-visible{outline:2px solid var(--r-g);outline-offset:-2px;border-radius:4px}
.cc-history-from{font-weight:500;white-space:nowrap}
.cc-history-arrow{color:var(--r-t3)}
.cc-history-to{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--r-t2)}
.cc-history-time{font:400 13px/1.3 var(--r-f);color:var(--r-t3);white-space:nowrap}   /* PACK16_2026_10_16: когда был расчёт */
.ccr .cc-history-remove{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:0;padding:0;border:0;border-radius:4px;background:transparent;color:var(--r-t3);font:400 18px/1 var(--r-f);cursor:pointer}
@media (hover:hover){.ccr .cc-history-remove:hover{color:var(--r-t1);background:#1f2834}}

/* форма уведомления (вставляет inc/currency-alerts.php; свой CSS там с !important — перекрываем точечно) */
.ccr .bh-cura{margin:0!important;padding:20px!important;background:var(--r-s1)!important;border:0!important;border-radius:8px!important;box-shadow:none!important;color:var(--r-t1)!important;font-family:var(--r-f)!important}
.ccr .bh-cura__head{margin-bottom:6px}
.ccr .bh-cura__bell{display:none}
.ccr .bh-cura__title{font:600 16px/1.3 var(--r-f)!important;color:var(--r-t1)!important}
.ccr .bh-cura__sub{margin:0 0 14px!important;font:400 14px/1.5 var(--r-f)!important;color:var(--r-t2)!important;opacity:1!important}
.ccr .bh-cura__sub b{color:var(--r-t1)!important;font-weight:600}
.ccr .bh-cura__row{gap:12px}
.ccr .bh-cura__field{gap:8px;flex:1 1 140px}
.ccr .bh-cura__field--email{flex:1 1 200px}
.ccr .bh-cura__lbl{font:500 13px/1.3 var(--r-f)!important;color:var(--r-t2)!important;text-transform:none!important;letter-spacing:0!important;opacity:1!important}
.ccr .bh-cura input.bh-cura__inp{height:42px!important;padding:0 12px!important;background:var(--r-bg)!important;border:1px solid var(--r-line2)!important;border-radius:6px!important;color:var(--r-t1)!important;font:500 15px/1 var(--r-f)!important;font-variant-numeric:tabular-nums}
.ccr .bh-cura input.bh-cura__inp:hover{border-color:rgba(255,255,255,.24)!important}
.ccr .bh-cura input.bh-cura__inp:focus{border-color:var(--r-g)!important;box-shadow:none!important}
.ccr .bh-cura input.bh-cura__inp::placeholder{color:var(--r-t3)!important}
.ccr .bh-cura__btn{height:42px;padding:0 18px!important;border-radius:6px!important;background:var(--r-g)!important;color:#0c0f15!important;font:500 14px/1 var(--r-f)!important}
.ccr .bh-cura__btn:hover{background:var(--r-g2)!important}
.ccr .bh-cura__btn:focus-visible{outline:2px solid var(--r-g);outline-offset:2px}
.ccr .bh-cura__consent{margin-top:14px;font:400 13px/1.45 var(--r-f)!important}
.ccr .bh-cura .bh-cura__consent,.ccr .bh-cura .bh-cura__consent span{color:var(--r-t2)!important}
.ccr .bh-cura .bh-cura__consent a{color:var(--r-t1)!important;text-decoration-color:rgba(255,255,255,.3)!important}
.ccr .bh-cura__msg{font:400 14px/1.45 var(--r-f)!important}
.ccr .bh-cura__msg:empty{display:none}
.ccr .bh-cura__msg.ok{color:var(--r-g)!important}
.ccr .bh-cura__msg.err{color:var(--r-t1)!important}

/* ---------- о валютах ---------- */
.cc-currency-info,.cc-rate-history,.cc-all-currencies{display:flex;flex-direction:column;gap:12px;margin-top:8px}
.cc-info-cards{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}
.cc-info-card-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.cc-info-card-flag{flex:none;display:inline-flex;align-items:center;font-size:28px;line-height:1}
.cc-info-card-flag img{width:32px!important;height:auto!important;border-radius:3px!important}
.cc-info-card-title{min-width:0;font:600 16px/1.3 var(--r-f);color:var(--r-t1)}
.cc-info-card-code{display:block;margin-top:2px;font:400 13px/1.3 var(--r-f);color:var(--r-t3)}
.cc-info-card-desc{margin:0;font:400 14px/1.6 var(--r-f);color:var(--r-t2)}
.cc-info-card-desc:empty{display:none}

/* ---------- курс по годам ---------- */
.cc-rate-lead{margin:0;max-width:640px;font:400 14px/1.5 var(--r-f);color:var(--r-t2)}
.cc-rate-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}
.ccr .cc-rate-pill{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:1px solid var(--r-line2);border-radius:8px;background:transparent;text-decoration:none!important;transition:border-color .15s,background .15s}
.ccr .cc-rate-pill:hover{border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.03)}
.cc-rate-pill:focus-visible{outline:2px solid var(--r-g);outline-offset:2px}
.ccr .cc-rate-pill b{font:600 15px/1.2 var(--r-f);color:var(--r-t1)}
.ccr .cc-rate-pill span{font:400 13px/1.3 var(--r-f);color:var(--r-t2)}

/* ---------- все валюты ---------- */
.ccr-all-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 16px}
.ccr-all-note{margin:0;font:400 13px/1.4 var(--r-f);color:var(--r-t3)}
.cc-tabs{display:flex;gap:2px;max-width:100%;padding:3px;overflow-x:auto;background:var(--r-bg);border:1px solid var(--r-line);border-radius:8px;scrollbar-width:none;align-self:flex-start}
.cc-tabs::-webkit-scrollbar{display:none}
.ccr .cc-tab{flex:none;height:32px;min-height:0;padding:0 12px;border:0;border-radius:6px;background:transparent;color:var(--r-t2);font:500 14px/1 var(--r-f);white-space:nowrap;cursor:pointer}
.ccr .cc-tab:hover{color:var(--r-t1)}
.ccr .cc-tab.cc-tab--active{background:#252e3a;color:#fff}
.cc-tab:focus-visible{outline:2px solid var(--r-g);outline-offset:-2px}
.cc-currencies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}
.cc-currency-card{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:10px;row-gap:2px;min-height:56px;padding:9px 12px;border:1px solid var(--r-line);border-radius:8px;cursor:pointer;transition:border-color .15s,background .15s}
.cc-currency-card:hover{border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.025)}
.cc-currency-card:focus-visible{outline:2px solid var(--r-g);outline-offset:2px}
.cc-currency-card.selected-from,.cc-currency-card.selected-to{background:#252e3a;border-color:#252e3a}
.cc-card-flag,.cc-card-icon{grid-row:1/3;display:inline-flex;align-items:center;font-size:22px;line-height:1}
.cc-card-icon{width:24px;height:24px;border-radius:50%}
.cc-card-flag img{width:24px!important;height:auto!important;border-radius:2px}
.cc-card-code{font:600 14px/1.2 var(--r-f);color:var(--r-t1)}
.cc-card-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:400 13px/1.3 var(--r-f);color:var(--r-t2)}

/* ---------- полоса под инструментом ---------- */
.ccr-content-band .bh-tool-faq{margin-top:0}

/* ---------- планшет ---------- */
@media (max-width:1099px){
  .ccr-row{grid-template-columns:minmax(0,1fr)}
}

/* ---------- телефон ---------- */
@media (max-width:899px){
  .ccr-wrap{padding:16px 16px 32px}
  .ccr-head{margin-bottom:16px}
  /* поле «Результат» должно остаться на первом экране маленького телефона: без цепочки, действия значками в строке названия */
  .ccr-crumbs{display:none}
  .ccr-solo h1.ccr-h1{font-size:20px!important;flex:1 1 0}
  .ccr-head .bhc-top-act{order:0;width:auto;margin:0 0 0 auto;gap:8px}
  .ccr-head .bhc-top-act>*{flex:none;width:40px;min-width:0;height:40px;padding:0}
  .ccr-head .bhc-btn--ico .bhc-btn-txt{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
  .ccr-sub-row{align-items:flex-start;margin-top:4px}
  .ccr-lead{font-size:13px}
  .ccr .ccr-conv{padding:16px}
  /* избранное — одна строка с прокруткой вбок, без подписи: поля суммы остаются на первом экране */
  .ccr-fav{flex-wrap:nowrap;gap:6px;margin:0 -16px 16px;padding:0 16px 2px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .ccr-fav::-webkit-scrollbar{display:none}
  .ccr-fav-label{display:none}
  .cc-favorites-list{flex-wrap:nowrap}
  .cc-favorite-item{flex:none;height:36px}
  html body .ccr .cc-favorites-list .cc-favorite-item{padding-left:12px!important;padding-right:2px!important}   /* поверх правки ширины из css/bh-fonts.css */
  .ccr .cc-favorite-remove{width:32px;height:32px}
  .ccr .ccr-fav-add{flex:none;height:36px;white-space:nowrap}
  .cc-converter-grid{grid-template-columns:minmax(0,1fr)}
  .cc-swap-wrap{height:auto;justify-content:center;padding:14px 0 2px}
  .ccr .cc-swap-btn{margin:0;width:48px;height:44px}
  .cc-swap-btn svg{transform:none}
  .ccr-box{height:56px}
  .ccr .ccr-box input.cc-field-input--amount{font-size:22px}
  .ccr-hint{display:none}
  .cc-rate-info{grid-template-columns:minmax(0,1fr);gap:12px}
  .cc-sparkline-wrap{justify-content:space-between}
  .cc-info-cards{grid-template-columns:minmax(0,1fr)}
  .cc-currencies-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
  /* список валют — на весь экран, как выбор из длинного списка в приложениях */
  .cc-currency-dropdown{position:fixed;inset:0;z-index:10050;width:auto;max-height:none;border:0;border-radius:0;background:var(--r-bg);box-shadow:none}
  .cc-currency-search-wrap{padding:calc(10px + env(safe-area-inset-top,0px)) 16px 10px}
  .cc-search-icon{left:27px;top:calc(21px + env(safe-area-inset-top,0px))}
  .ccr input.cc-currency-search{height:44px;font-size:16px}
  .ccr .ccr-dd-close{display:inline-flex;align-items:center;height:44px}
  .cc-currency-list{padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}
  .cc-currency-option{min-height:48px;padding:6px 16px}
  .cc-currency-group-title{padding:14px 16px 4px}
  html.cc-dd-open,html.cc-dd-open body{overflow:hidden!important}
}
/* узкий телефон: подзаголовок скрыт (под курсом и так написано «Официальный курс ЦБ РФ на …»),
   быстрые суммы одной строкой с прокруткой вбок — поле «Результат» остаётся над нижним меню сайта на 360×640 */
@media (max-width:560px){
  .ccr-lead{display:none}
  .ccr-sub-row{justify-content:flex-end;margin-top:0}
  .ccr .ccr-quick{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:-16px;padding-right:16px;-webkit-overflow-scrolling:touch}
  .ccr .ccr-quick::-webkit-scrollbar{display:none}
  .ccr .ccr-quick button{flex:none}
}
@media (max-width:420px){
  .cc-currencies-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .ccr .bh-cura__btn{width:100%}
}
@media (prefers-reduced-motion:reduce){
  .ccr *{transition:none!important}
  .cc-loading-spinner{animation-duration:2s}
}

/* ============================================================
   CC_LIGHT_2026_10_12: светлые поля ввода, как до перевода на R (просьба владельца 12.10).
   Прежние цвета --cc-input-*: фон #eef2f6, текст #171c25, рамка rgba(31,38,48,.18), подсказка #7a8290.
   Градиент прежней версии сделан плоским. Выбор валюты — тёмный сегмент справа от поля.
   ============================================================ */
.ccr{--ccl-bg:#eef2f6;--ccl-text:#171c25;--ccl-line:rgba(31,38,48,.18);--ccl-line-h:rgba(31,38,48,.34);--ccl-ph:#7a8290;--ccl-ico:#5f6772}

/* «Сумма» и «Результат»: светлое само поле, рамка и сегмент валюты — на ступень светлее карточки (#171e28),
   как прежние #18202a на #121820. Светлый фон у поля, а не у рамки: иначе он просвечивает дугой по скруглению кнопки. */
.ccr-box{background:#1f2834}
.ccr .ccr-box input.cc-field-input--amount{background:var(--ccl-bg)!important;border-radius:7px 0 0 7px;color:var(--ccl-text);caret-color:var(--ccl-text)}
.ccr .ccr-box input.cc-field-input--amount::placeholder{color:var(--ccl-ph)}
.ccr .ccr-box input.cc-field-input--amount::selection{background:rgba(149,206,90,.45);color:var(--ccl-text)}
.ccr .cc-currency-btn{border-left:0;border-radius:0 7px 7px 0}
.ccr .cc-currency-btn:hover,.ccr .cc-currency-btn[aria-expanded="true"]{background:#252e3a}

/* поиск валюты в выпадающем списке */
.ccr input.cc-currency-search{background:var(--ccl-bg)!important;border-color:var(--ccl-line)!important;color:var(--ccl-text);caret-color:var(--ccl-text)}
.ccr input.cc-currency-search:focus{border-color:var(--r-g)!important}
.ccr input.cc-currency-search::placeholder{color:var(--ccl-ph)}
.cc-search-icon{color:var(--ccl-ico)}

/* уведомление о курсе: «Целевой курс» и «Почта».
   CURA_DARK_2026_11_06: тёмная лунка без рамки (канон 0.6 F3A) — форма второстепенная и не спорит с главным расчётом.
   Светлые только «Сумма» и «Результат» (владелец 06.11 «да»: светлое — только главное); было светлым по CC_LIGHT 12.10. */
.ccr .bh-cura input.bh-cura__inp{background:var(--r-bg)!important;border-color:transparent!important;color:var(--r-t1)!important;caret-color:var(--r-t1)}
.ccr .bh-cura input.bh-cura__inp:hover{background:#0d1117!important;border-color:transparent!important}
.ccr .bh-cura input.bh-cura__inp:focus{border-color:var(--r-g)!important}
.ccr .bh-cura input.bh-cura__inp::placeholder{color:var(--r-t3)!important}
.ccr .bh-cura input.bh-cura__inp:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--r-bg) inset!important;-webkit-text-fill-color:var(--r-t1)!important}

/* CC_NEXT_2026_10_13 CC_NEXT2: курс НБРБ на следующий день (только buyhold.by) — хвост нижней строки
   «Официальный курс НБРБ на 12.10.2026 · на завтра, 13.10: 3,0107»; на телефоне — своей строкой без точки */
.ccr-rate-next[hidden]{display:none}
.ccr-next-val{color:var(--r-t2);font-variant-numeric:tabular-nums;white-space:nowrap}
@media (max-width:560px){
  .ccr-rate-next{display:block}
  .ccr-next-sep{display:none}
}

/* CONVWN_2026_10_14: «Что нового» на телефоне не показывается (владелец 14.10) — на узком экране кнопка стояла одна
   отдельной строкой под «копировать · поделиться» и сдвигала конвертер вниз; на компьютере остаётся в строке подзаголовка */
@media (max-width:767px){
  .ccr-sub-row #bh-wn-trigger,.ccr-sub-row #bhc-wn-slot{display:none!important}
}
@media (max-width:560px){
  .ccr-sub-row{display:none}
}
/* /CONVWN_2026_10_14 */

/* PACK16_2026_10_16 (мобильный разбор 16.10): пара уже в избранном — она выделена в ряду, отдельная «Пара в избранном» не показывается;
   на телефоне ряд прокручивается вбок — у края, за которым есть ещё пары, затухание вместо обрезанного текста (--ccf-l/--ccf-r ставит favEdges() в JS) */
.ccr .ccr-fav-add[hidden]{display:none!important}
.ccr-fav{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--ccf-l,0px),#000 calc(100% - var(--ccf-r,0px)),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 var(--ccf-l,0px),#000 calc(100% - var(--ccf-r,0px)),transparent 100%)}
/* /PACK16_2026_10_16 */

/* ============================================================
   CONV_PRO_2026_11_06 — разбор конвертера (владелец 06.11 «1 да 2 да»): популярные пары, недавние строкой под полями,
   график курса пары вместо маленькой линии, каждое число один раз, уведомление полосой, «О валютах пары» — в текст под инструментом.
   ============================================================ */
/* курс и источник сверху, график во всю ширину */
.cc-rate-info{grid-template-columns:minmax(0,1fr);gap:4px;margin-top:20px;padding-top:18px}
.cc-rate-meta{grid-column:auto}
.cc-rate-value.is-dup,.ccr-rate-inv.is-dup{display:none}
.cc-rate-value.is-dup+.ccr-rate-inv{margin-top:0}
.ccr-rate-main:not(:has(>:not(.is-dup):not(:empty))){display:none}

/* недавние — строка под полями, только когда есть */
.ccr-recent{display:flex;align-items:center;gap:8px;margin-top:16px;min-width:0}
.ccr-recent[hidden]{display:none!important}
.ccr-recent-label{flex:none;margin-right:4px;font:500 13px/1.3 var(--r-f);color:var(--r-t2)}
.ccr-recent-list{display:flex;gap:6px;min-width:0;overflow-x:auto;scrollbar-width:none}
.ccr-recent-list::-webkit-scrollbar{display:none}
.ccr .ccr-recent-item{flex:none;display:inline-flex;align-items:center;gap:6px;height:32px;min-height:0;padding:0 12px;border:0;border-radius:6px;background:#171e28;color:var(--r-t1);font:400 13px/1 var(--r-f);font-variant-numeric:tabular-nums;white-space:nowrap;cursor:pointer;transition:background .15s}
@media (hover:hover){.ccr .ccr-recent-item:hover{background:#1f2834}}
.ccr .ccr-recent-item:focus-visible{outline:2px solid var(--r-g);outline-offset:2px}
.ccr-recent-from{font-weight:500}
.ccr-recent-arrow{color:var(--r-t3)}
.ccr-recent-to{color:var(--r-t2)}
.ccr .ccr-recent-clear{flex:none;margin-left:auto;height:32px;min-height:0;padding:0 6px;border:0;border-radius:6px;background:transparent;color:var(--r-t2);font:500 13px/1 var(--r-f);cursor:pointer}
.ccr .ccr-recent-clear:hover{color:var(--r-t1)}
.ccr .ccr-recent-clear:focus-visible{outline:2px solid var(--r-g);outline-offset:2px}
.ccr .ccr-recent-clear[hidden]{display:none}

/* популярные пары — без «×», пока список не свой */
.ccr-fav:not(.is-own) .cc-favorite-item{padding-right:12px}

/* график курса */
.cc-chart{margin-top:14px}
.cc-chart-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;margin-bottom:10px}
.cc-chart-lead{margin:0;min-height:20px;font:400 14px/1.4 var(--r-f);color:var(--r-t2);font-variant-numeric:tabular-nums}
.cc-chart-pair{font-weight:500;color:var(--r-t1)}
.cc-chg{font-weight:600;color:var(--r-t1)}
.cc-chg.up{color:var(--r-g)}
.cc-chg.down{color:#f43f5e}
.cc-chart-na{color:var(--r-t3)}
.cc-chart-host{position:relative;height:240px}
.cc-chart-host table{table-layout:auto!important;width:auto!important;max-width:none!important;border-collapse:collapse!important;margin:0!important;border:0!important;background:none!important}
.cc-chart-host tr,.cc-chart-host td{padding:0!important;border:0!important;background:none!important}
.cc-chart.is-na .cc-chart-host,.cc-chart.is-na .cc-chart-per,.cc-chart.is-na .cc-chart-foot{display:none}
.cc-chart-per:empty{display:none}
.cc-chart-per>.bh-wn-nav-dot{align-self:center;margin:0 6px 0 4px}   /* «новое» 21 день (класс C) — по центру ряда, как у периодов «Слитков» */
.cc-chart-tip{position:absolute;top:2px;left:0;z-index:3;display:flex;align-items:baseline;gap:8px;padding:5px 10px;border-radius:6px;background:#252e3a;font:400 13px/1.3 var(--r-f);color:var(--r-t2);white-space:nowrap;font-variant-numeric:tabular-nums;pointer-events:none}
.cc-chart-tip b{font-weight:600;color:#fff}
.cc-chart-tip[hidden]{display:none}
.cc-chart-foot{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 24px;margin-top:10px;font:400 13px/1.45 var(--r-f);color:var(--r-t2);font-variant-numeric:tabular-nums}
.cc-chart-foot:empty{display:none}
.cc-chart-mm b{font-weight:500;color:var(--r-t1)}
.cc-chart-d{color:var(--r-t3)}
.ccr a.cc-chart-link{margin-left:auto;color:var(--r-t1)!important;text-decoration:underline!important;text-decoration-color:rgba(255,255,255,.3)!important;text-underline-offset:3px}
.ccr a.cc-chart-link:hover{text-decoration-color:var(--r-t1)!important}
.ccr a.cc-chart-link:focus-visible{outline:2px solid var(--r-g);outline-offset:2px;border-radius:2px}

/* уведомление — полоса во всю ширину: слева что это, справа поля */
.ccr-alert-slot:empty{display:none}
@media (min-width:900px){
  .ccr .bh-cura{display:grid!important;grid-template-columns:minmax(220px,300px) minmax(0,1fr);column-gap:40px;align-items:center}
  .ccr .bh-cura__head{grid-column:1;grid-row:1;margin:0!important}
  .ccr .bh-cura__sub{grid-column:1;grid-row:2;align-self:start;margin:6px 0 0!important}
  .ccr .bh-cura__row{grid-column:2;grid-row:1/3;flex-wrap:nowrap}
  .ccr .bh-cura__consent{grid-column:2;grid-row:3;margin-top:12px!important}
  .ccr .bh-cura__msg{grid-column:2;grid-row:4}
}

/* CC_ABOUT_DARK_2026_11_07: «О валютах пары» снова в тёмной части — оформление в разделе «о валютах» выше;
   светлая справка в полосе текста и CC_PWA_ABOUT сняты. */

@media (max-width:899px){
  .cc-rate-info{margin-top:16px;padding-top:14px}
  /* ряд «Недавних» прокручивается вбок целиком, «Очистить» — последним в ряду; поле 4 px — зона касания чипа 44 не обрезается */
  .ccr-recent{gap:6px;margin:10px -16px -4px;padding:4px 16px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--ccf-l,0px),#000 calc(100% - var(--ccf-r,0px)),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 var(--ccf-l,0px),#000 calc(100% - var(--ccf-r,0px)),transparent 100%)}
  .ccr-recent::-webkit-scrollbar{display:none}
  .ccr-recent-list{flex:none;overflow:visible}
  .ccr-recent-label{display:none}
  .ccr .ccr-recent-clear{margin-left:0;padding:0 10px}
  .ccr .ccr-recent-item{height:36px}
  .ccr .ccr-recent-clear{height:36px}
  .cc-chart-head{align-items:flex-start;flex-direction:column;gap:10px}
  .cc-chart-per{align-self:stretch}
  .cc-chart-per button{flex:1 1 0}
  .cc-chart-host{height:200px}
  .cc-chart-foot{gap:4px 16px}
  .ccr a.cc-chart-link{display:inline-flex;align-items:center;min-height:44px;margin:-6px 0 -10px}
  .cc-chart-foot{flex-direction:column;align-items:flex-start}
}