/* LIVE_A_2026_10_14 — живой график на телефоне, вариант A (владелец 14.10: «5 а»). Включается классом lcm-on на #bhc-shell
   (ставит js/live-chart-phone.js только при ширине до 767 px). Канон DESIGN-DNA-TOOLS.md, раздел 0: цвета 0.2, кегли 0.4, скругления 0.5,
   кнопки 0.6, значки 0.8, телефон 0.9.1. Откат — снять подключение в page-live-chart.php. */

/* вне телефона и до включения скрипта блоки варианта A не показываются */
.lcm-head,.lcm-acts,.lcm-note,.lcm-pill,.lcm-exit{display:none}

/* LCFS21: блок ниже включается и в полном экране на телефоне в горизонтальном положении (скрипт ставит lcm-on только там) */
@media (max-width:767.98px),(pointer:coarse) and (max-width:1024px) and (orientation:landscape) and (max-height:520px){
  /* верхняя полоса: меню · поиск · сохранить одной строкой; заголовок страницы остаётся для поиска и чтения с экрана */
  html:root body #bhc-shell.lcm-on .bhc-top.lc-topbar{display:flex!important;align-items:center!important;gap:8px!important;padding:8px 16px!important;flex-wrap:nowrap!important;grid-template-columns:none!important;min-height:0!important}
  html:root body #bhc-shell.lcm-on .bhc-top.lc-topbar h1.bhc-h1{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;margin:-1px!important;padding:0!important}
  html:root body #bhc-shell.lcm-on .bhc-top.lc-topbar .bhc-burger{order:1;position:static!important;margin:0!important;flex:none}
  html:root body #bhc-shell.lcm-on .bhc-top.lc-topbar .lc-search{order:2;flex:1 1 auto!important;min-width:0!important;width:auto!important;margin:0!important}
  html:root body #bhc-shell.lcm-on .bhc-top.lc-topbar .lc-search input{height:40px!important;margin:0!important}   /* SRCH21: без отступа 10 px снизу из style.css (input[type=text]) — поле вровень с меню, лупа посередине поля */
  html:root body #bhc-shell.lcm-on .bhc-top.lc-topbar .lc-top-act{order:3;position:static!important;margin:0!important;flex:none}
  html:root body #bhc-shell.lcm-on .bhc-top.lc-topbar .lc-top-act :is(button,a){width:40px!important;height:40px!important;min-width:0!important}

  /* блок графика во всю ширину экрана: без карточки, график — «экран» тона страницы (0.9) */
  html:root body #bhc-shell.lcm-on .chart-inner{padding-top:0!important}
  html:root body #bhc-shell.lcm-on #chart-widget-box{margin:0 -16px 16px!important;padding:0!important;width:auto!important;background:transparent!important;background-image:none!important;box-shadow:none!important;border:0!important;border-radius:0!important}
  /* LCG21: и без серой подложки — правило bh-system.css (п. 8, #121820) той же силы и подключено позже, transparent выше не доходил.
     Тон страницы, а не прозрачность: в полном экране блок прибит поверх страницы и тоже без серого */
  html:root body #bhc-shell.lcm-on #chart-widget-box#chart-widget-box{background:#0a0d12!important}
  html:root body #bhc-shell.lcm-on #chart-widget-box .widget-header{display:block!important;padding:0 0 8px!important;margin:0!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.07)!important;background:transparent!important;min-height:0!important}   /* от графика таймфреймы отделяет черта (LCG21) */
  html:root body #bhc-shell.lcm-on #chart-widget-box .widget-title>:not(.lc-compare-chips){display:none!important}
  html:root body #bhc-shell.lcm-on #chart-widget-box .widget-title{padding:0 16px 8px!important;margin:0!important}
  html:root body #bhc-shell.lcm-on #chart-widget-box .widget-title:not(:has(.lc-compare-chips:not([hidden]))){display:none!important}
  html:root body #bhc-shell.lcm-on #chart-widget-box :is(.lc-widget-tools,.lct-rail){display:none!important}
  html:root body #bhc-shell.lcm-on #single-chart-view{position:relative;padding:0!important;margin:0!important}
  html:root body #bhc-shell.lcm-on .lct-chart-row{display:block!important;gap:0!important;margin:0!important}
  html:root body #bhc-shell.lcm-on #lc-chart-container{height:var(--lcm-h,clamp(360px,58svh,560px))!important;min-height:0!important;border-radius:0!important;margin:0!important}
  html:root body #bhc-shell.lcm-on #lctSubpaneChart{border-radius:0!important;margin:0!important}
  html:root body #bhc-shell.lcm-on .lc-asset-actions{padding:12px 16px 0!important;margin:0!important}
  html:root body #bhc-shell.lcm-on .lc-asset-actions :is(#lc-asset-buy,#lc-asset-buy-note){display:none!important}
  html:root body #bhc-shell.lcm-on .lc-asset-actions:not(:has(#lc-asset-review:not([hidden]))){display:none!important}
  /* сетка активов (21 серая плитка) уходит в лист «Актив» — открывается названием актива в шапке; на странице её нет */
  html:root body #bhc-shell.lcm-on #main-chart :is(.lc-cat-tabs,.quick-instruments,#custom-instruments-container){display:none!important}

  /* шапка актива: название и состояние данных, ниже цена и изменение за день */
  html:root body #bhc-shell.lcm-on .lcm-head{display:flex;align-items:flex-start;gap:8px;padding:12px 8px 8px 16px;font-family:"IBM Plex Sans",sans-serif}
  .lcm-info{flex:1 1 auto;min-width:0}
  .lcm-row1{display:flex;flex-wrap:wrap;align-items:center;column-gap:10px;row-gap:2px}
  html:root body .lcm-head .lcm-asset{display:inline-flex;align-items:center;gap:4px;height:28px;margin:0 0 0 -6px;padding:0 6px;border:0;border-radius:6px;background:transparent;color:#e6e9ee;font:600 16px/1 "IBM Plex Sans",sans-serif;cursor:pointer;max-width:100%;min-width:0;box-shadow:none}
  html:root body .lcm-head .lcm-asset svg{color:#949ca7;flex:none}
  .lcm-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .lcm-status{display:inline-flex;align-items:center;gap:6px;font:400 13px/1.3 "IBM Plex Sans",sans-serif;color:#949ca7;min-width:0}
  .lcm-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#949ca7;flex:none}
  .lcm-dot.is-live{background:#95ce5a}
  .lcm-px{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin-top:4px;font-variant-numeric:tabular-nums}
  .lcm-price{font:600 24px/1.2 "IBM Plex Sans",sans-serif;color:#e6e9ee}
  .lcm-chg{font:500 14px/1.2 "IBM Plex Sans",sans-serif;color:#949ca7}
  .lcm-chg.is-up{color:#95ce5a}.lcm-chg.is-dn{color:#f43f5e}
  .lcm-per{font:400 13px/1.2 "IBM Plex Sans",sans-serif;color:#949ca7}
  html:root body .lcm-head .lcm-more{flex:none;width:40px;height:40px;display:grid;place-items:center;padding:0;border:0;border-radius:6px;background:transparent;color:#b3b9c2;cursor:pointer;box-shadow:none}

  /* таймфреймы словами, как в симуляторе: без плиток, выбранный — #252e3a */
  html:root body #bhc-shell.lcm-on #chart-widget-box #lc-tf-bar{display:flex!important;gap:0!important;padding:0 10px!important;margin:0!important;justify-content:space-between;background:transparent!important;overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap!important}
  html:root body #bhc-shell.lcm-on #chart-widget-box #lc-tf-bar::-webkit-scrollbar{display:none}
  html:root body #bhc-shell.lcm-on #chart-widget-box #lc-tf-bar .lc-tf-btn.lc-tf-btn{flex:1 0 auto!important;min-width:40px!important;width:auto!important;height:36px!important;padding:0 6px!important;border:0!important;background:transparent!important;color:#b3b9c2!important;font:500 14px/1 "IBM Plex Sans",sans-serif!important;border-radius:6px!important;box-shadow:none!important}
  html:root body #bhc-shell.lcm-on #chart-widget-box #lc-tf-bar .lc-tf-btn.lc-tf-btn--active{background:#252e3a!important;color:#e6e9ee!important}

  /* ряд действий, как в симуляторе: значок над подписью; «Купить»/«Торговать» — главная зелёная.
     LCG21 (владелец 21.10: «может б?» → «да»): ряд под графиком, у большого пальца, как «Продать / Купить» в симуляторе; на низком
     экране прилипает над нижним меню сайта (в приложении — над краем экрана) вместе с примечанием к покупке — блок .lcm-dock;
     край считает js/live-chart-phone.js в --lcm-low */
  html:root body #bhc-shell.lcm-on .lcm-dock{position:sticky;bottom:var(--lcm-low,0px);z-index:6;background:#0a0d12;border-top:1px solid rgba(255,255,255,.07)}
  html:root body #bhc-shell.lcm-on .lcm-acts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:4px;padding:8px;margin:0}
  html:root body #bhc-shell.lcm-on .lcm-acts.lcm-acts--3{grid-template-columns:repeat(3,minmax(0,1fr))}   /* кнопки покупки нет (например, Мосбиржа на .by) */
  html:root body #bhc-shell.lcm-on .lcm-acts .lcm-act{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;height:52px;min-width:0;padding:0 2px;border:0;border-radius:6px;background:transparent;color:#e6e9ee;font:500 13px/1 "IBM Plex Sans",sans-serif;text-decoration:none;cursor:pointer;box-shadow:none}
  html:root body #bhc-shell.lcm-on .lcm-acts .lcm-act>span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  html:root body #bhc-shell.lcm-on .lcm-acts .lcm-act svg{width:18px;height:18px;color:#b3b9c2;flex:none}
  html:root body #bhc-shell.lcm-on .lcm-acts .lcm-act.is-on,html:root body #bhc-shell.lcm-on .lcm-acts .lcm-act[aria-expanded="true"]{background:#252e3a}
  html:root body #bhc-shell.lcm-on .lcm-acts .lcm-act.is-on svg{color:#e6e9ee}
  html:root body #bhc-shell.lcm-on .lcm-acts .lcm-cnt{position:absolute;top:4px;left:calc(50% + 6px);min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#252e3a;color:#e6e9ee;font:600 13px/16px "IBM Plex Sans",sans-serif;text-align:center}
  html:root body #bhc-shell.lcm-on .lcm-acts .lcm-cnt[hidden]{display:none}
  html:root body #bhc-shell.lcm-on .lcm-acts .lcm-buy{background:#95ce5a;color:#0a0d12;gap:3px;padding:0 12px;min-width:96px;max-width:116px}   /* ширина по подписи: «Торговать / ТехноИнвест» целиком */
  html:root body #bhc-shell.lcm-on .lcm-acts .lcm-buy[hidden]{display:none}
  html:root body #bhc-shell.lcm-on .lcm-acts .lcm-buy .lcm-buy-v{font:600 14px/1.15 "IBM Plex Sans",sans-serif}
  html:root body #bhc-shell.lcm-on .lcm-acts .lcm-buy .lcm-buy-p{font:500 13px/1.15 "IBM Plex Sans",sans-serif;color:rgba(10,13,18,.72)}
  html:root body #bhc-shell.lcm-on .lcm-acts .lcm-buy .lcm-buy-p:empty{display:none}
  @media (max-width:374.98px){   /* узкий телефон (360): у кнопки покупки остаётся глагол, полное название партнёра — в подписи для чтения с экрана */
    html:root body #bhc-shell.lcm-on .lcm-acts{gap:2px;padding:8px 6px}
    html:root body #bhc-shell.lcm-on .lcm-acts .lcm-act{padding:0}
    html:root body #bhc-shell.lcm-on .lcm-acts .lcm-buy{min-width:0;padding:0 8px}
    html:root body #bhc-shell.lcm-on .lcm-acts .lcm-buy .lcm-buy-p{display:none}
  }
  /* PACK16_2026_10_16 (мобильный разбор 16.10: «Индикато…»): при 375–395 px кнопка «Торговать · ТехноИнвест» забирала 116 px и резала подпись
     «Индикаторы» многоточием. Теперь подписи по ширине текста, кнопке — остаток до 116 px; уже 360 — прежние равные доли */
  @media (min-width:360px){html:root body #bhc-shell.lcm-on .lcm-acts:not(.lcm-acts--3){grid-template-columns:repeat(3,minmax(max-content,1fr)) minmax(0,116px)}
    html:root body #bhc-shell.lcm-on .lcm-acts:not(.lcm-acts--3) .lcm-buy{min-width:0}}
  html:root body #bhc-shell.lcm-on .lcm-note:not([hidden]){display:block;margin:0;padding:0 16px 8px;font:400 13px/1.4 "IBM Plex Sans",sans-serif;color:#949ca7}

  /* подсказка режима рисования поверх графика */
  html:root body #bhc-shell.lcm-on .lcm-pill:not([hidden]){display:flex;align-items:center;gap:8px;position:absolute;top:8px;left:8px;z-index:6;width:max-content;max-width:calc(100% - 76px);padding:4px 4px 4px 12px;border-radius:6px;background:#171e28;border:1px solid rgba(255,255,255,.12);font:500 13px/1.3 "IBM Plex Sans",sans-serif;color:#e6e9ee}
  .lcm-pill-t{min-width:0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}   /* длинная подсказка — в две строки, не обрезается */
  html:root body .lcm-pill .lcm-pill-x{flex:none;height:32px;padding:0 12px;border:0;border-radius:6px;background:#95ce5a;color:#0a0d12;font:600 13px/1 "IBM Plex Sans",sans-serif;cursor:pointer}

  @media (hover:hover) and (pointer:fine){
    html:root body #bhc-shell.lcm-on .lcm-acts .lcm-act:not(.lcm-buy):hover,html:root body .lcm-head :is(.lcm-asset,.lcm-more):hover{background:#171e28}
    html:root body #bhc-shell.lcm-on .lcm-acts .lcm-buy:hover{background:#a6d873}
  }
  html:root body :is(.lcm-head,.lcm-acts,.lcm-pill) :is(button,a):focus-visible{outline:1px solid #95ce5a;outline-offset:1px}
}

/* нижний лист (живёт в body, вне #bhc-shell): над нижним меню сайта (9000/9500), под окнами инструмента (10000) — канон 0.9.1 */
.lcm-veil[hidden],.lcm-sheet[hidden]{display:none!important}
.lcm-veil{position:fixed;inset:0;z-index:9790;background:rgba(0,0,0,.55);opacity:0;transition:opacity .2s ease}
.lcm-veil.is-open{opacity:1}
.lcm-sheet{position:fixed;left:0;right:0;bottom:0;z-index:9800;display:flex;flex-direction:column;max-height:82vh;max-height:82svh;background:#121820;border-top:1px solid rgba(255,255,255,.12);border-radius:8px 8px 0 0;box-shadow:0 -12px 32px rgba(0,0,0,.45);transform:translateY(100%);transition:transform .22s cubic-bezier(.2,.8,.2,1);padding-bottom:env(safe-area-inset-bottom,0px);font-family:"IBM Plex Sans",sans-serif;color:#e6e9ee;-webkit-tap-highlight-color:transparent}
.lcm-sheet.is-open{transform:none}
.lcm-sheet:focus{outline:none}
html.lcm-lock,html.lcm-lock body{overflow:hidden!important}
.lcm-grab{flex:none;width:36px;height:4px;margin:8px auto 0;border-radius:2px;background:#252e3a}
.lcm-sh-head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px 2px 16px;touch-action:none}
html:root body .lcm-sh-head h2{margin:0;font:600 16px/1.3 "IBM Plex Sans",sans-serif;color:#e6e9ee;letter-spacing:0}
html:root body .lcm-sheet .lcm-x{width:40px;height:40px;display:grid;place-items:center;padding:0;border:0;border-radius:6px;background:transparent;color:#b3b9c2;cursor:pointer}
.lcm-sh-body{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:4px 16px 16px}
.lcm-sh-foot{flex:none;padding:10px 16px 12px;border-top:1px solid rgba(255,255,255,.07)}
.lcm-sh-foot[hidden]{display:none}
html:root body .lcm-sheet .lcm-done{width:100%;height:44px;border:0;border-radius:6px;background:#252e3a;color:#e6e9ee;font:600 14px/1 "IBM Plex Sans",sans-serif;cursor:pointer}
html:root body .lcm-sheet .lcm-sec{margin:14px 0 8px;font:500 13px/1.3 "IBM Plex Sans",sans-serif;color:#949ca7}
html:root body .lcm-sheet .lcm-sec:first-child{margin-top:6px}
.lcm-grid{display:grid;gap:6px}
.lcm-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.lcm-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.lcm-list{display:grid;gap:2px}
html:root body .lcm-sheet :is(.lcm-chip,.lcm-row){display:flex;align-items:center;gap:10px;min-width:0;height:44px;padding:0 12px;border:0;border-radius:6px;background:#171e28;color:#e6e9ee;font:500 14px/1.2 "IBM Plex Sans",sans-serif;text-align:left;cursor:pointer;box-shadow:none}
html:root body .lcm-sheet .lcm-chip{justify-content:flex-start}
html:root body .lcm-sheet .lcm-grid--3 .lcm-chip{justify-content:center;padding:0 6px;text-align:center}
html:root body .lcm-sheet :is(.lcm-chip,.lcm-row)>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html:root body .lcm-sheet .lcm-row{background:transparent}
html:root body .lcm-sheet .lcm-row svg{width:18px;height:18px;flex:none;color:#b3b9c2}
html:root body .lcm-sheet :is(.lcm-chip,.lcm-row).is-on{background:#252e3a}
html:root body .lcm-sheet :is(.lcm-chip,.lcm-row).is-on svg{color:#e6e9ee}
.lcm-box{flex:none;width:16px;height:16px;border-radius:4px;background:#252e3a;display:grid;place-items:center}
.lcm-chip.is-on .lcm-box{background:#95ce5a}
.lcm-chip.is-on .lcm-box::before{content:"";width:11px;height:11px;background:#0a0d12;-webkit-mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'><path d='m5 12.5 4.5 4.5L19 7.5'/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'><path d='m5 12.5 4.5 4.5L19 7.5'/></svg>") center/contain no-repeat}
.lcm-chip.is-on.lcm-chip--chk{background:#171e28}
html:root body .lcm-sheet :is(button,a):focus-visible{outline:1px solid #95ce5a;outline-offset:1px}
@media (hover:hover) and (pointer:fine){
  html:root body .lcm-sheet :is(.lcm-chip,.lcm-row):not(.is-on):hover,html:root body .lcm-sheet .lcm-x:hover{background:#1f2834}
}

/* лист «Актив»: категории — вкладки словами, активы — список в две колонки без плиток */
html:root body .lcm-sheet .lc-cat-tabs{display:flex!important;flex-wrap:nowrap!important;gap:4px!important;overflow-x:auto;scrollbar-width:none;margin:2px -16px 10px!important;padding:0 16px!important;background:transparent!important;border:0!important}
.lcm-sheet .lc-cat-tabs::-webkit-scrollbar{display:none}
/* ряд категорий шире листа — затухает у правого края, пока есть что листать (канон 0.9.1) */
@supports (animation-timeline:scroll()){html:root body .lcm-sheet .lc-cat-tabs{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - var(--bh-fade,32px)),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - var(--bh-fade,32px)),transparent);animation:bh-fade-x linear both;animation-timeline:scroll(self inline)}}
@supports not (animation-timeline:scroll()){html:root body .lcm-sheet .lc-cat-tabs{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent)}}
html:root body .lcm-sheet .lc-cat-tabs .lc-cat-tab{flex:0 0 auto!important;height:36px!important;padding:0 12px!important;border:0!important;border-radius:6px!important;background:transparent!important;color:#b3b9c2!important;font:500 14px/1 "IBM Plex Sans",sans-serif!important;box-shadow:none!important;white-space:nowrap}
html:root body .lcm-sheet .lc-cat-tabs .lc-cat-tab.active{background:#252e3a!important;color:#e6e9ee!important}
html:root body .lcm-sheet .quick-instruments{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:2px 6px!important;margin:0!important;padding:0!important;background:transparent!important}
html:root body .lcm-sheet .quick-instruments .instrument-btn{display:flex;align-items:center;justify-content:flex-start!important;gap:8px;width:auto!important;min-width:0!important;height:44px!important;padding:0 12px!important;margin:0!important;border:0!important;border-radius:6px!important;background:transparent!important;color:#e6e9ee!important;font:500 14px/1.2 "IBM Plex Sans",sans-serif!important;text-align:left!important;box-shadow:none!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html:root body .lcm-sheet .quick-instruments .instrument-btn.lc-hidden{display:none!important}
html:root body .lcm-sheet .quick-instruments .instrument-btn.active{background:#252e3a!important}
html:root body .lcm-sheet .quick-instruments .add-symbol-btn{grid-column:1/-1;color:#b3b9c2!important;margin-top:6px!important}
html:root body .lcm-sheet .quick-instruments .add-symbol-btn svg{width:16px;height:16px;flex:none}
html:root body .lcm-sheet #custom-instruments-container:not(:empty){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 6px;margin:8px 0 0!important;padding:8px 0 0!important;border-top:1px solid rgba(255,255,255,.07)}
html:root body .lcm-sheet #custom-instruments-container .instrument-btn{display:flex;align-items:center;justify-content:space-between;height:44px;padding:0 4px 0 12px;border:0;border-radius:6px;background:transparent;color:#e6e9ee;font:500 14px/1.2 "IBM Plex Sans",sans-serif;text-align:left;box-shadow:none}
html:root body .lcm-sheet #custom-instruments-container .remove-symbol{display:grid;place-items:center;width:32px;height:32px;border-radius:6px;color:#949ca7}
@media (hover:hover) and (pointer:fine){
  html:root body .lcm-sheet .quick-instruments .instrument-btn:not(.active):hover,html:root body .lcm-sheet .lc-cat-tabs .lc-cat-tab:not(.active):hover{background:#1f2834!important}
}
@media (prefers-reduced-motion:reduce){.lcm-sheet,.lcm-veil{transition:none}}

/* LCFS21_2026_10_21 — полный экран на телефоне (владелец 21.10: «на мобильном при раскрытии живого графика на весь экран с помощью
   кнопки экран графика не тапается и выглядит не профессионально»). Было: в вертикальном положении блок на 32 px шире экрана (поля
   страницы −16 px оставались), листы «Ещё», «Индикаторы», «Рисование», «Актив» открывались под графиком, а выход — только в «Ещё»;
   в горизонтальном — вид компьютера: 14 значков в ряд, выход за правым краем, «Торговать» у самого края, панель рисования обрезана;
   и там и там график отзывался только на движение строго вбок. Стало: вид телефона и в горизонтальном положении, выход — кнопкой
   в шапке, все движения пальца — графику (в js — vertTouchDrag, LCFS21 в js/live-chart-app-r.js). Канон 0.9.1. */
html:root body .widget-box.fullscreen :is(#lc-chart-container,#lc-chart-container canvas){touch-action:none!important}
/* LCVP22_2026_10_22: и на странице в виде телефона палец двигает график вверх-вниз (владелец 22.10: «…график менял свое местоположение также как и при ведении влево и вправо») */
html:root body #bhc-shell.lcm-on :is(#lc-chart-container,#lc-chart-container canvas){touch-action:none!important}
@media (max-width:767.98px),(pointer:coarse) and (max-width:1024px) and (orientation:landscape) and (max-height:520px){
  html:root body #bhc-shell.lcm-on #chart-widget-box.fullscreen{margin:0!important;width:100%!important;max-width:none!important}
  html:root body #bhc-shell.lcm-on #chart-widget-box.fullscreen .lcm-exit{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:0;border-radius:6px;background:transparent;color:#b3b9c2;cursor:pointer;box-shadow:none}
  html:root body #bhc-shell.lcm-on #chart-widget-box.fullscreen .lcm-head .lcm-more{width:44px;height:44px}
  html:root body #bhc-shell.lcm-on #chart-widget-box.fullscreen .lc-asset-actions{display:none!important}   /* ссылка на обзор актива — на странице, не в полном экране */
  @media (hover:hover) and (pointer:fine){html:root body #bhc-shell.lcm-on .lcm-head .lcm-exit:hover{background:#171e28}}
}
/* горизонтальное положение: строка «актив · цена · таймфреймы · выход · ещё», график, ряд действий; лист — по центру, не во всю ширину */
@media (pointer:coarse) and (max-width:1024px) and (orientation:landscape) and (max-height:520px){
  html:root body #bhc-shell.lcm-on #chart-widget-box.fullscreen{display:grid!important;grid-template-columns:max-content minmax(0,1fr) auto auto;grid-template-rows:52px minmax(0,1fr);align-items:center;column-gap:4px}
  html:root body #bhc-shell.lcm-on #chart-widget-box.fullscreen>.lcm-head{display:contents}
  html:root body #bhc-shell.lcm-on #chart-widget-box.fullscreen .lcm-info{grid-column:1;grid-row:1;display:flex;align-items:center;gap:12px;min-width:0;padding:0 0 0 16px}
  html:root body #bhc-shell.lcm-on #chart-widget-box.fullscreen .lcm-row1{flex-wrap:nowrap;min-width:0}
  /* состояние данных («задержка 15 мин · американская сессия») — только для чтения с экрана: место строки — таймфреймам,
     а точка без подписи ничего не говорит; на странице и в вертикальном положении строка видна как была */
  html:root body #bhc-shell.lcm-on #chart-widget-box.fullscreen .lcm-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  html:root body #bhc-shell.lcm-on #chart-widget-box.fullscreen .lcm-px{flex:none;flex-wrap:nowrap;margin:0}
  html:root body #bhc-shell.lcm-on #chart-widget-box.fullscreen .lcm-price{font-size:18px}
  html:root body #bhc-shell.lcm-on #chart-widget-box.fullscreen .widget-header{grid-column:2;grid-row:1;min-width:0;padding:0!important;border:0!important}
  html:root body #bhc-shell.lcm-on #chart-widget-box.fullscreen #lc-tf-bar{justify-content:flex-start;padding:0 4px!important;border:0!important;box-shadow:none!important}
  html:root body #bhc-shell.lcm-on #chart-widget-box.fullscreen #lc-tf-bar>:first-child{margin-left:auto!important}   /* прижаты вправо, а шире строки — листаются с начала (flex-end прятал бы левые) */
  html:root body #bhc-shell.lcm-on #chart-widget-box.fullscreen #lc-tf-bar .lc-tf-btn.lc-tf-btn{flex:0 0 auto!important;height:44px!important;min-height:0!important;min-width:44px!important;padding:0 4px!important}
  html:root body #bhc-shell.lcm-on #chart-widget-box.fullscreen .lcm-exit{grid-column:3;grid-row:1}
  html:root body #bhc-shell.lcm-on #chart-widget-box.fullscreen .lcm-more{grid-column:4;grid-row:1;margin-right:8px}
  html:root body #bhc-shell.lcm-on #chart-widget-box.fullscreen #single-chart-view{grid-column:1/-1;grid-row:2;align-self:stretch;height:auto!important;min-height:0!important;border-top:1px solid rgba(255,255,255,.07)}
  html:root body #bhc-shell.lcm-on #chart-widget-box.fullscreen .lcm-dock{position:static}
  html:root body #bhc-shell.lcm-on #chart-widget-box.fullscreen .lcm-acts.lcm-acts{display:flex;align-items:center;gap:4px;padding:4px 8px}
  html:root body #bhc-shell.lcm-on #chart-widget-box.fullscreen .lcm-acts .lcm-act{flex:none;flex-direction:row;gap:8px;height:44px;padding:0 12px}
  html:root body #bhc-shell.lcm-on #chart-widget-box.fullscreen .lcm-acts .lcm-cnt{position:static;margin-left:-2px}
  html:root body #bhc-shell.lcm-on #chart-widget-box.fullscreen .lcm-acts .lcm-buy{margin-left:auto;flex-direction:row;gap:6px;height:40px;min-width:0;max-width:none;padding:0 16px}
  html:root body #bhc-shell.lcm-on #chart-widget-box.fullscreen .lcm-note:not([hidden]){padding:0 16px 6px}
  /* таймфреймы шире строки — листаются вбок и затухают у края (канон 0.9.1) */
  @supports (animation-timeline:scroll()){html:root body #bhc-shell.lcm-on #chart-widget-box.fullscreen #lc-tf-bar{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - var(--bh-fade,32px)),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - var(--bh-fade,32px)),transparent);animation:bh-fade-x linear both;animation-timeline:scroll(self inline)}}
  .lcm-sheet{width:min(100%,560px);margin-inline:auto}
}
/* LCFS22_2026_10_22 (владелец 22.10: «тапы срабатывают только влево и вправо а вверх и вниз нет»): в полном экране палец двигает график
   и по цене — автомасштаб снимается (js/live-chart-app-r.js, LCFS22). Кнопка «Авто» у шкалы цен видна, пока он снят, и возвращает его;
   плитка #171e28 (0.6), поле касания 44 */
html:root body #lc-chart-container .lc-auto-btn{position:absolute;right:73px;bottom:36px;z-index:4;display:inline-flex;align-items:center;height:36px;margin:0;padding:0 12px;border:0;border-radius:6px;background:#171e28;color:#e6e9ee;font:500 13px/1 "IBM Plex Sans",sans-serif;box-shadow:none;cursor:pointer;touch-action:manipulation}
html:root body #lc-chart-container .lc-auto-btn[hidden]{display:none}
html:root body #lc-chart-container .lc-auto-btn::after{content:"";position:absolute;inset:-4px}
html:root body #lc-chart-container .lc-auto-btn:focus-visible{outline:1px solid #95ce5a;outline-offset:1px}
@media (hover:hover) and (pointer:fine){html:root body #lc-chart-container .lc-auto-btn:hover{background:#1f2834}}

/* LCAH22_2026_10_22 — в полном экране телефона панели уходят, когда повели график (js/live-chart-phone.js, вариант «г»; владелец 22.10:
   «было бы еще круто если в мобильнов на полноэкранном режиме нижняя и верхняя панель умно исчезали и появлялись»). Класс lcfs-off на
   блоке — панели ушли, график на весь экран; вернуть — кнопка «Показать панели» в левом верхнем углу графика (справа она закрывала
   верхнюю цену шкалы) или касание у края экрана */
html:root body #bhc-shell.lcm-on #chart-widget-box.fullscreen.lcfs-ah :is(.lcm-head,.widget-header,.lcm-dock){max-height:180px;transition:max-height .2s ease,opacity .16s ease,padding .2s ease,transform .2s ease}
html:root body #bhc-shell.lcm-on #chart-widget-box.fullscreen.lcfs-off :is(.lcm-head,.widget-header,.lcm-dock){max-height:0!important;opacity:0;overflow:hidden!important;padding-top:0!important;padding-bottom:0!important;border-width:0!important;pointer-events:none}
@media (pointer:coarse) and (max-width:1024px) and (orientation:landscape) and (max-height:520px){
  html:root body #bhc-shell.lcm-on #chart-widget-box.fullscreen.lcfs-ah{overflow:hidden;transition:grid-template-rows .2s ease}
  html:root body #bhc-shell.lcm-on #chart-widget-box.fullscreen.lcfs-ah :is(.lcm-info,.lcm-exit,.lcm-more,.widget-header){transition:transform .2s ease,opacity .16s ease}
  html:root body #bhc-shell.lcm-on #chart-widget-box.fullscreen.lcfs-off{grid-template-rows:0px minmax(0,1fr)}
  html:root body #bhc-shell.lcm-on #chart-widget-box.fullscreen.lcfs-off :is(.lcm-info,.lcm-exit,.lcm-more,.widget-header){transform:translateY(-64px);opacity:0;pointer-events:none;max-height:none!important}
  html:root body #bhc-shell.lcm-on #chart-widget-box.fullscreen.lcfs-off #single-chart-view{border-top-color:transparent}
}
html:root body #chart-widget-box .lcm-ah-show{display:none}
html:root body #bhc-shell.lcm-on #chart-widget-box.fullscreen.lcfs-off .lcm-ah-show{position:absolute;top:8px;left:8px;z-index:5;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:6px;background:#121820;color:#b3b9c2;cursor:pointer;box-shadow:none}
@media (prefers-reduced-motion:reduce){html:root body #bhc-shell.lcm-on #chart-widget-box.fullscreen.lcfs-ah,html:root body #bhc-shell.lcm-on #chart-widget-box.fullscreen.lcfs-ah *{transition:none!important}}
/* LCDRAW22_2026_10_22: в листе «Рисование» длинное название переносится на вторую строку, без многоточия (канон 0.9.3: подпись кнопки без многоточия) */
html:root body .lcm-sheet[data-k="draw"] .lcm-grid .lcm-row>span{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.15}

/* LCIND22_2026_10_22 — лист «Индикаторы»: сверху что сейчас на графике (строки 44 с «Настроить» и «Убрать»), ниже список по группам;
   лист настроек индикатора — поля и кнопки по 44 px, шрифт поля 16 (иначе iPhone увеличивает страницу при вводе) */
html:root body .lcm-sheet .lcm-sub{margin:10px 0 6px;font:400 13px/1.3 "IBM Plex Sans",sans-serif;color:#949ca7}
html:root body .lcm-sheet .lcm-on-list{display:grid;gap:6px}
html:root body .lcm-sheet .lcm-on-row{display:flex;align-items:center;gap:2px;min-width:0;height:44px;padding:0 0 0 12px;border-radius:6px;background:#171e28}
html:root body .lcm-sheet .lcm-on-dash{flex:none;width:14px;height:2px;margin-right:10px;border-radius:1px;background-color:#e6e9ee}
html:root body .lcm-sheet .lcm-on-n{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 14px/1.2 "IBM Plex Sans",sans-serif;color:#e6e9ee}
html:root body .lcm-sheet .lcm-on-n em{font-style:normal;font-weight:400;color:#949ca7}
html:root body .lcm-sheet .lcm-on-b{flex:none;display:grid;place-items:center;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:6px;background:transparent;color:#b3b9c2;box-shadow:none;cursor:pointer}
html:root body .lcm-sheet .lcm-on-b svg{width:18px;height:18px}
html:root body .lcm-sheet .lcm-clear{margin-top:6px;width:100%;justify-content:center}
html:root body .lcm-sheet[data-k="ind"] .lcm-grid .lcm-chip>span{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.15}
html:root body .lcm-sheet .lcm-set-name{margin:2px 0 14px;font:500 14px/1.3 "IBM Plex Sans",sans-serif;color:#949ca7}
html:root body .lcm-sheet .lct-set-row{margin-bottom:10px}
html:root body .lcm-sheet .lct-set-l{font-size:14px}
html:root body .lcm-sheet input.lct-set-in,html:root body .lcm-sheet input.lct-set-in:focus{width:112px;height:44px;font-size:16px}
html:root body .lcm-sheet .lct-set-acts{justify-content:stretch}
html:root body .lcm-sheet .lct-set-reset{flex:1 1 auto;height:44px;font-size:14px}
@media (hover:hover){html:root body .lcm-sheet .lcm-on-b:hover{background:#1f2834;color:#e6e9ee}}
html:root body .lcm-sheet .lcm-on-b:focus-visible{outline:2px solid #95ce5a;outline-offset:-2px}