/* ==========================================================================
   BUYHOLD — страница дивидендов по тикеру. Маркер: BH_DIVIDEND_TICKER_2026_07_11
   Клон дашборда страниц валютных пар (.bhcp → .bhdt): тёмная карта V6 Glass Terminal,
   двухколоночный grid (цена+свечной график | показатели), + таблица истории дивидендов.
   Лайм #95ce5a = интерактив, #10b981/#f43f5e = значения.
   ========================================================================== */

.bhdt-page{
  --bg:#131722; --deep:#0d1117; --card:#1a1f2a; --elev:#1c2230; --elev2:#252a33;
  --accent:#95ce5a; --pos:#10b981; --neg:#f43f5e; --line:rgba(255,255,255,.08);
  --tx:#fff; --soft:#d1d4dc; --muted:#9ca3af; --faint:#6b7280;
  background:var(--bg); padding:0 0 38px;
}
.bhdt-page *{box-sizing:border-box}

/* ── Хлебные крошки ── */
.bhdt-topbar{max-width:1440px;margin:0 auto;padding:16px clamp(20px,5vw,80px) 12px;display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;justify-content:space-between}
.bhdt-bcrumb{font-family:'DM Sans',-apple-system,Segoe UI,Roboto,sans-serif;font-size:12.5px;color:#828b9c;display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.bhdt-bcrumb a{color:var(--accent);opacity:.8;text-decoration:none}
.bhdt-bcrumb a:hover{opacity:1}
.bhdt-bcrumb .sep{color:#3a414d}

.bhdt-wrap{max-width:1440px;margin:0 auto;padding:0 clamp(20px,5vw,80px)}

/* ── Дашборд (одна карта, grid) ── */
.bhdt-dash{
  position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 344px;gap:22px;
  background:linear-gradient(135deg,var(--deep) 0%,var(--bg) 34%,var(--card) 64%,var(--bg) 100%);
  border:1px solid #2a2e39;border-radius:18px;padding:26px;
  box-shadow:0 8px 34px rgba(13,17,23,.22),0 1px 4px rgba(0,0,0,.14);
  font-family:'DM Sans',-apple-system,Segoe UI,Roboto,sans-serif;
  -webkit-font-smoothing:antialiased;
}
.bhdt-dash::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
  background:radial-gradient(ellipse at 14% 22%,rgba(90,149,206,.06),transparent 58%),
             radial-gradient(ellipse at 92% 78%,rgba(149,206,90,.05),transparent 58%)}
.bhdt-dash__main,.bhdt-dash__side{position:relative;z-index:1;min-width:0}
.bhdt-dash__main{display:flex;flex-direction:column}
.bhdt-dash__side{display:flex;flex-direction:column;gap:16px}

/* ── Шапка: логотип-бейдж + H1 ── */
.bhdt-dash__head{display:flex;align-items:center;gap:16px}
.bhdt-badge{position:relative;flex-shrink:0;width:56px;height:56px;border-radius:50%;
  background:#fff;display:grid;place-items:center;overflow:hidden;
  border:2.5px solid var(--elev2);box-shadow:0 2px 8px rgba(0,0,0,.3)}
.bhdt-badge img{width:100%;height:100%;object-fit:contain;padding:6px;display:block}
.bhdt-badge__t{font:700 15px/1 'Manrope',sans-serif;color:#131722;letter-spacing:-.3px}
.bhdt-idwrap{min-width:0}
.bhdt-h1{font:800 clamp(22px,3.3vw,30px)/1.16 'Manrope',sans-serif;color:var(--tx);margin:0;letter-spacing:-.3px}
.bhdt-h1 em{font-style:normal;color:var(--accent)}
.bhdt-sub{display:block;margin-top:6px;font:400 13.5px/1.4 'DM Sans';color:var(--muted)}
.bhdt-sub b{color:var(--soft);font-weight:600}

/* ── Ключевые цифры: цена · дивдоходность (умеренный размер; доходность — акцент-цвет через разделитель, без коробки) ── */
.bhdt-stats{display:flex;flex-wrap:wrap;align-items:stretch;gap:10px 24px;margin:18px 0 14px}
.bhdt-stat{display:flex;flex-direction:column;justify-content:center}
.bhdt-stat--yield{padding-left:24px;border-left:1px solid var(--line)}
.bhdt-stat__v{font:800 clamp(26px,3.3vw,33px)/1 'Manrope',sans-serif;color:var(--tx);letter-spacing:-1px;white-space:nowrap}
.bhdt-stat--yield .bhdt-stat__v{color:var(--accent)}
.bhdt-stat__v .cur{font:600 16px 'DM Sans';margin-left:4px;color:var(--soft)}
.bhdt-stat--yield .bhdt-stat__v .cur{color:var(--accent)}
.bhdt-stat__d{margin-top:8px;font:400 12px 'DM Sans';color:var(--muted);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.bhdt-stat__d .lbl{color:var(--muted)}
.bhdt-chg{font-weight:600;padding:3px 9px;border-radius:7px;white-space:nowrap}
.bhdt-chg--up{color:var(--pos);background:rgba(16,185,129,.12)}
.bhdt-chg--down{color:var(--neg);background:rgba(244,63,94,.12)}
.bhdt-chg--flat{color:var(--muted);background:rgba(255,255,255,.05)}

/* ── Карта графика ── */
.bhdt-chartcard{background:var(--elev);border:1px solid var(--line);border-radius:13px;padding:13px 15px 11px;
  box-shadow:0 0 24px rgba(149,206,90,.03),0 2px 8px rgba(0,0,0,.18);flex:1 1 auto;display:flex;flex-direction:column;min-height:0}
.bhdt-chart-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:9px}
.bhdt-chart-tabs{display:flex;gap:5px;flex-wrap:wrap}
.bhdt-chart-tabs button{font:600 12.5px 'DM Sans';color:var(--muted);background:rgba(255,255,255,.04);border:1px solid transparent;border-radius:8px;padding:6px 13px;cursor:pointer;transition:.15s}
.bhdt-chart-tabs button:hover{color:var(--soft);background:rgba(255,255,255,.08)}
.bhdt-chart-tabs button.active{color:#10331a;background:var(--accent)}
.bhdt-chart-src{font:500 11.5px 'DM Sans';color:var(--faint)}
.bhdt-chart{width:100%;flex:1 1 auto;min-height:320px;position:relative}
/* нейтрализуем table-стили темы внутри LWC-графика */
.bhdt-chart table{table-layout:auto!important;width:auto!important;max-width:none!important;border-collapse:collapse!important;margin:0!important;border:0!important;box-shadow:none!important;background:none!important}
.bhdt-chart tr,.bhdt-chart td,.bhdt-chart th,.bhdt-chart thead,.bhdt-chart tbody,.bhdt-chart caption{border:0!important;padding:0!important;background:none!important;min-width:0!important;max-width:none!important;box-shadow:none!important}
.bhdt-chart table::before,.bhdt-chart table::after,.bhdt-chart tr::before,.bhdt-chart tr::after,.bhdt-chart td::before,.bhdt-chart td::after,.bhdt-chart thead::before,.bhdt-chart thead::after,.bhdt-chart tbody::before,.bhdt-chart tbody::after{content:none!important;display:none!important;border:0!important;background:none!important;box-shadow:none!important;height:0!important}
.bhdt-chart.is-loading::after{content:'Загрузка графика…';position:absolute;inset:0;display:grid;place-items:center;font:13px 'DM Sans';color:var(--faint)}
.bhdt-chart.is-error::after{content:'График временно недоступен';position:absolute;inset:0;display:grid;place-items:center;font:13px 'DM Sans';color:var(--faint)}

/* ── Панель показателей ── */
.bhdt-panel{background:var(--elev);border:1px solid var(--line);border-radius:13px;padding:4px 16px 10px;
  box-shadow:0 2px 8px rgba(0,0,0,.18)}
.bhdt-panel__title{font:600 11px/1 'DM Sans';letter-spacing:.13em;text-transform:uppercase;color:var(--muted);padding:15px 0 3px}
.bhdt-srow{display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:center;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.bhdt-srow:last-child{border-bottom:0}
.bhdt-srow .k{font:400 13px 'DM Sans';color:var(--muted)}
.bhdt-srow .v{font:700 14.5px 'DM Sans',sans-serif;color:var(--tx);white-space:nowrap}

/* ── Таблица истории дивидендов (ядро) ── */
.bhdt-histcard{margin-top:18px;background:linear-gradient(135deg,var(--deep) 0%,var(--card) 70%,var(--bg) 100%);
  border:1px solid #2a2e39;border-radius:18px;padding:22px 24px;
  box-shadow:0 8px 34px rgba(13,17,23,.22),0 1px 4px rgba(0,0,0,.14);
  font-family:'DM Sans',-apple-system,Segoe UI,Roboto,sans-serif}
.bhdt-hist-head{display:flex;flex-wrap:wrap;gap:4px 16px;align-items:baseline;justify-content:space-between;margin-bottom:14px}
.bhdt-hist-title{font:700 clamp(18px,2.4vw,23px)/1.25 'Manrope',sans-serif;color:var(--tx);margin:0}
.bhdt-hist-note{font:400 12.5px 'DM Sans';color:var(--faint)}
.bhdt-hist-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px;border:1px solid var(--line)}
.bhdt-htable{width:100%;border-collapse:collapse;font-family:'DM Sans',sans-serif;min-width:560px}
.bhdt-htable th{background:var(--elev);color:var(--muted);font:600 11.5px/1.3 'DM Sans';letter-spacing:.04em;
  text-transform:uppercase;text-align:left;padding:12px 16px;border-bottom:1px solid var(--line);white-space:nowrap;position:relative}
.bhdt-htable th.num{text-align:right}
.bhdt-htable th .th-hint{display:block;font-size:10px;letter-spacing:.08em;color:var(--faint);text-transform:none;font-weight:500}
.bhdt-htable td{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.05);color:var(--soft);font-size:14px;white-space:nowrap}
.bhdt-htable tbody tr:last-child td{border-bottom:0}
.bhdt-htable tbody tr:hover td{background:rgba(255,255,255,.02)}
.bhdt-htable td.num{text-align:right;font-variant-numeric:tabular-nums}
.bhdt-htable td.yr{font-weight:700;color:var(--tx)}
.bhdt-htable td b{color:var(--tx)}
.bhdt-htable td.muted{color:var(--muted)}
.bhdt-htable td.spread.pos{color:var(--pos)}
.bhdt-htable td.spread.neg{color:var(--neg)}
.bhdt-hist-method{margin:12px 2px 0;font:400 12px/1.5 'DM Sans';color:var(--faint)}

/* ── Ближайшая выплата (акцентная карточка в правой колонке) ── */
.bhdt-next{background:linear-gradient(135deg,rgba(149,206,90,.15),rgba(28,34,48,.55));border:1px solid rgba(149,206,90,.38);border-radius:13px;padding:14px 16px 12px;box-shadow:0 2px 10px rgba(0,0,0,.2)}
.bhdt-next__label{font:600 10.5px/1.2 'DM Sans';letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
.bhdt-next__amt{margin:8px 0 10px;font:800 27px/1 'Manrope',sans-serif;color:var(--tx);display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}
.bhdt-next__y{font:700 15px 'DM Sans';color:var(--accent)}
.bhdt-next__rows{display:flex;flex-direction:column;gap:6px}
.bhdt-next__rows div{display:flex;justify-content:space-between;gap:10px;font:400 12.5px 'DM Sans';color:var(--muted)}
.bhdt-next__rows b{color:var(--soft);font-weight:600}
.bhdt-next__src{margin-top:10px;font:400 11px 'DM Sans';color:var(--faint)}
.bhdt-next--last{background:linear-gradient(135deg,rgba(255,255,255,.03),rgba(28,34,48,.55));border-color:var(--line)}
.bhdt-next--last .bhdt-next__label{color:var(--muted)}
.bhdt-next--last .bhdt-remind-btn{border-color:rgba(149,206,90,.32)}
/* Кнопка захвата «Напомнить об отсечке» */
.bhdt-remind-btn{margin-top:12px;width:100%;padding:9px 12px;border:1px solid rgba(149,206,90,.4);border-radius:9px;background:rgba(149,206,90,.1);color:var(--accent);font:600 13px 'DM Sans',sans-serif;cursor:pointer;transition:.15s;display:flex;align-items:center;justify-content:center;gap:7px}
.bhdt-remind-btn::before{content:'';width:15px;height:15px;background:var(--accent);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9'/%3E%3Cpath d='M10.3 21a1.94 1.94 0 0 0 3.4 0'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9'/%3E%3Cpath d='M10.3 21a1.94 1.94 0 0 0 3.4 0'/%3E%3C/svg%3E") center/contain no-repeat}
.bhdt-remind-btn:hover{background:rgba(149,206,90,.18)}
/* Модалка напоминания */
.bhdt-rem-overlay{position:fixed;inset:0;z-index:100000;display:none;align-items:center;justify-content:center;background:rgba(9,12,18,.72);padding:18px;font-family:'DM Sans',-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}
.bhdt-rem-overlay.is-open{display:flex}
.bhdt-rem{position:relative;width:100%;max-width:392px;background:linear-gradient(135deg,#0d1117 0%,#1a1f2a 70%,#131722 100%);border:1px solid #2a2e39;border-radius:16px;padding:26px 24px 22px;box-shadow:0 18px 60px rgba(0,0,0,.5)}
.bhdt-rem-x{position:absolute;top:12px;right:14px;background:none;border:0;color:#9ca3af;font-size:24px;line-height:1;cursor:pointer;padding:2px 6px}
.bhdt-rem-x:hover{color:#fff}
.bhdt-rem-h{font:800 19px/1.25 'Manrope',sans-serif;color:#fff;margin:0 26px 8px 0}
.bhdt-rem-t{font:400 13.5px/1.5 'DM Sans';color:#9ca3af;margin:0 0 16px}
.bhdt-rem-l{display:block;font:500 12px 'DM Sans';color:#d1d4dc;margin:0 0 12px;max-width:100%}
.bhdt-rem-email{display:block;width:100%!important;max-width:100%!important;min-width:0!important;margin-top:6px;padding:11px 13px;border:1px solid #2a2e39;border-radius:9px;background:#1c2230;color:#fff;font:500 14px 'DM Sans';box-sizing:border-box!important}
.bhdt-rem-email:focus{outline:none;border-color:#95ce5a;width:100%!important;max-width:100%!important}
.bhdt-rem-days{margin:0 4px;padding:6px 8px;border:1px solid #2a2e39;border-radius:7px;background:#1c2230;color:#fff;font:600 13px 'DM Sans'}
.bhdt-rem-sub{width:100%;margin-top:6px;padding:12px;border:0;border-radius:10px;background:linear-gradient(135deg,#95ce5a,#7ab83e);color:#10331a;font:700 14px 'DM Sans';cursor:pointer;transition:.15s}
.bhdt-rem-sub:hover{filter:brightness(1.05)}
.bhdt-rem-sub:disabled{opacity:.6;cursor:default}
.bhdt-rem-status{min-height:18px;margin-top:11px;font:500 12.5px 'DM Sans';text-align:center}
.bhdt-rem-status.ok{color:#10b981}
.bhdt-rem-status.err{color:#f43f5e}

/* ── Дивполитика: тонкая строка под графиком (внутри дашборда) ── */
.bhdt-polstrip{margin-top:14px;padding-top:13px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 30px}
.bhdt-polstrip__t{font:600 10.5px/1.5 'DM Sans';letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}
.bhdt-polstrip__i{display:flex;flex-direction:column;gap:2px}
.bhdt-polstrip__i b{font:600 14px 'DM Sans';color:var(--soft)}
.bhdt-polstrip__i span{font:400 10.5px 'DM Sans';color:var(--faint);text-transform:uppercase;letter-spacing:.04em}

/* ── Подытог за год (квартальные плательщики) ── */
.bhdt-htable tr.bhdt-subtotal td{background:rgba(149,206,90,.06);border-top:1px solid rgba(149,206,90,.2);color:var(--soft)}
.bhdt-htable tr.bhdt-subtotal td b{color:var(--accent)}

/* дисклеймер под дашбордом */
.bhdt-wrap .bh-tool-disclaimer{margin-top:16px}
.bhdt-dash__side .bh-tool-cta{margin:0!important}

/* ── Адаптив ── */
@media(max-width:920px){
  .bhdt-dash{grid-template-columns:1fr;padding:20px;gap:18px}
  .bhdt-chart{min-height:300px}
}
@media(max-width:560px){
  .bhdt-topbar,.bhdt-wrap{padding-left:14px;padding-right:14px}
  .bhdt-dash{padding:16px;border-radius:15px}
  .bhdt-dash__head{gap:13px}
  .bhdt-badge{width:48px;height:48px}
  .bhdt-stat__v{font-size:clamp(24px,7vw,30px)}
  .bhdt-stat--yield{border-left:0;padding-left:0}
  .bhdt-chart{min-height:240px}
  .bhdt-chartcard{padding:11px 11px 9px}
  .bhdt-histcard{padding:16px 14px}
  .bhdt-htable th,.bhdt-htable td{padding:10px 12px;font-size:13px}
}
/* Статейная контент-часть (типографика, раскладка, похожие) — модуль article-content-block. */

/* BHDT_TABLE_SCROLL_2026_08_25 — горизонтальный свайп таблицы выплат.
   Тема оборачивает таблицу в .table-wrapper.responsive-cards с overflow-x:visible,
   из-за чего на мобильном экране правые колонки (доходность, ставка ЦБ, спред)
   обрезались и были недоступны. Эталон — .bhdh-scroll у хаба и .scrn-body у скринера. */
.bhdt-histcard .table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#3a414d transparent}
.bhdt-histcard .table-wrapper::-webkit-scrollbar{height:6px}
.bhdt-histcard .table-wrapper::-webkit-scrollbar-thumb{background:#3a414d;border-radius:3px}
@media(max-width:900px){.bhdt-histcard .bhdt-htable{min-width:660px}}

/* BHDT_ADJ_IN_TABLE_2026_08_25 — пересчёт суммы на дробление под основным значением */
.bhdt-adj{display:block;margin-top:2px;font:500 11.5px var(--sans,'DM Sans',sans-serif);color:#828b9c;white-space:nowrap}

/* BHDT_TTM_LABEL_2026_08_26 — пометка о приостановке выплат под метрикой за 12 месяцев */
.bhdt-paused{flex-basis:100%;margin-top:2px;font:600 11.5px var(--sans,'DM Sans',sans-serif);color:#e06c6c;letter-spacing:.01em}