/* TJ_HOME_2026_11_05 — главный экран журнала сделок (js/trading-journal-pro.js). Работает только при классе html.tjh
   (вариант b «Полоса итогов», выбор владельца 05.11). Канон DESIGN-DNA-TOOLS.md раздел 0: фон #0a0d12, карточка #121820 со «светом сверху»,
   зазор блоков журнала сделок 16, внутри карточки 20 (телефон 16), кегли 13/14/16/20/24/36, скругления 6/8. */

/* что прячем и что показываем */
html.tjh.tjh-ov .tj-global-period-wrap{display:none!important}
html.tjh:not(.tjh-ov) #tjh-per,html.tjh.tjh-empty #tjh-per{display:none!important}
html.tjh:not(.tjh-empty) .trading-journal-wrapper #tab-overview>:not(#tjh){display:none!important}
html.tjh.tjh-empty #tjh{display:none!important}

/* период строкой — на фоне страницы, лунка #121820 (переключатель «г», канон 0.6) */
html.tjh #tjh-per{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;margin:0 0 16px}
html.tjh #tjh-per .tjh-per-r{font:400 14px/20px 'IBM Plex Sans',Arial,sans-serif;color:#b3b9c2;font-variant-numeric:tabular-nums}
html.tjh :is(#tjh,#tjh-per) .tjh-seg{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:8px;background:#0a0d12;max-width:100%}
html.tjh #tjh-per .tjh-seg--page{background:#121820}
html.tjh :is(#tjh,#tjh-per) .tjh-seg>button{height:34px!important;min-height:0!important;padding:0 12px!important;margin:0!important;border:0!important;border-radius:6px!important;background:transparent!important;background-image:none!important;box-shadow:none!important;color:#949ca7!important;font:400 14px/34px 'IBM Plex Sans',Arial,sans-serif!important;white-space:nowrap;cursor:pointer;text-transform:none!important;letter-spacing:0!important}
html.tjh :is(#tjh,#tjh-per) .tjh-seg>button:hover{background:#171e28!important;color:#e6e9ee!important}
html.tjh :is(#tjh,#tjh-per) .tjh-seg>button.on{background:#252e3a!important;color:#fff!important}

/* сетка */
html.tjh #tjh{font-family:'IBM Plex Sans',Arial,sans-serif;color:#e6e9ee;font-variant-numeric:tabular-nums}
html.tjh #tjh.tjh-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;align-items:stretch;margin:0}
html.tjh #tjh .tjh-s4{grid-column:span 4}
html.tjh #tjh .tjh-s8{grid-column:span 8}
html.tjh #tjh .tjh-s6{grid-column:span 6}
html.tjh #tjh .tjh-s12{grid-column:span 12}

/* карточка */
html.tjh #tjh .tjh-b{margin:0!important;padding:20px!important;min-width:0;display:flex;flex-direction:column;border-radius:8px;height:auto}
html.tjh #tjh .tjh-b h3{margin:0}
html.tjh #tjh .tjh-h{display:flex;align-items:flex-start;justify-content:space-between;gap:12px 16px;margin:0 0 12px}
html.tjh #tjh .tjh-h-t{min-width:0}
html.tjh #tjh .tjh-title{font:600 16px/22px 'IBM Plex Sans',Arial,sans-serif!important;color:#e6e9ee!important;letter-spacing:0}
html.tjh #tjh .tjh-sub{font:400 13px/18px 'IBM Plex Sans',Arial,sans-serif;color:#949ca7;margin-top:2px}
html.tjh #tjh .tjh-h--lead .tjh-sub{margin:0 0 2px}
html.tjh #tjh .tjh-lead{font:600 20px/26px 'IBM Plex Sans',Arial,sans-serif;color:#e6e9ee}
html.tjh #tjh .tjh-lead b{font-weight:600}
html.tjh #tjh .tjh-link{flex-shrink:0;background:none!important;border:0!important;box-shadow:none!important;padding:0!important;min-height:22px;color:#b3b9c2!important;font:400 13px/22px 'IBM Plex Sans',Arial,sans-serif!important;cursor:pointer;white-space:nowrap}
html.tjh #tjh .tjh-link:hover{color:#e6e9ee!important}
html.tjh #tjh .tjh-pos{color:#95ce5a!important}
html.tjh #tjh .tjh-neg{color:#f43f5e!important}
html.tjh #tjh .tjh-warn{color:#f59e0b!important}
html.tjh #tjh .tjh-mute{color:#949ca7!important}
html.tjh #tjh .tjh-empty{margin:0;font:400 14px/20px 'IBM Plex Sans',Arial,sans-serif;color:#949ca7}
html.tjh #tjh .tjh-note{margin-top:auto;padding-top:12px;font:400 13px/18px 'IBM Plex Sans',Arial,sans-serif;color:#949ca7}
html.tjh #tjh .tjh-foot{margin-top:12px;font:400 13px/18px 'IBM Plex Sans',Arial,sans-serif;color:#b3b9c2}
html.tjh #tjh .tjh-foot b{font-weight:500}

/* главное число и факты под ним */
html.tjh #tjh .tjh-hero{display:flex;flex-direction:column;min-width:0}
html.tjh #tjh .tjh-hero-v{margin-top:4px;font:600 36px/44px 'IBM Plex Sans',Arial,sans-serif;color:#fff;white-space:nowrap}
html.tjh #tjh .tjh-facts{margin:16px 0 0;padding:0}
html.tjh #tjh .tjh-facts>div,html.tjh #tjh .tjh-dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;min-height:36px;padding:8px 0;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
html.tjh #tjh :is(.tjh-facts,.tjh-dl) dt{font:400 13px/18px 'IBM Plex Sans',Arial,sans-serif!important;color:#949ca7!important;margin:0}   /* тема ставит dt жирным — подпись легче числа (канон 0.4) */
html.tjh #tjh :is(.tjh-facts,.tjh-dl) dd{margin:0;font:500 14px/20px 'IBM Plex Sans',Arial,sans-serif;color:#e6e9ee;text-align:right}
html.tjh #tjh .tjh-dl{margin:0;padding:0}
html.tjh #tjh .tjh-dl>div:first-child{box-shadow:none}

/* показатели */
html.tjh #tjh .tjh-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
html.tjh #tjh .tjh-kpi{all:unset;box-sizing:border-box;display:flex;flex-direction:column;gap:2px;min-width:0;padding:0 20px;cursor:pointer;box-shadow:inset 1px 0 0 rgba(255,255,255,.07)}
html.tjh #tjh .tjh-kpi:first-child{box-shadow:none}
html.tjh #tjh .tjh-kpi:focus-visible{outline:2px solid #95ce5a;outline-offset:2px;border-radius:6px}
html.tjh #tjh .tjh-kpi-l{font:400 14px/20px 'IBM Plex Sans',Arial,sans-serif;color:#b3b9c2}
html.tjh #tjh .tjh-kpi-v{margin-top:4px;font:600 24px/32px 'IBM Plex Sans',Arial,sans-serif;color:#e6e9ee;white-space:nowrap}
html.tjh #tjh .tjh-kpi-s{font:400 13px/18px 'IBM Plex Sans',Arial,sans-serif;color:#949ca7}
html.tjh #tjh .tjh-cmp{margin-top:4px;font:400 13px/18px 'IBM Plex Sans',Arial,sans-serif;color:#949ca7}
html.tjh #tjh .tjh-cmp b{font-weight:500}
/* полоса итогов (вариант b): баланс шире, четыре показателя */
html.tjh #tjh .tjh-sumrow{display:grid;grid-template-columns:minmax(260px,1.35fr) minmax(0,4fr);align-items:stretch}
html.tjh #tjh .tjh-b--sum{padding:0!important;overflow:hidden}   /* ячейки во всю высоту полосы — подсветка при наведении заполняет ячейку, как в сводке финжурнала */
html.tjh #tjh .tjh-b--sum .tjh-hero{padding:20px}
html.tjh #tjh .tjh-b--sum .tjh-facts{margin-top:10px}
html.tjh #tjh .tjh-b--sum .tjh-facts>div{min-height:30px;padding:5px 0}
@media (min-width:901px){html.tjh #tjh .tjh-kpis--3{grid-template-columns:repeat(3,minmax(0,1fr))}}   /* без капитала за всё время — три показателя */
html.tjh #tjh .tjh-kpis--sum .tjh-kpi{padding:20px;box-shadow:inset 1px 0 0 rgba(255,255,255,.07)!important}
html.tjh #tjh .tjh-b--sum.tjh-wrap .tjh-kpis--sum .tjh-kpi-l{min-height:40px}   /* одна подпись перенеслась — все в две строки, числа на одной высоте (alignKpi) */

/* графики */
html.tjh #tjh .tjh-chart{position:relative;flex:1 1 auto;min-height:220px;height:240px}
html.tjh #tjh .tjh-b--eq .tjh-chart:not(.tjh-chart--dd){height:auto;min-height:230px}
html.tjh #tjh .tjh-chart--dd{flex:0 0 auto;height:84px;min-height:0;margin-top:6px;padding-top:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
html.tjh #tjh .tjh-dd-l{position:absolute;left:0;top:4px;font:400 13px/16px 'IBM Plex Sans',Arial,sans-serif;color:#949ca7}
html.tjh #tjh .tjh-chart--day{height:220px;flex:1 1 auto}   /* столбики тянутся на высоту соседней карточки */
html.tjh #tjh .tjh-chart canvas{display:block}
html.tjh #tjh .tjh-chart-empty{display:none;margin:0;position:absolute;inset:0;align-items:center;justify-content:center;font:400 14px/20px 'IBM Plex Sans',Arial,sans-serif;color:#949ca7}
html.tjh #tjh .tjh-nochart canvas{display:none}
html.tjh #tjh .tjh-nochart .tjh-chart-empty{display:flex}
html.tjh #tjh .tjh-chart--dd.tjh-nochart{display:none}
html.tjh #tjh .tjh-b--eq .tjh-nochart{display:none}   /* за период пусто: сообщение одно — в шапке карточки */

/* строки списков: 44 px, разделители от края до края карточки (канон 0.1, PICK22) */
html.tjh #tjh .tjh-rows{margin:0 -20px}
html.tjh #tjh .tjh-row{all:unset;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:44px;padding:6px 20px;cursor:pointer;box-shadow:inset 0 -1px 0 rgba(255,255,255,.05)}
html.tjh #tjh .tjh-rows>.tjh-row:last-child{box-shadow:none}
html.tjh #tjh .tjh-row:has(.tjh-row-d){grid-template-columns:56px minmax(0,1fr) auto}
html.tjh #tjh .tjh-row:hover{background:#171e28}
html.tjh #tjh .tjh-row:focus-visible{outline:2px solid #95ce5a;outline-offset:-2px}
html.tjh #tjh .tjh-row-d{font:400 13px/18px 'IBM Plex Sans',Arial,sans-serif;color:#949ca7}
html.tjh #tjh .tjh-row-l{display:flex;align-items:center;gap:10px;min-width:0}
html.tjh #tjh .tjh-row-r{display:flex;flex-direction:column;align-items:flex-end;gap:0}
html.tjh #tjh .tjh-row-v{font:500 14px/20px 'IBM Plex Sans',Arial,sans-serif;color:#e6e9ee;white-space:nowrap}
html.tjh #tjh .tjh-row-m{font:400 13px/18px 'IBM Plex Sans',Arial,sans-serif;color:#949ca7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.tjh #tjh .tj-instrument-chip.tjh-chip{display:inline-flex!important;align-items:center;gap:8px;padding:0!important;margin:0!important;background:none!important;border:0!important;box-shadow:none!important;font:500 14px/20px 'IBM Plex Sans',Arial,sans-serif!important;color:#e6e9ee!important;white-space:nowrap;cursor:inherit}
html.tjh #tjh .tjh-row--sm{min-height:40px;padding:4px 0;box-shadow:inset 0 -1px 0 rgba(255,255,255,.05)}
html.tjh #tjh-open .tjh-row-l{flex-direction:column;align-items:flex-start;gap:0}   /* инструмент, под ним «Шорт · 0,02 · открыта вчера» — без многоточия на узкой карточке */
html.tjh #tjh-open .tjh-row-m{white-space:normal}
html.tjh #tjh .tjh-bw{display:grid;grid-template-columns:minmax(0,1fr);gap:12px 24px}   /* карточка в треть ряда — лучшие над худшими */
html.tjh #tjh .tjh-bw-c>.tjh-sub{margin:0 0 4px}
html.tjh #tjh .tjh-bw-c .tjh-row--sm:last-child{box-shadow:none}

/* полоса под числом показателя: доли из подписи под ней (как «Отложено» в сводке финжурнала), 4 px, зазор 2 px между долями */
html.tjh #tjh .tjh-mbar{display:flex;gap:2px;width:100%;max-width:200px;height:4px;margin:10px 0 6px}
html.tjh #tjh .tjh-mbar i{display:block;height:100%;min-width:2px;border-radius:2px}
html.tjh #tjh .tjh-mbar i.pos{background:#95ce5a}
html.tjh #tjh .tjh-mbar i.neg{background:#f43f5e}
html.tjh #tjh .tjh-mbar i.be{background:#4a5462}

/* за период нет закрытых сделок: блоки периода прячутся, в карточке кривой — последняя сделка и куда переключиться */
html.tjh #tjh.tjh-nop :is(#tjh-brk,#tjh-adv,#tjh-best,#tjh-day){display:none!important}
@media (min-width:1280px){html.tjh #tjh.tjh-nop #tjh-eq{grid-column:span 8}html.tjh #tjh.tjh-nop :is(#tjh-rec,#tjh-ser){grid-column:span 4}   /* без спрятанных блоков ряды остаются полными */
  html.tjh #tjh .tjh-s6 .tjh-bw{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}   /* «Лучшие и худшие» в полряда — рядом */
html.tjh #tjh .tjh-empty b{font-weight:500}
html.tjh #tjh .tjh-alt{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
html.tjh #tjh .tjh-btn{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:6px;background:#1f2834;color:#e6e9ee;font:400 14px/20px 'IBM Plex Sans',Arial,sans-serif;cursor:pointer;transition:background-color .12s cubic-bezier(.2,0,.38,.9)}
html.tjh #tjh .tjh-btn:hover{background:#252e3a}
html.tjh #tjh .tjh-btn:focus-visible{outline:2px solid #95ce5a;outline-offset:2px}

/* выводы */
html.tjh #tjh .tjh-adv-1 .tjh-adv-t{font:600 16px/22px 'IBM Plex Sans',Arial,sans-serif;color:#e6e9ee}
html.tjh #tjh .tjh-adv-1 p{margin:4px 0 8px;font:400 14px/20px 'IBM Plex Sans',Arial,sans-serif;color:#b3b9c2}
html.tjh #tjh .tjh-adv-1 .tjh-link{color:#95ce5a!important}
html.tjh #tjh .tjh-adv-1 .tjh-link:hover{color:#a6d873!important}
html.tjh #tjh .tjh-adv-r{margin:12px -20px 0}
html.tjh #tjh .tjh-adv-i{all:unset;box-sizing:border-box;display:flex;flex-direction:column;gap:2px;width:100%;padding:10px 20px;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
html.tjh #tjh .tjh-adv-i:hover{background:#171e28}
html.tjh #tjh .tjh-adv-i:focus-visible{outline:2px solid #95ce5a;outline-offset:-2px}
html.tjh #tjh .tjh-adv-i b{font:500 14px/20px 'IBM Plex Sans',Arial,sans-serif;color:#e6e9ee}
html.tjh #tjh .tjh-adv-i span{font:400 13px/18px 'IBM Plex Sans',Arial,sans-serif;color:#949ca7}

/* разбор результата */
html.tjh #tjh .tjh-b--brk>.tjh-seg{align-self:flex-start;margin:0 0 8px}
html.tjh #tjh .tjh-brk-r{padding:10px 0 8px;box-shadow:inset 0 -1px 0 rgba(255,255,255,.05)}
html.tjh #tjh .tjh-brk-r:last-child{box-shadow:none}
html.tjh #tjh .tjh-brk-r[role="button"]{cursor:pointer}
html.tjh #tjh .tjh-brk-r[role="button"]:focus-visible{outline:2px solid #95ce5a;outline-offset:2px;border-radius:6px}
html.tjh #tjh .tjh-brk-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
html.tjh #tjh .tjh-brk-top .tjh-row-l{flex-wrap:wrap;gap:2px 10px}
html.tjh #tjh .tjh-brk-n{font:500 14px/20px 'IBM Plex Sans',Arial,sans-serif;color:#e6e9ee}
html.tjh #tjh .tjh-bar{height:4px;margin-top:6px;border-radius:2px;background:#1f2834;overflow:hidden}
html.tjh #tjh .tjh-bar i{display:block;height:100%;border-radius:2px}
html.tjh #tjh .tjh-bar i.pos{background:#95ce5a}
html.tjh #tjh .tjh-bar i.neg{background:#f43f5e}


/* «Контроль риска» слоя R в своей карточке — столбиком; переезжает весь #tjx-insight, строка вывода по дню недели скрыта (она в «Что видно по сделкам») */
html.tjh #tjh-risk #tjx-insight{display:block!important;margin:0!important;padding:0!important;background:none!important;background-image:none!important;box-shadow:none!important;border:0!important;min-height:0!important}
html.tjh #tjh-risk #tjx-insight>:not(#tjr-risk){display:none!important}
html.tjh body #tjh #tjh-risk #tjx-insight #tjr-risk#tjr-risk{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;margin:0!important;padding:0!important;background:none!important;background-image:none!important;box-shadow:none!important;border:0!important;grid-template-columns:none!important}
html.tjh #tjh-risk #tjr-risk .tjr-risk-c{display:flex!important;align-items:center;justify-content:space-between;gap:8px 12px;flex-wrap:wrap;margin:0!important;padding:0!important;min-width:0}
html.tjh #tjh-risk #tjr-risk .tjr-risk-head{justify-content:flex-start}
html.tjh #tjh-risk #tjr-risk .tjr-risk-t{font:600 16px/22px 'IBM Plex Sans',Arial,sans-serif!important;color:#e6e9ee!important}
html.tjh #tjh-risk #tjr-risk .tjr-risk-sw{margin-left:auto!important}
html.tjh #tjh-risk #tjr-risk .tjr-risk-s{flex:1 0 100%;order:5;font:400 13px/18px 'IBM Plex Sans',Arial,sans-serif!important;color:#949ca7;text-align:left!important;margin:0!important}
html.tjh #tjh-risk #tjr-risk .tjr-risk-bar{margin:0!important;width:100%!important}
html.tjh #tjh-risk #tjr-risk.tjr-risk-off .tjr-risk-c:has(#tjr-risk-left){display:none!important}
html.tjh #tjh-risk>#tjx-insight{order:1}
html.tjh #tjh .tjh-risk-hint{order:2;margin-top:auto;padding-top:16px}   /* ориентир всегда под блоком лимита, в каком бы порядке слой R ни вставил свой блок */
html.tjh #tjh .tjh-risk-hint .tjh-sub{margin:0 0 4px}
html.tjh #tjh .tjh-risk-hint .tjh-dl>div:first-child{box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}   /* лимит выключен: «Осталось до лимита — не действует» ничего не говорит */

/* до 1280: широкие на всю строку, узкие парами */
@media (max-width:1279px){
  html.tjh #tjh.tjh-grid{grid-auto-flow:row dense}   /* узкий блок встаёт в пустую половину ряда, дыр нет */
  html.tjh #tjh .tjh-s4{grid-column:span 6}
  html.tjh #tjh .tjh-s8{grid-column:span 12}
  html.tjh #tjh :is(#tjh-eq,#tjh-day).tjh-s6{grid-column:span 12}   /* графики во всю строку, «Лучшие» и «Серии» парой */
  html.tjh #tjh .tjh-sumrow{grid-template-columns:minmax(0,1fr)}
  html.tjh #tjh .tjh-kpis--sum{box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}
  html.tjh #tjh .tjh-kpis--sum .tjh-kpi:first-child{box-shadow:none!important}
}
@media (min-width:901px) and (max-width:1279px){html.tjh #tjh .tjh-bw{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}   /* карточка в полряда — лучшие и худшие рядом */
/* телефон */
@media (max-width:900px){
  html.tjh #tjh-per{margin-bottom:12px}
  html.tjh #tjh .tjh-chart--dd{height:72px!important;min-height:0!important}
  html.tjh #tjh-per .tjh-seg--page{display:flex;width:100%;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent)}
  html.tjh #tjh-per .tjh-seg--page::-webkit-scrollbar{display:none}
  html.tjh :is(#tjh,#tjh-per) .tjh-seg>button{height:44px!important;line-height:44px!important;flex:0 0 auto}
  html.tjh #tjh .tjh-s4,html.tjh #tjh .tjh-s6,html.tjh #tjh .tjh-s8{grid-column:span 12}
  html.tjh #tjh .tjh-b{padding:16px!important}
  html.tjh #tjh .tjh-b--sum{padding:0!important}
  html.tjh #tjh .tjh-rows,html.tjh #tjh .tjh-adv-r{margin-left:-16px;margin-right:-16px}
  html.tjh #tjh .tjh-row,html.tjh #tjh .tjh-adv-i{padding-left:16px;padding-right:16px}
  html.tjh #tjh .tjh-row--sm{padding-left:0;padding-right:0;min-height:44px}
  html.tjh #tjh .tjh-kpis{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:16px}
  html.tjh #tjh .tjh-kpi{padding:0 16px!important}
  html.tjh #tjh .tjh-kpi:nth-child(odd){box-shadow:none!important}
  html.tjh #tjh .tjh-b--sum .tjh-hero{padding:16px}
  html.tjh #tjh .tjh-kpis--sum{row-gap:0}
  html.tjh #tjh .tjh-kpis--sum .tjh-kpi{padding:16px!important}
  html.tjh #tjh .tjh-kpis--sum .tjh-kpi:nth-child(n+3){box-shadow:inset 1px 0 0 rgba(255,255,255,.07),inset 0 1px 0 rgba(255,255,255,.07)!important}
  html.tjh #tjh .tjh-kpis--sum .tjh-kpi:nth-child(2n+3){box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important}
  html.tjh #tjh .tjh-hero-v{font-size:32px;line-height:40px}
  html.tjh #tjh .tjh-lead{font-size:16px;line-height:22px}
  html.tjh #tjh .tjh-link{min-height:44px;line-height:44px!important;margin:-11px 0}
  html.tjh #tjh .tjh-btn{height:44px}
  html.tjh #tjh .tjh-bw{grid-template-columns:minmax(0,1fr);gap:12px}
  html.tjh #tjh .tjh-chart:not(.tjh-chart--dd){min-height:200px;height:200px}
  html.tjh #tjh .tjh-b--eq .tjh-chart:not(.tjh-chart--dd){min-height:210px}
}

/* TJ_HOME_2026_11_05 · ячейки полосы итогов отвечают на мышь, как сводка финжурнала (finance-journal-pro.css #summaryRow, finance-journal-r.css «2 · стрелки»):
   фон ячейки #171e28, стрелка «›» выезжает справа и становится зелёной; фокус с клавиатуры — зелёная обводка внутри ячейки; на телефоне стрелка видна всегда */
html.tjh #tjh .tjh-cell{position:relative;cursor:pointer;transition:background-color .12s cubic-bezier(.2,0,.38,.9)}
html.tjh #tjh .tjh-cell>.tjh-kpi-l{padding-right:24px}
html.tjh #tjh .tjh-go{position:absolute;top:18px;right:12px;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#b3b9c2;background:transparent;pointer-events:none;transition:color .12s cubic-bezier(.2,0,.38,.9),opacity .12s cubic-bezier(.2,0,.38,.9),transform .12s cubic-bezier(.2,0,.38,.9)}
html.tjh #tjh .tjh-go svg{width:14px;height:14px;display:block}
html.tjh #tjh .tjh-b--sum .tjh-cell:focus-visible{outline:2px solid #95ce5a;outline-offset:-2px;border-radius:0}
html.tjh #tjh .tjh-cell:focus-visible .tjh-go{color:#95ce5a}
@media (hover:hover){
  html.tjh #tjh .tjh-cell .tjh-go{opacity:0;transform:translateX(-3px)}
  html.tjh #tjh .tjh-cell:is(:hover,:focus-visible) .tjh-go{opacity:1;transform:none}
  html.tjh #tjh .tjh-cell:hover .tjh-go{color:#95ce5a}
  html.tjh #tjh .tjh-b--sum .tjh-cell:hover{background-color:#171e28}
}
@media (max-width:900px){
  html.tjh #tjh .tjh-go{top:14px;right:8px}
}
@media (prefers-reduced-motion:reduce){
  html.tjh #tjh :is(.tjh-cell,.tjh-go){transition:none}
}

/* TJ_HOME_2026_11_05 · плашки над «Обзором» — как плашка демо-счёта: «свет сверху» (bh-system.css светит #tj-demo-banner, а напоминание
   о копии и плашку капитала пропускал) и кнопка закрытия без полупрозрачного белого (канон 0.2). Видит гость со своими сделками без копии. */
html.tjh:root:root:root body .trading-journal-wrapper :is(#tj-backup-reminder,#tj-capital-banner){background-color:#121820!important;background-image:linear-gradient(180deg,rgba(255,255,255,var(--bh-lit-g,.045)),rgba(255,255,255,0) var(--bh-lit-h,56px))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,var(--bh-lit-l,.085)),var(--bh-lit-drop,0 0 0 transparent)!important}
html.tjh:root:root:root body .trading-journal-wrapper #tj-backup-reminder-close{background:#1f2834!important;background-image:none!important}
html.tjh:root:root:root body .trading-journal-wrapper #tj-backup-reminder-close:hover{background:#252e3a!important}