/* MK2_2026_11_05 — единая мобильная система инструментов BUYHOLD (телефон, до 899 px). Один вид, без вариантов. Владелец 05.11: «не надо делать кучу вариантов. надо привести инструменты на мобильном к сохранённому единому виду и стилю. а то сейчас даже многие кнопки различаются в разных инструментах». Устройство файла: каждый элемент описан ОДИН раз, а рядом перечислены узлы инструментов, которые им являются. Новый инструмент — строка в списке элемента, не новое правило. Расчёты, данные и обработчики инструментов не меняются — только вид и места. 0 токены и набор значков (один на все инструменты: «≡», «+», поделиться, сбросить, помощь, ещё, импорт, поиск, копировать, вход) 1 шапка: строка 56 — «≡» (только в приложении) · название · значки 44 · «Войти» (в приложении, у гостя); вторая строка — контекст 2 кнопки: главная, запасная, текстовая — 44 в высоту; чипы — 36 с зоной 44 3 переключатель — образец «г» (канон 0.6), пункт 40 4 поле — лунка 52, число 20/600, единица 14/500 5 главное число — 32/600, копейки и валюта 20/500 #b3b9c2 6 нижняя панель — одна для сайта и инструментов: 60, значок 22, подпись 12/500, текущий раздел зелёным, «+» — главная кнопка 7 торговый экран (симулятор, живой график): таймфреймы, строка инструмента, нижняя панель 8 края: узкие экраны и крупный шрифт, длинные числа, клавиатура, фокус, листаемые ряды Сборка: kit.src.css → bh-mobile-kit.css (:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body — приставка силы правила). Откат — удалить файл и mu bh-mobile-kit.php. */ @media (max-width:899px){ /* ================================================================ 0. Токены ================================================================ */ html.mk{ --mk-bg:#0a0d12;--mk-s1:#121820;--mk-s2:#171e28;--mk-s3:#1f2834;--mk-sel:#252e3a; --mk-t1:#e6e9ee;--mk-t2:#b3b9c2;--mk-t3:#949ca7;--mk-g1:#95ce5a;--mk-ink:#0c0f15;--mk-red:#f43f5e; --mk-line:rgba(255,255,255,.07);--mk-line2:#1f2834; --mk-font:'IBM Plex Sans',Arial,sans-serif; --mk-light:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0) 70%); --mk-light-sh:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(0,0,0,.14); /* значки — линейные, сетка 24, линия 2, скруглённые концы (канон 0.8); «≡» — как в шапке сайта: три линии 22×2 через 6 */ --ic-menu:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 14'%3E%3Crect width='22' height='2' rx='1'/%3E%3Crect y='6' width='22' height='2' rx='1'/%3E%3Crect y='12' width='22' height='2' rx='1'/%3E%3C/svg%3E"); --ic-plus: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'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E"); --ic-share: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%3Ccircle cx='18' cy='5' r='3'/%3E%3Ccircle cx='6' cy='12' r='3'/%3E%3Ccircle cx='18' cy='19' r='3'/%3E%3Cpath d='M8.6 13.5l6.8 4M15.4 6.5l-6.8 4'/%3E%3C/svg%3E"); --ic-reset: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='M3 12a9 9 0 1 0 3-6.7L3 8'/%3E%3Cpath d='M3 3v5h5'/%3E%3C/svg%3E"); --ic-help: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%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9.1 9a3 3 0 0 1 5.8 1c0 2-3 3-3 3M12 17h.01'/%3E%3C/svg%3E"); --ic-more:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M5 12h.01M12 12h.01M19 12h.01'/%3E%3C/svg%3E"); --ic-import: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='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3'/%3E%3C/svg%3E"); --ic-search: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'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M21 21l-4.3-4.3'/%3E%3C/svg%3E"); --ic-copy: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%3Crect x='9' y='9' width='13' height='13' rx='2'/%3E%3Cpath d='M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'/%3E%3C/svg%3E"); --ic-user: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"); --ic-close: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'%3E%3Cpath d='M18 6L6 18M6 6l12 12'/%3E%3C/svg%3E"); --ic-chev: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='M6 9l6 6 6-6'/%3E%3C/svg%3E"); } /* ================================================================ 1. Шапка ================================================================ Шапка инструмента — одна-две строки и одна черта под ними. Первая строка 56: «≡» · название · значки. Вторая (если есть) — контекст: счёт, портфель, период слева; валюта справа; у калькуляторов — режимы. В браузере «≡» нет (меню сайта уже есть), название со стрелкой открывает разделы инструмента (канон К5 а); «Войти» тоже нет — она в шапке сайта. */ html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body :is(#bhc-shell .bhc-top,.trading-journal-wrapper .tj-topbar,.finance-journal-wrapper header.tool-topbar,.tsim .tsim-topbar){ display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;gap:0!important; min-height:56px!important;height:auto!important;padding:6px 6px 6px 10px!important;margin:0!important;border:0!important;border-bottom:1px solid var(--mk-line)!important; box-shadow:none!important;box-sizing:border-box!important} html.mk:not(.bh-pwa-standalone):is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body :is(#bhc-shell .bhc-top,.trading-journal-wrapper .tj-topbar,.finance-journal-wrapper header.tool-topbar,.tsim .tsim-topbar){padding-left:16px!important} /* конвертер: та же строка 56, черта — под всей шапкой */ html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell .ccr-head{padding:0 6px 0 16px!important;margin:0 -16px 8px!important;border:0!important;border-bottom:1px solid var(--mk-line)!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell .ccr-title-row{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:0!important;min-height:56px!important;padding:6px 0!important;margin:0!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell .ccr-title-row>.ccr-h1{margin-left:0!important} /* конвертер: шапка от верха страницы, как у всех инструментов (обёртка давала ещё 16 px сверху, и шапка стояла ниже соседей); в приложении слева «≡», поля строки — как у остальных */ html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell.ccr-solo>.ccr-wrap{padding-top:0!important} html.mk.bh-pwa-standalone:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell .ccr-head{padding-left:10px!important} /* обёртки строки журналов не мешают раскладке: их кнопки встают прямо в строку */ html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body :is(.trading-journal-wrapper .tj-topbar :is(.tj-topbar-left,.tj-topbar-actions,.tj-topbar-right),.finance-journal-wrapper header.tool-topbar :is(.topbar-left,.topbar-right),#bhc-shell .bhpf-topbar .bhpf-top-actions,.tsim .tsim-topbar-left){display:contents!important} /* разрыв строки перед контекстом */ html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body :is(#bhc-shell .bhpf-topbar,.trading-journal-wrapper .tj-topbar,.finance-journal-wrapper header.tool-topbar)::after{content:'';order:7;flex:1 0 100%;height:0} /* --- «≡» — только в приложении: одна кнопка 44, один значок, как в шапке сайта --- */ html.mk.bh-pwa-standalone:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body :is(#bhc-shell .bhc-top>.bhc-burger,#bhc-shell .ccr-title-row>.mk-burger,#fjMobileBurger,#tj-mobile-burger,.tsim #mobileMenuBtn){order:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important; flex:none!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;margin:0!important;padding:0!important; background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;border-radius:6px!important;color:var(--mk-t1)!important;position:relative} html.mk.bh-pwa-standalone:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body :is(#bhc-shell .bhc-top>.bhc-burger,#bhc-shell .ccr-title-row>.mk-burger,#fjMobileBurger,#tj-mobile-burger,.tsim #mobileMenuBtn)>:is(svg,i){display:none!important} html.mk.bh-pwa-standalone:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body :is(#bhc-shell .bhc-top>.bhc-burger,#bhc-shell .ccr-title-row>.mk-burger,#fjMobileBurger,#tj-mobile-burger,.tsim #mobileMenuBtn)::before{content:'';display:block;width:22px;height:14px;background:currentColor; -webkit-mask:var(--ic-menu) center/22px 14px no-repeat;mask:var(--ic-menu) center/22px 14px no-repeat} html.mk.bh-pwa-standalone:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .tsim .tsim-topbar>.tsim-topbar-center{order:1!important;display:flex!important;flex:none!important;margin:0!important;padding:0!important} /* --- название: 17/600 белым, до двух строк (одно правило в приложении и в браузере); в браузере — со стрелкой (меню разделов). Название берёт остаток строки, значки и «Войти» в строке названия не переносятся никогда --- */ html.mk.bh-pwa-standalone:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body :is(#bhc-shell .bhc-top>.bhc-h1,#bhc-shell .ccr-h1,.tsim .mk-title){order:2!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1 1 1px!important;min-width:0!important; position:static!important;width:auto!important;height:auto!important;clip:auto!important;clip-path:none!important;overflow:hidden!important; margin:0 0 0 6px!important;padding:0!important;font:600 17px/22px var(--mk-font)!important;letter-spacing:0!important;color:#fff!important;white-space:normal!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell .ccr-h1{order:2;flex:1 1 1px;min-width:0;margin:0!important;padding:0!important;font:600 17px/22px var(--mk-font)!important;color:#fff!important;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} html.mk:not(.bh-pwa-standalone):is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .mk-title{display:none!important} html.mk:not(.bh-pwa-standalone):is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell .bhc-top>.bhc-h1{order:2!important;flex:1 1 1px!important;min-width:0!important;margin:0!important;padding:0!important;font:600 17px/22px var(--mk-font)!important;color:#fff!important} html.mk:not(.bh-pwa-standalone):is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body :is(#bhc-shell .bhc-top>.bhc-h1 .bh-tm,#bhc-shell .ccr-h1>.mk-tmc,.bh-tm--sect,.tsim #mobileMenuBtn.bh-tm-sim){order:2!important;display:inline-flex!important;align-items:center!important;gap:6px!important; flex:0 1 auto!important;min-width:0!important;max-width:100%!important;min-height:44px!important;width:auto!important;height:auto!important;margin:0 auto 0 0!important;padding:0!important; background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;color:#fff!important;text-align:left!important;cursor:pointer} html.mk:not(.bh-pwa-standalone):is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body :is(.bh-tm .bh-tm-t,.tsim #mobileMenuBtn.bh-tm-sim #mobileMenuLabel,.mk-tm-name){display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important;white-space:normal!important; font:600 17px/22px var(--mk-font)!important;letter-spacing:0!important;color:#fff!important;min-width:0} html.mk:not(.bh-pwa-standalone):is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body :is(.bh-tm .bh-tm-chev,.tsim #mobileMenuBtn.bh-tm-sim .bh-tm-chev){width:16px!important;height:16px!important;flex:none!important;color:var(--mk-t3)!important;stroke:currentColor} html.mk:not(.bh-pwa-standalone):is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .tsim #mobileMenuBtn.bh-tm-sim>svg:not(.bh-tm-chev){display:none!important} html.mk:not(.bh-pwa-standalone):is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .tsim .tsim-topbar>.tsim-topbar-center{order:2!important;display:flex!important;flex:1 1 1px!important;min-width:0!important;margin:0!important;padding:0!important;justify-content:flex-start!important} html.mk:not(.bh-pwa-standalone):is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body :is(.bh-tm--sect,.tsim #mobileMenuBtn):has(>.mk-tm-name)>:is(.bh-tm-t,#mobileMenuLabel){display:none!important} html.mk:not(.bh-pwa-standalone):is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body :is(.trading-journal-wrapper .tj-topbar,.finance-journal-wrapper header.tool-topbar) .bh-tm--sect{flex:1 1 1px!important} html.mk:not(.bh-pwa-standalone):is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body :is(.trading-journal-wrapper .tj-topbar,.finance-journal-wrapper header.tool-topbar) .bh-tm--sect>.mk-tm-name{flex:0 1 auto;min-width:0} /* узкий экран (до 360, в том числе крупный шрифт системы): название 16, отступ слева у «≡» меньше — чтобы название помещалось целиком рядом со значками */ @media (max-width:359px){ html.mk.bh-pwa-standalone:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body :is(#bhc-shell .bhc-top,#bhc-shell .ccr-head,.trading-journal-wrapper .tj-topbar,.finance-journal-wrapper header.tool-topbar,.tsim .tsim-topbar){padding-left:4px!important;padding-right:2px!important} html.mk:not(.bh-pwa-standalone):is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body :is(#bhc-shell .bhc-top,#bhc-shell .ccr-head,.trading-journal-wrapper .tj-topbar,.finance-journal-wrapper header.tool-topbar,.tsim .tsim-topbar){padding-left:12px!important;padding-right:2px!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body :is(#bhc-shell .bhc-top>.bhc-h1,#bhc-shell .ccr-h1,.mk-title,.mk-per .mk-per-t,.bh-tm .bh-tm-t,.tsim #mobileMenuBtn.bh-tm-sim #mobileMenuLabel,.mk-tm-name){font-size:16px!important;line-height:20px!important} } /* у калькуляторов название — сам заголовок h1: обёртка-кнопка внутри него во всю ширину строки */ html.mk:not(.bh-pwa-standalone):is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell .bhc-top>.bhc-h1:has(.bh-tm){display:flex!important} /* конвертер в браузере: название со стрелкой, как у всех; своих разделов у него нет — открывает общий список инструментов (лист меню сайта) */ html.mk:not(.bh-pwa-standalone):is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell .ccr-h1:has(>.mk-tmc){display:flex!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell .ccr-h1>.mk-tmc>.mk-chev{width:16px;height:16px;flex:none;background:var(--mk-t3);-webkit-mask:var(--ic-chev) center/16px no-repeat;mask:var(--ic-chev) center/16px no-repeat} /* калькуляторы в браузере: на экране — то же короткое имя, что в приложении и в списке инструментов. Заголовок h1 целиком остаётся в коде страницы (для поиска и экранного диктора), короткое имя рисуется оформлением и в текст страницы не попадает. Без этого «Калькулятор сложного процента» и «Калькулятор погашения долгов» шли в две строки, а в приложении — в одну */ html.mk:not(.bh-pwa-standalone):is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell .bhc-top>.bhc-h1 .bh-tm[data-mk-name]>.bh-tm-t{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;margin:0!important;padding:0!important} html.mk:not(.bh-pwa-standalone):is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell .bhc-top>.bhc-h1 .bh-tm[data-mk-name]::before{content:attr(data-mk-name);content:attr(data-mk-name) / "";min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 17px/22px var(--mk-font);letter-spacing:0;color:#fff} @media (max-width:359px){html.mk:not(.bh-pwa-standalone):is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell .bhc-top>.bhc-h1 .bh-tm[data-mk-name]::before{font-size:16px;line-height:20px}} /* --- значки в шапке: кнопка 44 без плитки, значок 20 #b3b9c2, нажатие — плитка #171e28. Список кнопок — явный: общее «>button» показывало скрытые на телефоне («Сравнить» калькуляторов, полный экран симулятора) --- */ html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body :is(#bhc-shell .bhc-top .bhc-top-act>:is(.bhc-tour-btn,button[aria-label^="Сбросить"],button[aria-label="Поделиться расчётом"]),#bhc-shell .ccr-head-act>:is(#copy-result-btn,#share-btn), .finance-journal-wrapper header.tool-topbar #fjImpTopBtn,.trading-journal-wrapper .tj-topbar :is(#tj-import-menu-btn,#tj-more-menu-btn), .tsim .tsim-topbar :is(#tsimScenarioBtn,#tsimChallengeBtn,#tsimCourseBtn,#tsimHelpBtn),#bhc-shell .lcm-head .lcm-more,#bhc-shell .lc-topbar>.mk-search-btn){display:inline-flex!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body :is(#bhc-shell .bhc-top .bhc-top-act>button,#bhc-shell .ccr-head-act>button,.finance-journal-wrapper header.tool-topbar #fjImpTopBtn, .trading-journal-wrapper .tj-topbar :is(#tj-import-menu-btn,#tj-more-menu-btn),.tsim .tsim-topbar :is(#tsimScenarioBtn,#tsimChallengeBtn,#tsimCourseBtn,#tsimHelpBtn), #bhc-shell .lcm-head .lcm-more,.mk-ib){ align-items:center!important;justify-content:center!important;flex:none!important; width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;margin:0!important; background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;border-radius:6px!important; color:var(--mk-t2)!important;font-size:0!important;line-height:0!important;position:relative;cursor:pointer} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body :is(#bhc-shell .bhc-top .bhc-top-act>button,#bhc-shell .ccr-head-act>button,.finance-journal-wrapper header.tool-topbar #fjImpTopBtn, .trading-journal-wrapper .tj-topbar :is(#tj-import-menu-btn,#tj-more-menu-btn),.tsim .tsim-topbar :is(#tsimScenarioBtn,#tsimChallengeBtn,#tsimCourseBtn,#tsimHelpBtn), #bhc-shell .lcm-head .lcm-more,.mk-ib):active{background:var(--mk-s2)!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .tsim .tsim-topbar :is(#tsimScenarioBtn,#tsimChallengeBtn,#tsimCourseBtn)>svg{width:20px!important;height:20px!important} /* подписи кнопок остаются для чтения с экрана, на экране — значок */ html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body :is(#bhc-shell .bhc-top .bhc-top-act>button,#bhc-shell .ccr-head-act>button,.finance-journal-wrapper header.tool-topbar #fjImpTopBtn,.trading-journal-wrapper .tj-topbar :is(#tj-import-menu-btn,#tj-more-menu-btn),.tsim .tsim-topbar :is(#tsimScenarioBtn,#tsimChallengeBtn,#tsimCourseBtn,#tsimHelpBtn)) :is(span:not([class*=dot]),.tsim-word,.tj-btn-text), html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .mk-sr{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;padding:0!important;margin:0!important;border:0!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .trading-journal-wrapper .tj-topbar #tj-import-menu-btn .fa-caret-down{display:none!important} /* один набор значков: тот же «поделиться», «сбросить», «помощь», «ещё», «импорт» во всех инструментах */ html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell .bhc-top .bhc-top-act>.bhc-tour-btn,html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .tsim #tsimHelpBtn{--mk-i:var(--ic-help)} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell .bhc-top .bhc-top-act>button[aria-label^="Сбросить"]{--mk-i:var(--ic-reset)} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell :is(.bhc-top .bhc-top-act>button[aria-label="Поделиться расчётом"],.ccr-head-act>#share-btn){--mk-i:var(--ic-share)} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell .ccr-head-act>#copy-result-btn{--mk-i:var(--ic-copy)} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body :is(.finance-journal-wrapper #fjImpTopBtn,.trading-journal-wrapper #tj-import-menu-btn){--mk-i:var(--ic-import)} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body :is(.trading-journal-wrapper #tj-more-menu-btn,#bhc-shell .lcm-head .lcm-more){--mk-i:var(--ic-more)} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .mk-search-btn{--mk-i:var(--ic-search)}html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .mk-search-x{--mk-i:var(--ic-close)} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body :is(#bhc-shell .bhc-top .bhc-top-act>:is(.bhc-tour-btn,button[aria-label^="Сбросить"],button[aria-label="Поделиться расчётом"]),#bhc-shell .ccr-head-act>:is(#share-btn,#copy-result-btn), .finance-journal-wrapper #fjImpTopBtn,.trading-journal-wrapper :is(#tj-import-menu-btn,#tj-more-menu-btn),#bhc-shell .lcm-head .lcm-more,.tsim #tsimHelpBtn,.mk-ib)>:is(svg,i){display:none!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body :is(#bhc-shell .bhc-top .bhc-top-act>:is(.bhc-tour-btn,button[aria-label^="Сбросить"],button[aria-label="Поделиться расчётом"]),#bhc-shell .ccr-head-act>:is(#share-btn,#copy-result-btn), .finance-journal-wrapper #fjImpTopBtn,.trading-journal-wrapper :is(#tj-import-menu-btn,#tj-more-menu-btn),#bhc-shell .lcm-head .lcm-more,.tsim #tsimHelpBtn,.mk-ib)::before{ content:''!important;display:block!important;width:20px!important;height:20px!important;background:currentColor!important;flex:none; -webkit-mask:var(--mk-i) center/20px 20px no-repeat;mask:var(--mk-i) center/20px 20px no-repeat} /* ряд значков — справа: калькуляторы, конвертер, симулятор */ html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body :is(#bhc-shell .bhc-top>.bhc-top-act,#bhc-shell .ccr-head-act,.tsim .tsim-topbar>.tsim-topbar-right){order:4!important;display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:0!important; flex:none!important;width:auto!important;margin:0 0 0 auto!important;padding:0!important;background:transparent!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .tsim .tsim-topbar-right>.tsim-lessons{width:44px!important;height:44px!important;min-width:44px!important;margin:0!important;padding:0!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .tsim .tsim-topbar-right>.tsim-topbar-sep{display:none!important} /* «Поделиться» — служебное действие: значок, как «Копировать», а не зелёный квадрат */ html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell :is(.bhc-top .bhc-top-act,.ccr-head-act)>.bhc-btn--primary{color:var(--mk-t2)!important} /* журналы: значки — справа, «+» в шапке нет (он в нижней панели) */ html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .trading-journal-wrapper .tj-topbar .tj-topbar-dropdown:has(#tj-import-menu-btn){order:4!important;margin-left:auto!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .trading-journal-wrapper .tj-topbar .tj-topbar-dropdown:has(#tj-more-menu-btn){order:5!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .trading-journal-wrapper .tj-topbar .tj-topbar-dropdown{flex:none!important;margin:0!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .finance-journal-wrapper header.tool-topbar #fjImpTopBtn{order:4!important;margin-left:auto!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body :is(.trading-journal-wrapper .tj-topbar #tj-add-trade,.finance-journal-wrapper header.tool-topbar #btnAddNew,#bhc-shell .bhpf-topbar .bhpf-btn--primary){display:none!important} /* --- «Войти» — в приложении у гостя, в конце первой строки. Одна кнопка системы (.mk-login, ставит скрипт; нажимает родную кнопку входа инструмента), вид — как в шапке сайта (канон К2 а): зелёная со светом, 32 с зоной 44. В браузере вход — в шапке сайта. --- */ html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body :is(.finance-journal-wrapper header.tool-topbar,.trading-journal-wrapper .tj-topbar,#bhc-shell .bhc-top) .bh-acc-native-save{display:none!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .mk-login{order:6!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;flex:none!important; height:32px!important;min-height:32px!important;margin:0 4px 0 8px!important;padding:0 14px 0 12px!important;border:0!important;border-radius:6px!important; background:var(--mk-g1)!important;background-image:var(--mk-light)!important;box-shadow:var(--mk-light-sh)!important;color:var(--mk-ink)!important;font:600 13.5px/1 var(--mk-font)!important; letter-spacing:0!important;text-transform:none!important;position:relative;cursor:pointer;white-space:nowrap} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .mk-login::before{content:'';width:16px;height:16px;flex:none;background:currentColor;-webkit-mask:var(--ic-user) center/16px no-repeat;mask:var(--ic-user) center/16px no-repeat} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .mk-login::after{content:'';position:absolute;left:0;right:0;top:-6px;bottom:-6px} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .mk-login>span{font:inherit!important;letter-spacing:inherit!important;color:inherit!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .mk-login:active{background-image:none!important;box-shadow:none!important} html.mk:not(.bh-pwa-standalone):is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .mk-login,html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .mk-login[hidden]{display:none!important} /* у «Учёта» и журнала сделок вход — сразу за названием, в первой строке */ html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell .bhpf-topbar>.mk-login{margin-left:auto!important} /* --- вторая строка — контекст: выбор счёта, портфеля, валюты — словом с уголком, без плитки; период — подписью --- */ html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body :is(#bhc-shell .bhpf-topbar .bhpf-pfname,.trading-journal-wrapper .tj-topbar #account-selector,.finance-journal-wrapper header.tool-topbar #fjTopPeriod){order:8!important;flex:0 1 auto!important;min-width:0!important;margin:0 auto 0 0!important} html.mk.bh-pwa-standalone:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body :is(#bhc-shell .bhpf-topbar .bhpf-pfname,.trading-journal-wrapper .tj-topbar #account-selector,.finance-journal-wrapper header.tool-topbar #fjTopPeriod){margin-left:6px!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body :is(#bhc-shell .bhpf-topbar .bhpf-pfbtn,.trading-journal-wrapper .tj-topbar #account-selector){display:inline-flex!important;align-items:center!important;gap:6px!important;height:44px!important;min-height:44px!important; padding:0!important;margin:0!important;background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important; font:600 16px/1.2 var(--mk-font)!important;color:var(--mk-t1)!important;max-width:100%;min-width:0;cursor:pointer} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body :is(#bhc-shell .bhpf-topbar .bhpf-pfbtn,.trading-journal-wrapper .tj-topbar #account-selector) span{font:inherit!important;color:inherit!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell .bhpf-topbar .bhpf-pfbtn>svg{width:16px!important;height:16px!important;flex:none!important;color:var(--mk-t3)!important;stroke:currentColor} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .trading-journal-wrapper .tj-topbar #account-selector .fa-chevron-down{width:16px!important;height:16px!important;font-size:12px!important;flex:none!important;color:var(--mk-t3)!important;background-color:var(--mk-t3)!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .trading-journal-wrapper .tj-topbar #account-selector .fa-wallet{display:none!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .trading-journal-wrapper .tj-topbar #account-selector{justify-content:flex-start!important;width:auto!important;max-width:100%!important;flex:0 1 auto!important} /* подпись периода финжурнала — под кнопкой периода (CTXSEL), сама подпись не показывается */ html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .finance-journal-wrapper header.tool-topbar #fjTopPeriod{display:none!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .finance-journal-wrapper .tool-main #fjPeriodLabel{display:none!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body :is(#bhc-shell .bhpf-topbar .bhpf-cursw,.finance-journal-wrapper header.tool-topbar #currencySelect){order:9!important;margin:0 4px 0 auto!important;flex:none!important} /* валюта финжурнала — поле выбора в лунке #121820, как переключатель валюты «Учёта» (Br | $): выбор валюты в обоих инструментах в лунке справа (словом без лунки поле сливалось с шапкой — проверка канона «поле не видно») */ html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .finance-journal-wrapper header.tool-topbar #currencySelect{-webkit-appearance:none!important;appearance:none!important;height:44px!important;min-height:44px!important;width:auto!important; padding:0 34px 0 12px!important;border:0!important;border-radius:8px!important;box-shadow:none!important;font:500 14px/1 var(--mk-font)!important;color:var(--mk-t1)!important; background:var(--mk-s1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23949ca7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 10px center/16px no-repeat!important} /* валюта «Учёта» — переключатель (раздел 3), зона нажатия 44 */ html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell .bhpf-topbar .bhpf-cursw>button{position:relative} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell .bhpf-topbar .bhpf-cursw>button::after{content:'';position:absolute;left:0;right:0;top:-6px;bottom:-6px} /* калькуляторы: режимы («Накопление · Цель», «Новый кредит · Досрочно · Рефинансирование») — второй строкой во всю ширину, вкладки с чертой */ html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell .bhc-top>.bhc-seg--inline{order:8!important;flex:1 0 100%!important;margin:0 0 -6px -6px!important;padding:0!important;display:flex!important;gap:4px!important;background:transparent!important;overflow-x:auto;scrollbar-width:none} html.mk:not(.bh-pwa-standalone):is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell .bhc-top>.bhc-seg--inline{margin-left:-12px!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell .bhc-top>.bhc-seg--inline::-webkit-scrollbar{display:none} /* --- выбор вместо названия (CTXSEL_2026_11_06; владелец 06.11 «да» на разбор шапки приложения). Каждый инструмент ставится своим приложением со своим значком и именем: название в шапке приложения повторяло значок и не говорило, что на экране. Вместо него — то, что человек выбирает: в финжурнале период, в журнале сделок счёт, в «Учёте» портфель. В браузере название остаётся: человек пришёл с сайта, а «Название ⌄» открывает разделы. Период — кнопка «Месяц ⌄» с датами под ней вместо ленты из семи кнопок (лента не помещалась и обрезалась, поля своего периода раскрывались за краем). Валюта и выписка финжурнала в приложении — в «⋯». --- */ html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .mk-per{display:inline-flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:1px!important; min-height:44px!important;min-width:0!important;max-width:100%!important;padding:0 8px 0 0!important;margin:0!important;border:0!important;border-radius:6px!important; background:transparent!important;background-image:none!important;box-shadow:none!important;color:var(--mk-t1)!important;text-align:left!important;cursor:pointer;position:relative} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .mk-per .mk-per-l{display:inline-flex!important;align-items:center!important;gap:6px!important;min-width:0!important;max-width:100%!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .mk-per .mk-per-t{font:600 17px/22px var(--mk-font)!important;color:var(--mk-t1)!important;letter-spacing:0!important;text-transform:none!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;min-width:0} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .mk-per .mk-per-c{display:block!important;width:16px!important;height:16px!important;flex:none!important;background:var(--mk-t3)!important;-webkit-mask:var(--ic-chev) center/16px no-repeat;mask:var(--ic-chev) center/16px no-repeat} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .mk-per .mk-per-s{display:block!important;font:500 13px/16px var(--mk-font)!important;color:var(--mk-t3)!important;letter-spacing:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .mk-per .mk-per-s[hidden]{display:none!important} /* во второй строке браузера — как счёт и портфель там же (16/600); на месте названия в приложении — как название (17/600) */ html.mk:not(.bh-pwa-standalone):is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .mk-per .mk-per-t{font-size:16px!important;line-height:20px!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .mk-per:active{background:var(--mk-s2)!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body :is(.mk-per,.mk-ibtn,.mk-sheet-it,.mk-sheet-x,.mk-sheet-ok):focus-visible{outline:2px solid var(--mk-g1)!important;outline-offset:-2px!important} /* значок «⋯» — как значки шапки: 20 px #b3b9c2 без плитки, плитка #171e28 при нажатии */ html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .mk-ibtn{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:none!important;width:44px!important;height:44px!important;min-height:44px!important; padding:0!important;margin:0!important;border:0!important;border-radius:6px!important;background:transparent!important;background-image:none!important;box-shadow:none!important;color:var(--mk-t2)!important;cursor:pointer} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .mk-ibtn::before{content:'';width:20px;height:20px;background:currentColor;-webkit-mask:var(--ic-more) center/20px no-repeat;mask:var(--ic-more) center/20px no-repeat} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .mk-ibtn:active{background:var(--mk-s2)!important} /* финжурнал: лента периодов и подпись периода — в кнопке «Месяц ⌄»; ряд остаётся только для фильтров-чипов (категория, счёт, поиск) */ html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .finance-journal-wrapper #globalDateFilters>:is(.tool-date-btn,#fjDateRangeInputs){display:none!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .finance-journal-wrapper #globalDateFilters:has(>#activeFilterChips[style*="none"]){display:none!important} /* приложение: кнопка периода — на месте названия; «⋯» справа; выписка и валюта — в «⋯» */ html.mk.bh-pwa-standalone:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .finance-journal-wrapper header.tool-topbar .mk-per{order:2!important;flex:1 1 1px!important;margin-left:6px!important} html.mk.bh-pwa-standalone:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .finance-journal-wrapper header.tool-topbar .mk-more{order:5!important;margin-left:auto!important} html.mk.bh-pwa-standalone:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .finance-journal-wrapper header.tool-topbar :is(.mk-title,#currencySelect),html.mk.bh-pwa-standalone:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .finance-journal-wrapper header.tool-topbar #fjImpTopBtn#fjImpTopBtn{display:none!important} /* браузер: кнопка периода — во второй строке слева, валюта справа (как было с подписью периода) */ html.mk:not(.bh-pwa-standalone):is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .finance-journal-wrapper header.tool-topbar .mk-per{order:8!important;flex:0 1 auto!important;margin:0 auto 0 0!important} html.mk:not(.bh-pwa-standalone):is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .finance-journal-wrapper header.tool-topbar .mk-more{display:none!important} /* журнал сделок: лента периодов с датами — в кнопке «Всё время ⌄» второй строкой шапки; в приложении счёт — на месте названия */ html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .trading-journal-wrapper #tjh-per{display:none!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .trading-journal-wrapper .tj-topbar .mk-per{order:8!important;flex:0 1 auto!important;margin:0 auto 0 0!important} html.mk.bh-pwa-standalone:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .trading-journal-wrapper .tj-topbar .mk-per{margin-left:6px!important} html.mk:not(.bh-pwa-standalone):is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .trading-journal-wrapper .tj-topbar .mk-per{order:9!important;margin:0 0 0 auto!important;align-items:flex-end!important;text-align:right!important;padding:0 6px 0 8px!important} html.mk.bh-pwa-standalone:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .trading-journal-wrapper .tj-topbar .mk-title{display:none!important} html.mk.bh-pwa-standalone:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .trading-journal-wrapper .tj-topbar #account-selector{order:2!important;flex:0 1 auto!important;min-width:0!important;margin:0 auto 0 6px!important;font:600 17px/22px var(--mk-font)!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .trading-journal-wrapper .tj-topbar #account-selector .fa-chevron-down{margin-left:0!important} /* плашка демо-счёта — строка заголовка и кнопка, без абзаца: раньше она занимала треть экрана над балансом */ html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .trading-journal-wrapper #tj-demo-banner{flex-direction:column!important;align-items:flex-start!important;flex-wrap:nowrap!important;gap:10px!important;padding:12px 14px!important;margin-bottom:12px!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .trading-journal-wrapper #tj-demo-banner>i{display:none!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .trading-journal-wrapper #tj-demo-banner>div{flex:none!important;min-width:0!important;width:100%!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .trading-journal-wrapper #tj-demo-banner>div>div:first-child{font-size:15px!important;line-height:20px!important;margin:0!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .trading-journal-wrapper #tj-demo-banner>div>div:nth-child(2){display:none!important} /* «Учёт» в приложении: портфель — на месте названия (имя, под ним где хранится), валюта ₽ | $ — в первой строке справа */ html.mk.bh-pwa-standalone:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell .bhpf-topbar>.bhc-h1{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;padding:0!important;margin:0!important} html.mk.bh-pwa-standalone:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell .bhpf-topbar .bhpf-pfname{order:2!important;flex:1 1 1px!important;min-width:0!important;margin:0 0 0 6px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:0!important} html.mk.bh-pwa-standalone:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell .bhpf-topbar .bhpf-pfbtn{height:auto!important;min-height:44px!important;font:600 17px/22px var(--mk-font)!important;position:relative} html.mk.bh-pwa-standalone:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell .bhpf-topbar .bhpf-pfbtn::after{content:'';position:absolute;left:0;right:0;top:-10px;bottom:-4px} html.mk.bh-pwa-standalone:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell .bhpf-topbar .bhpf-storest,html.mk.bh-pwa-standalone:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell .bhpf-topbar .bhpf-storest *{font:500 13px/16px var(--mk-font)!important;color:var(--mk-t3)!important;margin:0!important;padding:0!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;max-width:100%} /* валюта ₽ | $ — в «⋯», как валюта финжурнала: в первой строке она съедала место имени портфеля */ html.mk.bh-pwa-standalone:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell .bhpf-topbar .bhpf-cursw{display:none!important} html.mk.bh-pwa-standalone:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell .bhpf-topbar .mk-more{order:5!important;margin-left:auto!important} html.mk.bh-pwa-standalone:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell .bhpf-topbar>.mk-login{margin-left:4px!important} /* лист выбора: снизу, пункты 48, выбранный — плитка #252e3a (не зелёным); закрыть — «×», фон, Esc */ html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .mk-sheet{position:fixed!important;inset:0!important;z-index:100050!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;margin:0!important;padding:0!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .mk-sheet .mk-sheet-bg{position:absolute;inset:0;background:rgba(5,7,10,.62);opacity:0;transition:opacity .2s ease;touch-action:none} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .mk-sheet .mk-sheet-p{position:relative;background:var(--mk-s1)!important;border-radius:14px 14px 0 0;box-shadow:0 -1px 0 var(--mk-line);max-height:85vh;overflow-y:auto;overscroll-behavior:contain; padding:4px 0 calc(12px + env(safe-area-inset-bottom));transform:translateY(100%);transition:transform .22s ease} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .mk-sheet.is-in .mk-sheet-bg{opacity:1} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .mk-sheet.is-in .mk-sheet-p{transform:none} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .mk-sheet .mk-sheet-h{display:flex;align-items:center;min-height:52px;padding:0 6px 0 20px} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .mk-sheet .mk-sheet-t{flex:1 1 auto;font:600 17px/22px var(--mk-font)!important;color:var(--mk-t1)!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .mk-sheet .mk-sheet-x{display:inline-flex!important;align-items:center;justify-content:center;width:44px!important;height:44px!important;padding:0!important;margin:0!important;border:0!important;border-radius:6px!important;background:transparent!important;background-image:none!important;box-shadow:none!important;color:var(--mk-t2)!important;cursor:pointer} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .mk-sheet .mk-sheet-x:active{background:var(--mk-s2)!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .mk-sheet .mk-sheet-x::before{content:'';width:20px;height:20px;background:currentColor;-webkit-mask:var(--ic-close) center/20px no-repeat;mask:var(--ic-close) center/20px no-repeat} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .mk-sheet .mk-sheet-g{padding:16px 20px 8px;font:500 13px/16px var(--mk-font)!important;color:var(--mk-t3)!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .mk-sheet .mk-sheet-it{display:flex!important;align-items:center!important;width:calc(100% - 16px)!important;min-height:48px!important;margin:0 8px!important;padding:0 12px!important;border:0!important;border-radius:8px!important; background:transparent!important;background-image:none!important;box-shadow:none!important;font:500 16px/20px var(--mk-font)!important;color:var(--mk-t1)!important;text-align:left!important;text-transform:none!important;letter-spacing:0!important;cursor:pointer} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .mk-sheet .mk-sheet-it.is-on{background:var(--mk-sel)!important;font-weight:600!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .mk-sheet .mk-sheet-it:active{background:var(--mk-s2)!important} /* поля своего периода финжурнала (родные, лист берёт их к себе): лунки 52 */ html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .mk-sheet #fjDateRangeInputs{display:flex!important;align-items:center!important;gap:8px!important;padding:0 20px!important;margin:0!important;position:static!important;width:auto!important;background:transparent!important;border:0!important;box-shadow:none!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .mk-sheet #fjDateRangeInputs input[type=date]{flex:1 1 0!important;min-width:0!important;width:auto!important;height:52px!important;padding:0 12px!important;margin:0!important;border:0!important;border-radius:8px!important; background:var(--mk-bg)!important;color:var(--mk-t1)!important;font:500 16px/1 var(--mk-font)!important;color-scheme:dark;box-shadow:none!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .mk-sheet #fjDateRangeInputs>span{color:var(--mk-t3)!important;flex:none} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .mk-sheet .mk-sheet-ok{display:block!important;width:calc(100% - 40px)!important;height:44px!important;margin:16px 20px 4px!important;padding:0!important;border:0!important;border-radius:6px!important; background:var(--mk-s3)!important;background-image:none!important;box-shadow:none!important;color:var(--mk-t1)!important;font:600 15px/1 var(--mk-font)!important;cursor:pointer} @media (prefers-reduced-motion:reduce){html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .mk-sheet :is(.mk-sheet-bg,.mk-sheet-p){transition:none!important}} /* смарт-скрытие нижней панели в браузере — вместе со строкой инструмента (скрипт ставит html.mk-bhide) */ html.mk.mk-pin:not(.bh-pwa-standalone):is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .finance-journal-wrapper #mobileTabs,html.mk.mk-pin:not(.bh-pwa-standalone) .mk-tabbar{transition:transform .2s ease!important} html.mk.mk-pin.mk-bhide:not(.bh-pwa-standalone):is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .finance-journal-wrapper #mobileTabs,html.mk.mk-pin.mk-bhide:not(.bh-pwa-standalone):is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .mk-tabbar{transform:translateY(calc(100% + 2px))!important} @media (prefers-reduced-motion:reduce){html.mk.mk-pin:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body :is(.finance-journal-wrapper #mobileTabs,.mk-tabbar){transition:none!important}} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell .bhc-top>.bhc-seg--inline>button{flex:none!important;height:44px!important;padding:0 12px!important;font:500 14px/1 var(--mk-font)!important;white-space:nowrap} /* живой график: поиск — значком в шапке, по нажатию поле во всю строку (поле и его подсказки — прежние) */ html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell .lc-topbar:not(.mk-so) .lc-search{display:none!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell .lc-topbar>.mk-search-btn{order:4!important;margin-left:auto!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell .lc-topbar>.lc-top-act{order:5!important;display:flex!important;align-items:center;margin:0!important;padding:0!important;width:auto!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell .lc-topbar.mk-so>:not(.lc-search):not(.mk-search-x){display:none!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell .lc-topbar.mk-so>.lc-search{order:2!important;display:flex!important;flex:1 1 0!important;min-width:0!important;width:auto!important;margin:0 0 0 6px!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell .lc-topbar.mk-so>.mk-search-x{order:3!important;margin-left:4px!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell .lc-topbar>.mk-search-x.mk-ib{display:none!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell .lc-topbar.mk-so>.mk-search-x.mk-ib{display:inline-flex!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell .lc-search__input{height:44px!important;font:400 16px/1 var(--mk-font)!important;margin:0!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell .lc-search__input:focus{box-shadow:inset 0 0 0 1px var(--mk-g1)!important;outline:none!important} /* --- прокрутка (PIN_2026_11_06; владелец «да» на рекомендацию 05.11): в приложении первая строка шапки закреплена всегда, вторая (контекст: период, счёт, валюта, режим) уезжает; в браузере шапка сайта уезжает вместе со страницей, первая строка инструмента прилипает к верху, прячется при прокрутке вниз и возвращается при прокрутке вверх; нижние панели — на месте. Закрепление — position:sticky. Ему мешал overflow:hidden у body и обёрток: они становились своей прокручиваемой областью, и шапка не прилипала нигде (у симулятора закрепление было задумано и не работало). Там overflow:clip — обрезает так же, но прокручиваемой областью не делает. Вторую строку скрипт выносит из шапки сразу под неё (.mk-ctx — тот же тег и классы, что у шапки: правила инструмента к её кнопкам применяются как раньше). Симулятор: таймфреймы — шкала графика, симулятор сам возвращает их в шапку, поэтому его шапка закреплена целиком. Журнал сделок — окно со своей прокруткой, шапка в нём и так на месте. --- */ html.mk.mk-pin:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body{overflow-x:clip!important} html.mk.mk-pin:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .finance-journal-wrapper.tool-app{overflow:clip!important} html.mk.mk-pin:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .tsim-fullwidth-wrapper{overflow-x:clip!important;overflow-y:visible!important} html.mk.mk-pin:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body :is(#bhc-shell .bhc-top,.finance-journal-wrapper header.tool-topbar,.tsim .tsim-topbar,#bhc-shell .ccr-head):not(.mk-ctx){position:sticky!important;top:0!important;z-index:40!important;background-color:var(--mk-bg)!important} html.mk.mk-pin:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body :is(#bhc-shell .bhc-top,.finance-journal-wrapper header.tool-topbar).mk-ctx{position:static!important;min-height:0!important;padding-top:0!important;z-index:auto!important;box-shadow:none!important} html.mk.mk-pin:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body :is(#bhc-shell .bhc-top,.finance-journal-wrapper header.tool-topbar).mk-ctx::after{content:none!important;display:none!important} html.mk.mk-pin:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body :is(#bhc-shell .bhc-top,.finance-journal-wrapper header.tool-topbar):has(+.mk-ctx){border-bottom:0!important} /* прилипшая строка — черта снизу (содержимое уходит под неё); в браузере прячется при прокрутке вниз, появляется за .2 с */ html.mk.mk-pin:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .mk-stuck{box-shadow:0 1px 0 var(--mk-line)!important} html.mk.mk-pin:not(.bh-pwa-standalone):is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .mk-stuck{transition:transform .2s ease!important} html.mk.mk-pin:not(.bh-pwa-standalone):is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .mk-stuck.mk-hide{transform:translateY(calc(-100% - 2px))!important;transition:none!important} /* шапка сайта в браузере: тема прячет её классом .hidden (display:none из bootstrap) — под закреплением её ведёт сдвиг скрипта, поэтому скрытие классом снимается: иначе на прокрутке вверх тема возвращала шапку сайта поверх строки инструмента. Ниже инструмента (статья, .mk-pin-free) шапка сайта снова за темой — прячется вниз и возвращается вверх, как до закрепления */ html.mk.mk-pin:not(.bh-pwa-standalone):not(.mk-pin-free):is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #mobile-header.mobile-header.hidden{display:block!important} @media (prefers-reduced-motion:reduce){html.mk.mk-pin:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .mk-stuck{transition:none!important}} /* ================================================================ 2. Кнопки ================================================================ Главная — зелёная со светом, 44 × авто, 14/600, скругление 6. Запасная — плитка #171e28, 14/500. Текстовая — без плитки #b3b9c2. Чип (быстрые суммы, сроки, фильтры) — 36, 13/500, плитка #171e28, выбранный #252e3a; зона нажатия 44. */ html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body :is(.trading-journal-wrapper .tj-demo-card .tj-btn-primary,#tj-demo-start-own,.finance-journal-wrapper .fjp-strip-a .tool-btn--primary,.tsim .tsim-starthere-btn.is-primary, #bhc-shell .bh-cura__btn,.finance-journal-wrapper .tool-empty .tool-btn--primary){ min-height:44px!important;height:auto!important;padding:0 16px!important;border:0!important;border-radius:6px!important; background:var(--mk-g1)!important;background-image:var(--mk-light)!important;box-shadow:var(--mk-light-sh)!important;color:var(--mk-ink)!important; font:600 14px/1.15 var(--mk-font)!important;letter-spacing:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body :is(.trading-journal-wrapper .tj-demo-card .tj-btn-primary,#tj-demo-start-own,.finance-journal-wrapper .fjp-strip-a .tool-btn--primary,.tsim .tsim-starthere-btn.is-primary,#bhc-shell .bh-cura__btn) :is(svg,i){width:16px!important;height:16px!important;font-size:14px!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body :is(.tsim .tsim-bottom-actions>.tsim-btn-secondary,#bhc-shell .dc-add,.tsim .tsim-starthere-btn:not(.is-primary)){min-height:44px!important;height:44px!important;padding:0 16px!important;border:0!important;border-radius:6px!important; background:var(--mk-s2)!important;background-image:none!important;box-shadow:none!important;color:var(--mk-t1)!important;font:500 14px/1 var(--mk-font)!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body :is(.finance-journal-wrapper #fjpStripAdd){min-height:44px!important;padding:0 12px!important;background:transparent!important;color:var(--mk-t2)!important;font:500 14px/1 var(--mk-font)!important;border:0!important} /* чипы */ /* CONV_PRO_2026_11_06: «Недавние» конвертера — тот же чип */ html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body :is(#bhc-shell .cc-quick-btn,#bhc-shell .bhc-chips>button,#bhc-shell .bhc-presets>button,#bhc-shell .bhpf-chip,#bhc-shell .cc-favorite-item,#bhc-shell .ccr-recent-item){min-height:36px!important;height:36px!important;border-radius:6px!important;font:500 13px/1 var(--mk-font)!important;position:relative} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body :is(#bhc-shell .cc-quick-btn,#bhc-shell .bhc-chips>button,#bhc-shell .bhc-presets>button,#bhc-shell .bhpf-chip,#bhc-shell .ccr-recent-item)::after{content:'';position:absolute;left:0;right:0;top:-4px;bottom:-4px} /* зона касания чипа 44 = 36 + по 4 сверху и снизу: шаг рядов не меньше 44 (8 между рядами), под ползунком — 4, чтобы зона чипа не заходила на ползунок (ползунок держит отрицательное нижнее поле, и чипы стояли вплотную к нему: зона ползунка срока вклада была 41) */ html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell :is(.bhc-chips,.bhc-presets){row-gap:8px!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell .bhc-range+:is(.bhc-chips,.bhc-presets){margin-top:16px!important} /* ================================================================ 3. Переключатель ================================================================ Образец «г» (канон 0.6, UIA 04.11): лунка темнее того, на чём стоит, скругление 8, отступ 3; пункт 40, выбранный — плитка #252e3a. Финжурнал: ряд периодов — одна лунка, листается с затуханием края. */ html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .finance-journal-wrapper #globalDateFilters{background:var(--mk-s1)!important;border-radius:8px!important;padding:3px!important;gap:2px!important;overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .finance-journal-wrapper #globalDateFilters::-webkit-scrollbar{display:none} /* переключатель, который не помещается в карточку, листается вбок с затуханием (как периоды финжурнала), а не обрезается краем: разрез обзора журнала сделок «Инструменты · Лонг и шорт · Дни недели» на 320–360 терял последнюю кнопку и на бою */ html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .trading-journal-wrapper .tjh-seg{max-width:100%!important;min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;flex-wrap:nowrap!important;scrollbar-width:none} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .trading-journal-wrapper .tjh-seg::-webkit-scrollbar{display:none} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .trading-journal-wrapper .tjh-seg>button{flex:none!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .finance-journal-wrapper #globalDateFilters>.tool-date-btn{background:transparent!important;border-radius:6px!important;height:40px!important;min-height:40px!important;flex:none!important;padding:0 12px!important;font:500 14px/1 var(--mk-font)!important;color:var(--mk-t3)!important;border:0!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .finance-journal-wrapper #globalDateFilters>.tool-date-btn.active{background:var(--mk-sel)!important;color:#fff!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .finance-journal-wrapper #globalDateFilters>:is(.tool-date-btn,#btnDateRangeToggle){position:relative!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .finance-journal-wrapper #globalDateFilters>:is(.tool-date-btn,#btnDateRangeToggle)::after{content:'';position:absolute;left:0;right:0;top:-2px;bottom:-2px} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body :is(#bhc-shell .bhc-seg:not(.bhc-seg--inline)>button,#bhc-shell .bhpf-tf>button,#bhc-shell .bhpf-modesw>button,#bhc-shell .bhpf-cursw>button,#bhc-shell .cc-period-btn,#bhc-shell .ccr-spark-tabs>button,#bhc-shell .cc-chart-per>button){min-height:40px!important;height:40px!important;font:500 14px/1 var(--mk-font)!important;letter-spacing:0!important} /* TOUCH_SEG_2026_11_06: кнопка переключателя 40 px, зона касания 44 — невидимый край по 2 px сверху и снизу, как у дат финжурнала выше. Внутренний отступ .bhc-seg 3 px, край в него помещается. Проверка вида меряет зону через elementFromPoint (TOUCH44): было 41 у «Вкладов», калькуляторов и конвертера (41 запись в baseline). */ html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell .bhc-seg:not(.bhc-seg--inline)>button{position:relative!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell .bhc-seg:not(.bhc-seg--inline)>button::after{content:'';position:absolute;left:0;right:0;top:-2px;bottom:-2px} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell .cc-chart-per>button{position:relative!important} /* CONV_PRO_2026_11_06: периоды графика курса — тот же переключатель 40 / зона 44 */ html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell .cc-chart-per>button::after{content:'';position:absolute;left:0;right:0;top:-2px;bottom:-2px} /* ================================================================ 4. Поле ================================================================ Лунка 52, число 20/600, единица 14/500 #949ca7 справа, фокус — линия 1 px #95ce5a внутри. Конвертер — единственное исключение (CONV_LIGHT_2026_11_06, владелец 06.11 «да»: светлое — только главное): «Сумма» и «Результат» светлые, как на компьютере (CC_LIGHT, «1а» 13.10), размеры те же — 52 px, число 20/600; валюта — тёмный сегмент #1f2834 справа; фокус — линия 1 px #95ce5a снаружи (внутренняя ушла бы под светлую заливку). Решение 05.11 «поле конвертера тёмное» отменено. Поля уведомления о курсе — тёмная лунка. */ html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell#bhc-shell .bhc-input>input{height:52px!important;font:600 20px/1 var(--mk-font)!important;padding:0 52px 0 14px!important;font-variant-numeric:tabular-nums} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell#bhc-shell .bhc-input>.bhc-suf{font:500 14px/1 var(--mk-font)!important;color:var(--mk-t3)!important;right:14px!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell#bhc-shell .bhc-input:focus-within{box-shadow:inset 0 0 0 1px var(--mk-g1)!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell#bhc-shell :is(.bhc-label,.bhc-label .bhc-term){font-size:14px!important;font-weight:400!important;color:var(--mk-t2)!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell#bhc-shell .bhc-select select,html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell#bhc-shell select.bhc-select{height:52px!important;font:600 16px/1 var(--mk-font)!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell#bhc-shell .ccr .ccr-box.cc-field-input-wrap{height:52px!important;min-height:52px!important;background:var(--mk-s3)!important;border:0!important;border-radius:6px!important;box-shadow:none!important;overflow:hidden} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell#bhc-shell .ccr .ccr-box input{height:52px!important;background:var(--ccl-bg,#eef2f6)!important;color:var(--ccl-text,#171c25)!important;-webkit-text-fill-color:var(--ccl-text,#171c25)!important;caret-color:var(--ccl-text,#171c25)!important; font:600 20px/1 var(--mk-font)!important;padding:0 14px!important;border:0!important;border-radius:0!important;box-shadow:none!important;font-variant-numeric:tabular-nums} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell#bhc-shell .ccr .ccr-box input:focus{outline:none!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell#bhc-shell .ccr .ccr-box input::placeholder{color:var(--ccl-ph,#7a8290)!important;-webkit-text-fill-color:var(--ccl-ph,#7a8290)!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell#bhc-shell .ccr .ccr-box:focus-within{box-shadow:0 0 0 1px var(--mk-g1)!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell#bhc-shell .ccr .cc-currency-btn{height:52px!important;background:transparent!important;border:0!important;border-radius:0!important; font:600 16px/1 var(--mk-font)!important;color:var(--mk-t1)!important;padding:0 12px 0 14px!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell#bhc-shell .ccr .cc-currency-btn .cc-currency-code{font:600 16px/1 var(--mk-font)!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell#bhc-shell .ccr .cc-field-input-wrap .cc-currency-btn svg{color:var(--mk-t3)} /* CURA_DARK_2026_11_06: поля «Уведомления о курсе» конвертера (целевой курс, почта) — та же лунка, что поле суммы над ними. MK2 сделал тёмным только поле суммы, и на одном экране телефона стояли тёмное поле и два белых (светлые переменные --ccl-* из currency-converter-r.css). */ html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell#bhc-shell .ccr .bh-cura input.bh-cura__inp{height:52px!important;padding:0 14px!important;background:var(--mk-bg)!important;border:0!important;border-radius:6px!important; box-shadow:none!important;color:var(--mk-t1)!important;-webkit-text-fill-color:var(--mk-t1)!important;caret-color:var(--mk-t1)!important;font:500 16px/1 var(--mk-font)!important;font-variant-numeric:tabular-nums} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell#bhc-shell .ccr .bh-cura input.bh-cura__inp::placeholder{color:var(--mk-t3)!important;-webkit-text-fill-color:var(--mk-t3)!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell#bhc-shell .ccr .bh-cura input.bh-cura__inp:focus{box-shadow:inset 0 0 0 1px var(--mk-g1)!important;outline:none!important} /* ================================================================ 5. Числа ================================================================ */ html.mk .mk-tail{font-size:20px!important;font-weight:500!important;color:var(--mk-t2)!important;letter-spacing:0} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body :is(#tjr-hero .tjr-hero-l,#bhc-shell .bhpf-mhero .lbl,#bhc-shell .bhpf-state-main>.lbl){font:400 14px/1.3 var(--mk-font)!important;color:var(--mk-t2)!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body :is(#tjr-hero .tjr-hero-v,#bhc-shell .bhpf-state-main>.big){font:600 32px/1.15 var(--mk-font)!important;color:#fff!important;font-variant-numeric:tabular-nums;letter-spacing:0!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #tjr-hero .tjr-hero-d{font-size:14px} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #tjr-hero .tjr-hero-m{color:var(--mk-t3)!important} /* строки данных: 44, подпись 14/400 #b3b9c2 слева, значение 14/600 справа */ html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #tjr-hero .tjr-hero-f>div{min-height:44px;padding:0!important;align-items:center;border-top:1px solid var(--mk-line)} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body :is(#tjr-hero .tjr-hero-f dt,#bhc-shell .bhpf-state-sec .k){font:400 14px/1.3 var(--mk-font)!important;color:var(--mk-t2)!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body :is(#tjr-hero .tjr-hero-f dd,#bhc-shell .bhpf-state-sec .v){font:600 14px/1.3 var(--mk-font)!important;font-variant-numeric:tabular-nums} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell .bhpf-state-sec>div:not([class]){min-height:44px} /* показатели финжурнала: подпись 14/400, число 20 (главное — 32) */ html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .finance-journal-wrapper #summaryRow .tool-label{font:400 14px/1.3 var(--mk-font)!important;color:var(--mk-t2)!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .finance-journal-wrapper #summaryRow .tool-card:not(.fj-card-networth) .tool-value{font-size:20px!important;font-weight:600!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .finance-journal-wrapper #summaryRow .tool-card:not(.fj-card-networth) .fjr-tail{font-size:14px!important;font-weight:500!important;color:var(--mk-t2)!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .finance-journal-wrapper #summaryRow .fj-card-networth .tool-value{font-size:32px!important;font-weight:600!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .finance-journal-wrapper #summaryRow .fj-card-networth .fjr-tail{font-size:20px!important;font-weight:500!important;color:var(--mk-t2)!important} /* журнал сделок: подписи дат кривой не налезают (MK_TJDATES в trading-journal-r.js), полотно не шире карточки */ html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .trading-journal-wrapper .tjr-eq canvas{max-width:100%} /* ================================================================ 6. Нижняя панель ================================================================ Одна на сайт и инструменты: меню сайта (#bhBnav), финжурнал (#mobileTabs), «Учёт» и журнал сделок (.mk-tabbar — из их разделов). 60 + безопасная зона, черта #1f2834, значок 22, подпись 13/500 #949ca7 (нижняя ступень шкалы канона), текущий раздел #95ce5a 600. «+» — главная кнопка 56×40. */ html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body :is(#bhBnav,.finance-journal-wrapper #mobileTabs),html.mk .mk-tabbar{height:calc(60px + env(safe-area-inset-bottom))!important;min-height:0!important;padding:0 4px env(safe-area-inset-bottom)!important; display:flex!important;align-items:stretch!important;justify-content:space-around!important;gap:0!important; background:var(--mk-bg)!important;background-image:none!important;border:0!important;border-top:1px solid var(--mk-line2)!important;box-shadow:0 -6px 24px rgba(0,0,0,.35)!important;box-sizing:border-box!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body :is(#bhBnav .bh-bnav-item,#bhBnav #bhBnavToggle,.finance-journal-wrapper #mobileTabs .fj-mobile-tab),html.mk .mk-tabbar>button:not(.mk-tab-add){ flex:1 1 auto!important;min-width:0!important;height:60px!important;min-height:60px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important; padding:0 2px!important;margin:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:var(--mk-t3)!important;font:500 13px/16px var(--mk-font)!important;letter-spacing:0!important;text-decoration:none!important;cursor:pointer} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhBnav .bh-bnav-center{flex:1 1 auto!important;min-width:0!important;display:flex!important;align-items:stretch!important;justify-content:center!important;margin:0!important;padding:0!important;transform:none!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body :is(#bhBnav .bh-bnav-ic,#bhBnav .bh-bnav-ic svg,.finance-journal-wrapper #mobileTabs .fj-mobile-tab>svg),html.mk .mk-tabbar>button>svg{width:22px!important;height:22px!important;min-height:0!important;flex:none!important;margin:0!important;padding:0!important;background:none!important;transform:none!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body :is(#bhBnav .bh-bnav-lbl,.finance-journal-wrapper #mobileTabs .fj-mobile-tab>span),html.mk .mk-tabbar>button>span{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important; font:inherit!important;color:inherit!important;letter-spacing:0!important;margin:0!important;position:static!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body :is(#bhBnav .bh-bnav-item.is-active,#bhBnav #bhBnavToggle.is-active,.finance-journal-wrapper #mobileTabs .fj-mobile-tab.active),html.mk .mk-tabbar>button.on{color:var(--mk-g1)!important;font-weight:600!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhBnav #bhBnavToggle .bh-bnav-ic{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;width:22px!important;height:22px!important} /* «+» — главная кнопка, одинаковая во всех журналах */ html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .finance-journal-wrapper #mobileTabs #mobileAddBtn,html.mk .mk-tabbar>button.mk-tab-add{flex:0 0 56px!important;width:56px!important;height:40px!important;min-height:40px!important;align-self:center!important;margin:0 4px!important;padding:0!important; display:flex!important;align-items:center!important;justify-content:center!important;border:0!important;border-radius:6px!important;transform:none!important; background:var(--mk-g1)!important;background-image:var(--mk-light)!important;box-shadow:var(--mk-light-sh)!important;color:var(--mk-ink)!important;font-size:0!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .finance-journal-wrapper #mobileTabs #mobileAddBtn>:is(svg,span),html.mk .mk-tabbar>button.mk-tab-add>svg{display:none!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .finance-journal-wrapper #mobileTabs #mobileAddBtn::before,html.mk .mk-tabbar>button.mk-tab-add::before{content:'';width:22px;height:22px;background:currentColor;-webkit-mask:var(--ic-plus) center/22px no-repeat;mask:var(--ic-plus) center/22px no-repeat} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .finance-journal-wrapper #mobileTabs #mobileAddBtn:active,html.mk .mk-tabbar>button.mk-tab-add:active{background-image:none!important;box-shadow:none!important} html.mk .mk-tabbar{position:fixed!important;left:0;right:0;bottom:0;z-index:10030;transition:transform .18s ease} /* ширина пункта — по подписи, остаток поровну: подписи не режутся многоточием. Меню сайта — пять пунктов, подписи без своих полей; подписи 13 px занимают 351 px, поэтому 13 — от 380, 12 — на 352–379, 11 — уже 352 (единственное место ниже шкалы канона; на бою там 9,75) */ html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhBnav .bh-bnav-lbl{padding:0!important} @media (max-width:379px){html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhBnav :is(.bh-bnav-item,#bhBnavToggle),html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhBnav .bh-bnav-lbl{font-size:12px!important}} @media (max-width:351px){html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhBnav :is(.bh-bnav-item,#bhBnavToggle),html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhBnav .bh-bnav-lbl{font-size:11px!important}html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhBnav :is(.bh-bnav-item,#bhBnavToggle){padding:0!important}} /* у инструмента своя нижняя панель — меню сайта убирается совсем (с префиксом системы: иначе общее правило панели сильнее и меню сайта оставалось под панелью инструмента — не видно, но в фокусе с клавиатуры и у экранного диктора) */ html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body.mk-has-tabbar #bhBnav{display:none!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body.mk-has-tabbar{padding-bottom:calc(68px + env(safe-area-inset-bottom))!important} /* журнал сделок в приложении — окно своей высоты со своей прокруткой (.tj-container): отступ под панель — внутри окна, а не у страницы. Отступ у страницы делал её на 68 px выше экрана, и при прокрутке уезжало всё окно вместе с шапкой (PIN_2026_11_06) */ html.mk.bh-pwa-standalone:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body.bh-pwa-tj.mk-has-tabbar{padding-bottom:0!important} html.mk.bh-pwa-standalone:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body.bh-pwa-tj .trading-journal-wrapper .tj-container{padding-bottom:calc(68px + env(safe-area-inset-bottom))!important;scroll-padding-bottom:calc(68px + env(safe-area-inset-bottom))} /* в приложении меню сайта внизу нет (так устроено приложение, buyhold-pwa.php). Общее правило панели выше его возвращало, а лист «Инструменты» в приложении скрыт — кнопка не открывала ничего. Сам лист в приложении доступен: его открывает «≡» конвертера */ html.mk.bh-pwa-standalone:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body.bh-pwa-capable #bhBnav{display:none!important} html.mk.bh-pwa-standalone:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body.bh-pwa-capable :is(#bhBnavSheet,#bhBnavOverlay){display:block!important} /* ================================================================ 7. Торговый экран ================================================================ Симулятор и живой график устроены одинаково: шапка → таймфреймы → строка инструмента (знак · цена · изменение) → график → нижняя панель «Индикаторы · Рисование · … » значком над подписью → действие. */ @media (max-width:768px){ /* таймфреймы — второй строкой шапки симулятора, как у живого графика: 13/500, выбранный — плитка #252e3a, ряд листается */ html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .tsim .tsim-topbar #timeframesPanel{order:9!important;flex:1 0 100%!important;width:auto!important;min-width:0!important;margin:4px 0 0 -6px!important;overflow-x:auto!important;flex-wrap:nowrap!important;scrollbar-width:none;gap:4px!important} html.mk:not(.bh-pwa-standalone):is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .tsim .tsim-topbar #timeframesPanel{margin-left:-12px!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .tsim #timeframesPanel::-webkit-scrollbar{display:none} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body :is(.tsim #timeframesPanel>.tsim-tf-btn,#bhc-shell .lc-tf-btn){flex:none!important;min-width:44px!important;height:40px!important;padding:0 10px!important;border:0!important;border-radius:6px!important; background:transparent!important;color:var(--mk-t2)!important;font:500 13px/1 var(--mk-font)!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body :is(.tsim #timeframesPanel>.tsim-tf-btn.active,#bhc-shell .lc-tf-btn.lc-tf-btn--active){background:var(--mk-sel)!important;color:#fff!important} /* строка инструмента: знак актива перенесён из шапки к цене (скрипт), счёт — строкой под ценой */ html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .tsim .tsim-price-header{display:flex!important;flex-wrap:wrap!important;align-items:center!important;height:auto!important;row-gap:4px;column-gap:10px;padding:10px 16px 8px!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .tsim .tsim-price-header>#instrumentSelector{flex:none!important;width:44px!important;height:44px!important;min-width:44px!important;padding:0!important;margin:0 0 0 -6px!important;background:transparent!important;border:0!important;box-shadow:none!important;display:flex!important;align-items:center;justify-content:center} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .tsim .tsim-price-header>#instrumentSelector>:not(#instrumentIcon){display:none!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .tsim .tsim-price-header>#instrumentSelector #instrumentIcon{width:28px!important;height:28px!important;font-size:15px!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .tsim .tsim-price-header>.tsim-price-main{flex:1 1 0!important;min-width:0!important} /* счёт под ценой: четыре показателя «подпись над числом» по ширине строки; не помещаются — переносятся, прокрутки нет (числа счёта не прячутся за край: прежний ряд обрезал «Средства» и прятал «Маржу») */ html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .tsim .tsim-price-header>.tsim-mobile-account-bar{position:static!important;flex:1 0 100%!important;display:grid!important;grid-template-columns:repeat(4,max-content)!important;justify-content:space-between!important; column-gap:12px!important;row-gap:6px!important;height:auto!important;min-height:0!important;padding:8px 0 0!important;margin:0!important; background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;-webkit-mask-image:none!important;mask-image:none!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .tsim .tsim-price-header .tsim-mobile-account-item{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:2px!important;flex:none!important;min-width:0!important;padding:0!important;text-align:left!important;background:transparent!important;border:0!important} @media (max-width:359px){html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .tsim .tsim-price-header>.tsim-mobile-account-bar{grid-template-columns:repeat(2,max-content)!important}} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .tsim .tsim-price-header .tsim-mobile-account-label{font:400 13px/1.3 var(--mk-font)!important;color:var(--mk-t3)!important;white-space:nowrap!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .tsim .tsim-price-header .tsim-mobile-account-value{font:600 14px/1.3 var(--mk-font)!important;font-variant-numeric:tabular-nums;white-space:nowrap!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .tsim .tsim-mobile-toolbar{display:none!important} /* нижняя панель — как у живого графика: первая строка «Индикаторы · Рисование · Плеер · Сделка» значком над подписью, вторая ‹ ▶ › и «Продать | Купить» (цена в ней повторяла цену над графиком — убрана) */ html.mk.mk-simx:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #mobPlaybar{display:flex!important;flex-wrap:wrap!important;gap:0 6px!important;height:auto!important;align-items:center!important;padding:0 10px calc(8px + env(safe-area-inset-bottom))!important; background:var(--mk-bg)!important;border-top:1px solid var(--mk-line2)!important;box-shadow:0 -6px 24px rgba(0,0,0,.35)!important} html.mk.mk-simx:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #mobPlaybar #mobPlaybarPrice{display:none!important} html.mk.mk-simx:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #mobPlaybar>.mk-brk{flex:1 0 100%;height:0;margin:0 -10px 8px;padding:0;border-top:1px solid var(--mk-line)} html.mk.mk-simx:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #mobPlaybar :is(.tsim-mpb-btn){width:44px!important;min-width:44px!important;height:44px!important;padding:0!important;border:0!important;border-radius:6px!important;background:var(--mk-s2)!important;color:var(--mk-t1)!important;flex:none!important} html.mk.mk-simx:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #mobPlaybar .tsim-mpb-trade{flex:1 1 0!important;height:44px!important;min-height:44px!important;font:600 14px/1 var(--mk-font)!important;padding:0 12px!important;border-radius:6px!important} /* значок над подписью — общий ряд инструментов графика (тот же, что .lcm-dock живого графика) */ html.mk.mk-simx:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #mobPlaybar>.mk-px{flex:1 1 0;min-width:0;height:56px;padding:0 2px;margin:0;border:0;border-radius:6px;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px; color:var(--mk-t2);font:500 13px/16px var(--mk-font);cursor:pointer} html.mk.mk-simx:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #mobPlaybar>.mk-px :is(.tsim-mobile-tool-label,.tsim-mobile-fab-label){position:static;width:auto;height:auto;clip:auto;font:inherit;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%} html.mk.mk-simx:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #mobPlaybar>.mk-px svg{width:20px;height:20px} html.mk.mk-simx:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #mobPlaybar>.mk-px.is-active{background:var(--mk-sel);color:#fff} html.mk.mk-simx:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #mobPlaybar>.mk-px .tsim-mobile-tool-icon{font-size:0!important;line-height:0;display:block} html.mk.mk-simx:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #mobPlaybar>.mk-px .tsim-mobile-tool-icon:not(:has(svg))::before{content:'';display:block;width:20px;height:20px;margin:auto;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'%3E%3Cpath d='M4 21v-7M4 10V3M12 21v-9M12 8V3M20 21v-5M20 12V3M1 14h6M9 8h6M17 16h6'/%3E%3C/svg%3E") center/20px 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'%3E%3Cpath d='M4 21v-7M4 10V3M12 21v-9M12 8V3M20 21v-5M20 12V3M1 14h6M9 8h6M17 16h6'/%3E%3C/svg%3E") center/20px no-repeat} html.mk.mk-simx:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #tradingSimulator{padding-bottom:calc(128px + env(safe-area-inset-bottom))!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body :is(#bhc-shell .lcm-dock .lcm-act:not(.lcm-buy)){height:56px!important;font:500 13px/16px var(--mk-font)!important;color:var(--mk-t2)!important;gap:4px!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell .lcm-dock .lcm-act:not(.lcm-buy) svg{width:20px!important;height:20px!important} /* узкий экран: три действия и кнопка партнёра — «Индикаторы» (80 px в 13) не помещается в 72; 12 px и поля ряда 4 вместо 6 */ @media (max-width:359px){html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell .lcm-dock .lcm-acts{padding-left:4px!important;padding-right:4px!important;column-gap:0!important}html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body :is(#bhc-shell .lcm-dock .lcm-act:not(.lcm-buy)){font-size:12px!important}} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell .lcm-dock{background:var(--mk-bg)!important;border-top:1px solid var(--mk-line2)!important} /* под графиком симулятора ряд действий и вкладки «Позиции · Ордера · История» листаются (были обрезаны overflow:hidden) */ html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .tsim .tsim-bottom-actions{flex:1 0 100%!important;min-width:0!important;max-width:100%;flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .tsim .tsim-positions-tabs{flex:1 1 auto!important;min-width:0!important;max-width:100%;flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .tsim :is(.tsim-bottom-actions,.tsim-positions-tabs)::-webkit-scrollbar{display:none} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .tsim :is(.tsim-bottom-actions,.tsim-positions-tabs)>button{flex:none!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .tsim .tsim-positions-row{min-width:0} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .tsim .tsim-empty-row>.tsim-grid-td{justify-content:flex-start!important;text-align:left!important} /* «Что нового» симулятора — пунктом меню (канон WN_ITEM22), а не пятым значком в шапке */ html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .tsim .tsim-topbar-right>#bh-wn-trigger{display:none!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .tsim .mk-wn-item{display:flex!important;align-items:center;gap:8px} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .tsim .mk-wn-item .bh-wn-dot{position:static!important;display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mk-g1)} } /* ================================================================ 8. Края ================================================================ */ /* GUTTER16_2026_11_06: поле страницы инструмента — 16 px от края экрана у всех, по линии названия в шапке. Было: финжурнал 10 (.tool-main-inner), журнал сделок 12 (.tj-container), остальные 16 (замер 06.11, scratchpad tools/gutter.cjs). Владелец 06.11 «да». Новый инструмент со своим полем — строка в этом списке. Симулятор и живой график — торговый экран во всю ширину, их не трогаем. */ html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body :is(.finance-journal-wrapper .tool-main-inner,.trading-journal-wrapper .tj-container){padding-left:16px!important;padding-right:16px!important} /* длинный ответ калькулятора: сначала на ступень мельче, потом подпись строкой выше; переноса посреди числа и «Br» нет */ html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell#bhc-shell :is(.bhc-dock-value,.cic-dock-value){white-space:nowrap;overflow:hidden;text-overflow:clip;min-width:0} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell#bhc-shell :is(.bhc-dock,.cic-dock) .mk-fit{font-size:16px!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell#bhc-shell :is(.bhc-dock,.cic-dock).mk-wrap{flex-wrap:wrap!important;row-gap:2px} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell#bhc-shell :is(.bhc-dock,.cic-dock).mk-wrap :is(.bhc-dock-label,.cic-dock-label){flex:1 0 100%;white-space:normal;overflow:visible} /* мини-график конвертера: график и подпись «+1,17% за 7 дней» — в ряд, когда места нет — подпись второй строкой (на 280 ряд выходил за карточку на 4 px и на бою) */ html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell #sparkline-container{flex-wrap:wrap!important;row-gap:4px!important;max-width:100%!important;min-width:0!important} /* «С чего начать» симулятора — карточка подсказки: текст, под ним главная и вторая кнопки во всю ширину (в ряд две кнопки 44 не помещаются ни на одной ширине телефона, а на 280–320 ряд уходил за край и на бою); закрыть — значок ✕ системы в правом верхнем углу, зона 44 */ html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .tsim .tsim-starthere{padding:10px 44px 12px 12px!important;gap:10px!important;align-items:flex-start!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .tsim .tsim-starthere .tsim-starthere-text{font:400 13px/1.4 var(--mk-font)!important;color:var(--mk-t2)!important;padding-top:2px} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .tsim .tsim-starthere-actions{flex:1 1 100%!important;flex-direction:column!important;flex-wrap:nowrap!important;gap:6px!important;min-width:0!important;margin-right:-32px!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .tsim .tsim-starthere-actions>.tsim-starthere-btn{width:100%!important;min-width:0!important;justify-content:center!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .tsim .tsim-starthere .tsim-starthere-hide{top:0!important;right:0!important;transform:none!important;width:44px!important;height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important; font-size:0!important;line-height:0!important;color:var(--mk-t3)!important;background:transparent!important;border:0!important;border-radius:6px!important;padding:0!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .tsim .tsim-starthere .tsim-starthere-hide::before{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:var(--ic-close) center/contain no-repeat;mask:var(--ic-close) center/contain no-repeat} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .tsim .tsim-starthere .tsim-starthere-hide:active{background:var(--mk-s2)!important;color:var(--mk-t1)!important} /* фокус с клавиатуры виден везде (рамка #95ce5a, как у полей) */ html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body :is(#bhc-shell,.tsim,.trading-journal-wrapper,.finance-journal-wrapper,.mobile-header-container) :is(button,a,[role=tab],[role=button],select,summary):focus-visible, html.mk .mk-tabbar>button:focus-visible,html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhBnav :is(a,button):focus-visible{outline:2px solid var(--mk-g1)!important;outline-offset:-2px!important} /* закрытое боковое меню не стоит в порядке Tab */ html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell.bhc-shell:not(.is-open)>aside.bhc-side{visibility:hidden;transition:transform .2s ease,visibility 0s linear .2s} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell.bhc-shell.is-open>aside.bhc-side{visibility:visible;transition:transform .2s ease,visibility 0s} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .trading-journal-wrapper aside.tj-sidebar:not(.tj-sidebar-open){visibility:hidden;transition:transform .2s ease,visibility 0s linear .2s} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .trading-journal-wrapper aside.tj-sidebar.tj-sidebar-open{visibility:visible;transition:transform .2s ease,visibility 0s} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .finance-journal-wrapper aside.tool-sidebar:not(.fj-sidebar-open){visibility:hidden;transition:transform .2s ease,visibility 0s linear .2s} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .finance-journal-wrapper aside.tool-sidebar.fj-sidebar-open{visibility:visible;transition:transform .2s ease,visibility 0s} /* клавиатура: пока поле инструмента в фокусе, нижние панели уходят и не закрывают поле */ html.mk body:has(:is(#bhc-shell,.trading-journal-wrapper,.finance-journal-wrapper,.tsim) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=button]),textarea):focus) :is(#bhBnav,.mk-tabbar,.finance-journal-wrapper #mobileTabs){transform:translateY(calc(100% + 24px))!important;transition:transform .18s ease!important} /* ряды, которые листаются вбок: затухание с той стороны, где ещё есть что листать (ставит скрипт: --mk-fl, --mk-fr) */ html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .mk-fade{-webkit-mask-image:linear-gradient(90deg,var(--mk-fl,#000) 0,#000 20px,#000 calc(100% - 20px),var(--mk-fr,#000) 100%)!important; mask-image:linear-gradient(90deg,var(--mk-fl,#000) 0,#000 20px,#000 calc(100% - 20px),var(--mk-fr,#000) 100%)!important} } /* крупный шрифт телефона (Chrome на Android: 130 % на 360 = окно ~280) */ @media (max-width:599px){ html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell#bhc-shell :is(.bhc-layout,.cic-layout,.bhpf-cards){grid-template-columns:minmax(0,1fr)!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell#bhc-shell :is(.bhc-layout,.cic-layout,.bhpf-cards)>*{min-width:0} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell#bhc-shell :is(.bhc-field,.bhc-input,.bhc-input>input){min-width:0} } @media (max-width:359px){ html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell#bhc-shell .bhc-card .bhc-seg{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell#bhc-shell .bhc-card .bhc-seg::-webkit-scrollbar{display:none} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell#bhc-shell .bhc-card .bhc-seg>button{flex:1 0 auto!important;white-space:nowrap} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell .bhpf-pfname :is(span,b,strong){overflow:hidden;text-overflow:ellipsis;white-space:nowrap} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body #bhc-shell .bhpf-chart-ctl{flex-wrap:wrap;row-gap:8px} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .trading-journal-wrapper .tj-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .trading-journal-wrapper .tj-stats-grid>*{min-width:0} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .trading-journal-wrapper .tj-recent-trade{flex-wrap:wrap;min-width:0;max-width:100%} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .trading-journal-wrapper .tj-recent-trade>*{min-width:0} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .trading-journal-wrapper .tj-recent-trade>.tj-recent-trade-pnl{margin-left:auto} } @media (max-width:379px){ /* «Войти» на узком окне — значок человека (канон FJLOGIN22: «короткая подпись — со своим значком»); журналу сделок иначе не хватает места под название */ html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .mk-login{width:40px!important;padding:0!important;gap:0!important} html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body .mk-login>span{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important} } /* Рамки лаборатории mk-show.php (?mklab=1): без метки копии, окна «Сохранить прогресс?» и плашки cookie — их нет у вернувшегося человека */ html.mk-lab body>div[style*="b3261e"],html.mk-lab #bh-acc-save-prompt,html.mk-lab #ib-cookie-banner{display:none!important} /* CTXSEL: шире телефона кнопка периода и «⋯» не показываются — там своя лента периодов и шапка компьютера */ @media (min-width:900px){html.mk:is(#mk,:root):is(#mk,:root):is(#mk,:root):is(#mk,:root) body :is(.mk-per,.mk-more,.mk-sheet){display:none!important}}