/* FJ_DESIGN_R_2026_10_09 — оформление финжурнала по исследованию (вариант R: раскладка F, вид «Ступени», плотность «Авто»), выбор владельца 09.10.2026.
   Классы на <html> (fjlab fjlab-r fjlab-s1 fjlab-s5 fjlab-f) ставит page-finance-journal.php; метки fjr-* — js/finance-journal-r.js.
   Собрано из макета ~/audits/data/raw/2026-10-09/fj_lab/fj-lab.css без правил отвергнутых вариантов (prune.py, равенство вычисленных стилей проверено eqv.cjs). */
/* ZZ_FJ_LAB_2026_10_09 — макет «Обзора» финжурнала, 5 вариантов (владелец 09.10: «на копии сделать… и чуть больше вариантов»).
   Грузится ТОЛЬКО когда загрузчик (mu-plugins/zz-fj-lab.php) увидел ?fjlab=a…e или сохранённый выбор; html получает .fjlab и .fjlab-<буква>.
   A — спокойный (ядро ниже, на нём стоят остальные), C — выписка, F — полоса, G — единый блок, H — плитки, I — сводка и график рядом, R — оформление по исследованию поверх любой раскладки (класс fjlab-r, коды ra/rc/rf/rg/rh/ri).
   B, D, E сняты 09.10: противоречили прежним исследованиям (свечение под данными, синий подтон, радиусы больше 8 px, зелёный как поверхность).
   Рамки всех вариантов: тёмный фон, углы ≤8 px, без свечения и цветных подтонов, зелёный только по смыслу, Plex Sans + Inter Tight.
   Префикс html.fjlab:root body .finance-journal-wrapper (0,3,2) — сильнее правил журнала; варианты той же силы, идут ниже и побеждают. */
