/* ============================================================
   «Учёт инвестиций» по правилам R (PF_R_2026_10_12)
   Слой поверх portfolio.css и css/calc-shell.css: оболочка как у журналов и калькуляторов
   (меню разделов слева, полоса сверху), текст от 13 px, веса 400/500/600, без прописных,
   один зелёный #95ce5a (действие и рост), красный #f43f5e — только убыток,
   поверхности #0a0d12 / #121820 / #171e28, скругления 6/8, без теней, градиентов и свечения.
   ============================================================ */

/* ---------- токены: прежние переменные инструмента получают значения R ---------- */
.bhpf-r,.bhpf-ov,.bhpf-sugg{
  --pf-bg:#0a0d12;--pf-card1:#121820;--pf-card2:#121820;--pf-elev:#171e28;
  --pf-bd:rgba(255,255,255,.12);--pf-bd-soft:rgba(255,255,255,.07);
  --pf-acc:#95ce5a;--pf-acc-dark:#95ce5a;--pf-blue:#787b86;
  --pf-pos:#95ce5a;--pf-neg:#f43f5e;--pf-warn:#b3b9c2;
  --pf-tx:#e6e9ee;--pf-tx-soft:#b3b9c2;--pf-mut:#949ca7;--pf-faint:#949ca7;
  --pf-f:"IBM Plex Sans",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  color-scheme:dark
}
.bhpf-page{background:#0a0d12}
.bhpf.bhpf-r{padding:0;background:#0a0d12;color:#e6e9ee;font:400 14px/1.45 var(--pf-f)}
.bhpf-r .pos,.bhpf-ov .pos{color:#95ce5a}
.bhpf-r .neg,.bhpf-ov .neg{color:#f43f5e}
.bhpf-r .mut,.bhpf-ov .mut{color:#949ca7}
.bhpf-r :is(button,a,input,select,textarea,[tabindex]):focus-visible,
.bhpf-ov :is(button,a,input,select,textarea):focus-visible{outline:2px solid #95ce5a;outline-offset:2px}

/* ---------- меню слева: разделы и окна портфеля ---------- */
.bhpf-r .bhc-nav-item{width:100%;margin:0;border:0;background:transparent;text-align:left;cursor:pointer;font-family:var(--pf-f)}
.bhpf-r .bhc-nav-item>span:first-of-type{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bhpf-r .bhpf-navcount{margin-left:auto;padding-left:8px;font:500 13px/1 var(--pf-f);color:#949ca7}
.bhpf-r .bhpf-navcount:empty{display:none}
.bhpf-r .bhpf-side-tools{display:flex;flex-direction:column;gap:2px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.07)}
.bhpf-r.is-empty [data-needs-data]{display:none}

/* ---------- полоса сверху ---------- */
.bhpf-r .bhpf-topbar{gap:12px 16px}
.bhpf-r .bhpf-pfname{display:flex;align-items:center;gap:0;min-width:0;font:inherit}
.bhpf-r .bhpf-pfname .dot{display:none}
.bhpf-r .bhpf-pfbtn{display:inline-flex;align-items:center;gap:6px;height:36px;min-height:0;max-width:280px;padding:0 10px 0 12px;
  border-radius:6px;background:rgba(255,255,255,.06);color:#e6e9ee;font:500 14px/1 var(--pf-f);cursor:pointer}
.bhpf-r .bhpf-pfbtn span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bhpf-r .bhpf-pfbtn svg{width:16px;height:16px;flex:none;color:#b3b9c2}
.bhpf-r .bhpf-pfbtn:hover{background:rgba(255,255,255,.1)}
.bhpf-r .bhpf-top-actions{margin-left:auto;width:auto;display:flex;gap:8px;align-items:center;flex-wrap:nowrap}
.bhpf-r .bhpf-cursw{display:inline-flex;gap:2px;padding:3px;background:#0a0d12;border:1px solid rgba(255,255,255,.07);border-radius:8px}
.bhpf-r .bhpf-cursw button{height:28px;min-height:0;min-width:36px;padding:0 10px;border-radius:6px;background:transparent;
  font:500 14px/1 var(--pf-f);color:#b3b9c2;cursor:pointer}
.bhpf-r .bhpf-cursw button:hover{color:#e6e9ee}
.bhpf-r .bhpf-cursw button.is-on{background:#252e3a;color:#fff}
.bhpf-r .bhpf-top-actions .bhpf-btn{height:36px;min-height:36px}

/* ---------- рабочая область ---------- */
.bhpf-r .bhpf-work{padding:20px 24px 40px;min-height:560px}
.bhpf-r .bhpf-body{scroll-margin-top:calc(var(--bhc-stick,0px) + 12px)}
.bhpf-r .bhpf-loading{padding:56px 0;text-align:center;font:400 14px/1.45 var(--pf-f);color:#949ca7}
.bhpf-r .bhpf-src{margin:20px 0 0;font:400 13px/1.45 var(--pf-f);color:#949ca7}
.bhpf-r .bhpf-vtitle{display:none}
.bhpf-r h2,.bhpf-r h3,.bhpf-r h4,.bhpf-ov h3,.bhpf-ov h4{color:#e6e9ee;font-family:var(--pf-f);letter-spacing:0;text-transform:none}
.bhpf-r .bhpf-store{display:block;margin:0 0 14px;padding:10px 14px;border-radius:8px;background:#121820;
  font:400 13px/1.45 var(--pf-f);color:#b3b9c2}
.bhpf-r .bhpf-store-ic{display:none}
.bhpf-r .bhpf-store-go{color:#95ce5a;font:500 13px/1.45 var(--pf-f);text-decoration:underline;text-underline-offset:2px}
.bhpf-r .bhpf-store-go:hover{color:#a6d873}

/* ---------- карточки ---------- */
.bhpf-r .bhpf-card{background:#121820;border:0;border-radius:8px}
.bhpf-r .bhpf-view>.bhpf-card{padding:20px;margin-bottom:16px}
.bhpf-r .bhpf-view>.bhpf-card:last-child{margin-bottom:0}
.bhpf-r .bhpf-view .bhpf-card h3,.bhpf-r .bhpf-side h3{margin:0 0 14px;font:600 16px/1.3 var(--pf-f)}
.bhpf-r .bhpf-view .bhpf-card p{font-size:14px;line-height:1.5}
.bhpf-r .bhpf-note{margin-top:12px;font:400 13px/1.45 var(--pf-f);color:#949ca7}

/* ---------- кнопки ---------- */
.bhpf-r .bhpf-btn,.bhpf-ov .bhpf-btn{height:36px;min-height:36px;padding:0 14px;border:0;border-radius:6px;gap:8px;justify-content:center;
  font:500 14px/1 var(--pf-f);text-transform:none;letter-spacing:0;box-shadow:none;transition:background .15s,color .15s}
.bhpf-r .bhpf-btn svg,.bhpf-ov .bhpf-btn svg{width:16px;height:16px;flex:none}
.bhpf-r .bhpf-btn--primary,.bhpf-ov .bhpf-btn--primary{background:#95ce5a;color:#0c0f15}
.bhpf-r .bhpf-btn--primary:hover,.bhpf-ov .bhpf-btn--primary:hover{background:#a6d873;box-shadow:none}
.bhpf-r .bhpf-btn--ghost,.bhpf-ov .bhpf-btn--ghost,
.bhpf-r .bhpf-btn--danger,.bhpf-ov .bhpf-btn--danger{background:rgba(255,255,255,.06);color:#e6e9ee;border:0}
.bhpf-r .bhpf-btn--ghost:hover,.bhpf-ov .bhpf-btn--ghost:hover,
.bhpf-r .bhpf-btn--danger:hover,.bhpf-ov .bhpf-btn--danger:hover{background:rgba(255,255,255,.1);color:#fff}
.bhpf-r .bhpf-btn--plain,.bhpf-ov .bhpf-btn--plain{background:transparent;color:#b3b9c2;padding:0 8px}
.bhpf-r .bhpf-btn--block{width:100%;margin-top:12px}
.bhpf-r .bhpf-btn:disabled,.bhpf-ov .bhpf-btn:disabled{opacity:.45}

/* переключатели (период графика, режим, разрез структуры) — сегменты как в калькуляторах */
.bhpf-r :is(.bhpf-tf,.bhpf-modesw,.bhpf-struct-tabs){display:inline-flex;flex-wrap:nowrap;gap:2px;padding:3px;margin:0;
  background:#0a0d12;border:1px solid rgba(255,255,255,.07);border-radius:8px}
.bhpf-r :is(.bhpf-tf,.bhpf-struct-tabs) .bhpf-chip,.bhpf-r .bhpf-modesw button{height:28px;min-height:0;padding:0 10px;border:0;border-radius:6px;
  background:transparent;color:#b3b9c2;font:500 13px/1 var(--pf-f);white-space:nowrap;cursor:pointer}
.bhpf-r :is(.bhpf-tf,.bhpf-struct-tabs) .bhpf-chip:hover,.bhpf-r .bhpf-modesw button:hover{color:#e6e9ee}
.bhpf-r :is(.bhpf-tf,.bhpf-struct-tabs) .bhpf-chip.is-on,.bhpf-r .bhpf-modesw button.is-on{background:#252e3a;color:#fff;border:0}
.bhpf-r .bhpf-chip,.bhpf-ov .bhpf-chip{font:500 13px/1 var(--pf-f);border-radius:6px;background:rgba(255,255,255,.06);border:0;color:#b3b9c2;padding:0 10px;height:32px}
.bhpf-r .bhpf-chip.is-on,.bhpf-ov .bhpf-chip.is-on{background:#252e3a;color:#fff}

/* подписи рынков — тихие, без прописных */
.bhpf-r .bhpf-badge,.bhpf-sugg .bhpf-badge,.bhpf-ov .bhpf-badge{flex:none;padding:2px 6px;border-radius:6px;background:rgba(255,255,255,.06);
  color:#b3b9c2;font:500 13px/1.25 var(--pf-f);letter-spacing:0;text-transform:none}
.bhpf-r .bhpf-stale{margin-left:6px;padding:1px 6px;border-radius:6px;background:rgba(255,255,255,.06);color:#b3b9c2;font:500 13px/1.3 var(--pf-f)}
.bhpf-r .bhpf-subnum{margin-top:2px;font:400 13px/1.35 var(--pf-f);opacity:.85;white-space:nowrap}

/* ---------- сводка «Обзора» ---------- */
.bhpf-r .bhpf-state{display:grid;grid-template-columns:minmax(260px,1fr) minmax(0,1.9fr);gap:20px 32px;align-items:center;
  padding:20px 24px;margin:0 0 16px}
.bhpf-r .bhpf-state-main .lbl{margin:0 0 6px;font:500 13px/1.3 var(--pf-f);color:#b3b9c2}
.bhpf-r .bhpf-state-main .big{font:600 36px/1.1 var(--pf-f);letter-spacing:-.01em;color:#e6e9ee}
.bhpf-r .bhpf-state-main .sub{margin-top:8px;gap:8px;font:400 14px/1.4 var(--pf-f)}
.bhpf-r .bhpf-alpha{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.07);font:400 14px/1.4 var(--pf-f);color:#b3b9c2}
.bhpf-r .bhpf-alpha b{margin-right:2px;font:600 16px/1.2 var(--pf-f)}
.bhpf-r .bhpf-state-sec{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:18px 24px}
.bhpf-r .bhpf-state-sec .k{margin:0 0 6px;font:500 13px/1.3 var(--pf-f);color:#b3b9c2}
.bhpf-r .bhpf-state-sec .v{font:600 20px/1.2 var(--pf-f);color:#e6e9ee}
.bhpf-r .bhpf-state-sec .v .mut{font-size:14px!important;font-weight:500}
.bhpf-r .bhpf-state-sec .hint{margin-top:4px;font:400 13px/1.35 var(--pf-f);color:#949ca7}
.bhpf-r .bhpf-state-sec .hint:empty{display:none}
.bhpf-r .bhpf-clickable{margin:-6px;padding:6px;border-radius:6px}
.bhpf-r .bhpf-clickable .v{text-decoration-color:rgba(255,255,255,.25)}

/* ---------- обзор: график и боковые карточки ---------- */
.bhpf-r .bhpf-grid{grid-template-columns:minmax(0,1fr) 336px;gap:16px}
.bhpf-r .bhpf-chart-card{padding:20px}
.bhpf-r .bhpf-chart-head{margin-bottom:12px;gap:12px 16px}
.bhpf-r .bhpf-chart-head h2{font:600 16px/1.3 var(--pf-f)}
.bhpf-r .bhpf-chart-head p{margin-top:4px;max-width:560px;font:400 13px/1.45 var(--pf-f);color:#b3b9c2}
.bhpf-r .bhpf-chart-tools{gap:10px}
.bhpf-r .bhpf-legend{gap:16px;font:400 13px/1.3 var(--pf-f);color:#b3b9c2}
.bhpf-r .bhpf-legend b{width:16px;height:2px;background:#95ce5a}
.bhpf-r .bhpf-legend i{width:16px;border-top:2px dashed #787b86}
.bhpf-r .bhpf-legend u{border-bottom-color:#e6e9ee}
.bhpf-r .bhpf-chart{min-height:300px}
.bhpf-r .bhpf-chart-empty{font:400 14px/1.45 var(--pf-f);color:#949ca7;flex-direction:column}
.bhpf-r .bhpf-verdict{margin-top:14px;padding:12px 14px;border:0;border-radius:6px;background:#171e28;font:400 14px/1.45 var(--pf-f);color:#b3b9c2;gap:10px}
.bhpf-r .bhpf-verdict.is-behind{background:#171e28;border:0}
.bhpf-r .bhpf-verdict b{font:600 16px/1.3 var(--pf-f);color:#95ce5a}
.bhpf-r .bhpf-verdict.is-behind b{color:#f43f5e}
.bhpf-r .bhpf-verdict.is-check b{color:#e6e9ee}
.bhpf-r .bhpf-chartfoot{margin-top:14px;gap:12px}
.bhpf-r .bhpf-tf{margin-top:0}

.bhpf-r .bhpf-side{gap:16px}
.bhpf-r .bhpf-side .bhpf-card{padding:20px}
.bhpf-r .bhpf-bar-top,.bhpf-r .bhpf-target-top{font:400 13px/1.35 var(--pf-f)}
.bhpf-r .bhpf-bar-top span:first-child,.bhpf-r .bhpf-target-top span:first-child{color:#e6e9ee;font-weight:500}
.bhpf-r .bhpf-bar{height:6px;background:rgba(255,255,255,.07)}
.bhpf-r .bhpf-bar u{background:#e6e9ee;opacity:1}
.bhpf-r .bhpf-target-act{margin-top:4px;font:400 13px/1.35 var(--pf-f)}
.bhpf-r .bhpf-periods-head{grid-template-columns:1fr 76px 76px;margin-bottom:6px;font:500 13px/1.3 var(--pf-f);text-transform:none;letter-spacing:0;color:#949ca7}
.bhpf-r .bhpf-period-row{grid-template-columns:1fr 76px 76px;padding:8px 0;font:400 14px/1.35 var(--pf-f);border-top-color:rgba(255,255,255,.07)}
.bhpf-r .bhpf-period-row .l{color:#e6e9ee}
.bhpf-r .bhpf-period-row .l i{color:#949ca7}
.bhpf-r .bhpf-period-row .p{font-weight:600}
.bhpf-r .bhpf-period-row .b{font-weight:400;color:#b3b9c2}
.bhpf-r .bhpf-payout-row{padding:8px 0;font:400 14px/1.35 var(--pf-f)}
.bhpf-r .bhpf-payout-row .t{color:#e6e9ee}
.bhpf-r .bhpf-payout-row .t b{font-weight:600}
.bhpf-r .bhpf-payout-row .t i,.bhpf-r .bhpf-payout-row .d{font-size:13px;color:#949ca7}
.bhpf-r .bhpf-payout-row .s{color:#95ce5a}
.bhpf-r .bhpf-struct-head{margin-bottom:14px}
.bhpf-r .bhpf-struct-head h3{margin:0}
.bhpf-r .bhpf-donut{flex:0 0 128px;width:128px;height:128px}
.bhpf-r .bhpf-donut-mid .v{font:600 20px/1 var(--pf-f);color:#e6e9ee}
.bhpf-r .bhpf-donut-mid .l{font:400 13px/1.3 var(--pf-f);color:#b3b9c2;letter-spacing:0}
.bhpf-r .bhpf-legend-list{gap:8px}
.bhpf-r .bhpf-legend-row{font:400 14px/1.3 var(--pf-f)}
.bhpf-r .bhpf-legend-row .nm{color:#e6e9ee}
.bhpf-r .bhpf-legend-row .pc{font-weight:600;color:#e6e9ee}
.bhpf-r .bhpf-legend-row .mn{font-size:13px;color:#949ca7}
.bhpf-r .bhpf-struct-note{margin-top:14px;padding-top:12px;font:400 13px/1.45 var(--pf-f);color:#b3b9c2}

/* ---------- таблица позиций ---------- */
.bhpf-r .bhpf-tbl-card{margin-top:16px;padding:0}
.bhpf-r .bhpf-tbl-head{padding:16px 20px 12px}
.bhpf-r .bhpf-tbl-head h3{margin:0;font:600 16px/1.3 var(--pf-f)}
.bhpf-r .bhpf-tbl-head h3 .mut{font-weight:400}
.bhpf-r .bhpf-tbl{font:400 14px/1.3 var(--pf-f)}
.bhpf-r .bhpf-tbl th{padding:10px 10px;border-bottom:1px solid rgba(255,255,255,.12);font:500 13px/1.3 var(--pf-f);color:#b3b9c2;text-transform:none;letter-spacing:0}
.bhpf-r .bhpf-tbl td{padding:12px 10px;border-bottom:1px solid rgba(255,255,255,.07);font-size:14px;color:#e6e9ee;vertical-align:middle}
.bhpf-r .bhpf-tbl th:first-child,.bhpf-r .bhpf-tbl td:first-child{padding-left:20px}
.bhpf-r .bhpf-tbl th:last-child,.bhpf-r .bhpf-tbl td:last-child{padding-right:20px}
.bhpf-r .bhpf-tbl td.mut{color:#b3b9c2}
.bhpf-r .bhpf-tbl tbody tr:hover td{background:rgba(255,255,255,.025)}
.bhpf-r .bhpf-sort{gap:4px;font:500 13px/1.3 var(--pf-f);color:#b3b9c2;text-transform:none;letter-spacing:0}
.bhpf-r .bhpf-sort:hover,.bhpf-r .bhpf-sort.is-on{color:#e6e9ee}
.bhpf-r .bhpf-sort .arr{font-size:13px;color:#e6e9ee}
.bhpf-r .bhpf-tk{gap:10px}
.bhpf-r .bhpf-tk .nm{font:600 14px/1.3 var(--pf-f);color:#e6e9ee}
.bhpf-r .bhpf-tk .full{margin-top:2px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:400 13px/1.3 var(--pf-f);color:#949ca7}
.bhpf-r .bhpf-tk a:hover .nm{color:#95ce5a}
.bhpf-r .bhpf-w-bar{width:40px;height:4px;background:rgba(255,255,255,.07)}
.bhpf-r .bhpf-w-bar i{background:#787b86}
.bhpf-r .bhpf-total td{background:rgba(255,255,255,.03);font-weight:600;border-top:1px solid rgba(255,255,255,.12)}
.bhpf-r .bhpf-addrow td{padding:14px 20px;background:transparent}
.bhpf-r .bhpf-addhint-inline{font:400 13px/1.4 var(--pf-f);color:#949ca7}
.bhpf-r .bhpf-more{padding:14px 20px;font:400 13px/1.4 var(--pf-f);color:#949ca7}
.bhpf-r .bhpf-rowact{gap:6px}
.bhpf-r .bhpf-rowbtn,.bhpf-r .bhpf-rowbtn--buy{min-height:0;height:32px;padding:0 10px;border:0;border-radius:6px;background:rgba(255,255,255,.06);
  color:#e6e9ee;font:500 13px/1 var(--pf-f)}
.bhpf-r .bhpf-rowbtn:hover,.bhpf-r .bhpf-rowbtn--buy:hover{background:rgba(255,255,255,.1);color:#fff}
.bhpf-r .bhpf-iconbtn,.bhpf-ov .bhpf-iconbtn{width:32px;height:32px;min-height:0;border:0;border-radius:6px;background:rgba(255,255,255,.06);
  color:#b3b9c2;font:400 18px/1 var(--pf-f)}
.bhpf-r .bhpf-iconbtn:hover,.bhpf-ov .bhpf-iconbtn:hover{background:rgba(255,255,255,.1);color:#fff}
.bhpf-r .bhpf-iconbtn--del:hover{color:#fff;border-color:transparent}

/* карточки позиций на узком экране */
.bhpf-r .bhpf-cards{gap:12px;margin-top:0;padding:0 20px 20px}
.bhpf-r .bhpf-pcard{padding:16px;background:#171e28}
.bhpf-r .bhpf-pc-t{font:600 16px/1.2 var(--pf-f);letter-spacing:0}
.bhpf-r .bhpf-pc-n{margin-top:2px;font:400 13px/1.3 var(--pf-f);color:#949ca7}
.bhpf-r .bhpf-pc-val{font:600 20px/1.2 var(--pf-f)}
.bhpf-r .bhpf-pc-sub{margin-top:4px;font:400 13px/1.35 var(--pf-f);color:#b3b9c2}
.bhpf-r .bhpf-pc-pnl .p1{font:600 14px/1.3 var(--pf-f)}
.bhpf-r .bhpf-pc-pnl .p2{font:400 13px/1.3 var(--pf-f);opacity:1}
.bhpf-r .bhpf-pc-foot{margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.07);font:400 13px/1.3 var(--pf-f);color:#b3b9c2}

/* ---------- ввод операции ---------- */
.bhpf-r .bhpf-addgrid{gap:8px}
.bhpf-r .bhpf-input,.bhpf-ov .bhpf-input,.bhpf-r select.bhpf-input,.bhpf-ov select.bhpf-input{height:40px;padding:0 12px;border:1px solid rgba(255,255,255,.12);
  border-radius:6px;background-color:#0a0d12;color:#e6e9ee;font:400 14px/1.2 var(--pf-f);box-shadow:none}
.bhpf-r textarea.bhpf-input,.bhpf-ov textarea.bhpf-input{height:auto;padding:10px 12px}
.bhpf-r .bhpf-input::placeholder,.bhpf-ov .bhpf-input::placeholder{color:#949ca7}
.bhpf-r .bhpf-input:hover:not(:focus),.bhpf-ov .bhpf-input:hover:not(:focus){border-color:rgba(255,255,255,.24)}
.bhpf-r .bhpf-input:focus,.bhpf-ov .bhpf-input:focus{border-color:#95ce5a;box-shadow:none}
.bhpf-r .bhpf-input.is-err,.bhpf-ov .bhpf-input.is-err{border-color:#f43f5e}
.bhpf-r .bhpf-addhint{padding:10px 0 0;font:400 13px/1.45 var(--pf-f);color:#949ca7}
.bhpf-r .bhpf-trade-actions{margin-top:16px;padding-top:16px;gap:8px;border-top-color:rgba(255,255,255,.07)}
.bhpf-r .bhpf-first{padding:20px}
.bhpf-r .bhpf-first h3{margin:0 0 12px;font:600 16px/1.3 var(--pf-f)}
.bhpf-sugg{background:#171e28;border:1px solid rgba(255,255,255,.12);border-radius:8px;box-shadow:none;font-family:var(--pf-f)}
.bhpf-sugg button{gap:10px;padding:10px 12px;font-family:var(--pf-f)}
.bhpf-sugg button:hover,.bhpf-sugg button.is-cur{background:#252e3a}
.bhpf-sugg .t{font:600 14px/1.3 var(--pf-f);color:#e6e9ee}
.bhpf-sugg .n{font:400 13px/1.3 var(--pf-f);color:#949ca7}

/* ---------- сделки: история, фильтры, пачка, закрытые ---------- */
.bhpf-r .bhpf-opscard{padding:0!important}
.bhpf-r .bhpf-opscard .bhpf-tbl-head{padding:16px 20px 12px}
.bhpf-r .bhpf-opscard .bhpf-tblwrap{padding:0 20px 16px}
.bhpf-r .bhpf-oplist{font:400 14px/1.3 var(--pf-f)}
.bhpf-r .bhpf-oplist th,.bhpf-ov .bhpf-oplist th{padding:10px 8px;font:500 13px/1.3 var(--pf-f);color:#b3b9c2;border-bottom:1px solid rgba(255,255,255,.12);text-transform:none;letter-spacing:0}
.bhpf-r .bhpf-oplist td,.bhpf-ov .bhpf-oplist td{padding:10px 8px;font-size:14px;border-bottom:1px solid rgba(255,255,255,.07)}
.bhpf-r .bhpf-op-buy,.bhpf-r .bhpf-op-sell,.bhpf-ov .bhpf-op-buy,.bhpf-ov .bhpf-op-sell{color:#e6e9ee}
.bhpf-r .bhpf-opfilters{padding:0 20px 14px;gap:8px;border-bottom-color:rgba(255,255,255,.07)}
.bhpf-r .bhpf-opfilters label{gap:8px;font:500 13px/1.3 var(--pf-f);color:#b3b9c2!important}
.bhpf-r .bhpf-opfilter-count{font:400 13px/1.3 var(--pf-f);color:#949ca7}
.bhpf-r .bhpf-batch{padding:10px 20px;background:#171e28;border-bottom:1px solid rgba(255,255,255,.07);color:#e6e9ee;font:400 14px/1.3 var(--pf-f)}
.bhpf-r .bhpf-checkcell input,.bhpf-ov .bhpf-checkline input{accent-color:#95ce5a}
.bhpf-r .bhpf-oplist tr.is-selected td{background:rgba(255,255,255,.04)}
.bhpf-r .bhpf-filter-empty{font:400 14px/1.45 var(--pf-f);color:#949ca7}
.bhpf-r .bhpf-closed{margin-top:16px}
.bhpf-r .bhpf-closed-head{padding:16px 20px;font:600 16px/1.3 var(--pf-f);color:#e6e9ee}
.bhpf-r .bhpf-closed-head .mut{font-weight:400}
.bhpf-r .bhpf-closed-head .chev{font-size:13px;color:#b3b9c2}
.bhpf-r .bhpf-closed-body{padding:0 20px 16px}
.bhpf-r .bhpf-closed-row{padding:10px 0;font:400 14px/1.3 var(--pf-f)}
.bhpf-r .bhpf-closed-row .q,.bhpf-r .bhpf-closed-row .d{font-size:13px;color:#949ca7}

/* ---------- выплаты и налоги ---------- */
.bhpf-r .bhpf-taxblock{margin-bottom:20px}
.bhpf-r .bhpf-taxblock h4{margin:0 0 10px;font:600 14px/1.3 var(--pf-f)}
.bhpf-r .bhpf-taxrow{padding:10px 0;font:400 14px/1.35 var(--pf-f);color:#e6e9ee;border-bottom-color:rgba(255,255,255,.07)}
.bhpf-r .bhpf-taxrow b{font:600 14px/1.3 var(--pf-f)}
.bhpf-r [data-taxbody],.bhpf-r [data-payoutbody],.bhpf-r [data-payoutlog]{font-size:14px}
.bhpf-r [data-taxbody] :is(p,small),.bhpf-r [data-payoutbody] :is(p,small),.bhpf-r [data-payoutlog] :is(p,small){font-size:13px;line-height:1.5;color:#b3b9c2}
.bhpf-r [data-taxbody] table th,.bhpf-r [data-payoutbody] table th,.bhpf-r [data-payoutlog] table th{font:500 13px/1.3 var(--pf-f);color:#b3b9c2;text-transform:none;letter-spacing:0}
.bhpf-r [data-taxbody] table td,.bhpf-r [data-payoutbody] table td,.bhpf-r [data-payoutlog] table td{font-size:14px}

/* ---------- пустой портфель: три пути, как «С чего начнём?» в журналах ---------- */
.bhpf-r .bhpf-empty{padding:28px;text-align:left}
.bhpf-r .bhpf-empty h2{margin:0 0 8px;font:600 24px/1.25 var(--pf-f);text-align:left}
.bhpf-r .bhpf-empty p{max-width:680px;margin:0 0 20px;font:400 14px/1.55 var(--pf-f);color:#b3b9c2}
.bhpf-r .bhpf-empty-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.bhpf-r .bhpf-path{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:0;padding:16px;border:1px solid rgba(255,255,255,.07);
  border-radius:8px;background:#171e28;color:#e6e9ee;text-align:left;cursor:pointer;font-family:var(--pf-f);transition:background .15s,border-color .15s}
.bhpf-r .bhpf-path:hover{background:#1c2430;border-color:rgba(255,255,255,.14)}
.bhpf-r .bhpf-path svg{width:20px;height:20px;margin-bottom:4px;color:#b3b9c2}
.bhpf-r .bhpf-path b{font:600 16px/1.3 var(--pf-f)}
.bhpf-r .bhpf-path span{font:400 13px/1.45 var(--pf-f);color:#b3b9c2}
.bhpf-r .bhpf-path--main{border-color:rgba(149,206,90,.45)}
.bhpf-r .bhpf-path--main svg{color:#95ce5a}
.bhpf-r .bhpf-path--main:hover{border-color:#95ce5a}

/* ---------- окна ---------- */
.bhpf-ov{background:rgba(6,9,14,.72);backdrop-filter:none;-webkit-backdrop-filter:none;font-family:var(--pf-f)}
.bhpf-ov .bhpf-modal{background:#121820;border:1px solid rgba(255,255,255,.12);border-radius:8px;box-shadow:none;color:#e6e9ee}
.bhpf-ov .bhpf-modal-head{padding:16px 20px;border-bottom-color:rgba(255,255,255,.07)}
.bhpf-ov .bhpf-modal-head h3{font:600 16px/1.3 var(--pf-f)}
.bhpf-ov .bhpf-modal-body{padding:16px 20px;font:400 14px/1.5 var(--pf-f)}
.bhpf-ov .bhpf-modal-foot{padding:14px 20px;border-top-color:rgba(255,255,255,.07)}
.bhpf-ov .bhpf-modal .bhpf-btn{min-height:40px;height:40px}
.bhpf-ov .bhpf-settings h4,.bhpf-ov .bhpf-history h4{margin:0 0 6px;font:600 14px/1.3 var(--pf-f)}
.bhpf-ov .bhpf-settings p,.bhpf-ov .bhpf-confirm p{font:400 14px/1.5 var(--pf-f);color:#b3b9c2}
.bhpf-ov .bhpf-confirm p:first-child{color:#e6e9ee}
.bhpf-ov .bhpf-settings p b{color:#e6e9ee;font-weight:600}
.bhpf-ov .bhpf-settings section{border-bottom-color:rgba(255,255,255,.07)}
.bhpf-ov .bhpf-settings-choice{min-height:40px;padding:0 14px;border:0;border-radius:6px;background:rgba(255,255,255,.06);color:#e6e9ee;font:500 14px/1 var(--pf-f)}
.bhpf-ov .bhpf-settings-choice span{font:400 13px/1 var(--pf-f);color:#949ca7}
.bhpf-ov .bhpf-settings-choice.is-on{background:#252e3a;color:#fff;border:0}
.bhpf-ov .bhpf-settings-recovery,.bhpf-ov .bhpf-settings-danger{padding:14px!important;border:0!important;border-radius:8px;background:#171e28}
.bhpf-ov :is(.bhpf-field,.bhpf-editop label,.bhpf-corp-row,.bhpf-check,.bhpf-checkline){font:400 14px/1.4 var(--pf-f)}
.bhpf-ov :is(.bhpf-field,.bhpf-editop label)>span{font:500 13px/1.3 var(--pf-f);color:#b3b9c2!important}
.bhpf-ov .bhpf-check input[type=checkbox]{border-color:rgba(255,255,255,.24)}
.bhpf-ov .bhpf-check input[type=checkbox]:checked::after{border-color:#0c0f15}
.bhpf-ov .bhpf-check a{color:#95ce5a}
.bhpf-ov .bhpf-repmsg{font:400 13px/1.5 var(--pf-f);color:#b3b9c2}
.bhpf-ov .bhpf-repmsg.is-err{color:#e6e9ee}
.bhpf-ov .bhpf-drop{border:1px dashed rgba(255,255,255,.16);border-radius:8px}
.bhpf-ov .bhpf-drop:hover{border-color:rgba(149,206,90,.5);background:rgba(255,255,255,.02)}
.bhpf-ov .bhpf-drop.is-dragover{border-color:#95ce5a;background:rgba(255,255,255,.04);box-shadow:none}
.bhpf-ov .bhpf-drop-t{font:600 14px/1.3 var(--pf-f);color:#95ce5a}
.bhpf-ov .bhpf-drop-s{font:400 13px/1.4 var(--pf-f);color:#949ca7}
.bhpf-ov .bhpf-iopre{border-color:rgba(255,255,255,.12);font:400 14px/1.45 var(--pf-f)}
.bhpf-ov .bhpf-iolist{font:400 13px/1.45 var(--pf-f);color:#b3b9c2}
.bhpf-ov .bhpf-import-warning{color:#e6e9ee}
.bhpf-ov .bhpf-tgrow{grid-template-columns:72px 1fr 100px 18px;font:400 14px/1.3 var(--pf-f)}
.bhpf-ov .bhpf-tgsum{font:400 14px/1.4 var(--pf-f);color:#b3b9c2;border-top-color:rgba(255,255,255,.12)}
.bhpf-ov .bhpf-pfrow{background:#171e28;border:0;border-radius:6px}
.bhpf-ov .bhpf-pfrow.is-cur{background:#252e3a;border:0}
.bhpf-ov .bhpf-pfpick{font:600 14px/1.3 var(--pf-f);color:#e6e9ee}
.bhpf-ov .bhpf-pfpick:hover{color:#fff}
.bhpf-ov .bhpf-cashnow,.bhpf-ov .bhpf-quick-context,.bhpf-ov .bhpf-reconcile,.bhpf-ov .bhpf-sync-conflict{padding:12px 14px;border:0;border-radius:8px;background:#171e28;font:400 14px/1.45 var(--pf-f);color:#b3b9c2}
.bhpf-ov .bhpf-cashnow b,.bhpf-ov .bhpf-quick-context b{color:#e6e9ee}
.bhpf-ov .bhpf-sync-summary{font:400 14px/1.4 var(--pf-f);color:#b3b9c2}
.bhpf-ov .bhpf-sync-dot.is-conflict,.bhpf-ov .bhpf-sync-dot.is-error{background:#e6e9ee}
.bhpf-ov .bhpf-sync-dot.is-saving{background:#949ca7}
.bhpf-ov .bhpf-sync-panel dt{color:#949ca7}
.bhpf-ov .bhpf-sync-panel dd{color:#e6e9ee}
.bhpf-ov .bhpf-history-row b{font:500 14px/1.3 var(--pf-f);color:#e6e9ee}
.bhpf-ov .bhpf-history-row span{font:400 13px/1.35 var(--pf-f);color:#949ca7}
.bhpf-ov .bhpf-quality-score{border:0;background:#171e28}
.bhpf-ov .bhpf-quality-score.is-ok,.bhpf-ov .bhpf-quality-score.is-warn,.bhpf-ov .bhpf-quality-score.is-error{border:0;background:#171e28}
.bhpf-ov .bhpf-quality-score span{font-size:13px;color:#b3b9c2}
.bhpf-ov .bhpf-quality-list>div>span{font:500 13px/1.3 var(--pf-f);text-transform:none;color:#b3b9c2}
.bhpf-ov .bhpf-quality-list>div.is-error>span{color:#e6e9ee}
.bhpf-ov .bhpf-quality-list p{font:400 14px/1.45 var(--pf-f);color:#e6e9ee}
.bhpf-ov table{font-size:14px}
.bhpf-ov table th{font:500 13px/1.3 var(--pf-f);color:#b3b9c2;text-transform:none;letter-spacing:0}

/* ---------- сообщения: как в калькуляторах, светлая плашка над нижним меню сайта ---------- */
.bhpf-r .bhpf-toasts{left:50%;right:auto;bottom:88px;transform:translateX(-50%);z-index:100000;align-items:center;gap:8px;width:max-content;max-width:calc(100vw - 32px)}
.bhpf-r .bhpf-toast{max-width:min(460px,calc(100vw - 32px));padding:10px 16px;border:0;border-radius:6px;background:#e6e9ee;color:#0c0f15;
  font:500 14px/1.35 var(--pf-f);box-shadow:none;gap:14px}
.bhpf-r .bhpf-toast--err{border:0}
.bhpf-r .bhpf-toast button{flex:none;color:#0c0f15;font:600 14px/1 var(--pf-f);text-decoration:underline;text-underline-offset:3px}

/* ---------- ширина: таблица, пока ей хватает места; дальше карточки ---------- */
@media (max-width:1279px){
  .bhpf-r .bhpf-grid{grid-template-columns:1fr}
  .bhpf-r .bhpf-tblwrap{display:none}
  .bhpf-r .bhpf-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
  .bhpf-r .bhpf-tbl-card{background:#121820;margin-top:16px;overflow:visible}
  .bhpf-r .bhpf-cards>.bhpf-btn{grid-column:1/-1}
  .bhpf-r .bhpf-state{grid-template-columns:1fr}
}
@media (max-width:1000px){
  .bhpf-r .bhpf-tbl-head{padding:16px 20px 12px}
  .bhpf-r .bhpf-chart-tools{flex-direction:row;align-items:center;justify-content:space-between;width:100%}
  .bhpf-r .bhpf-chartfoot .bhpf-btn{flex:0 0 auto}
  .bhpf-r .bhpf-chart{min-height:260px}
  .bhpf-r .bhpf-trade-actions .bhpf-btn{flex:1 1 auto}
  .bhpf-r .bhpf-addgrid{grid-template-columns:1fr 1fr}
}

/* ---------- телефон и планшет: меню за «≡», полоса в две строки ---------- */
@media (max-width:899px){
  .bhpf-r .bhpf-topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"burger h1 h1 add" "pf pf cur save";
    align-items:center;gap:10px 8px;padding:10px 16px}
  .bhpf-r .bhpf-topbar .bhc-burger{grid-area:burger}
  .bhpf-r .bhpf-topbar .bhc-h1{grid-area:h1}
  .bhpf-r .bhpf-pfname{grid-area:pf}
  .bhpf-r .bhpf-pfbtn{width:100%;max-width:none;height:40px;justify-content:space-between}
  .bhpf-r .bhpf-top-actions{display:contents}
  .bhpf-r .bhpf-cursw{grid-area:cur}
  .bhpf-r .bhpf-cursw button{height:32px}
  .bhpf-r .bhpf-top-actions [data-act="focus-add"]{grid-area:add;width:40px;height:40px;min-height:40px;padding:0}
  .bhpf-r .bhpf-top-actions .bh-acc-native-save{grid-area:save;width:40px;height:40px;min-height:40px;padding:0}
  .bhpf-r .bhpf-top-actions :is([data-act="focus-add"],.bh-acc-native-save) span{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .bhpf-r .bhpf-top-actions .bh-acc-native-save svg{margin:0}
  .bhpf-r .bhpf-work{padding:14px 16px 32px;min-height:0}
  .bhpf-r .bhpf-vtitle{display:block;margin:4px 0 12px;font:600 16px/1.3 var(--pf-f)}
  .bhpf-r .bhpf-view>.bhpf-card,.bhpf-r .bhpf-side .bhpf-card,.bhpf-r .bhpf-chart-card{padding:16px}
  .bhpf-r .bhpf-state{padding:16px;gap:16px}
  .bhpf-r .bhpf-state-sec{grid-template-columns:1fr 1fr;gap:14px 16px}
  .bhpf-r .bhpf-state-sec .v{font-size:16px}
  .bhpf-r .bhpf-state-main .big{font-size:36px}
  .bhpf-r .bhpf-cards{grid-template-columns:1fr;padding:0 16px 16px}
  .bhpf-r .bhpf-tbl-head,.bhpf-r .bhpf-opscard .bhpf-tbl-head{padding:16px 16px 12px}
  .bhpf-r .bhpf-opscard .bhpf-tblwrap{padding:0 16px 16px}
  .bhpf-r .bhpf-opfilters{padding:0 16px 14px}
  .bhpf-r .bhpf-btn,.bhpf-ov .bhpf-btn{height:40px;min-height:40px}
  .bhpf-r .bhpf-rowbtn{height:36px}
  .bhpf-r .bhpf-iconbtn{width:36px;height:36px}
  .bhpf-r :is(.bhpf-tf,.bhpf-struct-tabs) .bhpf-chip,.bhpf-r .bhpf-modesw button{height:32px}
  .bhpf-r .bhpf-empty{padding:20px 16px}
  .bhpf-r .bhpf-empty h2{font-size:20px}
  .bhpf-r .bhpf-empty-paths{grid-template-columns:1fr}
  .bhpf-r .bhpf-closed-head{padding:14px 16px}
  .bhpf-r .bhpf-closed-body{padding:0 16px 14px}
  .bhpf-r .bhpf-batch{padding:10px 16px}
}
@media (max-width:560px){
  .bhpf-r .bhpf-addgrid{grid-template-columns:1fr 1fr}
  .bhpf-r .bhpf-chartfoot{flex-direction:column;align-items:stretch}
  .bhpf-r .bhpf-chartfoot .bhpf-tf{justify-content:space-between}
  .bhpf-r .bhpf-chartfoot .bhpf-tf .bhpf-chip{flex:1 1 0}
}
@media (prefers-reduced-motion:reduce){
  .bhpf-r *,.bhpf-ov *{transition:none!important;animation:none!important}
}

/* ---------- после инструмента: дисклеймер и предложение брокера ---------- */
.bhpf-after{max-width:1320px;margin:0 auto;padding:20px 24px 0}
@media (max-width:899px){.bhpf-after{padding:16px 16px 0}}

/* ---------- поправки после первого просмотра копии (12.10) ---------- */
/* тема даёт всем <button> тень 0 5px 5px и серый фон: в инструменте их нет */
.bhpf-r button,.bhpf-ov button,.bhpf-sugg button{-webkit-box-shadow:none;box-shadow:none}
.bhpf-sugg button{background:transparent;border:0;color:#e6e9ee}
/* шапка графика: название и пояснение слева, режим и легенда справа одной колонкой */
.bhpf-r .bhpf-chart-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}
.bhpf-r .bhpf-chart-head p{max-width:none}
.bhpf-r .bhpf-chart-tools{flex-direction:column;align-items:flex-end;width:auto}
@media (max-width:1000px){
  .bhpf-r .bhpf-chart-head{grid-template-columns:1fr}
  .bhpf-r .bhpf-chart-tools{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;width:100%}
}
/* фильтры истории: поля дат не налезают на подписи «С» и «По» */
.bhpf-r .bhpf-opfilters{grid-template-columns:minmax(200px,1fr) 170px 196px 196px auto auto;align-items:center}
.bhpf-r .bhpf-opfilters label{min-width:0}
.bhpf-r .bhpf-opfilters label .bhpf-input{flex:1 1 auto;min-width:0}
.bhpf-r .bhpf-opfilters .bhpf-opsearch{display:block}
@media (max-width:1279px){
  .bhpf-r .bhpf-opfilters{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bhpf-r .bhpf-opfilters .bhpf-opsearch,.bhpf-r .bhpf-opfilter-count{grid-column:1/-1}
}
@media (max-width:560px){.bhpf-r .bhpf-opfilters{grid-template-columns:1fr}}
/* галочки выбора операций: общий сброс (appearance:none) делал их невидимыми — пачку нельзя было выбрать */
.bhpf-r input[type=checkbox]{-webkit-appearance:none;appearance:none;flex:none;width:18px;height:18px;margin:0;padding:0;border:1px solid rgba(255,255,255,.32);
  border-radius:6px;background:transparent center/12px 12px no-repeat;cursor:pointer;vertical-align:middle}
.bhpf-r input[type=checkbox]:hover{border-color:rgba(255,255,255,.5)}
.bhpf-r input[type=checkbox]:checked{border-color:#95ce5a;background-color:#95ce5a;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2l2.3 2.3 4.7-5' fill='none' stroke='%230c0f15' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
/* история операций: дата, бумага и тип читаются слева, числа справа */
.bhpf-r .bhpf-oplist :is(th,td):nth-child(-n+4){text-align:left}
.bhpf-r .bhpf-oplist .bhpf-checkcell{width:40px!important;padding-left:0!important}
/* тема ставит таблицам table-layout:fixed — колонка «Доля» налезала на кнопки строки */
.bhpf-r .bhpf-tbl{table-layout:auto}
.bhpf-r .bhpf-tk .full{max-width:240px}
.bhpf-r .bhpf-tbl td:last-child{width:1%}
/* ширина таблицы: на 1366–1440 она должна помещаться без прокрутки (замер 12.10: нужно было 1211 px при 1160) */
.bhpf-r .bhpf-tbl th,.bhpf-r .bhpf-tbl td{padding-left:8px;padding-right:8px}
.bhpf-r .bhpf-tbl th:first-child,.bhpf-r .bhpf-tbl td:first-child{padding-left:20px}
.bhpf-r .bhpf-tbl th:last-child,.bhpf-r .bhpf-tbl td:last-child{padding-right:16px}
.bhpf-r .bhpf-tk .full{max-width:190px}
.bhpf-r .bhpf-w-bar{display:none}
.bhpf-r .bhpf-tbl .bhpf-rowact{gap:4px}
.bhpf-r .bhpf-tbl .bhpf-rowbtn{padding:0 8px}
/* таблице нужно ~1110 px (замер 12.10): уже — позиции карточками, без прокрутки вбок */
@media (max-width:1419px){
  .bhpf-r .bhpf-tblwrap{display:none}
  .bhpf-r .bhpf-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
  .bhpf-r .bhpf-cards>.bhpf-btn{grid-column:1/-1}
}
.bhpf-r .bhpf-src a{color:#b3b9c2;text-decoration:underline;text-underline-offset:2px}
.bhpf-r .bhpf-src a:hover{color:#e6e9ee}
/* CANON_2026_10_13: полотно графика не шире контейнера (шкала «в процентах» обрезалась справа).
   Вид учёта владелец назвал эталоном атмосферы (13.10) — цвета и пункт меню не трогаем. */
.bhpf-r .bhpf-chart{min-width:0;max-width:100%;overflow:hidden}
/* CANON_2026_10_13: тема даёт всем таблицам table-layout:fixed и width:100% (critical.css), а LWC рисует график таблицей —
   ячейки делились поровну, правая шкала получала 35 px из 70 и «120к» срезалось до «120». Как в stock-card.css и currency-pair.css. */
.bhpf-r .bhpf-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}
.bhpf-r .bhpf-chart tr,.bhpf-r .bhpf-chart td,.bhpf-r .bhpf-chart th{border:0!important;padding:0!important;background:none!important;min-width:0!important;max-width:none!important;box-shadow:none!important}

/* ===== LEAD21_2026_10_21: вывод над графиком, пояснения, окна в палитре ===== */
/* строка под выводом — метод или сумма сравнения, 13/400 (канон 0.4: пояснения легче числа) */
html body #bhc-shell.bhpf-r .bhpf-lead-sub{margin:-8px 0 0;max-width:72ch;font:400 13px/1.45 var(--pf-f);color:#949ca7}
html body #bhc-shell.bhpf-r .bhpf-lead-sub:empty{display:none}
html body #bhc-shell.bhpf-r .bhpf-chart-head .bhc-card-lead{margin:0 0 12px!important}
html body #bhc-shell.bhpf-r .bhpf-chart-head .bhc-card-head--lead h2{margin:0}
html body #bhc-shell.bhpf-r .bhpf-periods-note{margin:-6px 0 10px;font:400 13px/1.4 var(--pf-f);color:#949ca7}
/* окна живут в body вне корня инструмента: системный слой их не видит — серые из палитры здесь (CANONFIX15) */
html body .bhpf-ov :is(.bhpf-iconbtn,.bhpf-btn--ghost,.bhpf-btn--danger,.bhpf-settings-choice:not(.is-on),.bhpf-chip:not(.is-on)){background-color:#171e28!important;background-image:none!important}
@media (hover:hover){html body .bhpf-ov :is(.bhpf-iconbtn,.bhpf-btn--ghost,.bhpf-btn--danger,.bhpf-settings-choice:not(.is-on),.bhpf-chip:not(.is-on)):hover{background-color:#1f2834!important;color:#e6e9ee!important}}
html body .bhpf-ov :is(.bhpf-settings-choice.is-on,.bhpf-chip.is-on){background-color:#252e3a!important}
html body .bhpf-ov .bhpf-drop.is-dragover{background-color:#171e28!important}
/* флажок — свой (канон 0.9.1, CONVFIX): 16×16, скругление 4, #252e3a, отмечен #95ce5a */
html body .bhpf-ov .bhpf-check input[type=checkbox]{background-color:#252e3a!important;border-color:transparent!important;border-radius:4px!important}
html body .bhpf-ov .bhpf-check input[type=checkbox]:checked{background-color:#95ce5a!important}
/* поле в окне: тема красит текст в фокусе в #111, а фон окна тёмный — адрес почты не был виден */
html body .bhpf-ov .bhpf-input,html body .bhpf-ov .bhpf-input:focus{color:#e6e9ee!important;-webkit-text-fill-color:#e6e9ee;caret-color:#95ce5a}
html body .bhpf-ov .bhpf-input::placeholder{color:#949ca7!important;-webkit-text-fill-color:#949ca7}

/* ===== VIEW21_2026_10_21: общий вид для всех вариантов (лаборатория ?pfv= — только на копии) ===== */
/* статус хранения у названия портфеля вместо полосы над сводкой */
html body #bhc-shell.bhpf-r .bhpf-store{display:none!important}
html body #bhc-shell.bhpf-r .bhpf-pfname{gap:10px}
html body #bhc-shell.bhpf-r .bhpf-storest{font:400 13px/1.3 var(--pf-f);color:#949ca7;white-space:nowrap}
html body #bhc-shell.bhpf-r .bhpf-storest.is-synced::before{content:"";display:inline-block;width:6px;height:6px;margin:0 6px 1px 0;border-radius:50%;background:#95ce5a;vertical-align:middle}
html body #bhc-shell.bhpf-r .bhpf-storest .bhpf-store-go{margin-left:6px;background:none;border:0;padding:0}
/* сводка: подписи всех показателей на одной линии, показатели делят ширину поровну — без пустой трети справа */
html body #bhc-shell.bhpf-r .bhpf-state{align-items:start}
html body #bhc-shell.bhpf-r .bhpf-state-sec{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
html body #bhc-shell.bhpf-r .bhpf-state-main .lbl{margin-bottom:6px}
/* пробный портфель: окно «Сохранить прогресс?» не показываем */
html body.bhpf-demo #bh-acc-save-prompt{display:none!important}
/* график: вывод на всю ширину, ниже — одна строка управления; высота по экрану, чтобы на 1440×900 график помещался целиком */
html body #bhc-shell.bhpf-r .bhpf-chart-head{display:block}
html body #bhc-shell.bhpf-r .bhpf-chart-tools{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 16px;width:auto;margin-top:14px}
html body #bhc-shell.bhpf-r .bhpf-chart-ctl{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-left:auto}
html body #bhc-shell.bhpf-r .bhpf-pngbtn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;min-height:0;padding:0;border:0;border-radius:6px;background:transparent!important;color:#b3b9c2!important}
@media (hover:hover){html body #bhc-shell.bhpf-r .bhpf-pngbtn:hover{background:#1f2834!important;color:#e6e9ee!important}}
html body #bhc-shell.bhpf-r .bhpf-chart-card{align-self:start}
html body #bhc-shell.bhpf-r .bhpf-chart{flex:0 0 auto;min-height:280px;height:clamp(280px,calc(100vh - 500px),460px)}
html body #bhc-shell.bhpf-r .bhpf-chartfoot{display:none}
html body #bhc-shell.bhpf-r .bhpf-clickable:hover{background:#171e28}   /* серый из палитры, не белый с прозрачностью (CANONFIX15) */

/* ===== PHONE21_2026_10_21: телефон — зона касания 44 (канон 0.9.3, как TJTOUCH22 журнала) и место под инструмент при загрузке ===== */
/* Пока скрипт не нарисовал портфель, тело занимает экран: иначе пустое состояние или портфель
   сдвигали всё, что ниже, — замер 21.10: CLS 0,35–0,82 на 390 px при норме до 0,1 */
@media (max-width:767.98px){
  html body #bhc-shell.bhpf-r .bhpf-loading{min-height:calc(100svh - 150px);box-sizing:border-box}
  html body #bhc-shell.bhpf-r .bhpf-cursw{min-height:40px;box-sizing:border-box}
  html body #bhc-shell.bhpf-r .bhpf-storest{display:block;flex-basis:100%;margin-top:2px}
  /* REV22: без переноса подпись уходила под «₽ $» и читалась как «только в это». Под кнопкой —
     через 16 px: у кнопки и подписи по зоне касания 44, ближе зоны перекрываются (центры от 44 px) */
  html body #bhc-shell.bhpf-r .bhpf-pfname{flex-wrap:wrap;row-gap:0}
  html body #bhc-shell.bhpf-r .bhpf-pfname>.bhpf-storest{margin-top:16px}
}
@media (min-width:768px){html body #bhc-shell.bhpf-r .bhpf-loading{min-height:560px;box-sizing:border-box}}
@media (pointer:coarse){
  /* 1. Невидимая зона 44×44 у одиночных кнопок: растёт область нажатия, а не кнопка */
  html body :is(#bhc-shell.bhpf-r,.bhpf-ov) :is(.bhpf-pfbtn,.bhpf-cursw>button,.bhpf-top-actions>.bhpf-btn,.bhpf-modesw>button,.bhpf-tf>.bhpf-chip,.bhpf-struct-tabs>.bhpf-chip,.bhpf-rowbtn,.bhpf-iconbtn,.bhpf-cards>.bhpf-btn,.bhpf-trade-actions>.bhpf-btn,.bhpf-trade-head-actions>.bhpf-btn,.bhpf-addgrid>.bhpf-btn,.bhpf-modal-foot>.bhpf-btn,.bhc-term,.bhpf-store-go){position:relative}
  html body :is(#bhc-shell.bhpf-r,.bhpf-ov) :is(.bhpf-pfbtn,.bhpf-cursw>button,.bhpf-top-actions>.bhpf-btn,.bhpf-modesw>button,.bhpf-tf>.bhpf-chip,.bhpf-struct-tabs>.bhpf-chip,.bhpf-rowbtn,.bhpf-iconbtn,.bhpf-cards>.bhpf-btn,.bhpf-trade-actions>.bhpf-btn,.bhpf-trade-head-actions>.bhpf-btn,.bhpf-addgrid>.bhpf-btn,.bhpf-modal-foot>.bhpf-btn,.bhc-term,.bhpf-store-go)::after{
    content:""!important;display:block!important;position:absolute!important;left:50%!important;top:50%!important;
    width:max(100%,44px)!important;height:max(100%,44px)!important;transform:translate(-50%,-50%)!important;background:none!important;border:0!important;pointer-events:auto!important}
  /* лунки переключателей не режут зону своих кнопок */
  html body #bhc-shell.bhpf-r :is(.bhpf-cursw,.bhpf-modesw,.bhpf-tf,.bhpf-struct-tabs){overflow:visible!important}
  /* стоят вплотную — ширину добираем самой кнопкой, иначе соседние зоны перекрываются */
  html body #bhc-shell.bhpf-r :is(.bhpf-cursw>button,.bhpf-tf>.bhpf-chip){min-width:44px;justify-content:center}
  /* окна и меню разделов: пункты стоят вплотную — высота 44 самими пунктами, флажок — вся строка с подписью */
  html body .bhpf-ov :is(.bhpf-settings-choice,.bhpf-settings-actions>.bhpf-btn,.bhpf-pfpick,.bhpf-history-row>.bhpf-btn){min-height:44px!important}
  html body .bhpf-ov .bhpf-check{min-height:44px;align-items:center}
  html body #bhc-shell.bhpf-r .bhc-side :is(.bhc-nav-item,.bhc-brand,.bhc-side-all){min-height:44px;box-sizing:border-box;display:flex;align-items:center}
  html body #bh-wn-panel .bh-wn-close{position:relative}
  html body #bh-wn-panel .bh-wn-close::after{content:"";position:absolute;left:50%;top:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}
  /* 2. Поля и списки — высота 44: у поля нет ::after */
  html body :is(#bhc-shell.bhpf-r,.bhpf-ov) :is(select,input:not([type=checkbox],[type=radio],[type=range],[type=file],[type=color],[type=hidden])){min-height:44px!important}
}
/* /PHONE21_2026_10_21 */

/* ===== PICK21_2026_10_21: выбор владельца 21.10 «а б в» → раскладка «в», шапка «б»; сводка — одной карточкой (лаборатория ?pfs=b — отдельные плитки, только копия) ===== */
/* --- раскладка «в»: колонка справа (доходность по периодам, структура) с самого верха, слева сводка и график --- */
@media (min-width:1280px){
  html body #bhc-shell.bhpf-r #bhpf-view-overview:not([hidden]){display:grid;grid-template-columns:minmax(0,1fr) 336px;gap:16px;align-items:start}
  html body #bhc-shell.bhpf-r #bhpf-view-overview>.bhpf-grid{display:contents}
  html body #bhc-shell.bhpf-r #bhpf-view-overview>:not(.bhpf-grid):not(.bhpf-state):not(.bhpf-vtitle){grid-column:1/-1}
  html body #bhc-shell.bhpf-r #bhpf-view-overview .bhpf-side{grid-column:2;grid-row:1/span 2;align-self:start}
  html body #bhc-shell.bhpf-r #bhpf-view-overview .bhpf-state{grid-column:1;grid-row:1;margin:0}
  html body #bhc-shell.bhpf-r #bhpf-view-overview .bhpf-chart-card{grid-column:1;grid-row:2}
  /* график целиком в первом экране: 1440×900 со сводкой 2×2 (замер: сводка 250 + шапка графика 172), 2028×1076 — сводка в один ряд */
  html body #bhc-shell.bhpf-r .bhpf-chart{height:clamp(280px,calc(100vh - 520px),460px)}
}

/* --- сводка одной карточкой: ячейки — кнопки раскрытия (DRILL21) --- */
html body #bhc-shell.bhpf-r .bhpf-state [data-drill]{cursor:pointer;border-radius:6px;transition:background-color .12s}
html body #bhc-shell.bhpf-r .bhpf-state [data-drill]:focus-visible{outline:2px solid #95ce5a;outline-offset:-2px}
html body #bhc-shell.bhpf-r .bhpf-state [data-drill].is-open{background:#171e28}
@media (hover:hover){html body #bhc-shell.bhpf-r .bhpf-state [data-drill]:hover{background:#171e28}}
html body #bhc-shell.bhpf-r .bhpf-state-sec>[data-drill],html body #bhc-shell.bhpf-r .bhpf-state-main[data-drill]{margin:-8px;padding:8px}
html body #bhc-shell.bhpf-r .bhpf-drill-ch{width:16px;height:16px;margin-left:4px;vertical-align:-3px;color:#949ca7;transition:transform .15s}
html body #bhc-shell.bhpf-r [data-drill].is-open .bhpf-drill-ch{transform:rotate(180deg)}
@media (prefers-reduced-motion:reduce){html body #bhc-shell.bhpf-r :is([data-drill],.bhpf-drill-ch){transition:none}}
html body #bhc-shell.bhpf-r .bhpf-clickable .v{text-decoration:none}
@media (min-width:900px){
  html body #bhc-shell.bhpf-r .bhpf-state :is(.lbl,.k){margin:0 0 8px;font:400 14px/1.3 var(--pf-f);color:#b3b9c2}
  html body #bhc-shell.bhpf-r .bhpf-state-sec .v{font:600 24px/1.2 var(--pf-f)}
  html body #bhc-shell.bhpf-r .bhpf-state-sec .hint{margin-top:6px;font:400 13px/1.4 var(--pf-f);color:#949ca7}
}
@media (min-width:1280px){
  /* стоимость слева по ширине числа, показатели сеткой 2×2; линии между ячейками — тенью в зазор 1 px, внешние края срезает карточка */
  html body #bhc-shell.bhpf-r .bhpf-state{display:grid!important;grid-template-columns:minmax(240px,auto) minmax(0,1fr)!important;gap:0!important;padding:0!important;align-items:stretch!important;overflow:hidden}
  html body #bhc-shell.bhpf-r .bhpf-state-main,html body #bhc-shell.bhpf-r .bhpf-state-main[data-drill]{margin:0;padding:20px 32px 20px 24px;border-radius:0}
  html body #bhc-shell.bhpf-r .bhpf-state-sec{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1px!important}
  html body #bhc-shell.bhpf-r .bhpf-state-sec>div:not([hidden]),html body #bhc-shell.bhpf-r .bhpf-state-sec>[data-drill]:not([hidden]){margin:0;padding:18px 24px;border-radius:0;box-shadow:-1px 0 0 rgba(255,255,255,.07),0 -1px 0 rgba(255,255,255,.07)}
}
@media (min-width:1630px){
  /* места хватает — все показатели в один ряд */
  html body #bhc-shell.bhpf-r .bhpf-state-sec{grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}
  html body #bhc-shell.bhpf-r .bhpf-state-sec>div:not([hidden]),html body #bhc-shell.bhpf-r .bhpf-state-sec>[data-drill]:not([hidden]){padding:20px 24px}
}

/* --- раскрытие: под показателями, в той же карточке --- */
html body #bhc-shell.bhpf-r .bhpf-drill{grid-column:1/-1;margin:8px 0 0;padding:16px 0 0;border-top:1px solid rgba(255,255,255,.07)}
@media (min-width:1280px){html body #bhc-shell.bhpf-r .bhpf-drill{margin:0;padding:20px 24px 24px}}
html body #bhc-shell.bhpf-r .bhpf-drill-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 8px}
html body #bhc-shell.bhpf-r .bhpf-drill-head h3{margin:0;font:600 16px/1.3 var(--pf-f);color:#e6e9ee}
html body #bhc-shell.bhpf-r .bhpf-drill-head h3 b{font-weight:600}
html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r .bhpf-drill-x{flex:none;height:32px;min-height:0;padding:0 10px;border:0;border-radius:6px;background:transparent!important;color:#b3b9c2!important;font:500 14px/1 var(--pf-f)!important}
@media (hover:hover){html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r .bhpf-drill-x:hover{background:#1f2834!important;color:#e6e9ee!important}}
html body #bhc-shell.bhpf-r .bhpf-drill-note{margin:0 0 12px;max-width:780px;font:400 14px/1.5 var(--pf-f);color:#b3b9c2}
html body #bhc-shell.bhpf-r .bhpf-drill-note b{font-weight:600}
html body #bhc-shell.bhpf-r .bhpf-drill-scroll{overflow-x:auto}
html body #bhc-shell.bhpf-r .bhpf-drill-tbl{width:100%;border-collapse:collapse;font:400 14px/1.4 var(--pf-f);color:#e6e9ee}
html body #bhc-shell.bhpf-r .bhpf-drill-tbl th{padding:8px 12px;text-align:right;font:400 13px/1.3 var(--pf-f);color:#949ca7;border-bottom:1px solid rgba(255,255,255,.07);white-space:nowrap}
html body #bhc-shell.bhpf-r .bhpf-drill-tbl td{padding:9px 12px;text-align:right;border-bottom:1px solid rgba(255,255,255,.07);white-space:nowrap}
html body #bhc-shell.bhpf-r .bhpf-drill-tbl :is(th,td):first-child{padding-left:0;text-align:left}
html body #bhc-shell.bhpf-r .bhpf-drill-tbl :is(th,td):last-child{padding-right:0}
html body #bhc-shell.bhpf-r .bhpf-drill-tbl td.num{font-variant-numeric:tabular-nums}
html body #bhc-shell.bhpf-r .bhpf-drill-tbl .txt{text-align:left;white-space:normal}
html body #bhc-shell.bhpf-r .bhpf-drill-tbl tfoot td{font-weight:600;border-bottom:0}
html body #bhc-shell.bhpf-r .bhpf-drill-tbl .mut{color:#949ca7;font-weight:400}
html body #bhc-shell.bhpf-r .bhpf-drill-foot{margin-top:12px}
html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r .bhpf-drill-link{height:auto;min-height:0;padding:0;border:0;background:none!important;color:#95ce5a!important;font:500 14px/1.4 var(--pf-f)!important;text-align:left;cursor:pointer}
@media (hover:hover){html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r .bhpf-drill-link:hover{color:#a6d873!important}}
@media (max-width:899px){
  html body #bhc-shell.bhpf-r .bhpf-drill-tbl{font-size:13px}
  html body #bhc-shell.bhpf-r .bhpf-drill-tbl :is(th,td){padding:8px 6px}
  html body #bhc-shell.bhpf-r .bhpf-drill-tbl .opt{display:none}
  html body #bhc-shell.bhpf-r .bhpf-drill-head{align-items:flex-start}
  /* зона касания 44 (канон 0.9, TOUCH44) */
  html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r .bhpf-drill-x{height:44px;margin:-6px -10px 0 0}
  html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r .bhpf-drill-link{display:flex;align-items:center;width:100%;min-height:44px}
}

/* --- шапка «б» (HEAD21): с 900 px полосы нет, её содержимое — в меню; переносит portfolio-ui-r.js --- */
@media (min-width:900px){
  html:root body #bhc-shell.bhpf-r.bhpf-nohead .bhc-top.bhpf-topbar{height:0!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;overflow:hidden!important}
  html:root body #bhc-shell.bhpf-r.bhpf-nohead .bhc-top h1.bhc-h1{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;margin:-1px!important;padding:0!important}
  /* PICK22 (владелец 22.10, «Кнопка — строкой сверху»): портфель слева, «Суммы в» и «Добавить покупку» справа, на всех вкладках */
  html body #bhc-shell.bhpf-r.bhpf-nohead .bhpf-line{display:flex;align-items:center;gap:16px;min-height:40px;margin:0 0 16px}
  html body #bhc-shell.bhpf-r.bhpf-nohead .bhpf-line>.l{display:flex;align-items:center;min-width:0}
  html body #bhc-shell.bhpf-r.bhpf-nohead .bhpf-line>.r{display:flex;align-items:center;gap:16px;margin-left:auto}
  html body #bhc-shell.bhpf-r.bhpf-nohead .bhpf-line .bhpf-pfname{display:flex;flex-direction:row;align-items:center;gap:12px;min-width:0}
  html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r.bhpf-nohead .bhpf-line .bhpf-pfbtn{height:40px;max-width:360px;margin:0 0 0 -10px;padding:0 8px 0 10px;background:transparent!important;font:600 20px/1.2 var(--pf-f)!important;color:#fff!important;border-radius:6px}
  html body #bhc-shell.bhpf-r.bhpf-nohead .bhpf-line .bhpf-storest{padding:0;font:400 13px/1.3 var(--pf-f);color:#949ca7;white-space:nowrap}
  html body #bhc-shell.bhpf-r.bhpf-nohead .bhpf-linecur{display:flex;align-items:center;gap:8px;padding:0;font:400 13px/1.3 var(--pf-f);color:#949ca7}
  html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r.bhpf-nohead .bhpf-line [data-act="focus-add"]{height:40px;min-height:40px;padding:0 16px}
  html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r.bhpf-nohead.bhpf-line-noadd .bhpf-line [data-act="focus-add"],
  html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r.bhpf-nohead.is-empty .bhpf-line .bhpf-linecur{display:none!important}
}
@media (hover:hover) and (min-width:900px){html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r.bhpf-nohead .bhpf-line .bhpf-pfbtn:hover{background:#171e28!important}}
/* узкий компьютер (канон 0.6, FJTOP21): строка не сжимает кнопки — уже 1100 px подпись «Суммы в» уходит, переключатель «₽ $» остаётся */
html body #bhc-shell.bhpf-r.bhpf-nohead .bhpf-line>.r{flex:none}
html body #bhc-shell.bhpf-r.bhpf-nohead .bhpf-linecur>span{white-space:nowrap}
@media (min-width:900px) and (max-width:1099.98px){html body #bhc-shell.bhpf-r.bhpf-nohead .bhpf-linecur>span{display:none}}
/* строка 40 + отступ 16: график по-прежнему целиком в первом экране */
@media (min-width:1280px){html body #bhc-shell.bhpf-r.bhpf-nohead .bhpf-chart{height:clamp(280px,calc(100vh - 576px),460px)}}
/* PICK22 (владелец 22.10, «Позиции — строки во всю ширину»): строки таблицы во всю ширину карточки, текст в 20 px от края,
   как в остальных карточках; прежде карточка давала 20 и ячейки ещё 20. Зазор над карточкой — как между блоками, 16. */
html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r .bhpf-tbl-card{padding-left:0;padding-right:0}
@media (min-width:901px){html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r .bhpf-tbl-card{margin-top:0}}
html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r .bhpf-tbl-card .bhpf-tbl-head{padding:0 20px 12px}
html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r .bhpf-tbl-card .bhpf-tblwrap{margin:0}
html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r .bhpf-tbl-card .bhpf-tbl{width:100%;margin-bottom:0}
html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r .bhpf-tbl-card .bhpf-tbl :is(th,td):first-child{padding-left:20px}
html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r .bhpf-tbl-card .bhpf-tbl :is(th,td):last-child{padding-right:20px}
html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r .bhpf-tbl-card .bhpf-more{padding:0 20px}
/* /PICK21_2026_10_21 */

/* ===== TR22_2026_10_22: сравнение с индексом — вторым слоем (владелец 22.10, «1. вторым слоем») ===== */
/* легенда «вложено» — ступенька серым, как ряд сравнения */
.bhpf-r .bhpf-legend s{display:inline-block;width:16px;height:0;margin-right:6px;border-top:2px solid #787b86;vertical-align:middle;text-decoration:none}
/* название индекса в строке под выводом — как термин, открывает «С чем сравнивать портфель» */
html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r .bhpf-benchbtn{display:inline;width:auto;height:auto;min-height:0;margin:0;padding:0 0 1px;border:0;border-bottom:1px dashed #949ca7;border-radius:0;background:none!important;background-image:none!important;box-shadow:none!important;color:#e6e9ee;font:inherit;line-height:inherit;letter-spacing:inherit;text-transform:none;white-space:nowrap;cursor:pointer}
@media (hover:hover){html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r .bhpf-benchbtn:hover{color:#fff;border-bottom-color:#e6e9ee}}
html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r .bhpf-benchbtn:focus-visible{outline:2px solid #95ce5a;outline-offset:2px}
@media (pointer:coarse){
  html body #bhc-shell.bhpf-r .bhpf-benchbtn{position:relative}
  html body #bhc-shell.bhpf-r .bhpf-benchbtn::after{content:"";position:absolute;left:50%;top:50%;width:max(100%,44px);height:44px;transform:translate(-50%,-50%)}
}
/* строка под выводом — в одну строку, где хватает места: на 1440 перенос сдвигал низ графика за экран */
html body #bhc-shell.bhpf-r .bhpf-lead-sub{max-width:110ch}
/* «Доходность по периодам» без сравнения — одна колонка чисел */
.bhpf-r .bhpf-periods.is-solo :is(.bhpf-periods-head,.bhpf-period-row){grid-template-columns:1fr 76px}
/* окно выбора индекса: варианты строками, выбранный — плитка #252e3a, не зелёным (канон 0.5) */
.bhpf-ov .bhpf-bench-list{display:flex;flex-direction:column;gap:4px;margin:0 0 14px}
html body .bhpf-ov .bhpf-bench-choice{display:flex;flex-direction:column;align-items:flex-start;gap:3px;width:100%;min-height:44px;margin:0;padding:10px 14px;border:0;border-radius:6px;background:#171e28!important;background-image:none!important;box-shadow:none!important;color:#e6e9ee;text-align:left;cursor:pointer}
html body .bhpf-ov .bhpf-bench-choice b{font:500 14px/1.3 var(--pf-f);color:#e6e9ee}
html body .bhpf-ov .bhpf-bench-choice span{font:400 13px/1.4 var(--pf-f);color:#949ca7}
html body .bhpf-ov .bhpf-bench-choice.is-on{background:#252e3a!important}
html body .bhpf-ov .bhpf-bench-choice.is-on b{color:#fff}
@media (hover:hover){html body .bhpf-ov .bhpf-bench-choice:not(.is-on):hover{background:#1f2834!important}}
html body .bhpf-ov .bhpf-bench-choice:focus-visible{outline:2px solid #95ce5a;outline-offset:2px}
/* /TR22_2026_10_22 */

/* ===== ZONE22_2026_10_22: свободные зоны «Обзора» (владелец 22.10: «вот так делай» — b · b · b · b лаборатории) ===== */
/* A и B: строки переключателей над графиком нет — переключатели и легенда в шапке справа от вывода.
   С 1630 px: уже вывод уходит в три строки и шапка становится выше прежней */
@media (min-width:1630px){
  html body #bhc-shell#bhc-shell.bhpf-r .bhpf-chart-head{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:24px;align-items:start}
  html body #bhc-shell#bhc-shell.bhpf-r .bhpf-chart-tools{flex-direction:column-reverse;align-items:flex-end;justify-content:flex-start;gap:8px;margin-top:0}
  html body #bhc-shell#bhc-shell.bhpf-r .bhpf-chart-ctl{margin-left:0;flex-wrap:nowrap}
  /* C: под «Структурой» — «Риск за период» (если колонка с ним помещается в первый экран — fitRisk), и тогда график
     тянется по высоте правой колонки, но не ниже прежнего */
  /* рост правой колонки забирает строка графика, не строка сводки: без 1fr сетка делила его поровну, и над графиком
     появлялась пустая полоса 90 px */
  html body #bhc-shell#bhc-shell.bhpf-r.bhpf-riskon #bhpf-view-overview:not([hidden]){grid-template-rows:auto 1fr}
  html body #bhc-shell#bhc-shell.bhpf-r.bhpf-riskon #bhpf-view-overview .bhpf-chart-card{align-self:stretch;display:flex;flex-direction:column}
  html body #bhc-shell#bhc-shell.bhpf-r.bhpf-riskon .bhpf-chart{flex:1 1 auto;height:auto;min-height:clamp(280px,calc(100vh - 576px),460px)}
  /* холст графика — вне потока: иначе его прошлая высота держит строку сетки, и график растёт только вверх
     (на 1680×1050 низ графика уходил на 28 px ниже правой колонки и за экран) */
  html body #bhc-shell#bhc-shell.bhpf-r.bhpf-riskon .bhpf-chart{position:relative}
  html body #bhc-shell#bhc-shell.bhpf-r.bhpf-riskon .bhpf-chart>.tv-lightweight-charts{position:absolute!important;inset:0}
}
@media (max-width:1629.98px){html body #bhc-shell#bhc-shell.bhpf-r .bhpf-riskcard{display:none!important}}
html body #bhc-shell#bhc-shell.bhpf-r .bhpf-riskcard.is-nofit{display:none!important}
html body #bhc-shell.bhpf-r .bhpf-riskcard .bhpf-period-row{align-items:start}
html body #bhc-shell.bhpf-r .bhpf-riskcard .bhpf-period-row .l small{display:block;margin-top:2px;font:400 13px/1.3 var(--pf-f);color:#949ca7}
/* D: «Внести операцию» — справа в шапке «Позиций» */
html body #bhc-shell.bhpf-r .bhpf-tbl-card>.bhpf-tbl-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
html body #bhc-shell.bhpf-r .bhpf-tbl-card>.bhpf-tbl-head .bhpf-tbl-add{margin-left:auto}
@media (min-width:1420px){html body #bhc-shell.bhpf-r .bhpf-tbl-card>.bhpf-tbl-head h3{margin:0}}   /* отступ темы 14 px сдвигал заголовок выше кнопки */
/* до 1419 px позиции карточками, и у списка своя кнопка внизу во всю ширину — в шапке не дублируем */
@media (max-width:1419px){html body #bhc-shell.bhpf-r .bhpf-tbl-card>.bhpf-tbl-head .bhpf-tbl-add{display:none}}
/* /ZONE22_2026_10_22 */

/* --- PF23M_2026_10_23: «Обзор» на телефоне — владелец 23.10 выбрал «б»: сумма и справа прибыль, график на фоне страницы
   шириной до края, периоды и вид одним рядом, вывод одной строкой, показатели списком; строки «С выплатами… отстали на 14,5 п. п.»
   на телефоне нет (смысл — в подсказке у числа вывода, индекс — касанием «индекса» в легенде). Блоки переносит portfolio-ui-r.js
   (класс .bhpf-mob); без него телефон остаётся прежним. С 900 px обёртка суммы прозрачна, новых блоков нет. --- */
.bhpf-r .bhpf-mhero{display:contents}
.bhpf-r .bhpf-mpnl,.bhpf-r .bhpf-mchart,.bhpf-r .bhpf-modesw .s{display:none}
@media (max-width:899px){
  /* строка «Мой портфель ▾ · ₽ $ · Войти» одной линией; «только в этом браузере» не показываем, вход — кнопкой */
  html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r .bhpf-topbar{row-gap:6px;padding:8px 16px 10px}
  html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r .bhpf-pfname{flex-wrap:nowrap;align-items:center;gap:8px;min-width:0}
  html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r .bhpf-pfbtn{width:auto;height:44px;min-height:44px;padding:0;margin:0;background:none!important;box-shadow:none!important;font:600 16px/1.2 var(--pf-f)!important;color:#e6e9ee!important;justify-content:flex-start;gap:6px}
  html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r .bhpf-pfbtn .caret{color:#949ca7;font-size:12px}
  html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r .bhpf-pfname>.bhpf-storest{display:none!important}
  html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r .bhpf-cursw{justify-self:end;background:#121820!important}
  html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r .bhpf-top-actions [data-act="focus-add"]{justify-self:end}
  /* «Войти» — значок человека и слово, как FJLOGIN22; в браузере вход даёт шапка сайта, вторую «Войти» не ставим */
  html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r .bhpf-top-actions .bh-acc-native-save{width:auto;padding:0 2px 0 6px;gap:6px;background:none!important;box-shadow:none!important;color:#b3b9c2!important;font:500 14px/1 var(--pf-f)!important}
  html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r .bhpf-top-actions .bh-acc-native-save>svg>*{display:none}
  html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r .bhpf-top-actions .bh-acc-native-save>svg{width:16px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") center/100% 100% no-repeat}
  /* подпись — в ::before: ::after у кнопок занят невидимой зоной касания 44 (pointer:coarse) */
  html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r .bhpf-top-actions .bh-acc-native-save::before{content:"Войти" / "";order:1;white-space:nowrap}
  html:not(.bh-pwa-standalone) body #bhc-shell#bhc-shell#bhc-shell.bhpf-r .bhpf-top-actions .bh-acc-native-save{display:none!important}
  html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r .bhpf-work{padding-top:12px}
  html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r #bhpf-vt-overview{display:none}
  html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r .bhpf-modesw button{padding:0 12px;min-width:44px}
  html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r .bhpf-modesw .l{display:none}
  html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r .bhpf-modesw .s{display:inline}

  /* сумма и прибыль — на фоне страницы, по линии графика и списка */
  html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r.bhpf-mob .bhpf-state{display:block;background:none!important;background-image:none!important;box-shadow:none!important;border:0!important;padding:0!important;gap:0}
  html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r.bhpf-mob .bhpf-mhero{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
  html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r.bhpf-mob .bhpf-state-main,html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r.bhpf-mob .bhpf-state-main[data-drill]{flex:1 1 auto;min-width:0;margin:0;padding:0}
  html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r.bhpf-mob .bhpf-state-main .big{font-size:32px;line-height:1.1;white-space:nowrap}   /* шкала кеглей телефона: 32 */
  html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r.bhpf-mob .bhpf-mpnl{display:block;flex:none;max-width:48%;margin:0;padding:0;text-align:right}
  html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r.bhpf-mob .bhpf-mpnl .lbl{display:flex;justify-content:flex-end;align-items:center;gap:4px;margin:0 0 6px;font:500 13px/1.3 var(--pf-f);color:#b3b9c2}
  html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r.bhpf-mob .bhpf-mpnl .v{margin-top:17px;font:600 20px/1.15 var(--pf-f);font-variant-numeric:tabular-nums;white-space:nowrap}
  html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r.bhpf-mob .bhpf-mpnl .s{margin-top:10px;font:400 13px/1.35 var(--pf-f);color:#b3b9c2;white-space:nowrap}
  html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r.bhpf-mob .bhpf-sec-pnl{display:none!important}
  /* не помещаются в строку (суммы от миллиона на 360 px) — прибыль строкой под суммой, как строки списка */
  html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r.bhpf-mob .bhpf-mhero.is-tight{flex-wrap:wrap;row-gap:14px}
  html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r.bhpf-mob .bhpf-mhero.is-tight .bhpf-state-main{flex-basis:100%}
  html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r.bhpf-mob .bhpf-mhero.is-tight .bhpf-mpnl{display:flex;flex-basis:100%;max-width:none;align-items:baseline;gap:8px;text-align:left}
  html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r.bhpf-mob .bhpf-mhero.is-tight .bhpf-mpnl .lbl{margin:0 auto 0 0}
  html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r.bhpf-mob .bhpf-mhero.is-tight .bhpf-mpnl .v{margin:0}
  html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r.bhpf-mob .bhpf-mhero.is-tight .bhpf-mpnl .s{margin:0}

  /* график, легенда, ряд «3М 6М 1Г Всё · Деньги % · картинка», вывод одной строкой */
  html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r.bhpf-mob #bhpf-view-overview .bhpf-chart-card{display:none}
  html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r.bhpf-mob .bhpf-mchart{position:relative;display:block;min-width:0;max-width:100%;margin:14px 0 0}
  /* «Картинка портфеля» — слева в строке легенды: в ряду периодов на 360 px ей не хватало места (зоны касания 44) */
  html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r.bhpf-mob .bhpf-mchart .bhpf-pngbtn{position:absolute;left:-14px;top:-14px;z-index:3;width:44px;height:44px;min-height:44px;margin:0;background:none!important}   /* значок по линии края, зона 44 поверх холста графика */
  html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r.bhpf-mob .bhpf-mchart .bhpf-legend{justify-content:flex-end;gap:14px;margin:0 0 6px;font:400 13px/1.3 var(--pf-f)}
  html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r.bhpf-mob .bhpf-mchart .bhpf-legend [data-bmleg][data-act]{position:relative;z-index:3;cursor:pointer;text-decoration:underline dotted;text-underline-offset:3px;text-decoration-color:rgba(230,233,238,.45)}
  html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r.bhpf-mob .bhpf-mchart .bhpf-legend [data-bmleg][data-act]::after{content:"";position:absolute;left:-6px;right:-6px;top:-14px;bottom:-14px}   /* зона 44 поверх холста графика */
  html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r.bhpf-mob .bhpf-mchart .bhpf-chart{width:100%;max-width:100%;height:230px;min-height:230px}
  html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r.bhpf-mob .bhpf-mchart .bhpf-chart-ctl{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;width:100%;margin:12px 0 0}
  html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r.bhpf-mob .bhpf-mchart .bhpf-tf{display:flex;flex:1 1 auto}
  html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r.bhpf-mob .bhpf-mchart .bhpf-tf .bhpf-chip{flex:1 1 0;justify-content:center}
  html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r.bhpf-mob .bhpf-mchart .bhpf-chart-lead{margin:16px 0 0}
  html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r.bhpf-mob .bhpf-mchart .bhc-card-head--lead,html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r.bhpf-mob .bhpf-mchart .bhpf-lead-sub{display:none}
  html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r.bhpf-mob .bhpf-mchart .bhc-card-lead{margin:0!important;font:600 15px/1.35 var(--pf-f)!important}

  /* показатели — списком в карточке со «светом сверху» (канон 0.3, сила «б»); пояснения — в раскрытии */
  html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r.bhpf-mob .bhpf-state-sec{display:block;margin:18px 0 0;padding:4px 0;border-radius:8px;background:#121820;background-image:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,0) 56px);box-shadow:inset 0 1px 0 rgba(255,255,255,.085)}
  html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r.bhpf-mob .bhpf-state-sec>[data-drill]:not([hidden]),html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r.bhpf-mob .bhpf-state-sec>[data-cashbox]:not([hidden]){display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"k v" "h h";align-items:center;column-gap:12px;min-height:52px;margin:0;padding:8px 16px;border-radius:0;box-sizing:border-box}
  html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r.bhpf-mob .bhpf-state-sec>:not(:first-child){border-top:1px solid rgba(255,255,255,.07)}
  html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r.bhpf-mob .bhpf-state-sec .k{grid-area:k;margin:0;font:400 14px/1.3 var(--pf-f);color:#b3b9c2}
  html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r.bhpf-mob .bhpf-state-sec .v{grid-area:v;margin:0;text-align:right;font-size:16px}
  html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r.bhpf-mob .bhpf-state-sec .hint{grid-area:h;margin:0;text-align:right;font-size:13px}
  html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r.bhpf-mob .bhpf-state-sec .hint:empty,html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r.bhpf-mob .bhpf-state-sec :is([data-xirrhint],[data-divhint],[data-realhint]){display:none}
  html body #bhc-shell#bhc-shell#bhc-shell.bhpf-r.bhpf-mob .bhpf-drill{margin:12px 0 0}
}