/* ================= ЯДРО (A) ================= */
html.fjlab:root body .finance-journal-wrapper{--tool-text-secondary:#c0c7d0;--tool-text-muted:#949ca7;--tool-success:#95ce5a;--bh-success:#95ce5a;--fjl-n:"Inter Tight","IBM Plex Sans",Arial,sans-serif;--fjl-track:#121820;--fjl-pill:#252e3a;--fjl-r:8px}
/* верхняя панель: цветная только «Добавить», остальное тихое, без рамок */
html.fjlab:root body .finance-journal-wrapper .tool-topbar :is(.fj-topbar-import,.bh-acc-native-save,.tool-currency-select,.fj-mobile-burger){background:#121820!important;border:0!important;box-shadow:none!important;color:#c0c7d0!important}
html.fjlab:root body .finance-journal-wrapper .tool-topbar .fj-topbar-import svg{color:#95ce5a}
html.fjlab:root body .finance-journal-wrapper .tool-topbar .topbar-search input{background:#121820!important;border:0!important;margin:0!important}   /* SRCH21: без отступа 10 px снизу из style.css (input[type=text]) — поле по центру строки, лупа посередине поля */
html.fjlab:root body .finance-journal-wrapper .tool-topbar :is(.fj-topbar-import,.bh-acc-native-save,.tool-currency-select,#btnAddNew){height:36px!important;min-height:36px!important}
html.fjlab:root body .finance-journal-wrapper .fj-free-note{float:right;margin:0!important;line-height:36px!important;font-size:12px!important;color:#949ca7!important}
html.fjlab:root body .finance-journal-wrapper .fj-global-date-filters{gap:0!important;align-items:center!important;padding-bottom:20px!important;border:0!important}
html.fjlab:root body .finance-journal-wrapper .fj-global-date-filters>.tool-date-btn{display:inline-flex!important;align-items:center;justify-content:center;text-align:center;margin:0!important;height:36px!important;padding:0 16px!important;background:var(--fjl-track)!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#b3b9c2!important;font:500 13px/36px "IBM Plex Sans",Arial,sans-serif!important}
html.fjlab:root body .finance-journal-wrapper .fj-global-date-filters>.tool-date-btn:first-child{border-radius:var(--fjl-r) 0 0 var(--fjl-r)!important;padding-left:18px!important}
html.fjlab:root body .finance-journal-wrapper .fj-global-date-filters>.tool-date-btn:hover{color:#fff!important}
html.fjlab:root body .finance-journal-wrapper .fj-global-date-filters>#btnDateRangeToggle{display:inline-flex!important;gap:7px;border-radius:0 var(--fjl-r) var(--fjl-r) 0!important;padding:0 16px 0 14px!important}
html.fjlab:root body .finance-journal-wrapper .fj-global-date-filters>:is(.tool-date-btn.active,#btnDateRangeToggle[aria-expanded="true"]){color:#fff!important;position:relative;isolation:isolate}
html.fjlab:root body .finance-journal-wrapper .fj-global-date-filters>:is(.tool-date-btn.active,#btnDateRangeToggle[aria-expanded="true"])::before{content:"";position:absolute;inset:3px;border-radius:calc(var(--fjl-r) - 2px);background:var(--fjl-pill);z-index:-1}
@media (min-width:769px){
html.fjlab:root body .finance-journal-wrapper .fj-date-range-inputs:not(.fj-date-range-inputs--open){display:none!important}
html.fjlab:root body .finance-journal-wrapper .fj-date-range-inputs.fj-date-range-inputs--open{display:flex!important;margin-left:10px!important}
html.fjlab:root body .finance-journal-wrapper .fj-global-date-filters>#btnDateRangeToggle .fj-date-range-toggle-label{position:static!important;width:auto!important;height:auto!important;margin:0!important;clip:auto!important;overflow:visible!important}
}
/* сводка: «Капитал» — главный блок, доходы, расходы и сбережения — строками; суммы белые, цвет только у изменения */
html.fjlab:root body .finance-journal-wrapper #summaryRow .tool-label{font:500 13px/1.3 "IBM Plex Sans",Arial,sans-serif!important;text-transform:none!important;letter-spacing:0!important;color:#b3b9c2!important}
html.fjlab:root body .finance-journal-wrapper #summaryRow .tool-value{color:#fff!important;font-family:var(--fjl-n)!important;font-weight:600!important;letter-spacing:-.02em!important;font-variant-numeric:tabular-nums!important;line-height:1.05!important}
html.fjlab:root body .finance-journal-wrapper #summaryRow .fj-card-networth{display:flex!important;flex-direction:column!important;padding:22px 24px 18px!important}
html.fjlab:root body .finance-journal-wrapper #summaryRow .fj-card-networth .tool-value{font-size:44px!important;margin:14px 0 10px!important}
html.fjlab:root body .finance-journal-wrapper #summaryRow .fj-card-networth .fj-networth-breakdown{font-size:13px!important;color:#949ca7!important;gap:18px!important}
html.fjlab:root body .finance-journal-wrapper #summaryRow .fj-card-networth .fj-networth-breakdown strong{color:#e6eaef!important;font-weight:500!important}
html.fjlab:root body .finance-journal-wrapper #summaryRow .fj-card-networth .fj-networth-breakdown{display:flex!important;justify-content:flex-start!important;flex-wrap:wrap}
html.fjlab:root body .finance-journal-wrapper #summaryRow .fj-card-networth .fj-networth-breakdown>span{display:inline-flex!important;justify-content:flex-start!important;gap:6px;width:auto!important;flex:0 0 auto!important}
html.fjlab:root body .finance-journal-wrapper #summaryRow .fj-card-networth .fj-networth-breakdown>span[style*="none"]{display:none!important}
html.fjlab:root body .finance-journal-wrapper #summaryRow .fj-card-networth .tool-sparkline{height:72px!important;margin-top:auto!important;padding-top:14px}
html.fjlab:root body .finance-journal-wrapper #summaryRow .fj-card-networth .tool-sparkline canvas{height:100%!important;max-height:none!important}
html.fjlab:root body .finance-journal-wrapper #summaryRow>.tool-card:not(.fj-card-networth){display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;align-items:center!important;column-gap:12px!important;row-gap:8px!important;padding:16px 52px 16px 20px!important;min-height:0!important}
html.fjlab:root body .finance-journal-wrapper #summaryRow>.tool-card:not(.fj-card-networth) .tool-label{grid-column:1;grid-row:1;margin:0!important}
html.fjlab:root body .finance-journal-wrapper #summaryRow>.tool-card:not(.fj-card-networth) .tool-value{grid-column:2;grid-row:1;font-size:22px!important;margin:0!important;text-align:right}
html.fjlab:root body .finance-journal-wrapper #summaryRow>.tool-card:not(.fj-card-networth) :is(.fj-cmp-row,.fj-savings-unified){grid-column:1 / -1;grid-row:2;margin:0!important;justify-content:flex-start}
html.fjlab:root body .finance-journal-wrapper #summaryRow>.tool-card:not(.fj-card-networth) .tool-sparkline,
html.fjlab:root body .finance-journal-wrapper #summaryRow .fj-savings-ring-mini{display:none!important}
html.fjlab:root body .finance-journal-wrapper #summaryRow .fj-card-go{top:50%!important;transform:translateY(-50%)!important;right:16px!important;background:transparent!important}
html.fjlab:root body .finance-journal-wrapper #summaryRow .fj-card-networth .fj-card-go{top:20px!important;transform:none!important}
html.fjlab:root body .finance-journal-wrapper #summaryRow :is(.tool-badge,.fj-savings-pct-badge){font:600 12px/1 "IBM Plex Sans",Arial,sans-serif!important;padding:5px 8px!important;border-radius:6px!important}
html.fjlab:root body .finance-journal-wrapper #summaryRow .fj-cmp-hint{font-size:12px!important;color:#949ca7!important}
html.fjlab:root body .finance-journal-wrapper #summaryRow .tool-card.fjlab-zero .tool-sparkline{display:none!important}
html.fjlab:root body .finance-journal-wrapper #summaryRow .tool-card.fjlab-zero .tool-value{color:#949ca7!important}
html.fjlab:root body .finance-journal-wrapper #summaryRow .tool-card.fjlab-zero :is(.fj-cmp-row,.fj-savings-unified){display:none!important}
@media (min-width:900px){
html.fjlab:root body .finance-journal-wrapper #summaryRow{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)!important;grid-template-rows:repeat(3,auto)!important;gap:12px!important}
html.fjlab:root body .finance-journal-wrapper #summaryRow>.fj-card-networth{grid-column:1!important;grid-row:1 / 4!important}
html.fjlab:root body .finance-journal-wrapper #summaryRow>.tool-card:not(.fj-card-networth){grid-column:2!important;grid-template-columns:auto minmax(0,1fr) auto!important;grid-template-rows:auto!important;column-gap:14px!important;padding:0 46px 0 20px!important}
html.fjlab:root body .finance-journal-wrapper #summaryRow>.tool-card:not(.fj-card-networth) :is(.fj-cmp-row,.fj-savings-unified){grid-column:2!important;grid-row:1!important;min-width:0;overflow:hidden;white-space:nowrap}
html.fjlab:root body .finance-journal-wrapper #summaryRow>.tool-card:not(.fj-card-networth) .tool-value{grid-column:3;grid-row:1}
}
@media (max-width:899px){
html.fjlab:root body .finance-journal-wrapper #summaryRow{gap:0!important}
html.fjlab:root body .finance-journal-wrapper #summaryRow>.fj-card-networth{margin-bottom:12px!important}
html.fjlab:root body .finance-journal-wrapper #summaryRow .fj-card-networth .tool-value{font-size:38px!important}
html.fjlab:root body .finance-journal-wrapper #summaryRow .fj-card-networth .tool-sparkline{height:64px!important}
html.fjlab:root body .finance-journal-wrapper #summaryRow>.tool-card:not(.fj-card-networth){border-radius:0!important;padding:14px 48px 14px 16px!important}
html.fjlab:root body .finance-journal-wrapper #summaryRow>.tool-card:nth-child(2){border-radius:var(--fjl-r) var(--fjl-r) 0 0!important}
html.fjlab:root body .finance-journal-wrapper #summaryRow>.tool-card:nth-child(n/**/+3){box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important}
html.fjlab:root body .finance-journal-wrapper #summaryRow>.tool-card:last-child{border-radius:0 0 var(--fjl-r) var(--fjl-r)!important}
html.fjlab:root body .finance-journal-wrapper #summaryRow>.tool-card:not(.fj-card-networth) .tool-value{font-size:19px!important}
}
/* панели */
html.fjlab:root body .finance-journal-wrapper .tool-panel-title{font:600 16px/1.3 "IBM Plex Sans",Arial,sans-serif!important;color:#fff!important}
html.fjlab:root body .finance-journal-wrapper .tool-panel-header{border-bottom-color:rgba(255,255,255,.05)!important}
/* телефон: панель приложения без подложек */
@media (max-width:768px){
html.fjlab:root body .finance-journal-wrapper .tool-topbar{padding:6px 12px!important;height:auto!important}
html.fjlab:root body .finance-journal-wrapper .tool-topbar :is(.fj-mobile-burger,.fj-topbar-import,.tool-currency-select){height:40px!important;min-height:40px!important}
html.fjlab:root body .finance-journal-wrapper .tool-topbar .fj-mobile-burger{width:40px!important}
html.fjlab:root body .finance-journal-wrapper .tool-topbar :is(.bh-acc-native-save,.fj-mobile-burger,.fj-topbar-import,.tool-currency-select){background:transparent!important}
html.fjlab:root body .finance-journal-wrapper .tool-topbar .bh-acc-native-save{font-size:13px!important;color:#b3b9c2!important}
html.fjlab:root body .finance-journal-wrapper .tool-topbar .tool-currency-select{font-size:15px!important;color:#e6eaef!important}
html.fjlab:root body .finance-journal-wrapper .fj-free-note{float:none;line-height:1.4!important;margin:2px 0 10px!important}
html.fjlab:root body .finance-journal-wrapper .fj-global-date-filters{flex-wrap:nowrap!important}
html.fjlab:root body .finance-journal-wrapper .fj-global-date-filters>.tool-date-btn{flex:1 1 auto;height:40px!important;line-height:40px!important;padding:0 6px!important;min-width:0!important}
html.fjlab:root body .finance-journal-wrapper .fj-global-date-filters>.tool-date-btn:first-child{padding-left:10px!important}
html.fjlab:root body .finance-journal-wrapper .fj-global-date-filters>#btnDateRangeToggle{flex:0 0 44px;width:44px!important;padding:0!important;justify-content:center}
}
/* ================= C · ВЫПИСКА: без карточек, цифры на фоне страницы, строки разделены линиями ================= */
/* ================= F · ПОЛОСА: четыре показателя одной строкой на общей подложке, без линий-графиков — главные графики ниже ================= */
html.fjlab-f:root body .finance-journal-wrapper #summaryRow{display:grid!important;grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr))!important;grid-template-rows:auto!important;gap:0!important;background:#121820!important;border-radius:8px!important;overflow:hidden}
html.fjlab-f:root body .finance-journal-wrapper #summaryRow>.tool-card.tool-card{grid-column:auto!important;grid-row:auto!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:10px!important;padding:20px 44px 22px 24px!important;margin:0!important;background:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;min-height:0!important}
html.fjlab-f:root body .finance-journal-wrapper #summaryRow>.tool-card.tool-card::before{display:none!important}
html.fjlab-f:root body .finance-journal-wrapper #summaryRow>.tool-card.tool-card+.tool-card{box-shadow:inset 1px 0 0 rgba(255,255,255,.07)!important}
html.fjlab-f:root body .finance-journal-wrapper #summaryRow>.tool-card.tool-card .tool-value{font-size:28px!important;margin:0!important;text-align:left!important}
html.fjlab-f:root body .finance-journal-wrapper #summaryRow>.fj-card-networth.fj-card-networth .tool-value{font-size:34px!important}
html.fjlab-f:root body .finance-journal-wrapper #summaryRow>.tool-card.tool-card .tool-sparkline{display:none!important}
html.fjlab-f:root body .finance-journal-wrapper #summaryRow>.tool-card.tool-card :is(.fj-cmp-row,.fj-savings-unified,.fj-networth-breakdown){margin:0!important;overflow:visible!important;white-space:normal!important}
html.fjlab-f:root body .finance-journal-wrapper #summaryRow>.tool-card.tool-card .fj-card-go{top:18px!important;right:12px!important;transform:none!important}
@media (max-width:899px){
html.fjlab-f:root body .finance-journal-wrapper #summaryRow{grid-template-columns:repeat(2,minmax(0,1fr))!important}
html.fjlab-f:root body .finance-journal-wrapper #summaryRow>.tool-card.tool-card{padding:16px 34px 18px 16px!important}
html.fjlab-f:root body .finance-journal-wrapper #summaryRow>.tool-card.tool-card:nth-child(2){box-shadow:inset 1px 0 0 rgba(255,255,255,.07)!important}
html.fjlab-f:root body .finance-journal-wrapper #summaryRow>.tool-card.tool-card:nth-child(3){box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important}
html.fjlab-f:root body .finance-journal-wrapper #summaryRow>.tool-card.tool-card:nth-child(4){box-shadow:inset 1px 0 0 rgba(255,255,255,.07),inset 0 1px 0 rgba(255,255,255,.07)!important}
html.fjlab-f:root body .finance-journal-wrapper #summaryRow>.tool-card.tool-card .tool-value{font-size:20px!important}
html.fjlab-f:root body .finance-journal-wrapper #summaryRow>.fj-card-networth.fj-card-networth .tool-value{font-size:24px!important}
html.fjlab-f:root body .finance-journal-wrapper #summaryRow>.tool-card.tool-card .fj-card-go{top:14px!important;right:8px!important}
}
/* ================= G · ЕДИНЫЙ БЛОК: капитал с большим графиком на всю ширину, под ним строка из трёх показателей — одна поверхность ================= */
/* ================= H · ПЛИТКИ: капитал слева, его график справа, под ними три отдельные плитки ================= */
/* ================= I · СВОДКА И ГРАФИК РЯДОМ: четыре плитки 2×2 слева, «Доходы и расходы по месяцам» справа — на первом экране ================= */
/* ================= R · ОФОРМЛЕНИЕ ПО ИССЛЕДОВАНИЮ поверх любой раскладки + правила design_research (09.10) на весь «Обзор» =================
   Источники: audits/data/raw/2026-10-09/design_research/{evidence_summary,systems_summary}.md.
   Текст тремя ярусами (#e6e9ee / #b3b9c2 / #949ca7), белый только у заголовков и главного числа; шкала 13·14·16·20·24·36 (подписи 13, текст и списки 14; мельче 13 нет — скептик 09.10);
   начертания 400/500/600; коробки → тональные слои; расход нейтральным со знаком «−»; значки изменения без цветных плашек;
   цифры Plex Sans (табличные), Inter Tight только на главном числе (36 px — верх шкалы эталонов). */
html.fjlab-r:root body .finance-journal-wrapper{--fjr-1:#e6e9ee;--fjr-2:#b3b9c2;--fjr-3:#949ca7}
html.fjlab-r:root body .finance-journal-wrapper{--tool-text-secondary:#e6e9ee;--tool-text-muted:#b3b9c2}
@media (min-width:1025px){
html.fjlab-r:root body.page-template-page-finance-journal nav.mega-menu-nav{display:none!important}
}
html.fjlab-r:root body .finance-journal-wrapper #summaryRow>.fj-card-networth.fj-card-networth .tool-value{font-size:36px!important;letter-spacing:-.03em!important;margin:10px 0 0!important}
html.fjlab-r:root body .finance-journal-wrapper #summaryRow>.tool-card.tool-card:not(.fj-card-networth) .tool-value{font:600 24px/1.15 "IBM Plex Sans",Arial,sans-serif!important;letter-spacing:-.01em!important}
html.fjlab-r:root body .finance-journal-wrapper #summaryRow .tool-card .tool-label{text-transform:none!important;letter-spacing:0!important;font:500 14px/1.3 "IBM Plex Sans",Arial,sans-serif!important;color:var(--fjr-2)!important}
html.fjlab-r:root body .finance-journal-wrapper #summaryRow :is(.tool-badge,.fj-savings-pct-badge){background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;color:var(--fjr-2)!important;font:500 13px/1.3 "IBM Plex Sans",Arial,sans-serif!important}
html.fjlab-r:root body .finance-journal-wrapper #summaryRow .fj-cmp-hint{font:400 13px/1.3 "IBM Plex Sans",Arial,sans-serif!important;color:var(--fjr-3)!important}
html.fjlab-r:root body .finance-journal-wrapper #summaryRow .fjr-nodelta :is(.tool-badge,.fj-cmp-hint){display:none!important}
html.fjlab-r:root body .finance-journal-wrapper #summaryRow .fjr-nodelta .fj-cmp-row::after{content:"за прошлый период данных нет";font:400 13px/1.3 "IBM Plex Sans",Arial,sans-serif;color:var(--fjr-3)}
html.fjlab-r:root body .finance-journal-wrapper #summaryRow .fj-card-networth .fj-networth-breakdown{font:400 14px/1.3 "IBM Plex Sans",Arial,sans-serif!important;color:var(--fjr-2)!important}
html.fjlab-r:root body .finance-journal-wrapper #summaryRow .fj-card-networth .fj-networth-breakdown strong{color:var(--fjr-1)!important;font-weight:500!important}
html.fjlab-r:root body .finance-journal-wrapper .tool-panel{border-color:transparent!important;box-shadow:none!important;background:#121820!important;background-image:none!important}
html.fjlab-r:root body .finance-journal-wrapper .tool-panel::before{display:none!important}
html.fjlab-r:root body .finance-journal-wrapper .tool-panel-header{border-bottom-color:rgba(255,255,255,.06)!important}
html.fjlab-r:root body .finance-journal-wrapper .tool-panel-title{font:600 16px/1.4 "IBM Plex Sans",Arial,sans-serif!important;color:#fff!important;letter-spacing:0!important}
html.fjlab-r:root body .finance-journal-wrapper .fjr-s13{font-size:13px!important}
html.fjlab-r:root body .finance-journal-wrapper .fjr-s14{font-size:14px!important}
html.fjlab-r:root body .finance-journal-wrapper .fjr-s16{font-size:16px!important}
html.fjlab-r:root body .finance-journal-wrapper .fjr-s20{font-size:20px!important}
html.fjlab-r:root body .finance-journal-wrapper .fjr-s24{font-size:24px!important}
html.fjlab-r:root body .finance-journal-wrapper .fjr-w4{font-weight:400!important}
html.fjlab-r:root body .finance-journal-wrapper .fjr-w6{font-weight:600!important}
html.fjlab-r:root body .finance-journal-wrapper .fjr-c1{color:var(--fjr-1)!important}
html.fjlab-r:root body .finance-journal-wrapper .fjr-c2{color:var(--fjr-2)!important}
html.fjlab-r:root body .finance-journal-wrapper .fjr-c3{color:var(--fjr-3)!important}
html.fjlab-r:root body .finance-journal-wrapper .fjr-nob{border-color:transparent!important}
html.fjlab-r:root body .finance-journal-wrapper .fjr-dot{background-color:var(--fjr-dot)!important}
html.fjlab-r:root body .finance-journal-wrapper *{transition-property:color,background-color,border-color,opacity,transform,box-shadow!important}
@media (max-width:899px){
html.fjlab-r:root body .finance-journal-wrapper #summaryRow>.fj-card-networth.fj-card-networth .tool-value{font-size:36px!important}
html.fjlab-r:root body .finance-journal-wrapper #summaryRow>.tool-card.tool-card:not(.fj-card-networth) .tool-value{font-size:20px!important}
}
/* R · меньше элементов: кнопки строки операции без рамок, на ПК — только при наведении на строку (как у Mercury, Linear);
   кольцо 200 px, чтобы легенда при 14 px не обрезала названия */
html.fjlab-r:root body .finance-journal-wrapper .fj-tx-action-btn{border-color:transparent!important;background:transparent!important}
@media (hover:hover) and (pointer:fine){
html.fjlab-r:root body .finance-journal-wrapper .fj-tx-actions{opacity:0;transition:opacity .12s cubic-bezier(.2,0,.38,.9)!important}
html.fjlab-r:root body .finance-journal-wrapper tr:hover .fj-tx-actions,
html.fjlab-r:root body .finance-journal-wrapper .fj-tx-actions:focus-within{opacity:1}
}
html.fjlab-r:root body .finance-journal-wrapper .fj-donut-layout>.fj-donut-chart{flex:0 0 200px!important;width:200px!important;max-width:200px!important}
html.fjlab-r:root body .finance-journal-wrapper .fj-donut-layout>.fj-donut-chart .fj-chart-wrap{width:200px!important;height:200px!important}
@media (max-width:768px){
html.fjlab-r:root body .finance-journal-wrapper .fj-donut-layout>.fj-donut-chart{margin:0 auto!important}
}
/* R · ДВИЖЕНИЕ И ОТКЛИК (эталоны: hover 60–160 мс, раскрытие 200–240, ease cubic-bezier(.2,0,.38,.9); тень только у всплывающего;
   один «оркестрованный» момент — появление блоков при загрузке; reduced-motion — без движения) */
@media (prefers-reduced-motion:no-preference){
html.fjlab-r:root body .finance-journal-wrapper #sec-overview>*{animation:fjr-in .32s cubic-bezier(.2,0,.38,.9) both}
html.fjlab-r:root body .finance-journal-wrapper #sec-overview>:nth-child(2){animation-delay:.06s}
html.fjlab-r:root body .finance-journal-wrapper #sec-overview>:nth-child(3){animation-delay:.12s}
html.fjlab-r:root body .finance-journal-wrapper #sec-overview>:nth-child(4){animation-delay:.18s}
html.fjlab-r:root body .finance-journal-wrapper #sec-overview>:nth-child(n/**/+5){animation-delay:.24s}
html.fjlab-r:root body .finance-journal-wrapper #summaryRow .tool-value.fjr-tick{animation:fjr-tick .26s cubic-bezier(.2,0,.38,.9)}
html.fjlab-r:root body .finance-journal-wrapper :is(button,.tool-btn,.tool-date-btn,#summaryRow>.tool-card):active{transform:scale(.985)}
}
@keyframes fjr-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes fjr-tick{from{opacity:.3;transform:translateY(4px)}to{opacity:1;transform:none}}
html.fjlab-r:root body .finance-journal-wrapper #summaryRow>.tool-card.tool-card{cursor:pointer;transition:background-color .12s cubic-bezier(.2,0,.38,.9)!important}
html.fjlab-r:root body .finance-journal-wrapper #summaryRow>.tool-card.tool-card:hover{background-color:rgba(255,255,255,.035)!important}
html.fjlab-r:root body .finance-journal-wrapper :is(.fj-donut-detail-row,#sec-overview tbody tr,.fj-rule503020-row,.fj-bill-row):hover{background-color:rgba(255,255,255,.03)}
html.fjlab-r:root body .finance-journal-wrapper :is(.fj-donut-detail-row,#sec-overview tbody tr,.fj-rule503020-row,.fj-bill-row){transition:background-color .12s cubic-bezier(.2,0,.38,.9)!important}
html.fjlab-r:root body .finance-journal-wrapper :focus-visible{outline:2px solid #95ce5a!important;outline-offset:2px}
html.fjlab-r:root body :is(.tool-toast,.fj-save-prompt,.tool-dropdown){box-shadow:0 8px 24px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.08)!important}
/* ================= второй зелёный в разметке → зелёный бренда (метки ставит fj-lab.js) ================= */
html.fjlab:root body .finance-journal-wrapper .fjlab-g{color:#95ce5a!important}
html.fjlab:root body .finance-journal-wrapper .fjlab-gb{background-color:rgba(149,206,90,var(--fjlab-ga,1))!important}
html.fjlab:root body .finance-journal-wrapper .fjlab-gbd{border-color:rgba(149,206,90,var(--fjlab-gbda,1))!important}
html.fjlab:root body .finance-journal-wrapper .fjlab-gf{fill:#95ce5a!important}
html.fjlab:root body .finance-journal-wrapper .fjlab-gs{stroke:#95ce5a!important}
@media (max-width:899px){
html.fjlab-r.fjlab-f:root body .finance-journal-wrapper #summaryRow>.fj-card-networth.fj-card-networth .tool-value{font-size:24px!important}
}
/* F на телефоне: капитал в половине ширины */
/* ================= ОФОРМЛЕНИЯ ПО ИССЛЕДОВАНИЮ 1–4 для финалистов G F I (владелец 09.10: «вариации оформления… дорого, профессионально, понятно, удобно, ничего лишнего»)
   Все в рамках исследования и прежних решений: тёмный фон, углы ≤8, без свечения и подтонов, зелёный по смыслу, текст не мельче 13 px.
   1 ступени = базовое R (блоки — ступень фона) · 2 линии — без подложек, тонкие линии · 3 плотно — меньше отступов · 4 крупно — текст 14–15, числа крупнее, простор. */
/* 2 · ЛИНИИ */
/* 3 · ПЛОТНО */
/* 4 · КРУПНО */
/* 09.10 17:10 по снимку владельца на 2000 px: ничего лишнего и без пустот */
html.fjlab-r:root body .finance-journal-wrapper #summaryRow .fjr-nodelta .fj-cmp-row{display:none!important}
html.fjlab-r:root body .finance-journal-wrapper #summaryRow #netWorthBreakdown.fjr-solo.fjr-solo{display:none!important}
html.fjlab-r:root body .finance-journal-wrapper .fj-dcf-summary-item{gap:0!important}
html.fjlab-r:root body .finance-journal-wrapper .fj-dcf-summary-item strong{margin-left:.3em!important}
html.fjlab-r:not(.fjlab-i):root body .finance-journal-wrapper .fj-donut-details{max-width:420px}
@media (min-width:1024px){
html.fjlab-r:not(.fjlab-i):root body .finance-journal-wrapper .fj-charts-row>.tool-panel:first-child{display:flex!important;flex-direction:column}
html.fjlab-r:not(.fjlab-i):root body .finance-journal-wrapper .fj-charts-row>.tool-panel:first-child>.tool-panel-body{flex:1 1 auto;display:flex;align-items:center}
html.fjlab-r:not(.fjlab-i):root body .finance-journal-wrapper .fj-charts-row>.tool-panel:first-child .fj-donut-layout{width:100%;gap:32px}
}
@media (min-width:1800px){
html.fjlab-r:not(.fjlab-i):root body .finance-journal-wrapper .fj-charts-row{grid-template-columns:minmax(0,2fr) minmax(0,3fr)!important}
}
/* 5 · АВТО (владелец 09.10: «да» — плотность сама по ширине экрана): ноутбук 1024–1439 — как «Плотно», монитор от 1800 — как «Крупно», остальное и телефон — обычно */
@media (min-width:1024px) and (max-width:1439px){
html.fjlab-r.fjlab-s5:root body .finance-journal-wrapper .fjr-s14{font-size:13px!important}
html.fjlab-r.fjlab-s5:root body .finance-journal-wrapper .tool-panel-title{font-size:14px!important}
html.fjlab-r.fjlab-s5:root body .finance-journal-wrapper #summaryRow .tool-card .tool-label{font-size:13px!important}
html.fjlab-r.fjlab-s5:root body .finance-journal-wrapper #summaryRow>.tool-card.tool-card.tool-card{padding-top:12px!important;padding-bottom:12px!important}
html.fjlab-r.fjlab-s5:root body .finance-journal-wrapper #summaryRow>.fj-card-networth.fj-card-networth.fj-card-networth .tool-value{font-size:28px!important}
html.fjlab-r.fjlab-s5:root body .finance-journal-wrapper #summaryRow>.tool-card.tool-card.tool-card:not(.fj-card-networth) .tool-value{font-size:20px!important}
html.fjlab-r.fjlab-s5:root body .finance-journal-wrapper .tool-panel-header{padding-top:10px!important;padding-bottom:10px!important}
html.fjlab-r.fjlab-s5:root body .finance-journal-wrapper .tool-panel-body{padding-top:12px!important;padding-bottom:12px!important}
}
@media (min-width:1800px){
html.fjlab-r.fjlab-s5:root body .finance-journal-wrapper .fjr-s13{font-size:14px!important}
html.fjlab-r.fjlab-s5:root body .finance-journal-wrapper .fjr-s14{font-size:15px!important}
html.fjlab-r.fjlab-s5:root body .finance-journal-wrapper .fjr-s16{font-size:17px!important}
html.fjlab-r.fjlab-s5:root body .finance-journal-wrapper .tool-panel-title{font-size:18px!important}
html.fjlab-r.fjlab-s5:root body .finance-journal-wrapper #summaryRow .tool-card .tool-label{font-size:15px!important}
html.fjlab-r.fjlab-s5:root body .finance-journal-wrapper #summaryRow .tool-card :is(.tool-badge,.fj-savings-pct-badge,.fj-cmp-hint,.fj-networth-breakdown){font-size:14px!important}
html.fjlab-r.fjlab-s5:root body .finance-journal-wrapper #summaryRow .tool-card.fjr-nodelta .fj-cmp-row::after{font-size:14px}
html.fjlab-r.fjlab-s5:root body .finance-journal-wrapper #summaryRow>.tool-card.tool-card.tool-card{padding-top:22px!important;padding-bottom:24px!important}
html.fjlab-r.fjlab-s5:root body .finance-journal-wrapper #summaryRow>.fj-card-networth.fj-card-networth.fj-card-networth .tool-value{font-size:44px!important}
html.fjlab-r.fjlab-s5:root body .finance-journal-wrapper #summaryRow>.tool-card.tool-card.tool-card:not(.fj-card-networth) .tool-value{font-size:28px!important}
html.fjlab-r.fjlab-s5:root body .finance-journal-wrapper .tool-panel-header{padding-top:18px!important;padding-bottom:18px!important}
html.fjlab-r.fjlab-s5:root body .finance-journal-wrapper .tool-panel-body{padding-top:20px!important;padding-bottom:20px!important}
}
/* 09.10 ~17:40 штрихи 1–3 (владелец: «да») */
/* 1 · копейки и знак валюты мельче и тише суммы (так у Mercury, Revolut): глаз читает число, хвост не спорит с ним */
html.fjlab-r:root body .finance-journal-wrapper #summaryRow .tool-value .fjr-tail{font-size:.6em;font-weight:500;color:var(--fjr-2);letter-spacing:0}
/* 2 · стрелки «›» карточек — только при наведении и фокусе; вся карточка и так нажимается */
@media (hover:hover){
html.fjlab-r:root body .finance-journal-wrapper #summaryRow .fj-card-link .fj-card-go{opacity:0;transform:translateX(-3px);transition:opacity .12s cubic-bezier(.2,0,.38,.9),transform .12s cubic-bezier(.2,0,.38,.9)}
html.fjlab-r:root body .finance-journal-wrapper #summaryRow .fj-card-link:is(:hover,:focus-visible) .fj-card-go{opacity:1;transform:none}
}
/* 3 · строка легенды ↔ кусок кольца */
html.fjlab-r:root body .finance-journal-wrapper #donutDetailsList .fj-donut-detail-row{transition:opacity .12s cubic-bezier(.2,0,.38,.9)}
html.fjlab-r:root body .finance-journal-wrapper #donutDetailsList.fjr-hl-on .fj-donut-detail-row:not(.fjr-hl){opacity:.45}
@media (prefers-reduced-motion:reduce){
html.fjlab-r:root body .finance-journal-wrapper #summaryRow .fj-card-link .fj-card-go,
html.fjlab-r:root body .finance-journal-wrapper #donutDetailsList .fj-donut-detail-row{transition:none}
}
/* подсказка графиков: перестраивается на каждое движение мыши, поэтому цвета — только CSS (проход с задержкой давал мигание, владелец 09.10 17:45) */
html.fjlab:root body .finance-journal-wrapper .fj-chart-html-tooltip [style*="16, 185, 129"],
html.fjlab:root body .finance-journal-wrapper .fj-chart-html-tooltip [style*="16,185,129"],
html.fjlab:root body .finance-journal-wrapper .fj-chart-html-tooltip [style*="tool-accent"]{color:#95ce5a!important}
html.fjlab-r:root body .finance-journal-wrapper .fj-chart-html-tooltip{font:400 13px/1.45 "IBM Plex Sans",Arial,sans-serif!important;color:var(--fjr-1)!important}
html.fjlab-r:root body .finance-journal-wrapper .fj-chart-html-tooltip .fj-chart-html-tooltip-title{font:600 13px/1.3 "IBM Plex Sans",Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important}
html.fjlab-r:root body .finance-journal-wrapper .fj-chart-html-tooltip .fj-chart-html-tooltip-label{color:var(--fjr-2)!important;font-size:13px!important}
html.fjlab-r:root body .finance-journal-wrapper .fj-chart-html-tooltip .fj-chart-html-tooltip-val{font-weight:600!important;font-size:13px!important;font-variant-numeric:tabular-nums}
/* 09.10 ~17:55 полоса F «не скучная» за счёт смысла, а не украшений: под каждым числом его тренд за 6 месяцев (данные журнала) */
@media (min-width:900px){
html.fjlab-r.fjlab-f:root body .finance-journal-wrapper #summaryRow>.tool-card.tool-card .tool-sparkline{display:block!important;position:static!important;width:100%!important;height:32px!important;margin:12px 0 0!important;opacity:1!important}
html.fjlab-r.fjlab-f:root body .finance-journal-wrapper #summaryRow>.tool-card.tool-card .tool-sparkline canvas{width:100%!important;height:100%!important}
html.fjlab-r.fjlab-f:root body .finance-journal-wrapper #summaryRow>.tool-card.tool-card.fjlab-zero .tool-sparkline{display:none!important}
}
/* регистр */
html.fjlab-r:root body .finance-journal-wrapper .fjr-case{text-transform:none!important;letter-spacing:0!important}
/* значки категорий, счетов, бюджетов, целей — без цветных квадратов (отвергнуто), глиф нейтральным */
html.fjlab-r:root body .finance-journal-wrapper :is(.fj-tx-cat-icon,.fj-account-card-icon,.fj-budget-cat-icon,.fj-goal-icon,.fj-budget-mini-icon):is(div,span){background:transparent!important;background-image:none!important;box-shadow:none!important;border:0!important;color:var(--fjr-2)!important}
html.fjlab-r:root body .finance-journal-wrapper :is(.fj-tx-cat-icon,.fj-account-card-icon,.fj-budget-cat-icon,.fj-goal-icon,.fj-budget-mini-icon):is(div,span) svg{color:var(--fjr-2)!important;stroke:currentColor}
html.fjlab-r:root body .finance-journal-wrapper :is(.tool-tag,.fj-calc-example-badge,.fj-calc-prefill):is(span,button,div){background:rgba(255,255,255,.06)!important;color:var(--fjr-2)!important;border:0!important;box-shadow:none!important}
/* выбранный пункт переключателей — как «Месяц» в периоде: нейтральная ступень, без зелёной подложки */
html.fjlab-r:root body .finance-journal-wrapper :is(.fj-chart-period-selector button.active,.fj-calc-subtab.active,.fj-liability-tab.active,.fj-tx-page-btn.active,.fj-sub-filter.active):is(button,a){background:rgba(255,255,255,.08)!important;background-image:none!important;color:var(--fjr-1)!important;box-shadow:none!important;border-color:transparent!important}
/* кнопки: зелёная — сплошная, без градиента и свечения; одна главная на экран, действия в карточках — вторичные */
html.fjlab-r:root body .finance-journal-wrapper .tool-btn.tool-btn--primary{background:#95ce5a!important;background-image:none!important;box-shadow:none!important;color:#0c0f15!important}
html.fjlab-r:root body .finance-journal-wrapper .tool-btn.tool-btn--primary:hover{background:#a6d873!important}
html.fjlab-r:root body .finance-journal-wrapper :is(.fj-goal-actions,.fj-reports-toolbar) .tool-btn.tool-btn--primary,
html.fjlab-r:root body .finance-journal-wrapper #btnPrintReport.tool-btn{background:rgba(255,255,255,.06)!important;color:var(--fjr-1)!important;box-shadow:none!important}
/* полосы прогресса и карточки бюджетов — без свечения и градиентов; у целей один зелёный вместо перехода в бирюзовый */
html.fjlab-r:root body .finance-journal-wrapper .tool-progress-fill{box-shadow:none!important;background-image:none!important}
html.fjlab-r:root body .finance-journal-wrapper .fj-budget-card{background-image:none!important}
html.fjlab-r:root body .finance-journal-wrapper .fj-goal-progress-fill{background:#95ce5a!important;background-image:none!important;box-shadow:none!important}
/* суммы: число — основным цветом; зелёный — у «+» прихода, красный — у долга и убытка (решение 09.10 17:25) */
html.fjlab-r:root body .finance-journal-wrapper .fj-mini-stat :not(.fj-mini-stat-label){color:var(--fjr-1)!important}
html.fjlab-r:root body .finance-journal-wrapper .fj-tx-amount.expense{color:var(--fjr-1)!important}
html.fjlab-r:root body .finance-journal-wrapper .fj-tx-day-expense{color:var(--fjr-2)!important}
html.fjlab-r:root body .finance-journal-wrapper #sec-subscriptions :is(.fj-sub-amount,.fj-asset-summary-value){color:var(--fjr-1)!important}
html.fjlab-r:root body .finance-journal-wrapper #sec-subscriptions .fj-sub-amount.income,
html.fjlab-r:root body .finance-journal-wrapper #sec-subscriptions [class*=income] .fj-sub-amount{color:#95ce5a!important}
html.fjlab-r:root body .finance-journal-wrapper #sec-accounts :is(.fj-asset-summary-value,.fj-account-card-balance-value,.fj-account-card-balance *){color:var(--fjr-1)!important}
html.fjlab-r:root body .finance-journal-wrapper #sec-reports .fj-report-stat-value{color:var(--fjr-1)!important}
html.fjlab-r:root body .finance-journal-wrapper #sec-calculators .fj-calc-stat-value{color:var(--fjr-1)!important}
/* счета: баланс без вложенной коробки */
html.fjlab-r:root body .finance-journal-wrapper .fj-account-card-balance{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:12px 0 8px!important}
/* показатели «Отчётов» — по левому краю, как полоса «Обзора» */
html.fjlab-r:root body .finance-journal-wrapper .fj-report-stat-card{text-align:left!important;align-items:flex-start!important}
html.fjlab-r:root body .finance-journal-wrapper .fj-report-stat-card .fj-report-stat-label{order:-1}
@media (min-width:900px){
html.fjlab-r.fjlab-f:root body .finance-journal-wrapper #summaryRow>.fj-card-networth.fj-card-networth.fj-card-networth .tool-sparkline{height:32px!important;margin-top:12px!important;padding:0!important}
}
html.fjlab-r:root body .finance-journal-wrapper #sec-transactions b.is-neg{color:var(--fjr-1)!important}
html.fjlab-r:root body .finance-journal-wrapper .tool-form-label *{color:inherit!important}
/* телефон: «+» в нижнем меню без зелёного свечения (отвергнуто); показатели «Отчётов» сеткой 2×2, а не столбиком по одному */
html.fjlab-r:root body #mobileAddBtn,
html.fjlab-r:root body #mobileAddBtn *{box-shadow:none!important}
@media (max-width:768px){
html.fjlab-r:root body .finance-journal-wrapper .fj-reports-stats-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
html.fjlab-r:root body .finance-journal-wrapper .fj-report-stat-card{padding:14px 16px!important;min-width:0!important}
}
/* ================= 09.10 ~18:15 ВКЛАДКИ КАК «ОБЗОР» (владелец: «на страницах всех вкладок дизайн не дорогой как на главной… выглядит дёшево»)
   Причина — устройство, а не цвет: вкладка = одна большая коробка, внутри россыпь коробок, итоги текстом без опоры, мелкий заголовок,
   кнопки правки на каждой карточке, сверху дублирующая полоса. Переносим принцип «Обзора»: заголовок страницы, полоса итогов,
   одна поверхность с волосяными линиями вместо россыпи карточек, действия по наведению. */
html.fjlab-r:root body .finance-journal-wrapper{--fjr-surf:#121820;--fjr-edge:none;--fjr-line:rgba(255,255,255,.07)}
/* дублирующая полоса «Капитал · Доходы · …» над вкладками — то же, что в «Обзоре»; на вкладке не нужна */
html.fjlab-r:root body .finance-journal-wrapper #miniStats{display:none!important}
/* внешняя коробка вкладки снята, заголовок — как заголовок страницы */
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview)>.tool-panel{background:transparent!important;box-shadow:none!important;border:0!important;padding:0!important}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview)>.tool-panel>.tool-panel-header{padding:4px 0 20px!important;border:0!important;background:transparent!important;min-height:0!important;align-items:center!important}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview)>.tool-panel>.tool-panel-header .tool-panel-title{font:600 24px/1.25 "IBM Plex Sans",Arial,sans-serif!important;color:#fff!important;letter-spacing:-.01em!important}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview)>.tool-panel>.tool-panel-body{padding:0!important;background:transparent!important}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) .tool-panel-actions .tool-btn{min-height:36px!important;height:36px!important;padding:0 14px!important}
/* итоги вкладки — полосой как в «Обзоре»: одна поверхность, разделители, подпись сверху 13, число 24 */
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) :is(.fj-asset-summary,.fj-liability-summary,.fj-reports-stats-row):not(:empty){display:grid!important;grid-auto-flow:column!important;grid-auto-columns:minmax(0,1fr)!important;gap:0!important;padding:0!important;margin:0 0 24px!important;background:var(--fjr-surf)!important;box-shadow:var(--fjr-edge)!important;border:0!important;border-radius:8px!important;overflow:hidden}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) :is(.fj-asset-summary,.fj-liability-summary):empty{display:none!important}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) :is(.fj-asset-summary-item,.fj-report-stat-card){display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:6px!important;padding:18px 20px!important;margin:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:inset 1px 0 0 var(--fjr-line)!important;min-width:0!important;text-align:left!important}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) :is(.fj-asset-summary-item,.fj-report-stat-card):first-child{box-shadow:none!important}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) :is(.fj-asset-summary-label,.fj-report-stat-label){order:-1;font:400 13px/1.3 "IBM Plex Sans",Arial,sans-serif!important;color:var(--fjr-2)!important}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) :is(.fj-asset-summary-value,.fj-report-stat-value){font:600 24px/1.2 "IBM Plex Sans",Arial,sans-serif!important;font-variant-numeric:tabular-nums}
/* сетки карточек — одна поверхность, ячейки разделены волосяными линиями, растянуты на всю ширину */
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) :is(.fj-account-grid,.fj-goals-grid,.fj-budget-grid,.fj-sub-group-grid){display:grid!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;gap:0!important;background:var(--fjr-surf)!important;box-shadow:var(--fjr-edge)!important;border-radius:8px!important;overflow:hidden;padding:0!important}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) :is(.fj-account-card,.fj-goal-card,.fj-budget-card,.fj-sub-group-grid>*){background:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:inset -1px 0 0 var(--fjr-line),inset 0 -1px 0 var(--fjr-line)!important;padding:20px!important;margin:0!important;transform:none!important}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) :is(.fj-account-card,.fj-goal-card,.fj-budget-card,.fj-sub-group-grid>*):hover{background:rgba(255,255,255,.025)!important}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) :is(.fj-account-card-head,.fj-goal-card-head,.fj-budget-cat) :is(.fj-account-card-name,.fj-goal-name,.fj-budget-cat-name,strong,b){font-weight:600!important}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) .fj-sub-group-title{margin:0 0 10px!important;color:var(--fjr-2)!important;font:500 13px/1.3 "IBM Plex Sans",Arial,sans-serif!important}
/* кнопки правки и удаления в карточках и строках — по наведению (на телефоне видны всегда) */
@media (hover:hover){
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) :is(.fj-account-card,.fj-goal-card,.fj-budget-card,.fj-sub-group-grid>*,.fj-tx-row) :is(.fj-icon-btn,.fj-tx-actions,.fj-budget-edit,[class*=edit-btn]){opacity:0;transition:opacity .12s cubic-bezier(.2,0,.38,.9)}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) :is(.fj-account-card,.fj-goal-card,.fj-budget-card,.fj-sub-group-grid>*,.fj-tx-row):is(:hover,:focus-within) :is(.fj-icon-btn,.fj-tx-actions,.fj-budget-edit,[class*=edit-btn]){opacity:1}
}
/* прогресс — тонкая полоса, ровная дорожка */
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) :is(.tool-progress,.fj-goal-progress-track){height:4px!important;border-radius:2px!important;background:rgba(255,255,255,.07)!important;box-shadow:none!important}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) :is(.tool-progress-fill,.fj-goal-progress-fill){border-radius:2px!important}
/* операции — таблица на одной поверхности, строки ниже и спокойнее, наведение — лёгкая ступень */
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) .fj-filter-bar{margin-bottom:16px!important}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) #txHeaderAll{background:var(--fjr-surf)!important;box-shadow:var(--fjr-edge)!important;border-radius:8px 8px 0 0!important;padding:10px 20px!important;margin:0!important;border:0!important}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) #txListAll{background:var(--fjr-surf)!important;border-radius:0 0 8px 8px!important;padding:0 0 4px!important;overflow:hidden}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) .fj-tx-day-header{padding:14px 20px 6px!important;background:transparent!important;border:0!important}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) .fj-tx-row{padding:10px 20px!important;min-height:56px!important;border:0!important;box-shadow:inset 0 -1px 0 var(--fjr-line)!important;background:transparent!important}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) .fj-tx-row:hover{background:rgba(255,255,255,.025)!important}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) .fj-tx-amount{font-weight:600!important;font-variant-numeric:tabular-nums}
/* «Отчёты»: блоки выводов и бюджетов — такие же панели */
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) :is(.fj-report-insights,.fj-report-budget-summary){background:var(--fjr-surf)!important;box-shadow:var(--fjr-edge)!important;border:0!important;border-radius:8px!important;padding:20px!important}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) :is(.fj-report-insights-title,.fj-report-budget-title){font:600 16px/1.3 "IBM Plex Sans",Arial,sans-serif!important;color:var(--fjr-1)!important;margin-bottom:12px!important}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) .fj-reports-toolbar{margin-bottom:16px!important}
/* «Настройки»: группы — панели без коробки в коробке */
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) .fj-settings-group{background:var(--fjr-surf)!important;box-shadow:var(--fjr-edge)!important;border:0!important;border-radius:8px!important;padding:20px!important;margin:0 0 16px!important}
/* телефон: итоги 2 в ряд, сетки в одну колонку */
@media (max-width:768px){
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) :is(.fj-asset-summary,.fj-liability-summary,.fj-reports-stats-row):not(:empty){grid-auto-flow:row!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) :is(.fj-asset-summary-item,.fj-report-stat-card){box-shadow:inset 0 -1px 0 var(--fjr-line)!important;padding:14px 16px!important}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) :is(.fj-asset-summary-item,.fj-report-stat-card):nth-child(2n){box-shadow:inset 1px 0 0 var(--fjr-line),inset 0 -1px 0 var(--fjr-line)!important}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) :is(.fj-asset-summary-value,.fj-report-stat-value){font-size:20px!important}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview)>.tool-panel>.tool-panel-header .tool-panel-title{font-size:20px!important}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) :is(.fj-account-grid,.fj-goals-grid,.fj-budget-grid,.fj-sub-group-grid){grid-template-columns:1fr!important}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) .fj-tx-row{padding:10px 14px!important}
}
/* цели: процент — справа от тонкой полосы, а не внутри неё */
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) .fj-goal-progress-track{position:relative!important;overflow:visible!important;margin:12px 48px 12px 0!important}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) .fj-goal-progress-pct{top:50%!important;right:-48px!important;transform:translateY(-50%)!important;width:40px;text-align:right;font:600 13px/1 "IBM Plex Sans",Arial,sans-serif!important;color:var(--fjr-1)!important;text-shadow:none!important}
/* «Отчёты»: заголовок страницы, как у остальных вкладок (у раздела нет своей шапки, только кнопка печати) */
html.fjlab-r:root body .finance-journal-wrapper #sec-reports .fj-reports-toolbar{display:flex!important;align-items:center!important;justify-content:flex-end!important;padding:4px 0 20px!important;margin:0!important}
html.fjlab-r:root body .finance-journal-wrapper #sec-reports .fj-reports-toolbar::before{content:"Отчёты";margin-right:auto;font:600 24px/1.25 "IBM Plex Sans",Arial,sans-serif;color:#fff;letter-spacing:-.01em}
@media (max-width:768px){
html.fjlab-r:root body .finance-journal-wrapper #sec-reports .fj-reports-toolbar::before{font-size:20px}
}
/* телефон: «изменить» и «удалить» у карточек в строку, а не столбиком */
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) :has(>.fj-icon-btn){flex-direction:row!important;gap:4px!important;align-items:center!important}
/* ================= 09.10 ~20:05 ЦВЕТ ПО СМЫСЛУ И НАГЛЯДНОСТЬ НА ВКЛАДКАХ (владелец: «на многих вкладках вообще нет цветов… скучновато»)
   Цвет «Обзору» дают данные (кольцо, линии, мини-графики), а на вкладках их не было; плюс я снял и смысловой цвет вместе с отвергнутым. */
html.fjlab-r:root body .finance-journal-wrapper :is(#sec-subscriptions,#sec-accounts,#sec-liabilities,#sec-transactions,#sec-reports,#sec-budgets) .fjr-pos.fjr-pos{color:#95ce5a!important}
html.fjlab-r:root body .finance-journal-wrapper :is(#sec-subscriptions,#sec-accounts,#sec-liabilities,#sec-transactions,#sec-reports,#sec-budgets) .fjr-neg.fjr-neg{color:#f43f5e!important}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) :is(.fj-tx-cat-icon,.fj-account-card-icon).income-icon,
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) :is(.fj-tx-cat-icon,.fj-account-card-icon).income-icon svg{color:#95ce5a!important}
/* наглядные блоки */
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) .fjr-viz{margin:-8px 0 24px}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) .fjr-viz-head{font:500 13px/1.3 "IBM Plex Sans",Arial,sans-serif;color:var(--fjr-2);margin:0 0 10px}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) .fjr-share{display:flex;gap:2px;height:10px;border-radius:3px;overflow:hidden}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) .fjr-share i{display:block;min-width:4px}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) .fjr-legend{display:flex;flex-wrap:wrap;gap:6px 20px;margin-top:10px;font:400 13px/1.3 "IBM Plex Sans",Arial,sans-serif;color:var(--fjr-1)}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) .fjr-legend span{display:inline-flex;align-items:center;gap:8px}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) .fjr-legend b{width:8px;height:8px;border-radius:2px;display:inline-block}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) .fjr-legend em{font-style:normal;color:var(--fjr-2);font-variant-numeric:tabular-nums}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) #fjrVizBud{margin:0 0 24px}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) #fjrVizBud .fj-asset-summary{margin:0 0 12px!important}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) .fjr-budbar{position:relative;height:6px;border-radius:3px;background:rgba(255,255,255,.07);margin:0 0 6px}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) .fjr-budbar i{display:block;height:100%;border-radius:3px;background:#95ce5a}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) .fjr-budbar i.is-warn{background:#f59e0b}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) .fjr-budbar i.is-over{background:#f43f5e}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) .fjr-budbar span{position:absolute;right:0;top:12px;font:400 13px/1 "IBM Plex Sans",Arial,sans-serif;color:var(--fjr-2)}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) #fjrVizBud{padding-bottom:16px}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) .fjr-tl{position:relative;height:56px;margin:0 60px 0 0}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) .fjr-tl-line{position:absolute;left:0;right:0;top:28px;height:2px;background:rgba(255,255,255,.1);border-radius:1px}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) .fjr-tl i{position:absolute;top:22px;width:14px;height:14px;margin-left:-7px;border-radius:50%;border:3px solid #0a0d12;box-sizing:border-box}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) .fjr-tl i.is-in{background:#95ce5a}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) .fjr-tl i.is-out{background:#f43f5e}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) .fjr-tl i em{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);white-space:nowrap;font:600 13px/1 "IBM Plex Sans",Arial,sans-serif;font-style:normal;color:var(--fjr-1)}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) .fjr-tl i.is-in em{color:#95ce5a}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) .fjr-tl-ticks{position:relative;height:16px;margin:2px 60px 0 0;font:400 13px/1 "IBM Plex Sans",Arial,sans-serif;color:var(--fjr-2)}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) .fjr-tl-ticks span{position:absolute;transform:translateX(-50%);white-space:nowrap}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) .fjr-tl-ticks span:first-child{transform:none}
/* подписки — списком строк: название · сумма · когда · действия (две карточки на всю ширину давали пустоту посередине) */
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) .fj-sub-group-grid{grid-template-columns:1fr!important}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) .fj-sub-card{display:grid!important;grid-template-columns:minmax(0,1fr) 170px 150px auto;align-items:center;column-gap:28px;padding:14px 20px!important;box-shadow:inset 0 -1px 0 var(--fjr-line)!important}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) .fj-sub-card .fj-account-card-head{margin:0!important}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) .fj-sub-card .fj-sub-amount-row{display:contents!important}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) .fj-sub-card .fj-sub-amount{text-align:right;font:600 16px/1.2 "IBM Plex Sans",Arial,sans-serif!important;font-variant-numeric:tabular-nums}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) .fj-sub-card .fj-sub-next{text-align:left;font:400 13px/1.35 "IBM Plex Sans",Arial,sans-serif!important;color:var(--fjr-1)!important}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) .fj-sub-card .fj-sub-next-date{color:var(--fjr-2)}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) .fj-sub-card .fj-sub-actions{display:flex!important;gap:6px;margin:0!important;justify-content:flex-end}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) .fj-sub-card .fj-sub-paid-btn{width:auto!important;flex:0 0 auto!important;height:32px!important;min-height:32px!important;padding:0 12px!important;font-size:13px!important}
@media (max-width:768px){
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) .fj-sub-card{grid-template-columns:minmax(0,1fr) auto;row-gap:10px;column-gap:12px;padding:14px 16px!important}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) .fj-sub-card .fj-account-card-head{grid-column:1 / -1}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) .fj-sub-card .fj-sub-amount{text-align:left}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) .fj-sub-card .fj-sub-next{text-align:right}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) .fj-sub-card .fj-sub-actions{grid-column:1 / -1;justify-content:flex-start}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) .fjr-tl,
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) .fjr-tl-ticks{margin-right:40px}
}
html.fjlab-r:root body .finance-journal-wrapper #sec-budgets .fjr-warn.fjr-warn{color:#f59e0b!important}
/* счета: значок — своим цветом счёта (без квадрата), тот же цвет у доли в «Где лежат деньги» */
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) .fj-account-card .fj-account-card-icon,
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) .fj-account-card .fj-account-card-icon svg{color:var(--fjr-ic,var(--fjr-2))!important}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) .fj-account-card-actions{flex-direction:row!important;flex-wrap:nowrap!important;max-width:none!important}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) .fjr-tl{height:72px}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) .fjr-tl-line{top:30px}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) .fjr-tl i{top:24px}
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) .fjr-tl i.is-low em{bottom:auto;top:18px}
/* ================= 09.10 ~20:45 ЦВЕТ КАТЕГОРИЙ + «ОТЧЁТЫ» КАК ПАНЕЛЬ АНАЛИТИКИ (владелец: «никакого уровня профессионального аналитического дашборда нет», «огромные графики не помещаются»)
   Значки: цвет самой категории на глифе, без квадрата; один и тот же цвет в кольце, легенде, бюджетах, операциях и отчётах */
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) :is(.fj-tx-cat-icon,.fj-budget-cat-icon,.fj-budget-mini-icon,.fj-sub-card .fj-account-card-icon):is(div,span),
html.fjlab-r:root body .finance-journal-wrapper .fj-section:not(#sec-overview) :is(.fj-tx-cat-icon,.fj-budget-cat-icon,.fj-budget-mini-icon,.fj-sub-card .fj-account-card-icon):is(div,span) svg{color:var(--fjr-ic,var(--fjr-2))!important}
/* сетка панели: 12 колонок; ряд 1 — итоги, ряд 2 — доходы/расходы (8) + структура (4), ряд 3 — капитал (8) + что заметно (4), ряд 4 — прогноз (6) + бюджеты (6) */
@media (min-width:1100px){
html.fjlab-r:root body .finance-journal-wrapper #sec-reports.active{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;align-items:stretch}
html.fjlab-r:root body .finance-journal-wrapper #sec-reports>*{grid-column:1 / -1;margin:0!important;min-width:0}
html.fjlab-r:root body .finance-journal-wrapper #sec-reports>.fj-reports-grid{display:contents!important}
html.fjlab-r:root body .finance-journal-wrapper #sec-reports>.fj-reports-toolbar{order:1}
html.fjlab-r:root body .finance-journal-wrapper #sec-reports>.fj-reports-stats-row{order:2}
html.fjlab-r:root body .finance-journal-wrapper #sec-reports>.fj-reports-grid>.tool-panel:nth-child(1){order:3;grid-column:span 8!important}
html.fjlab-r:root body .finance-journal-wrapper #sec-reports>.fj-reports-grid>.tool-panel:nth-child(2){order:4;grid-column:span 4!important}
html.fjlab-r:root body .finance-journal-wrapper #sec-reports>.fj-reports-full:has(#chartNetWorth){order:5;grid-column:span 8!important}
html.fjlab-r:root body .finance-journal-wrapper #sec-reports>#reportInsights{order:6;grid-column:span 4!important}
html.fjlab-r:root body .finance-journal-wrapper #sec-reports>.fj-reports-full:has(#chartForecast){order:7;grid-column:span 6!important}
html.fjlab-r:root body .finance-journal-wrapper #sec-reports>#reportBudgetSummary{order:8;grid-column:span 6!important}
}
/* «Кумулятивный тренд баланса» повторяет «Капитал по месяцам» — убран */
html.fjlab-r:root body .finance-journal-wrapper #sec-reports>.fj-reports-full:has(#chartTrend){display:none!important}
html.fjlab-r:root body .finance-journal-wrapper #sec-reports .fj-reports-full>.tool-panel,
html.fjlab-r:root body .finance-journal-wrapper #sec-reports .fj-reports-grid>.tool-panel{height:100%;margin:0!important;display:flex;flex-direction:column}
html.fjlab-r:root body .finance-journal-wrapper #sec-reports .tool-panel{background:var(--fjr-surf)!important;box-shadow:var(--fjr-edge)!important;border-radius:8px!important}
html.fjlab-r:root body .finance-journal-wrapper #sec-reports .tool-panel-header{padding:16px 20px 4px!important;border:0!important;min-height:0!important}
html.fjlab-r:root body .finance-journal-wrapper #sec-reports .tool-panel-title{font:600 16px/1.3 "IBM Plex Sans",Arial,sans-serif!important;color:var(--fjr-1)!important}
html.fjlab-r:root body .finance-journal-wrapper #sec-reports .tool-panel-body{padding:8px 20px 16px!important;flex:1 1 auto}
html.fjlab-r:root body .finance-journal-wrapper #sec-reports .fj-chart-wrap{height:280px!important;min-height:0!important;max-height:none!important}
html.fjlab-r:root body .finance-journal-wrapper #sec-reports .fj-reports-full:has(#chartForecast) .fj-chart-wrap{height:220px!important}
html.fjlab-r:root body .finance-journal-wrapper #sec-reports .fj-chart-wrap canvas{width:100%!important;height:100%!important}
html.fjlab-r:root body .finance-journal-wrapper #sec-reports .fj-forecast-summary{margin:0 0 12px!important;background:transparent!important;border:0!important;padding:0!important}
/* «Что заметно» и бюджеты — компактные списки строк */
html.fjlab-r:root body .finance-journal-wrapper #sec-reports :is(#reportInsights,#reportBudgetSummary){padding:16px 20px!important;display:flex;flex-direction:column}
html.fjlab-r:root body .finance-journal-wrapper #sec-reports .fj-report-insights-title,
html.fjlab-r:root body .finance-journal-wrapper #sec-reports .fj-report-budget-title{font:600 16px/1.3 "IBM Plex Sans",Arial,sans-serif!important;color:var(--fjr-1)!important;margin:0 0 8px!important}
html.fjlab-r:root body .finance-journal-wrapper #sec-reports .fj-report-insights-title svg{display:none!important}
html.fjlab-r:root body .finance-journal-wrapper #sec-reports .fj-insight-item{padding:9px 0!important;margin:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:inset 0 -1px 0 var(--fjr-line)!important;font:400 14px/1.4 "IBM Plex Sans",Arial,sans-serif!important;color:var(--fjr-1)!important;min-height:0!important}
html.fjlab-r:root body .finance-journal-wrapper #sec-reports .fj-insight-item:last-child{box-shadow:none!important}
html.fjlab-r:root body .finance-journal-wrapper #sec-reports .fj-budget-mini-list{gap:10px!important}
html.fjlab-r:root body .finance-journal-wrapper #sec-reports .fj-budget-mini-row{display:grid!important;grid-template-columns:20px 110px minmax(0,1fr) 150px;align-items:center;gap:10px}
html.fjlab-r:root body .finance-journal-wrapper #sec-reports .fj-budget-mini-icon{background:transparent!important;width:20px!important;height:20px!important}
html.fjlab-r:root body .finance-journal-wrapper #sec-reports .fj-budget-mini-name{font:500 13px/1.3 "IBM Plex Sans",Arial,sans-serif!important;color:var(--fjr-1)!important;width:auto!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.fjlab-r:root body .finance-journal-wrapper #sec-reports .fj-budget-mini-bar{height:4px!important;border-radius:2px!important;background:rgba(255,255,255,.07)!important;width:auto!important}
html.fjlab-r:root body .finance-journal-wrapper #sec-reports .fj-budget-mini-values{font:400 13px/1.3 "IBM Plex Sans",Arial,sans-serif!important;color:var(--fjr-2)!important;text-align:right;font-variant-numeric:tabular-nums;width:auto!important}
@media (max-width:1099px){
html.fjlab-r:root body .finance-journal-wrapper #sec-reports.active{display:flex!important;flex-direction:column;gap:16px}
html.fjlab-r:root body .finance-journal-wrapper #sec-reports .fj-reports-grid{display:flex!important;flex-direction:column;gap:16px}
html.fjlab-r:root body .finance-journal-wrapper #sec-reports .fj-chart-wrap{height:240px!important}
}
/* ================= 09.10 ~21:00 «ТРАНЗАКЦИИ»: строка = категория · описание · сумма; дата — в заголовке дня; действия по наведению в своём узком столбце */
html.fjlab-r:root body .finance-journal-wrapper .fj-tx-recurring-badge{background:transparent!important;border:1px solid var(--fjr-line)!important;color:var(--fjr-2)!important;font:400 13px/20px "IBM Plex Sans",Arial,sans-serif!important;padding:0 6px!important;border-radius:4px!important;text-transform:none!important;letter-spacing:0!important}
html.fjlab-r:root body .finance-journal-wrapper .fj-tx-tags .tool-tag{background:transparent!important;border:1px solid var(--fjr-line)!important;padding:0 6px!important;line-height:20px!important}
@media (min-width:900px){
html.fjlab-r:root body .finance-journal-wrapper #sec-transactions #filterText,
html.fjlab-r:root body .finance-journal-wrapper #sec-transactions #fjImpOpsBtn{display:none!important}
html.fjlab-r:root body .finance-journal-wrapper #sec-transactions .fj-filter-bar{display:flex!important;flex-wrap:wrap;gap:8px!important;align-items:center}
html.fjlab-r:root body .finance-journal-wrapper #sec-transactions .fj-filter-bar>*{margin:0!important}
html.fjlab-r:root body .finance-journal-wrapper #sec-transactions .fj-filter-select{width:auto!important;min-width:150px;flex:1 1 150px;max-width:200px}
html.fjlab-r:root body .finance-journal-wrapper #sec-transactions .fj-filter-input[type=date]{width:140px!important;flex:0 0 140px}
html.fjlab-r:root body .finance-journal-wrapper #sec-transactions #btnExport2{margin-left:auto!important}
html.fjlab-r:root body .finance-journal-wrapper .fjr-days .fj-tx-row{grid-template-columns:minmax(180px,1fr) minmax(0,2fr) 140px 64px!important;column-gap:16px!important}
html.fjlab-r:root body .finance-journal-wrapper .fjr-days .fj-tx-row>.fj-tx-date{display:none!important}
html.fjlab-r:root body .finance-journal-wrapper .fjr-days .fj-tx-header{grid-template-columns:minmax(180px,1fr) minmax(0,2fr) 140px 64px!important;column-gap:16px!important}
html.fjlab-r:root body .finance-journal-wrapper .fjr-days .fj-tx-header>span[data-sort=category]{order:1}
html.fjlab-r:root body .finance-journal-wrapper .fjr-days .fj-tx-header>span[data-sort=description]{order:2}
html.fjlab-r:root body .finance-journal-wrapper .fjr-days .fj-tx-header>span[data-sort=amount]{order:3;text-align:right;justify-self:end}
html.fjlab-r:root body .finance-journal-wrapper .fjr-days .fj-tx-header>span[data-sort=date]{order:4;justify-self:end;white-space:nowrap}
html.fjlab-r:root body .finance-journal-wrapper .fjr-days .fj-tx-header>span:not([data-sort]){display:none!important}
html.fjlab-r:root body .finance-journal-wrapper .fjr-days .fj-tx-amount{text-align:right;justify-self:end}
html.fjlab-r:root body .finance-journal-wrapper .fjr-days .fj-tx-day-sums{padding-right:80px}
html.fjlab-r:root body .finance-journal-wrapper .fjr-days .fj-tx-desc{align-self:center}
}
/* строка операции в одну линию: описание и метки рядом — 52 px вместо 67, на экране больше операций */
@media (min-width:900px){
html.fjlab-r:root body .finance-journal-wrapper .fjr-days .fj-tx-desc{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;text-align:left!important;gap:8px;flex-wrap:nowrap;min-width:0}
html.fjlab-r:root body .finance-journal-wrapper .fjr-days .fj-tx-desc-text{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.fjlab-r:root body .finance-journal-wrapper .fjr-days .fj-tx-tags{display:flex!important;gap:4px;flex:0 0 auto;width:auto!important;margin:0!important}
html.fjlab-r:root body .finance-journal-wrapper .fjr-days .fj-tx-tags:empty{display:none!important}
html.fjlab-r:root body .finance-journal-wrapper .fjr-days .fj-tx-row{min-height:52px;padding-top:10px!important;padding-bottom:10px!important}
}
/* «Отчёты», телефон: строка бюджета — название и сумма сверху, полоса под ними; пункты наблюдений — маркер по первой строке */
html.fjlab-r:root body .finance-journal-wrapper #sec-reports .fj-insight-item{display:flex!important;align-items:baseline;gap:8px}
@media (max-width:1099px){
html.fjlab-r:root body .finance-journal-wrapper #sec-reports .fj-budget-mini-row{grid-template-columns:20px minmax(0,1fr) auto;row-gap:6px}
html.fjlab-r:root body .finance-journal-wrapper #sec-reports .fj-budget-mini-bar{grid-column:2 / -1;grid-row:2}
html.fjlab-r:root body .finance-journal-wrapper #sec-reports .fj-budget-mini-values{grid-column:3;grid-row:1;white-space:nowrap}
}
/* пустые состояния (Инвестиции, Долги): значок был сжат общим правилом значков */
html.fjlab-r:root body .finance-journal-wrapper .fj-empty-state>svg{width:32px!important;height:32px!important;min-width:32px;color:var(--fjr-3)!important;margin:0 auto 12px!important;display:block}
/* калькуляторы, телефон: переключатель в одну строку */
@media (max-width:899px){
html.fjlab-r:root body .finance-journal-wrapper #sec-calculators .tool-segment-btn,
html.fjlab-r:root body .finance-journal-wrapper #sec-calculators [class*=calc-tab]{white-space:nowrap}
}
/* ================= 09.10 ~21:05 ОКНА: категории — значок своим цветом, выбранная плитка нейтрально светлее (не красной заливкой);
   тип операции — смысловой цвет тонкой рамкой без свечения; фокус поля — рамка без двойного кольца */
html.fjlab-r:root body .tool-cat-option{color:var(--fjr-2)!important;box-shadow:none!important}
html.fjlab-r:root body .tool-cat-option svg{color:var(--fjr-ic,var(--fjr-2))!important}
html.fjlab-r:root body .tool-cat-option.selected{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.3)!important;color:var(--fjr-1)!important;box-shadow:none!important}
html.fjlab-r:root body .tool-cat-option:hover:not(.selected){background:rgba(255,255,255,.03)!important}
html.fjlab-r:root body .tool-type-btn{box-shadow:none!important}
html.fjlab-r:root body .tool-type-btn.active.expense{background:rgba(244,63,94,.08)!important;border-color:rgba(244,63,94,.5)!important;color:#f43f5e!important}
html.fjlab-r:root body .tool-type-btn.active.income{background:rgba(149,206,90,.08)!important;border-color:rgba(149,206,90,.5)!important;color:#95ce5a!important}
html.fjlab-r:root body .tool-type-btn.active.transfer{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.3)!important;color:var(--fjr-1)!important}
html.fjlab-r:root body .tool-modal-overlay :is(input,select,textarea):focus{box-shadow:none!important;outline:none!important;border-color:#95ce5a!important}
html.fjlab-r:root body .tool-cat-option{word-break:normal!important;overflow-wrap:normal!important;-webkit-hyphens:auto;hyphens:auto}
/* ================= 09.10 ~21:15 ЕДИНАЯ ШКАЛА ЗНАЧКОВ (владелец: «не слишком маленькие иконки?» — значок счёта был 14 px в пустом поле 40 px,
   по вкладкам гуляло 12–20 px без системы). Шкала: карточка 20 · строка 18 · мини-список 16 · действие 16 в поле 28 */
html.fjlab-r:root body .finance-journal-wrapper :is(.fj-account-card-icon,.fj-goal-icon){width:24px!important;height:24px!important;min-width:24px!important;display:flex!important;align-items:center;justify-content:center;background:transparent!important}
html.fjlab-r:root body .finance-journal-wrapper :is(.fj-account-card-icon,.fj-goal-icon) svg{width:20px!important;height:20px!important}
html.fjlab-r:root body .finance-journal-wrapper :is(.fj-tx-cat-icon,.fj-budget-cat-icon){width:24px!important;height:24px!important;min-width:24px!important;display:flex!important;align-items:center;justify-content:center;background:transparent!important}
html.fjlab-r:root body .finance-journal-wrapper :is(.fj-tx-cat-icon,.fj-budget-cat-icon) svg{width:18px!important;height:18px!important}
html.fjlab-r:root body .finance-journal-wrapper :is(.fj-budget-mini-icon,.fj-goals-mini-icon){width:20px!important;height:20px!important;min-width:20px!important;display:flex!important;align-items:center;justify-content:center;background:transparent!important}
html.fjlab-r:root body .finance-journal-wrapper :is(.fj-budget-mini-icon,.fj-goals-mini-icon) svg{width:16px!important;height:16px!important}
html.fjlab-r:root body .finance-journal-wrapper :is(.fj-tx-action-btn,.fj-icon-btn,.fj-budget-edit-btn,.fj-goal-edit-btn){width:28px!important;height:28px!important;min-width:28px!important;display:inline-flex!important;align-items:center;justify-content:center;padding:0!important}
html.fjlab-r:root body .finance-journal-wrapper :is(.fj-tx-action-btn,.fj-icon-btn,.fj-budget-edit-btn,.fj-goal-edit-btn) svg{width:16px!important;height:16px!important}
html.fjlab-r:root body .finance-journal-wrapper .fj-settings-note svg{width:16px!important;height:16px!important;min-width:16px}
/* карточка счёта: значок у названия с обычным зазором; заметка — строкой вторичного текста, не курсивом в коробке; карточки по содержимому */
html.fjlab-r:root body .finance-journal-wrapper .fj-account-card-header{gap:12px!important;align-items:center!important}
html.fjlab-r:root body .finance-journal-wrapper .fj-account-card-notes{background:transparent!important;border:0!important;padding:0!important;margin-top:12px!important;font:400 13px/1.4 "IBM Plex Sans",Arial,sans-serif!important;font-style:normal!important;color:var(--fjr-2)!important}
/* верхний поиск: лупа лежала ПОД полем (svg раньше input в разметке, у поля непрозрачный фон) — отступ 34 px был пустым */
html.fjlab:root body .finance-journal-wrapper .tool-topbar .topbar-search svg{z-index:1;pointer-events:none;color:var(--fjr-2,#b3b9c2)!important}
/* приветственное окно: значки без зелёных квадратов (отвергнутое направление); главный путь — зелёным значком, остальные — серым */
html.fjlab-r:root body .fj-wizard-emoji{background:transparent!important;box-shadow:none!important;width:auto!important;height:auto!important;color:var(--fjr-2)!important;margin-bottom:8px!important}
html.fjlab-r:root body .fj-wizard-emoji svg{width:32px!important;height:32px!important}
html.fjlab-r:root body .fj-wizard-choice-icon{background:transparent!important;box-shadow:none!important;border:0!important;width:24px!important;height:24px!important;color:var(--fjr-2)!important;margin-bottom:12px!important;justify-content:flex-start!important}
html.fjlab-r:root body .fj-wizard-choice-icon svg{width:24px!important;height:24px!important}
html.fjlab-r:root body .fj-wizard-choice--primary .fj-wizard-choice-icon{color:#95ce5a!important}
html.fjlab-r:root body .fj-wizard-choice{box-shadow:none!important}
html.fjlab-r:root body .fj-wizard-emoji{margin-bottom:16px!important}
html.fjlab-r:root body .fj-wizard .tool-btn,
html.fjlab-r:root body .fj-wizard button{box-shadow:none!important}
/* ================= 09.10 ~21:30 ОКНА ЖУРНАЛА (все 13 открыты и сняты, mods/): одна логика выбора во всех окнах —
   выбранная плитка нейтрально светлее, смысловой цвет (расход/долг красный, доход/мне должны зелёный) только тонкой рамкой и текстом */
html.fjlab-r:root body .fj-type-btn{box-shadow:none!important;color:var(--fjr-2)!important;background:transparent!important;border-color:var(--fjr-line)!important}
html.fjlab-r:root body .fj-type-btn svg{width:20px!important;height:20px!important;color:var(--fjr-2)!important;margin-bottom:4px}
html.fjlab-r:root body .fj-type-btn:hover:not(.active){background:rgba(255,255,255,.03)!important}
html.fjlab-r:root body .fj-type-btn.active{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.3)!important;color:var(--fjr-1)!important}
html.fjlab-r:root body .fj-type-btn.active svg{color:var(--fjr-1)!important}
html.fjlab-r:root body .fj-direction-tab{box-shadow:none!important}
html.fjlab-r:root body .fj-direction-tab.active.fj-direction-tab--owe{background:rgba(244,63,94,.08)!important;border-color:rgba(244,63,94,.5)!important;color:#f43f5e!important}
html.fjlab-r:root body .fj-direction-tab.active.fj-direction-tab--lent{background:rgba(149,206,90,.08)!important;border-color:rgba(149,206,90,.5)!important;color:#95ce5a!important}
/* сетка категорий в окнах — 4 колонки (в 5 колонок длинные названия рвались переносами «Коммуналь-ные») */
html.fjlab-r:root body .tool-modal .tool-cat-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
html.fjlab-r:root body .tool-cat-option svg{width:20px!important;height:20px!important}
/* поля чисел без стрелок-счётчиков, даты в тёмной схеме */
html.fjlab-r:root body .tool-modal input[type=number]{-moz-appearance:textfield;appearance:textfield}
html.fjlab-r:root body .tool-modal input[type=number]::-webkit-inner-spin-button,
html.fjlab-r:root body .tool-modal input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
html.fjlab-r:root body .tool-modal input[type=date],
html.fjlab-r:root body .finance-journal-wrapper input[type=date]{color-scheme:dark}
/* рамка выбранной плитки категории в окне правил/бюджета — та же, что в окне операции */
html.fjlab-r:root body .tool-modal .tool-cat-option.selected svg{color:var(--fjr-ic,var(--fjr-1))!important}
/* ================= «ТРАНЗАКЦИИ» НА ТЕЛЕФОНЕ: фильтры свёрнуты (было ~300 px до первой операции), строка операции в 2 линии без повтора даты */
@media (max-width:899px){
html.fjlab-r:root body .finance-journal-wrapper #sec-transactions .fj-filter-bar{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:8px!important}
html.fjlab-r:root body .finance-journal-wrapper #sec-transactions .fj-filter-bar>*{margin:0!important;width:100%!important;min-width:0}
html.fjlab-r:root body .finance-journal-wrapper #sec-transactions .fj-filter-bar>#fjAdvToggle{width:auto!important;white-space:nowrap}
html.fjlab-r:root body .finance-journal-wrapper #sec-transactions .fj-filter-bar:not(.fjr-open)>:is(#filterType,#filterCategory,#filterAccount,#filterDateFrom,#filterDateTo,.fj-filter-separator,#btnExport2){display:none!important}
html.fjlab-r:root body .finance-journal-wrapper #sec-transactions .fj-filter-bar>#fjImpOpsBtn{display:none!important}
html.fjlab-r:root body .finance-journal-wrapper #sec-transactions .fj-filter-bar.fjr-open>:is(#filterType,#filterCategory,#filterAccount,#btnExport2){grid-column:span 1}
html.fjlab-r:root body .finance-journal-wrapper #sec-transactions .fj-filter-bar.fjr-open>.fj-filter-separator{display:none!important}
html.fjlab-r:root body .finance-journal-wrapper .fjr-days .fj-tx-row{grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;grid-template-areas:"cat amount" "desc desc"!important;row-gap:2px!important;column-gap:12px!important;padding:10px 12px!important}
html.fjlab-r:root body .finance-journal-wrapper .fjr-days .fj-tx-row>.fj-tx-date{display:none!important}
html.fjlab-r:root body .finance-journal-wrapper .fjr-days .fj-tx-row>.fj-tx-cat{grid-area:cat!important}
html.fjlab-r:root body .finance-journal-wrapper .fjr-days .fj-tx-row>.fj-tx-amount{grid-area:amount!important;align-self:center!important}
html.fjlab-r:root body .finance-journal-wrapper .fjr-days .fj-tx-row>.fj-tx-desc{grid-area:desc!important;margin-left:36px!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap;align-items:center;gap:4px 8px;color:var(--fjr-2)}
html.fjlab-r:root body .finance-journal-wrapper .fjr-days .fj-tx-row>.fj-tx-desc .fj-tx-desc-text{color:var(--fjr-2)!important;font-size:13px!important}
html.fjlab-r:root body .finance-journal-wrapper .fjr-days .fj-tx-row>.fj-tx-desc .fj-tx-tags{display:flex;gap:4px;margin:0!important}
html.fjlab-r:root body .finance-journal-wrapper .fjr-days .fj-tx-cat{gap:12px!important}
}
/* кнопки строки скрыты только там, где журнал открывает действия касанием строки (≤768, bindRowTapActions) */
@media (max-width:768px){
html.fjlab-r:root body .finance-journal-wrapper .fjr-days .fj-tx-row>.fj-tx-actions{display:none!important}
}
@media (min-width:769px) and (max-width:899px){
html.fjlab-r:root body .finance-journal-wrapper .fjr-days .fj-tx-row{grid-template-columns:minmax(0,1fr) auto auto!important;grid-template-areas:"cat amount act" "desc desc desc"!important}
html.fjlab-r:root body .finance-journal-wrapper .fjr-days .fj-tx-row>.fj-tx-actions{grid-area:act!important}
}
/* ================= 09.10 ~21:45 ДВИЖЕНИЕ И ЗАГОТОВКИ (по исследованию: появление 0,32 с со сдвигом 8 px, cubic-bezier(.2,0,.38,.9), reduced-motion)
   Заготовки: до первой отрисовки журнал ~1 с показывает «0», «—», «--» и пустые панели (замер: медленный 4G + CPU ×4, tabs5/fp_1000.png) —
   вместо этого серые блоки по форме полосы итогов и двух панелей */
html.fjlab-r.fjr-boot:root body .finance-journal-wrapper .fj-section.active{position:relative;min-height:640px}
html.fjlab-r.fjr-boot:root body .finance-journal-wrapper .fj-section.active>*{visibility:hidden}
html.fjlab-r.fjr-boot:root body .finance-journal-wrapper .fj-section.active::before{content:"";position:absolute;left:0;right:0;top:0;height:600px;z-index:1;
  background:linear-gradient(#121820,#121820) 0 0/100% 150px no-repeat,linear-gradient(#121820,#121820) 0 170px/calc(40% - 8px) 420px no-repeat,linear-gradient(#121820,#121820) 100% 170px/calc(60% - 8px) 420px no-repeat;
  border-radius:8px;animation:fjrPulse 1.2s ease-in-out infinite alternate}
@media (max-width:899px){
html.fjlab-r.fjr-boot:root body .finance-journal-wrapper .fj-section.active::before{background:linear-gradient(#121820,#121820) 0 0/100% 180px no-repeat,linear-gradient(#121820,#121820) 0 196px/100% 260px no-repeat,linear-gradient(#121820,#121820) 0 472px/100% 128px no-repeat}
}
@keyframes fjrPulse{from{opacity:.55}to{opacity:1}}
/* появление вкладки: блоки по очереди (до 6-го), без сдвига у графиков-канвасов внутри — двигается весь блок */
@keyframes fjrIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
html.fjlab-r:root:not(.fjr-boot) body .finance-journal-wrapper .fj-section.active>*:not(.fj-reports-grid),
html.fjlab-r:root:not(.fjr-boot) body .finance-journal-wrapper #sec-reports.active>.fj-reports-grid>*{animation:fjrIn .32s cubic-bezier(.2,0,.38,.9) both}
html.fjlab-r:root body .finance-journal-wrapper .fj-section.active>*:nth-child(2){animation-delay:.04s}
html.fjlab-r:root body .finance-journal-wrapper .fj-section.active>*:nth-child(3){animation-delay:.08s}
html.fjlab-r:root body .finance-journal-wrapper .fj-section.active>*:nth-child(4){animation-delay:.12s}
html.fjlab-r:root body .finance-journal-wrapper .fj-section.active>*:nth-child(5){animation-delay:.16s}
html.fjlab-r:root body .finance-journal-wrapper .fj-section.active>*:nth-child(n/**/+6){animation-delay:.2s}
html.fjlab-r:root body .finance-journal-wrapper #sec-reports.active>.fj-reports-grid>*:nth-child(2){animation-delay:.08s}
/* окна: появление 0,2 с без прыжка */
@keyframes fjrModal{from{opacity:0;transform:translateY(6px) scale(.995)}to{opacity:1;transform:none}}
html.fjlab-r:root body .tool-modal-overlay.open .tool-modal{animation:fjrModal .2s cubic-bezier(.2,0,.38,.9) both}
@media (prefers-reduced-motion:reduce){
html.fjlab-r:root body .finance-journal-wrapper .fj-section.active>*,
html.fjlab-r:root body .finance-journal-wrapper #sec-reports.active>.fj-reports-grid>*,
html.fjlab-r:root body .tool-modal-overlay.open .tool-modal,
html.fjlab-r.fjr-boot:root body .finance-journal-wrapper .fj-section.active::before{animation:none!important}
}
/* окна на телефоне: категории в 3 колонки — в 4 «Развлечения», «Путешествия» рвались переносом */
@media (max-width:520px){
html.fjlab-r:root body .tool-modal .tool-cat-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
/* первый экран страницы журнала тёмный ещё до отрисовки приложения: на медленном заходе под шапкой секунды держался светлый фон страницы
   (он нужен статье под журналом — поэтому тёмная только верхняя высота экрана) */
html.fjlab-r:root body.page-template-page-finance-journal{background:linear-gradient(#0a0d12,#0a0d12) 0 0/100% 100vh no-repeat,#f7f8fa!important}
/* 09.10 22:40 «Обзор»: значки категорий в списке операций и в мини-списках бюджетов/целей тоже цветом категории из кольца
   (правило цвета значков было написано для вкладок кроме «Обзора» — там они оставались серыми, снимок владельца) */
html.fjlab-r:root body .finance-journal-wrapper #sec-overview :is(.fj-tx-cat-icon,.fj-budget-mini-icon,.fj-goals-mini-icon),
html.fjlab-r:root body .finance-journal-wrapper #sec-overview :is(.fj-tx-cat-icon,.fj-budget-mini-icon,.fj-goals-mini-icon) svg{color:var(--fjr-ic,var(--fjr-2))!important}
/* 09.10 23:10 АУДИТ ВКЛАДОК (телефон и ПК), замечания владельца: «не закрашены все иконки», «ошибки вёрстки с фильтрами сроков» */
/* значки целей — свой цвет цели (JS goalColor), как у категорий; у выполненной — зелёный журнала остаётся */
html.fjlab-r:root body .finance-journal-wrapper :is(.fj-goal-icon,.fj-goals-mini-icon):is(div,span) svg{color:var(--fjr-ic,var(--fjr-2))!important}
html.fjlab-r:root body .finance-journal-wrapper .fj-goal-card[data-status=done] .fj-goal-icon svg{color:#95ce5a!important}
/* «Долги»: ноль основным цветом (журнал красит «Я должен» красным, «Мне должны» зелёным и при 0 ₽) */
html.fjlab-r:root body .finance-journal-wrapper .fj-asset-summary-value.fjr-zero{color:var(--fjr-1)!important}
/* «Настройки» → «Что считать обязательными тратами»: выбранное было сплошной зелёной кнопкой в каждой из 20 строк (зелёный как фон —
   отвергнут) — переключатель из двух положений в языке фильтра периода */
html.fjlab-r:root body .finance-journal-wrapper .fj-bucket-switch{gap:0!important;padding:2px;background:rgba(255,255,255,.05);border-radius:6px;flex:0 0 auto}
html.fjlab-r:root body .finance-journal-wrapper .fj-bucket-switch>.tool-btn{height:28px!important;outline:0!important;min-height:0!important;padding:0 12px!important;border:0!important;border-radius:4px!important;box-shadow:none!important;background:transparent!important;background-image:none!important;color:var(--fjr-2)!important;font:500 13px/28px "IBM Plex Sans",Arial,sans-serif!important}
html.fjlab-r:root body .finance-journal-wrapper .fj-bucket-switch>.tool-btn--primary{background:var(--fjl-pill)!important;color:#fff!important}
html.fjlab-r:root body .finance-journal-wrapper .fj-bucket-row{font-size:14px;border-bottom-color:var(--fjr-line)!important}
/* калькуляторы: «Сложный процент» на телефоне рвался на две строки */
html.fjlab-r:root body .finance-journal-wrapper .fj-calc-subtab{white-space:nowrap!important}
@media (max-width:899px){
/* фильтр периода: плашки активных фильтров («Тип: Доходы ×») и поля своего периода стояли в одном ряду с кнопками — кнопки сжимались
   в «СегодНеделМесяц». Теперь кнопки — первым рядом целиком, плашки и даты — своим рядом ниже */
html.fjlab:root body .finance-journal-wrapper .fj-global-date-filters{flex-wrap:wrap!important;row-gap:8px!important}
html.fjlab:root body .finance-journal-wrapper .fj-global-date-filters>:is(.fj-active-filter-chips,.fj-date-range-inputs--open){flex:0 0 100%!important;width:100%!important;margin:0!important;min-width:0}
html.fjlab:root body .finance-journal-wrapper .fj-global-date-filters>.fj-date-range-inputs--open input{flex:1 1 0;min-width:0}
html.fjlab:root body .finance-journal-wrapper .fj-global-date-filters>.tool-date-btn{flex:1 1 0!important;white-space:nowrap}
html.fjlab:root body .finance-journal-wrapper .fj-filter-chip{font-size:13px!important;padding:4px 4px 4px 10px!important}
/* «Обзор» → последние операции: строки-карточки с рамкой (правило «Транзакций» было только вне «Обзора») — те же строки с линией */
html.fjlab-r:root body .finance-journal-wrapper #txListOverview .fj-tx-row{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:inset 0 -1px 0 var(--fjr-line)!important;margin:0!important;padding:10px 4px!important;min-height:52px}
html.fjlab-r:root body .finance-journal-wrapper #txListOverview .fj-tx-row>.fj-tx-amount{font-weight:500!important}
html.fjlab-r:root body .finance-journal-wrapper #txListOverview .fj-tx-table{gap:0!important}
html.fjlab-r:root body .finance-journal-wrapper #txListOverview .fj-tx-row>.fj-tx-desc{margin-left:36px!important;padding-left:0!important}
/* описание и метка в одну строку: журнал растягивал оба на всю ширину строки (width:100%) — метка уходила на третью линию */
html.fjlab-r:root body .finance-journal-wrapper .fjr-days .fj-tx-row>.fj-tx-desc>*{width:auto!important;max-width:100%;min-width:0}
html.fjlab-r:root body .finance-journal-wrapper .fjr-days .fj-tx-row>.fj-tx-desc>.fj-tx-desc-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* вкладки калькуляторов — в ширину экрана, без переноса */
html.fjlab-r:root body .finance-journal-wrapper .fj-calc-subtabs{display:flex!important;width:100%;overflow-x:auto;scrollbar-width:none}
html.fjlab-r:root body .finance-journal-wrapper .fj-calc-subtab{flex:1 1 auto;padding-left:10px!important;padding-right:10px!important}
}

/* ================= СВОДКА «ОБЗОРА» — выбор владельца 10.10: ПК «A · Смысл», телефон «B · Капитал главный» (лаборатория ?fjsum снята) =================
   Цвет по смыслу, а не по сумме: красный — рост расходов, падение доходов, минус капитала и сбережений; зелёный — хорошее и норма сбережений от 20 %.
   FJDIR16_2026_10_16: изменения к прошлому периоду (стрелки у доходов, расходов и категорий) — цветом направления, решение владельца 16.10.
   Суммы расходов не красные: они всегда с минусом, и красный стал бы фоном (метки fjs-good/fjs-bad ставит sumLab() в JS) */
html.fjlab-r.fjlab-f:root body .finance-journal-wrapper #summaryRow .fjs-x{display:none}
/* изменение капитала за месяц — и на ПК: без него ячейка капитала была самой пустой в полосе (снимок владельца 10.10 00:26) */
html.fjlab-r.fjlab-f:root body .finance-journal-wrapper #summaryRow .fj-card-networth .fjs-capd{display:block}
html.fjlab-r.fjlab-f:root body .finance-journal-wrapper #summaryRow :is(.tool-badge,.fj-savings-pct-badge,.fjs-capd b).fjs-good{color:#95ce5a!important}
html.fjlab-r.fjlab-f:root body .finance-journal-wrapper #summaryRow :is(.tool-badge,.fj-savings-pct-badge,.fjs-capd b).fjs-bad{color:#f43f5e!important}
html.fjlab-r.fjlab-f:root body .finance-journal-wrapper #summaryRow .tool-value.fjs-bad{color:#f43f5e!important}
html.fjlab-r.fjlab-f:root body .finance-journal-wrapper #summaryRow .tool-value.fjs-bad .fjr-tail{color:inherit!important;opacity:.7}
html.fjlab-r.fjlab-f:root body .finance-journal-wrapper #summaryRow .fj-card-networth .tool-label .fjs-capname{margin:0!important;padding:0!important;font-weight:inherit!important;color:inherit!important;white-space:nowrap}html.fjlab-r.fjlab-f:root body .finance-journal-wrapper #summaryRow .fj-card-networth .tool-label .fjs-capdate{font-weight:400!important;margin:0!important;padding:0!important;color:inherit!important}   /* PACK16_2026_10_16: «Капитал на 16 октября», дата обычным начертанием */
html.fjlab-r.fjlab-f:root body .finance-journal-wrapper #summaryRow .fjs-capd{font:400 13px/1.3 "IBM Plex Sans",Arial,sans-serif;color:var(--fjr-2)}
html.fjlab-r.fjlab-f:root body .finance-journal-wrapper #summaryRow .fjs-capd b{font-weight:600;font-variant-numeric:tabular-nums}
html.fjlab-r.fjlab-f:root body .finance-journal-wrapper #summaryRow .fjs-sbar{width:100%}
html.fjlab-r.fjlab-f:root body .finance-journal-wrapper #summaryRow .fjs-sbar>i{display:block;position:relative;height:6px;border-radius:3px;background:rgba(255,255,255,.07)}
html.fjlab-r.fjlab-f:root body .finance-journal-wrapper #summaryRow .fjs-sbar>i>s{display:block;height:100%;border-radius:3px;background:#b2bec3;text-decoration:none}
html.fjlab-r.fjlab-f:root body .finance-journal-wrapper #summaryRow .fjs-sbar>i>s.fjs-good{background:#95ce5a}
html.fjlab-r.fjlab-f:root body .finance-journal-wrapper #summaryRow .fjs-sbar>i>s.fjs-bad{background:#f43f5e}
html.fjlab-r.fjlab-f:root body .finance-journal-wrapper #summaryRow .fjs-sbar>i>u{position:absolute;left:20%;top:-3px;bottom:-3px;width:2px;background:#e6e9ee;opacity:.55}
html.fjlab-r.fjlab-f:root body .finance-journal-wrapper #summaryRow .fjs-sbar>span{display:block;margin-top:8px;font:400 13px/1.3 "IBM Plex Sans",Arial,sans-serif;color:var(--fjr-2)}
/* телефон — «B · Капитал главный» */
@media (max-width:899px){
html.fjlab-r.fjlab-f:root body .finance-journal-wrapper #summaryRow .fjs-capd,html.fjlab-r.fjlab-f:root body .finance-journal-wrapper #summaryRow .fjs-sbar{display:block}
html.fjlab-r.fjlab-f:root body .finance-journal-wrapper #summaryRow .fj-card-savings .fj-savings-unified{display:none!important}
html.fjlab-r.fjlab-f:root body .finance-journal-wrapper #summaryRow>.fj-card-networth.fj-card-networth.fj-card-networth{grid-column:1 / -1!important;padding-bottom:16px!important}
html.fjlab-r.fjlab-f:root body .finance-journal-wrapper #summaryRow>.fj-card-networth.fj-card-networth.fj-card-networth .tool-value{font-size:32px!important}
html.fjlab-r.fjlab-f:root body .finance-journal-wrapper #summaryRow>.fj-card-networth.fj-card-networth.fj-card-networth .tool-sparkline{display:block!important;position:static!important;width:100%!important;height:48px!important;margin:12px 0 0!important;padding:0!important;opacity:1!important}
html.fjlab-r.fjlab-f:root body .finance-journal-wrapper #summaryRow>.fj-card-networth.fj-card-networth.fj-card-networth .tool-sparkline canvas{width:100%!important;height:100%!important}
html.fjlab-r.fjlab-f:root body .finance-journal-wrapper #summaryRow>.fj-card-networth.fj-card-networth.fj-card-networth.fjlab-zero .tool-sparkline{display:none!important}
html.fjlab-r.fjlab-f:root body .finance-journal-wrapper #summaryRow>.tool-card.tool-card.tool-card:not(.fj-card-networth) .tool-sparkline{display:none!important}
html.fjlab-r.fjlab-f:root body .finance-journal-wrapper #summaryRow>.tool-card.tool-card.tool-card.fj-card-income{box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important}
html.fjlab-r.fjlab-f:root body .finance-journal-wrapper #summaryRow>.tool-card.tool-card.tool-card.fj-card-expense{box-shadow:inset 1px 0 0 rgba(255,255,255,.07),inset 0 1px 0 rgba(255,255,255,.07)!important}
html.fjlab-r.fjlab-f:root body .finance-journal-wrapper #summaryRow>.tool-card.tool-card.tool-card.fj-card-savings{grid-column:1 / -1!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important}
html.fjlab-r.fjlab-f:root body .finance-journal-wrapper #summaryRow>.tool-card.tool-card.tool-card.fj-card-savings .tool-value{font-size:20px!important}
}

/* окно выбора категории: один светлый тон, выбранная — зелёная (выбор владельца 10.10, вариант C). Цвет доли в кольце остаётся в списках
   (операции, бюджеты, отчёты): там он связывает строку с кольцом. В окне 25 категорий на 13 цветов давали радугу с повторами, а цвет по месту
   в кольце меняется с периодом и в окне ничего не значит */
html.fjlab-r:root body .tool-modal .tool-cat-option{--fjr-ic:#c3c9d1!important}
html.fjlab-r:root body .tool-modal .tool-cat-option.selected{--fjr-ic:#95ce5a!important}

/* ================= FJ_REVIEW_2026_10_11 — сверка внешнего разбора, выбор владельца «примени все» =================
   определение капитала видно без наведения; «Отложено» шкалой к цели и на ПК; мини-графики полосы на одной линии;
   период над карточками; изменение категорий к прошлому периоду; подписи не мельче 13; «Сохранить прогресс» на телефоне короче */
html.fjlab-r:root body .finance-journal-wrapper #summaryRow .fj-card-networth .tool-label .fj-def{font:400 13px/1.3 "IBM Plex Sans",Arial,sans-serif!important;color:var(--fjr-2)!important;margin-left:8px;text-transform:none!important;letter-spacing:0!important}
html.fjlab-r:root body .finance-journal-wrapper .fj-period-label{color:var(--fjr-2)!important;font-size:13px!important;font-variant-numeric:tabular-nums}
html.fjlab-r:root body .finance-journal-wrapper :is(.fj-chart-note,#dailyCashFlowSummary){font-size:13px!important}
/* строка категории сеткой: изменение — второй строкой под суммой (отдельной колонкой на 1280 оно съедало название целиком) */
html.fjlab-r:root body .finance-journal-wrapper #donutDetailsList .fj-donut-detail-row:not(.fj-donut-rest-item),
html.fjlab-r:root body .finance-journal-wrapper #donutDetailsList.is-expanded>.fj-donut-rest-item{display:grid!important;grid-template-columns:10px minmax(0,1fr) auto 36px;column-gap:10px;row-gap:1px;align-items:center;padding-top:5px!important;padding-bottom:5px!important}
html.fjlab-r:root body .finance-journal-wrapper #donutDetailsList .fj-donut-detail-dot{grid-column:1;grid-row:1 / span 2}
html.fjlab-r:root body .finance-journal-wrapper #donutDetailsList .fj-donut-detail-name{grid-column:2;grid-row:1 / span 2}
html.fjlab-r:root body .finance-journal-wrapper #donutDetailsList .fj-donut-detail-amount{grid-column:3;grid-row:1;text-align:right}
html.fjlab-r:root body .finance-journal-wrapper #donutDetailsList .fj-donut-detail-pct{grid-column:4;grid-row:1 / span 2;text-align:right}
html.fjlab-r:root body .finance-journal-wrapper .fj-donut-detail-chg{grid-column:3;grid-row:2;text-align:right;font:500 13px/1.25 "IBM Plex Sans",Arial,sans-serif;font-variant-numeric:tabular-nums;color:var(--fjr-2);white-space:nowrap}
/* FJDIR16_2026_10_16 (владелец 16.10: «многие цифры которые должны быть красного цвета зеленые и наоборот»): стрелка изменения — цветом направления,
   как во всех инструментах (канон 0.2): рост зелёный, падение красный. До 16.10 у расходов было по смыслу (рост расходов красным) */
html.fjlab-r:root body .finance-journal-wrapper .fj-donut-detail-chg.is-up{color:#95ce5a}
html.fjlab-r:root body .finance-journal-wrapper .fj-donut-detail-chg.is-down{color:#f43f5e}
html.fjlab-r:root body .finance-journal-wrapper .fj-donut-chg-note{padding:8px 8px 0;font:400 13px/1.4 "IBM Plex Sans",Arial,sans-serif;color:var(--fjr-2)}
@media (min-width:900px){
/* «Отложено» шкалой к цели, как на телефоне: процент без шкалы был самой тихой карточкой полосы */
html.fjlab-r.fjlab-f:root body .finance-journal-wrapper #summaryRow .fj-card-savings .fjs-sbar{display:block;margin-top:2px}
html.fjlab-r.fjlab-f:root body .finance-journal-wrapper #summaryRow .fj-card-savings .fj-savings-unified{display:none!important}
html.fjlab-r.fjlab-f:root body .finance-journal-wrapper #summaryRow .fj-card-savings .fjs-sbar>span{margin-top:7px}
/* мини-графики всех четырёх карточек — по нижнему краю: у капитала (число крупнее) график стоял на 25 px ниже соседей */
html.fjlab-r.fjlab-f:root body .finance-journal-wrapper #summaryRow>.tool-card.tool-card{display:flex!important;flex-direction:column!important}
html.fjlab-r.fjlab-f:root body .finance-journal-wrapper #summaryRow>.tool-card.tool-card>.tool-sparkline{margin-top:auto!important;padding-top:12px!important;box-sizing:content-box}
}
@media (min-width:1100px){
/* поиск шире: подсказка «по описанию, категории, метке» обрезалась на 220 px */
html.fjlab-r:root body .finance-journal-wrapper .tool-topbar .topbar-search input{width:300px!important;max-width:300px!important}
}
@media (min-width:900px) and (max-width:1359px){
html.fjlab-r:not(.fjlab-i):root body .finance-journal-wrapper .fj-charts-row>.tool-panel:first-child .fj-donut-layout{gap:24px}
}
@media (max-width:899px){
/* телефон: «Сохранить прогресс» занимал полшапки — это приглашение войти, подпись короче */
html.fjlab-r:root body .topbar-right .bh-acc-native-save>span{font-size:0!important}
html.fjlab-r:root body .topbar-right .bh-acc-native-save>span::after{content:"Войти";font-size:14px;font-weight:500}
html.fjlab-r:root body .finance-journal-wrapper .tool-topbar .topbar-right .bh-acc-native-save{flex:0 0 auto!important;max-width:none!important;padding-inline:12px!important}
}

/* ================= FJ_TOP_2026_10_11 — верх на телефоне (снимок владельца 19:53): после входа середина полосы меню пустовала,
   под кнопками периода 34 px против 10 px над ними, в «Капитале» 28 px между подписью и числом против 10 px под числом ================= */
html.fjlab-r:root body .fj-top-period{display:none}
@media (max-width:899px){
html.fjlab-r:root body .finance-journal-wrapper .tool-topbar .topbar-left{flex:1 1 auto!important;min-width:0!important;display:flex!important;align-items:center}
html.fjlab-r:root body .finance-journal-wrapper .tool-topbar .fj-top-period{display:block;flex:1 1 auto;min-width:0;margin:0 8px 0 6px;font:500 14px/1.2 "IBM Plex Sans",Arial,sans-serif;color:var(--fjr-1);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.fjlab-r:root body .finance-journal-wrapper .tool-topbar .topbar-right{flex:0 0 auto!important}
html.fjlab-r:root body .finance-journal-wrapper #fjPeriodLabel{display:none!important}
/* без входа в полосе меню ещё «Войти» — период туда не помещается («1–11 о…»), он остаётся строкой над кнопками */
html.fjlab-r:root body .finance-journal-wrapper .tool-topbar:has(.bh-acc-native-save) .fj-top-period{display:none}
html.fjlab-r:root body .finance-journal-wrapper:has(.tool-topbar .bh-acc-native-save) #fjPeriodLabel:not(:empty){display:block!important}
html.fjlab-r:root body .finance-journal-wrapper .tool-main-inner{padding-top:12px!important}
html.fjlab:root body .finance-journal-wrapper .fj-global-date-filters.fj-global-date-filters{padding-bottom:0!important;margin-bottom:12px!important}
html.fjlab-r.fjlab-f:root body .finance-journal-wrapper #summaryRow>.fj-card-networth.fj-card-networth.fj-card-networth .tool-label{margin-bottom:6px!important}
html.fjlab-r.fjlab-f:root body .finance-journal-wrapper #summaryRow>.fj-card-networth.fj-card-networth.fj-card-networth .tool-value{margin-top:0!important;line-height:1.1!important}
html.fjlab-r.fjlab-f:root body .finance-journal-wrapper #summaryRow>.fj-card-networth.fj-card-networth.fj-card-networth .tool-sparkline{margin-top:10px!important}
}

/* ================= FJ_BRAND_2026_10_11 — бренд в приложении (владелец: «1 и 2») ================= */
html.fjlab-r:root body .finance-journal-wrapper .fj-brand{display:none}
html.fjlab-r:root body .finance-journal-wrapper .fj-top-mark{display:none}
html.fjlab-r:root body .finance-journal-wrapper .fj-all-tools{display:block;margin:12px 12px 16px;padding:10px 12px;border-top:1px solid rgba(255,255,255,.07);font:500 14px/1.3 "IBM Plex Sans",Arial,sans-serif;color:var(--fjr-2)!important;text-decoration:none!important}
html.fjlab-r:root body .finance-journal-wrapper .fj-all-tools:hover{color:var(--fjr-1)!important}
@media (max-width:899px){
html.fjlab-r:root body .finance-journal-wrapper .fj-brand{display:block;padding:18px 20px 6px;line-height:0}
html.fjlab-r:root body .finance-journal-wrapper .fj-brand img{height:22px;width:auto}
/* под логотипом — значок и «ФинЖурнал» строкой слева (в выезжающем меню надпись пряталась, оставался один значок по центру) */
html.fjlab-r:root body .finance-journal-wrapper .tool-sidebar .tool-sidebar-logo{justify-content:flex-start!important;gap:10px!important;padding:10px 20px 16px!important}
html.fjlab-r:root body .finance-journal-wrapper .tool-sidebar .tool-sidebar-logo .logo-text{display:block!important}
/* знак в полосе меню снят (владелец 11.10: «в хедере в мобильном не надо») — бренд только в меню ≡ */
}
/* FJ_MAIN_TONE_2026_10_12: главный блок экрана — как итог калькуляторов. Тонируется ВСЯ сводка (капитал + доходы/расходы/сбережения),
   как вся карточка итога калькулятора (сумма + показатели): #171e28 (тот же тон 215°) и тонкая серая рамка. Одна светлая ячейка
   «Капитал» читалась как выбранная/наведённая (ячейки сводки нажимаются и светлеют при наведении) — так не делать.
   Внутри «Капитал» главный размером и шириной. Старое зелёное text-shadow 25px у суммы снято — владелец отверг свечение 09.10. */
html.fjlab.fjlab-r:root:root body .finance-journal-wrapper #summaryRow#summaryRow{background:#171e28!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)!important}
html.fjlab.fjlab-r:root:root body .finance-journal-wrapper #summaryRow#summaryRow :is(.tool-value,.fjr-tail){text-shadow:none!important}
/* FJ_QA_2026_10_12: знак валюты у сумм в карточках — не мельче 13 px (правило R: кегли от 13); у «Доходов», «Расходов», «Отложено» .6em давало 12 px */
html.fjlab-r:root body .finance-journal-wrapper #summaryRow .tool-value .fjr-tail{font-size:max(13px,.6em)}
/* FJ_POLISH_2026_10_12 (внешний разбор): отметка цели «Отложено» видна и на зелёной, и на пустой полосе — белая риска с тёмной обводкой, выступает над полосой */
html.fjlab-r.fjlab-f:root body .finance-journal-wrapper #summaryRow .fjs-sbar>i>u{top:-4px;bottom:-4px;width:2px;margin-left:-1px;background:#fff;opacity:1;border-radius:1px;box-shadow:0 0 0 1px #0a0d12}
/* телефон: мини-график капитала ближе к строке «за 3 месяца» и ниже на 8 px — карточка короче на 14 px */
@media (max-width:899px){
html.fjlab-r.fjlab-f:root body .finance-journal-wrapper #summaryRow>.fj-card-networth.fj-card-networth.fj-card-networth .tool-sparkline{height:40px!important;margin:6px 0 0!important}
}
/* SEG_ONE_2026_10_12: выбранная кнопка нейтрального переключателя — одна во всех инструментах, как «Месяц» (#252e3a, белый текст).
   Красные и зелёные «Расход / Доход», «Я должен / Мне должны» несут смысл и остаются своими.
   В окнах (правило накоплений, фильтр плана, «Отложить / Снять») выбранная кнопка раньше не отличалась от невыбранной. */
html.fjlab-r:root body .finance-journal-wrapper :is(.fj-chart-period-selector button.active,.fj-calc-subtab.active,.fj-liability-tab.active,.fj-tx-page-btn.active,.fj-sub-filter.active):is(button,a){background:#252e3a!important;color:#fff!important}
html.fjlab-r:root body .tool-type-btn.active:not(.expense):not(.income):not(.transfer){background:#252e3a!important;border-color:#252e3a!important;color:#fff!important}
/* CANON_2026_10_13 — единый канон инструментов (решение владельца 13.10). Кегли и плотность «Авто» не трогаем (выбор владельца 09.10).
   Полосы слева и сверху — фон страницы #0a0d12 и линия .07 (были градиент #080b0f и линия #1f2630).
   «Добавить» — главная кнопка без градиента и свечения; кнопки панели — второстепенные: заливка .06, r6, 500. Название 16/600. */
html.fjlab-r:root body .finance-journal-wrapper .tool-sidebar{background:#0a0d12!important;border-right-color:rgba(255,255,255,.07)!important}
html.fjlab-r:root body .finance-journal-wrapper .tool-topbar{background:#0a0d12!important;border-bottom-color:rgba(255,255,255,.07)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html.fjlab-r:root body .finance-journal-wrapper .tool-sidebar .logo-text{font-size:16px!important;font-weight:600!important}
html.fjlab-r:root body .finance-journal-wrapper #btnAddNew{background:#95ce5a!important;color:#0c0f15!important;font-weight:600!important;border-radius:6px!important;box-shadow:none!important}
html.fjlab-r:root body .finance-journal-wrapper #btnAddNew:hover{background:#a6d873!important;box-shadow:none!important;transform:none!important}
html.fjlab-r:root body .finance-journal-wrapper .tool-topbar :is(.fj-topbar-import,.bh-acc-native-save,.tool-currency-select){background:rgba(255,255,255,.06)!important;color:#e6e9ee!important;font-weight:500!important;border-radius:6px!important}
html.fjlab-r:root body .finance-journal-wrapper .tool-topbar :is(.fj-topbar-import,.bh-acc-native-save,.tool-currency-select):hover{background:rgba(255,255,255,.1)!important;color:#fff!important}
html.fjlab-r:root body .finance-journal-wrapper #btnExport{background:rgba(255,255,255,.06)!important;border-color:transparent!important;border-radius:6px!important;font-weight:500!important}
html.fjlab-r:root body .finance-journal-wrapper #btnExport:hover{background:rgba(255,255,255,.1)!important}
/* градиентная кайма второстепенных кнопок (::before), свечение активного пункта и боковой полосы — сняты (в R их нет) */
html.fjlab-r:root body .finance-journal-wrapper :is(.tool-btn--secondary,.tool-sidebar)::before,html.fjlab-r:root body .finance-journal-wrapper .tool-nav-item.active::before{display:none!important}
html.fjlab-r:root body .bh-tool-cta-in{background:#121820!important;border:0!important;box-shadow:none!important}
html.fjlab-r:root body .bh-tool-cta-txt b{font-size:16px;font-weight:600}
html.fjlab-r:root body .bh-tool-cta-txt span{color:#b3b9c2}
html.fjlab-r:root body .bh-tool-cta .btn{font-weight:600;border-radius:6px;color:#0c0f15}
html.fjlab-r:root body .bh-tool-cta .btn:hover{background:#a6d873}

/* FJSENSE16_2026_10_16: «Крупные траты» — дата операции вместо доли, кегль 13 по канону */
html.fjlab-r.fjlab-f:root body .finance-journal-wrapper #summaryRow .fjs-sbar>span b{font-weight:400;color:#f43f5e}
/* период в заголовке графика — обычным начертанием: пояснение к выводу, а не вывод */
.finance-journal-wrapper #chartLineHeadline .fj-hl-per{font-weight:400}
.finance-journal-wrapper .fj-top-spending-pct.fj-top-spending-date{width:auto;min-width:72px;font-size:13px;font-family:"IBM Plex Sans",Arial,sans-serif;color:var(--fjr-3,#949ca7)}

/* ================= FJTOP21_2026_10_21 — строка поиска на узком компьютере (владелец 21.10: «1»). При 901–1279 px кнопки справа
   стояли вплотную к полю поиска, при 901–1100 вылезали за правый край (при 901 — на 160 px, выбор валюты целиком за краем),
   выбор валюты сжимался до 46 px без «₽ RUB». Поле забирает остаток строки (до 300 px), кнопки не сжимаются, между полем
   и кнопками не меньше 24 px; уже 1200 px «Сохранить прогресс» — «Войти», как на телефоне; уже 1024 — «Выписка» без «из банка». ================= */
@media (min-width:901px){
html.fjlab-r:root body .finance-journal-wrapper .tool-topbar .topbar-left{flex:1 1 auto!important;min-width:0!important;margin-right:24px}
html.fjlab-r:root body .finance-journal-wrapper .tool-topbar .topbar-search{flex:0 1 300px;min-width:120px}
html.fjlab-r:root body .finance-journal-wrapper .tool-topbar .topbar-search input{width:100%!important;max-width:100%!important;text-overflow:ellipsis}
html.fjlab-r:root body .finance-journal-wrapper .tool-topbar .topbar-right{flex:0 0 auto!important}
html.fjlab-r:root body .finance-journal-wrapper .tool-topbar .topbar-right>*{flex-shrink:0!important}
/* выбор валюты — по ширине своего текста: общее правило .tool-app select{width:100%} растягивало его на всю группу, 90 px он получал только сжатием */
html.fjlab-r:root body .finance-journal-wrapper .tool-topbar #currencySelect{width:auto!important;max-width:none!important}
}
@media (min-width:901px) and (max-width:1199.98px){
html.fjlab-r:root body .topbar-right .bh-acc-native-save>span{font-size:0!important}
html.fjlab-r:root body .topbar-right .bh-acc-native-save>span::after{content:"Войти";font-size:14px;font-weight:500}
}
@media (min-width:1024px) and (max-width:1199.98px){
html.fjlab-r.fjlab-s5:root body .topbar-right .bh-acc-native-save>span::after{font-size:13px}
}
@media (min-width:901px) and (max-width:1023.98px){
html.fjlab-r:root body .finance-journal-wrapper .tool-topbar .fj-imp-tail{display:none}
html.fjlab-r:root body .finance-journal-wrapper .tool-topbar .topbar-right{gap:8px!important}
}

/* FJOV22 — «Обзор» финжурнала (владелец 22.10: «должны ли в журнале блоки быть слитными … может и ещё какие то проблемы есть»).
   Зазор между блоками один — 24 px: «Денежный поток по дням» и «Правило 50/30/20» стояли вплотную (у потока нижний отступ 0,
   у правила нет верхнего), в правой колонке было 40 px (gap 20 + margin 20), у последних двух 20.
   50/30/20: строка «план …, сверх плана …» не переносилась и при выравнивании вправо уходила влево поверх полосы — колонка цифр
   шире, перенос разрешён (деньги не рвутся: fmt ставит неразрывный пробел перед знаком валюты). */
html:root body .finance-journal-wrapper #sec-overview#sec-overview > .fj-charts-row + .tool-panel{margin-bottom:24px!important}
html:root body .finance-journal-wrapper #sec-overview#sec-overview .fj-side-stack{gap:24px!important}
html:root body .finance-journal-wrapper #sec-overview#sec-overview .fj-side-stack > .tool-panel{margin-bottom:0!important}
@media (min-width:769px){
  html:root body .finance-journal-wrapper .fj-rule503020-row.fj-rule503020-row{grid-template-columns:180px minmax(0,1fr) minmax(200px,280px)}
  html:root body .finance-journal-wrapper .fj-rule503020-plan.fj-rule503020-plan{white-space:normal}
}

/* ================= FJLOGIN22_2026_10_22 — значок «Войти» (владелец 22.10: «3 да»). Где подпись кнопки плагина аккаунтов
   «Сохранить прогресс» заменена на «Войти» (телефон и окно 901–1199 px), значок тоже входа — человек, как у «Войти» в шапке сайта,
   а не дискета. Линии дискеты скрыты, коробка 15×15 и зазор 6 px прежние; человек — маской цветом текста, линия 2. ================= */
@media (max-width:899px),(min-width:901px) and (max-width:1199.98px){
html.fjlab-r:root body .topbar-right .bh-acc-native-save>svg>*{display:none}
html.fjlab-r:root body .topbar-right .bh-acc-native-save>svg{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}
}