.lab-entry { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px; margin-bottom:18px; border:1px solid rgba(255,255,255,0.08); border-radius:var(--r-m); color:#ffffff; background:rgba(255,255,255,0.03); backdrop-filter:blur(20px); text-decoration:none; min-height:64px; }
.lab-entry b { display:block; font-size:15px; font-weight:600; color:#fff; }
.lab-entry small { display:block; font-size:11px; margin-top:6px; color:var(--tusk); }
.lab-entry svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.5; }
/* SUPREMACY SINGAPORE OLED GLASS EDITION.
   Абсолютный чёрный OLED (#000000), глубокий Glassmorphism, неоновые точечные акценты.
   Чистый финансовый терминал без визуального мусора. */
:root{
  --kosmos:#000000;        /* чистый глубокий OLED чёрный */
  --sliva:#090a0f;         /* ультратёмный титан */
  --sliva2:#050608;
  --plita:rgba(16,19,26,.72);  /* парящее тёмное стекло */
  --plita2:rgba(26,30,42,.65);
  --kant:rgba(255,255,255,.08); /* кристальный микрокант */
  --kant-svet:rgba(255,255,255,.16);
  --tekst:#ffffff;
  --tusk:#9ca3af;
  --tusk2:#6b7280;
  --svet:#00f090;          /* неоновый зелёный акцент */
  --svet-rgb:0,240,144;
  --plus:#00f090;
  --gr-up:#00f090;
  --gr-down:#ff3b57;
  --minus:#ff3b57;
  --yantar:#ffb020;
  --cyan:#00d4ff;
  --r-l:24px; --r-m:18px; --r-s:12px; --r-xs:8px;
  --kant-tol:1px;
  --blur:24px;
  --ten:0 16px 40px rgba(0,0,0,.85);
  --zag-tr:none;
  --zag-sp:.01em;
  --uzor:none;
  --uzor-op:0;
  --tuman-op:.45;
  --kant-zhiv:0 0 16px rgba(0,240,144,.25);
  --karta1:#0c1018; --karta2:#06080d; --karta3:#000000;
  --na-svete:#000000;
  --podlozhka:rgba(14,16,22,.75);
  --niz:env(safe-area-inset-bottom,0px);
  --verh:env(safe-area-inset-top,0px);
  --tuman1:rgba(0,212,255,.08);
  --tuman2:rgba(0,240,144,.06);
  --tuman3:rgba(255,176,32,.04);
  --cifry:'Unbounded','Golos Text',system-ui,sans-serif;
  --shrift:'Golos Text',system-ui,-apple-system,sans-serif;
}

*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{background:var(--kosmos);color:var(--tekst);font:16px/1.4 var(--shrift);-webkit-text-size-adjust:100%;font-variant-numeric:tabular-nums}
/* фактура тематики: сканлайны «Станка», сетка «Неона», зерно «Бумаги» */
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background-image:var(--uzor);opacity:var(--uzor-op);mix-blend-mode:screen}
:root[data-svetlo="da"] body::after{mix-blend-mode:multiply}
body{margin:0;min-height:100dvh;background:var(--kosmos);overflow-x:hidden;overscroll-behavior-y:none;
  padding:calc(var(--verh) + 6px) 14px calc(var(--niz) + 104px);-webkit-user-select:none;user-select:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;touch-action:manipulation}
input{font:inherit;color:inherit}
svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--svet);outline-offset:2px;border-radius:var(--r-s)}

/* ── туманность (обои телефона) ── */
.tuman{position:fixed;inset:-20%;z-index:-1;pointer-events:none;
  background:
    radial-gradient(40% 30% at 25% 18%,var(--tuman1),transparent 70%),
    radial-gradient(38% 34% at 82% 40%,var(--tuman2),transparent 72%),
    radial-gradient(50% 40% at 40% 88%,var(--tuman3),transparent 70%),
    var(--kosmos)}
.tuman i{position:absolute;border-radius:50%;filter:blur(55px);opacity:var(--tuman-op)}
.tuman i:nth-child(1){width:60vw;height:60vw;left:12%;top:20%;background:var(--tuman1);animation:plyv 38s ease-in-out infinite alternate}
.tuman i:nth-child(2){width:48vw;height:48vw;right:6%;top:52%;background:var(--tuman2);animation:plyv 46s ease-in-out infinite alternate-reverse}
.tuman i:nth-child(3){width:70vw;height:40vw;left:-4%;bottom:6%;background:var(--tuman3);animation:plyv 54s ease-in-out infinite alternate}
.tuman::after{content:"";position:absolute;inset:0;opacity:.55;
  background-image:radial-gradient(1px 1px at 12% 22%,#fff8,transparent),radial-gradient(1px 1px at 72% 12%,#fff6,transparent),
  radial-gradient(1.2px 1.2px at 42% 64%,#fff7,transparent),radial-gradient(1px 1px at 88% 72%,#fff5,transparent),
  radial-gradient(1px 1px at 22% 82%,#fff5,transparent),radial-gradient(1.3px 1.3px at 58% 36%,#fff8,transparent),
  radial-gradient(1px 1px at 33% 46%,#fff4,transparent),radial-gradient(1px 1px at 80% 90%,#fff6,transparent)}
@keyframes plyv{to{transform:translate(8vw,-6vh) scale(1.15)}}
:root[data-tuman="stoit"] .tuman i{animation:none}

/* ── кожа (фактура чехла) ── */
.kozha{position:relative;isolation:isolate;
  background:linear-gradient(160deg,rgba(64,38,86,.92),rgba(34,20,48,.94) 60%,rgba(28,16,40,.96));
  box-shadow:inset 0 1px 0 rgba(255,235,255,.10),inset 0 -1px 0 rgba(0,0,0,.35),0 18px 40px -18px rgba(0,0,0,.7)}
.kozha::before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;opacity:.55;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .45 0 0 0 0 .6 0 0 0 1.6 -.55'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23f)'/%3E%3C/svg%3E")}
:root[data-kozha="net"] .kozha::before{display:none}

/* ── шапка ── */
.verh{display:flex;align-items:center;gap:10px;padding:6px 2px 12px}
.scheta{position:relative;display:flex;flex:1;padding:4px;border-radius:var(--r-m);background:var(--podlozhka);
  box-shadow:inset 0 0 0 1px var(--kant);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur))}
.scheta button{position:relative;z-index:1;flex:1;height:44px;border-radius:var(--r-s);display:flex;align-items:center;justify-content:center;gap:8px;
  color:var(--tusk);font-weight:600;font-size:15px;transition:color .25s}
.scheta button[aria-selected="true"]{color:var(--tekst)}
.scheta b{font:500 12px var(--shrift);color:var(--tusk2)}
.scheta b.p{color:var(--plus)} .scheta b.m{color:var(--minus)}
.scheta b.idet::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--svet);margin-right:5px;vertical-align:1px;box-shadow:0 0 8px var(--svet)}
.polzunok{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:var(--r-s);
  /* 27.10: ползунок счёта шёл фиксированным фиолетом мимо акцента — теперь красится акцентом */
  background:linear-gradient(160deg,rgba(var(--svet-rgb),.26),rgba(var(--svet-rgb),.12));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 6px 16px -6px rgba(0,0,0,.6),0 0 0 1px rgba(var(--svet-rgb),.22) inset;
  transition:transform .38s cubic-bezier(.3,1.3,.5,1)}
.scheta[data-na="demo"] .polzunok{transform:translateX(100%)}
.svyaz{height:52px;min-width:52px;padding:0 12px;border-radius:var(--r-m);display:flex;align-items:center;gap:7px;
  background:var(--podlozhka);box-shadow:inset 0 0 0 1px var(--kant);font-size:13px;color:var(--tusk);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur))}
.svyaz i{width:8px;height:8px;border-radius:50%;background:var(--plus);box-shadow:0 0 10px var(--plus)}
.svyaz.plokho i{background:var(--yantar);box-shadow:0 0 10px var(--yantar)}
.svyaz.net i{background:var(--minus);box-shadow:none;animation:mig 1s steps(2) infinite}
@keyframes mig{50%{opacity:.2}}

/* ── сердце: итог и огонёк ── */
.serdce{border-radius:var(--r-l);padding:20px 18px 18px;display:grid;grid-template-columns:1fr auto;gap:8px;min-height:188px;overflow:hidden;touch-action:pan-y}
.robot{display:flex;align-items:baseline;gap:8px;font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden}
.robot span{overflow:hidden;text-overflow:ellipsis}
.robot em{font-style:normal;font-weight:500;font-size:13px;color:var(--tusk)}
.robot em.idet{color:var(--svet)} .robot em.stoit{color:var(--yantar)} .robot em.beda{color:var(--minus)}
.itog{font:500 44px/1.05 var(--cifry);letter-spacing:-.02em;margin-top:14px;white-space:nowrap}
.itog small{font-size:.42em;color:var(--tusk);margin-left:4px;letter-spacing:0}
.itog.p{color:var(--plus)} .itog.m{color:var(--minus)}
.itog-pod{font-size:13px;color:var(--tusk);margin-top:6px;min-height:18px}
.itog-pod b{font-weight:600}
.ryad{display:flex;gap:16px;margin-top:auto;padding-top:14px}
.ryad div{font-size:12px;color:var(--tusk2)}
.ryad div b{display:block;font:500 15px var(--shrift);color:var(--tekst);white-space:nowrap}
:root[data-krupno="da"] .itog{font-size:54px}

.setka{--shag:17px;display:grid;grid-template-columns:repeat(6,var(--shag));grid-auto-rows:var(--shag);align-self:center;place-items:center;position:relative}
.setka i{width:5px;height:5px;border-radius:50%;background:rgba(150,135,200,.20);transition:background .5s,box-shadow .5s,transform .5s}
.setka i.mesto{background:rgba(var(--svet-rgb),.30)}
.setka i.zayavka{background:transparent;box-shadow:0 0 0 1.5px rgba(var(--svet-rgb),.8);width:7px;height:7px}
.setka i.pl{background:var(--plus);box-shadow:0 0 calc(4px + var(--sila,0)*10px) var(--plus);transform:scale(calc(1.25 + var(--sila,0)*.5))}
.setka i.mi{background:var(--minus);box-shadow:0 0 calc(4px + var(--sila,0)*10px) var(--minus);transform:scale(calc(1.25 + var(--sila,0)*.5))}
.setka i.ogon{width:14px;height:14px;background:radial-gradient(circle at 38% 34%,#fff 0 18%,#e4dbff 30%,var(--svet) 62%);
  box-shadow:0 0 18px 4px rgba(var(--svet-rgb),.55),0 0 46px 14px rgba(var(--svet-rgb),.22)}
.serdce.idet .setka i.ogon{animation:dyshit 3.6s ease-in-out infinite}
.serdce.stoit .setka i.ogon{background:radial-gradient(circle at 38% 34%,#fff 0 18%,#ffe9c2 30%,var(--yantar) 62%);box-shadow:0 0 16px 3px rgba(243,194,122,.45)}
.serdce.beda .setka i.ogon{background:radial-gradient(circle at 38% 34%,#fff 0 18%,#ffd0d8 30%,var(--minus) 62%);animation:mig 1.2s steps(2) infinite}
.serdce.vspyshka .setka i.ogon{animation:vspyshka .9s ease-out}
@keyframes dyshit{50%{box-shadow:0 0 26px 8px rgba(var(--svet-rgb),.7),0 0 70px 24px rgba(var(--svet-rgb),.28)}}
@keyframes vspyshka{0%{transform:scale(1)}25%{transform:scale(2.1);box-shadow:0 0 40px 18px var(--plus)}100%{transform:scale(1)}}
.serdce.zazhech .setka i{animation:zazhech .7s calc(var(--n)*22ms) both cubic-bezier(.2,.8,.3,1)}
@keyframes zazhech{from{opacity:0;transform:scale(.2)}}

.trevoga{margin-top:12px;border-radius:var(--r-m);padding:13px 16px;background:rgba(255,143,163,.12);box-shadow:inset 0 0 0 1px rgba(255,143,163,.35);color:#ffd2da;font-size:14px;display:flex;gap:10px}
.trevoga svg{color:var(--minus)}

/* ── виджеты ── */
.vidzhety{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
/* без backdrop-filter: размытие под каждым виджетом поверх живого фона пересчитывается каждый кадр — главный тормоз на iPhone */
.vd{position:relative;grid-column:span 2;border-radius:var(--r-m);padding:14px 16px;min-height:120px;contain:layout paint;
  background:linear-gradient(160deg,rgba(44,32,70,.86),rgba(28,20,46,.9));box-shadow:inset 0 0 0 1px var(--kant);
  overflow:hidden;transition:transform .2s}
.vd[data-r="S"]{grid-column:span 1;min-height:150px}
.vd[data-r="L"]{min-height:260px}
.vd:active:not(.tash){transform:scale(.985)}
.vd-zag{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--tusk);margin-bottom:10px}
.vd-zag svg{width:16px;height:16px}
.vd-zag .spr{margin-left:auto;font-weight:500;color:var(--tusk2)}
.pusto{color:var(--tusk2);font-size:14px;padding:6px 0}
.chislo{font:500 26px/1.1 var(--cifry);letter-spacing:-.01em}
.mel{font-size:12px;color:var(--tusk2)}
.p{color:var(--plus)} .m{color:var(--minus)} .s{color:var(--svet)} .y{color:var(--yantar)}

/* правка виджетов */
body.pravka .vd{animation:drozh .32s ease-in-out infinite alternate;touch-action:none}
body.pravka .vd:nth-child(2n){animation-delay:-.16s}
@keyframes drozh{from{transform:rotate(-.5deg)}to{transform:rotate(.5deg)}}
.vd.tash{z-index:5;animation:none!important;transform:scale(1.04);box-shadow:inset 0 0 0 1.5px var(--svet),0 24px 50px -12px rgba(0,0,0,.8)}
.vd-ruchki{display:none;position:absolute;top:8px;right:8px;gap:6px;z-index:2}
body.pravka .vd-ruchki{display:flex}
.vd-ruchki button{width:34px;height:34px;border-radius:var(--r-s);display:grid;place-items:center;background:var(--plita2);box-shadow:inset 0 0 0 1px var(--kant);font-size:12px;font-weight:700}
.vd-ruchki svg{width:16px;height:16px}
.dobavit{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px}
.dobavit button{height:40px;padding:0 14px;border-radius:var(--r-s);background:var(--plita2);box-shadow:inset 0 0 0 1px var(--kant);font-size:14px;display:flex;align-items:center;gap:6px}
.dobavit button svg{width:16px;height:16px;color:var(--svet)}
@media (prefers-reduced-motion:reduce){body.pravka .vd,.serdce.idet .setka i.ogon,.tuman i{animation:none}}

/* позиции */
.poz{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:10px 0;border-top:1px solid rgba(190,170,255,.07)}
.poz:first-of-type{border-top:0;padding-top:2px}
.poz-m{font-weight:600;font-size:16px;display:flex;align-items:center;gap:6px}
.poz-m .bejdzh{font-size:11px;font-weight:600;padding:2px 6px;border-radius:var(--r-xs);background:rgba(var(--svet-rgb),.14);color:var(--svet)}
.poz-m .bejdzh.sh{background:rgba(255,143,163,.15);color:var(--minus)}
.poz-d{font:500 17px var(--cifry);text-align:right}
.poz-i{font-size:12px;color:var(--tusk2)}
.poz-t{font-size:12px;color:var(--tusk2);text-align:right}
.put{grid-column:1/-1;position:relative;height:6px;border-radius:var(--r-xs);margin:8px 0 2px;
  background:linear-gradient(90deg,rgba(255,143,163,.35),rgba(255,143,163,.08) var(--vh),rgba(127,227,192,.08) var(--vh),rgba(127,227,192,.35))}
.put i{position:absolute;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--tekst);box-shadow:0 0 0 3px color-mix(in srgb,var(--kosmos) 90%,transparent);transition:left .5s}
.put u{position:absolute;top:-3px;bottom:-3px;width:2px;margin-left:-1px;background:var(--tusk);border-radius:1px}
.zayavki{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.zayavki span{font-size:12px;padding:5px 9px;border-radius:var(--r-s);background:rgba(var(--svet-rgb),.08);box-shadow:inset 0 0 0 1px rgba(var(--svet-rgb),.22);color:var(--tusk)}
.zayavki span b{color:var(--tekst);font-weight:600}

/* списки */
.str{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid rgba(190,170,255,.07);font-size:14px}
.str:first-child{border-top:0}
.str .l{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.str .l small{display:block;font-size:12px;color:var(--tusk2)}
.str .r{text-align:right;font-weight:600;white-space:nowrap}
.str .r small{display:block;font-size:12px;color:var(--tusk2);font-weight:400}
.tochka{width:8px;height:8px;border-radius:50%;flex:none;background:var(--tusk2)}
.tochka.p{background:var(--plus)} .tochka.m{background:var(--minus)} .tochka.s{background:var(--svet)} .tochka.y{background:var(--yantar)}

canvas{display:block;width:100%}
.krivaya{height:110px;margin:4px -4px 0;display:block}
.vd[data-r="L"] .krivaya{height:200px}
/* ── графики 22.10: поле с выноской и разбор исходов сделок ── */
.gr-pole{position:relative}
.gr-vyn{position:absolute;z-index:3;pointer-events:none;padding:6px 9px;border-radius:var(--r-s);
  background:rgba(23,16,42,.96);box-shadow:0 8px 24px rgba(0,0,0,.45),inset 0 0 0 1px rgba(190,170,255,.14);
  font-size:12px;line-height:1.3;white-space:nowrap}
.gr-vyn small{display:block;margin-top:2px;font-size:11px;color:var(--tusk)}
.gr-vyn small i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}
.ishody{display:flex;gap:2px;height:8px;margin:12px 0 0}
.ishody i{border-radius:var(--r-xs);min-width:5px}
.ishody-l{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:9px;font-size:12px;color:var(--tusk)}
.ishody-l i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}
.ishody-l b{color:var(--tekst);font-weight:600}
.ishody-l u{text-decoration:none;font-variant-numeric:tabular-nums}
.ishody-l.mal{gap:3px 10px;margin-top:7px;font-size:11.5px}
.i-t{background:var(--plus)} .i-s{background:var(--minus)} .i-sr{background:var(--yantar)}
.i-r{background:var(--svet)} .i-pr{background:var(--tusk2)}

/* радар */
.rad{display:grid;grid-template-columns:76px 1fr 54px;align-items:center;gap:10px;padding:6px 0;font-size:13px}
.rad b{font-weight:600;overflow:hidden;text-overflow:ellipsis}
.rad .shk{height:6px;border-radius:var(--r-xs);background:rgba(150,135,200,.12);position:relative;overflow:hidden}
.rad .shk i{position:absolute;left:0;top:0;bottom:0;border-radius:var(--r-xs);background:linear-gradient(90deg,rgba(var(--svet-rgb),.35),var(--svet))}
.rad .shk i.vz{background:linear-gradient(90deg,rgba(243,194,122,.4),var(--yantar))}
.rad span{text-align:right;color:var(--tusk)}

/* кольцо */
.kolco{display:flex;align-items:center;gap:14px}
.kolco svg{width:76px;height:76px;stroke-width:7}
.kolco .k-fon{stroke:rgba(150,135,200,.14)}

/* ── док ── */
.dok{position:fixed;left:14px;right:14px;bottom:calc(var(--niz) + 10px);z-index:20;height:72px;border-radius:var(--r-l);
  display:grid;grid-template-columns:76px 1fr 76px;align-items:center;padding:0 8px;gap:8px}
.zalivka{position:absolute;inset:0;transform-origin:left;transform:scaleX(0);background:rgba(255,255,255,.22);z-index:0}
.gotovo{position:fixed;left:50%;bottom:calc(var(--niz) + 18px);transform:translateX(-50%);z-index:21;height:56px;padding:0 40px;border-radius:var(--r-m);background:var(--svet);color:#1a1030;font-weight:700;font-size:16px;box-shadow:0 12px 30px -8px rgba(var(--svet-rgb),.7)}
body.pravka .dok{display:none}

/* ── листы ── */
.zatemn{position:fixed;inset:0;z-index:40;background:rgba(6,4,14,.55);opacity:0;transition:opacity .3s;backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur))}
.zatemn.vidno{opacity:1}
.list{position:fixed;left:0;right:0;bottom:0;z-index:41;max-height:calc(100dvh - var(--verh) - 18px);display:flex;flex-direction:column;
  border-radius:30px 30px 0 0;background:linear-gradient(180deg,#22183a,#160f27 40%);box-shadow:0 -1px 0 rgba(255,255,255,.08),0 -30px 60px -20px rgba(0,0,0,.7);
  transform:translateY(105%);transition:transform .42s cubic-bezier(.2,.9,.25,1)}
.list.vidno{transform:none}
.list.tyanu{transition:none}
.list-ruchka{flex:none;padding:10px 0 4px;display:grid;place-items:center;touch-action:none}
.list-ruchka i{width:40px;height:5px;border-radius:var(--r-xs);background:rgba(255,255,255,.22)}
.list-shapka{flex:none;display:flex;align-items:center;gap:10px;padding:4px 18px 12px;touch-action:none}
.list-shapka h2{margin:0;font:600 21px var(--shrift);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.list-shapka .zakr{width:40px;height:40px;border-radius:var(--r-s);display:grid;place-items:center;background:rgba(255,255,255,.06);color:var(--tusk)}
.list-telo{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:0 16px calc(var(--niz) + 20px);-webkit-user-select:text;user-select:text}
.list-niz{flex:none;padding:12px 16px calc(var(--niz) + 12px);border-top:1px solid rgba(255,255,255,.06);background:var(--plita)}

.gruppa{margin:6px 0 18px}
.gruppa>h3{margin:0 4px 8px;font:600 13px var(--shrift);color:var(--tusk)}
.blok{border-radius:var(--r-m);background:rgba(255,255,255,.035);box-shadow:inset 0 0 0 1px rgba(190,170,255,.07);overflow:hidden}
.punkt{display:flex;align-items:center;gap:12px;min-height:58px;padding:9px 14px;border-top:1px solid rgba(190,170,255,.07)}
.punkt.s-effektom,.punkt.stolbik{flex-wrap:wrap}
.punkt.stolbik .mini-seg{flex:1 0 100%;margin-top:2px}
.punkt:first-child{border-top:0}
.punkt .l{flex:1;min-width:0}
.punkt .l b{display:block;font-weight:500;font-size:15px}
.punkt .l small{display:block;font-size:12px;color:var(--tusk2);line-height:1.35;margin-top:1px}
.punkt.izm{background:rgba(var(--svet-rgb),.07)}
.punkt.izm .l > b::after{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--svet);margin-left:7px;vertical-align:2px}
.punkt .bylo{color:var(--svet)}
.punkt.knopka{cursor:pointer}
.punkt.knopka:active{background:rgba(255,255,255,.04)}
.strelka{color:var(--tusk2)}

.shag{display:flex;align-items:center;border-radius:var(--r-s);background:rgba(0,0,0,.25);box-shadow:inset 0 0 0 1px rgba(190,170,255,.10)}
.shag button{width:42px;height:42px;display:grid;place-items:center;color:var(--svet);font-size:22px;font-weight:400;touch-action:none}
.shag button:active{background:rgba(var(--svet-rgb),.14)}
.shag button:first-child{border-radius:var(--r-s) 0 0 var(--r-s)} .shag button:last-child{border-radius:0 var(--r-s) var(--r-s) 0}
.shag input{width:62px;height:42px;border:0;background:none;text-align:center;font-weight:600;font-size:15px;outline:0;-webkit-user-select:text;user-select:text}
.shag .ed{font-size:11px;color:var(--tusk2);margin:0 -4px 0 -8px;min-width:12px}

.tumbler{position:relative;width:52px;height:32px;flex:none;border-radius:var(--r-m);background:rgba(150,135,200,.22);transition:background .25s}
.tumbler::after{content:"";position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.35);transition:transform .3s cubic-bezier(.3,1.4,.5,1)}
.tumbler.vkl{background:var(--svet)}
.tumbler.vkl::after{transform:translateX(20px)}

.svodka{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}
.svodka div{padding:8px 10px;border-radius:var(--r-s);background:rgba(255,255,255,.04);font-size:11px;color:var(--tusk2)}
.svodka div b{display:block;font-size:15px;color:var(--tekst);font-weight:600}
.knopki{display:flex;gap:10px}
.kn{flex:1;position:relative;overflow:hidden;height:52px;border-radius:var(--r-m);display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:15px;
  background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(190,170,255,.10)}
.kn.glav{background:var(--svet);color:var(--na-svete);box-shadow:none}
.kn.opas{background:rgba(255,143,163,.14);color:#ffc4cf;box-shadow:inset 0 0 0 1px rgba(255,143,163,.3)}
.kn:disabled{opacity:.4}
.kn span,.kn svg{position:relative;z-index:1}
.kn .zalivka{background:rgba(255,255,255,.28)}
.kn.opas .zalivka{background:rgba(255,143,163,.35)}
.kn small{font-weight:500;opacity:.7;font-size:12px}
.setka-kn{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.setka-kn .kn{height:60px;flex-direction:column;gap:2px}

.poisk{display:flex;align-items:center;gap:8px;height:44px;padding:0 14px;margin-bottom:14px;border-radius:var(--r-s);background:rgba(255,255,255,.06);color:var(--tusk2)}
.poisk input{flex:1;border:0;background:none;outline:0;height:100%;font-size:15px;-webkit-user-select:text;user-select:text}
.poisk svg{width:18px;height:18px}
.chipy{display:flex;gap:8px;overflow-x:auto;margin:0 -16px 12px;padding:0 16px;scrollbar-width:none}
.chipy::-webkit-scrollbar{display:none}
.chipy button{flex:none;height:36px;padding:0 14px;border-radius:var(--r-s);background:rgba(255,255,255,.06);font-size:14px;color:var(--tusk)}
.chipy button.vkl{background:rgba(var(--svet-rgb),.2);color:var(--tekst);box-shadow:inset 0 0 0 1px rgba(var(--svet-rgb),.4)}

.grafik{height:220px;margin:0 -4px 12px;border-radius:var(--r-m);background:rgba(0,0,0,.18)}
.cifry{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}
.cifry div{padding:10px 12px;border-radius:var(--r-m);background:rgba(255,255,255,.04);font-size:12px;color:var(--tusk2)}
.cifry div b{display:block;font:500 16px var(--cifry);color:var(--tekst);margin-top:2px}
.zhurnal-str{padding:9px 2px;border-top:1px solid rgba(190,170,255,.07);font-size:14px;line-height:1.45}
.zhurnal-str:first-child{border-top:0}
.zhurnal-str time{font-size:12px;color:var(--tusk2);margin-right:8px}
.zhurnal-str em{font-style:normal;font-size:12px;color:var(--svet);margin-right:6px}
.akcenty{display:flex;gap:12px;padding:14px}
.akcenty button{width:44px;height:44px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 2px rgba(0,0,0,.25)}
.akcenty button.vkl{box-shadow:0 0 0 3px #160f27,0 0 0 5px var(--c)}
.chasy-polosa{display:grid;grid-template-columns:repeat(24,1fr);gap:2px;padding:6px 14px 14px}
.chasy-polosa i{height:22px;border-radius:var(--r-xs);background:rgba(var(--svet-rgb),.25)}
.chasy-polosa i.tiho{background:rgba(150,135,200,.10)}
.chasy-polosa i.seychas{box-shadow:0 0 0 2px var(--tekst)}
.shagi{margin:0;padding:0 0 0 20px;color:var(--tusk);font-size:14px;line-height:1.55}
.shagi li{margin:4px 0}
.shagi b{color:var(--tekst);font-weight:600}
.prov{display:flex;gap:10px;padding:8px 0;font-size:14px}
.prov i{font-style:normal;font-weight:700;width:18px;text-align:center}

/* тост */
.tost{position:fixed;left:50%;bottom:calc(var(--niz) + 96px);z-index:60;transform:translate(-50%,20px);opacity:0;pointer-events:none;
  max-width:calc(100% - 40px);padding:12px 18px;border-radius:var(--r-m);background:rgba(40,28,64,.96);box-shadow:inset 0 0 0 1px var(--kant),0 12px 30px rgba(0,0,0,.5);
  font-size:14px;font-weight:500;transition:opacity .25s,transform .3s cubic-bezier(.3,1.3,.5,1)}
.tost.vidno{opacity:1;transform:translate(-50%,0)}
.tost.oshibka{color:#ffd2da;box-shadow:inset 0 0 0 1px rgba(255,143,163,.4)}
.haptika{position:fixed;left:-200px;top:0;opacity:0;pointer-events:none}

/* ── 19.10, вторая половина: сцена, лист «Робот», «Вид» ── */
.scena{position:absolute;inset:0;width:100%;height:100%;z-index:0;border-radius:inherit;pointer-events:none}
.serdce>*:not(.scena){position:relative;z-index:1}
:root[data-scena="gl"] .setka{visibility:hidden}
:root[data-scena="gl"] .serdce::before{z-index:1;opacity:.35}
.serdce{min-height:212px}
.svodka-tekst{margin-bottom:16px}
.fraza{margin:4px 4px 0;font-size:14px;line-height:1.5;color:var(--tusk)}
.fraza b{color:var(--tekst);font-weight:600} .fraza b.m{color:var(--minus)}
.preduprezhd{display:flex;gap:8px;align-items:flex-start;margin:10px 0 0;padding:10px 12px;border-radius:var(--r-s);background:rgba(255,143,163,.10);color:#ffd2da;font-size:13px}
.preduprezhd svg{width:18px;height:18px;color:var(--minus)}
.punkt.vykl .shag{opacity:.45}
.punkt .bylo{color:var(--svet)}
.gruppa.izm>h3{color:var(--svet)}
.chasy-polosa button{height:30px;border-radius:var(--r-xs);background:rgba(var(--svet-rgb),.28);padding:0}
.chasy-polosa button.tiho{background:rgba(150,135,200,.10)}
.chasy-polosa button.seychas{box-shadow:inset 0 0 0 2px var(--tekst)}
.chasy-polosa button.vybor{background:var(--yantar)}
.chasy-pod{display:flex;align-items:center;gap:10px;padding:0 14px 12px;font-size:13px;color:var(--tusk)}
.chasy-pod span{flex:1} .chasy-pod b{color:var(--tekst)}
.mini{height:34px;padding:0 12px;border-radius:var(--r-s);background:rgba(255,255,255,.07);font-size:13px;font-weight:600;flex:none}
.mini.glav{background:var(--svet);color:var(--na-svete)}
details.vse>summary{list-style:none;display:flex;align-items:center;gap:10px;margin:0 4px 8px;cursor:pointer}
details.vse>summary::-webkit-details-marker{display:none}
details.vse>summary h3{margin:0;font:600 13px var(--shrift);color:var(--tusk)}
details.vse>summary::after{content:"";width:8px;height:8px;border-right:2px solid var(--tusk2);border-bottom:2px solid var(--tusk2);transform:rotate(45deg);margin-left:auto}
details.vse[open]>summary::after{transform:rotate(-135deg)}
.pravki{list-style:none;margin:0 0 10px;padding:0 4px;max-height:110px;overflow:auto;font-size:13px;color:var(--tusk)}
.pravki li{padding:2px 0} .pravki b{color:var(--svet);font-weight:600}
.mini-seg{display:flex;padding:3px;border-radius:var(--r-s);background:rgba(0,0,0,.25)}
.mini-seg button{height:32px;padding:0 10px;border-radius:var(--r-xs);font-size:13px;color:var(--tusk)}
.mini-seg button.vkl{background:rgba(var(--svet-rgb),.2);color:var(--tekst)}
.push-tab{display:grid;grid-template-columns:1fr 60px 60px;align-items:center;gap:10px 6px;padding:12px 14px 14px;border-top:1px solid rgba(190,170,255,.07)}
.push-tab>b{font-size:12px;color:var(--tusk2);text-align:center;font-weight:500}
.push-tab .tumbler{justify-self:center}
.push-tab .l b{display:block;font-weight:500;font-size:15px} .push-tab .l small{display:block;font-size:12px;color:var(--tusk2)}

/* закрыть одним касанием */
.poz{position:relative}
.poz-x{grid-column:1/-1;order:9;justify-self:end;height:36px;padding:0 14px;margin-top:6px;border-radius:var(--r-s);font-size:13px;font-weight:600;
  background:rgba(255,143,163,.14);color:#ffc4cf;box-shadow:inset 0 0 0 1px rgba(255,143,163,.3)}
.poz-x:active{background:rgba(255,143,163,.35)}
.poz.zakryvayu{opacity:.55} .poz.zakryvayu .poz-x{background:none;box-shadow:none;color:var(--tusk)}
.scheta,.svyaz{backdrop-filter:none;-webkit-backdrop-filter:none;background:color-mix(in srgb,var(--kosmos) 82%,transparent)}
.poz .put{grid-column:1;order:8;align-self:center}
.poz .poz-x{grid-column:2;order:9;margin-top:4px;align-self:center}

/* ── Мак: окно без рамки, тянется за шапку ── */
:root[data-mac="da"] .verh{-webkit-app-region:drag;padding-top:10px}
:root[data-mac="da"] .verh button,:root[data-mac="da"] .verh .scheta{-webkit-app-region:no-drag}
:root[data-mac="da"]{background:rgba(13,10,26,.9)}
:root[data-mac="da"] body{background:transparent}
:root[data-mac="da"] .tuman{opacity:.85}

/* ── широкое окно и большие экраны ── */
@media (min-width:900px){
  .vd{grid-column:span 2} .vd[data-r="S"]{grid-column:span 1} .vd[data-r="L"]{grid-column:span 4}
  .list{left:auto;right:14px;top:14px;bottom:14px;width:470px;max-height:none;border-radius:30px;transform:translateX(112%)}
  .list.vidno{transform:none}
  .list-ruchka{display:none}
}

/* ── мини-капсула поверх окон Мака ── */
:root[data-mini="da"],:root[data-mini="da"] body{background:transparent;padding:0;min-height:0;overflow:hidden}
:root[data-mini="da"] body>*:not(#kapsula):not(.tost){display:none!important}
#kapsula{position:fixed;inset:0;display:flex;align-items:center;gap:12px;padding:0 10px 0 16px;border-radius:var(--r-m);-webkit-app-region:drag;
  background:linear-gradient(160deg,rgba(64,38,86,.88),rgba(28,16,40,.92));box-shadow:inset 0 0 0 1px rgba(190,170,255,.16)}
#kapsula .k-o{width:12px;height:12px;border-radius:50%;flex:none;background:var(--svet);box-shadow:0 0 12px 3px rgba(var(--svet-rgb),.6);animation:dyshit 3.6s ease-in-out infinite}
#kapsula.stoit .k-o{background:var(--yantar);box-shadow:0 0 10px var(--yantar);animation:none}
#kapsula.beda .k-o,#kapsula.net .k-o{background:var(--minus);animation:mig 1s steps(2) infinite}
#kapsula .k-t{flex:1;min-width:0;line-height:1.15}
#kapsula .k-t b{display:block;font:500 19px var(--cifry)} #kapsula .k-t small{display:block;font-size:11.5px;color:var(--tusk);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#kapsula .k-b{-webkit-app-region:no-drag;width:34px;height:34px;border-radius:var(--r-s);display:grid;place-items:center;background:rgba(255,255,255,.08);color:var(--tusk)}

/* ════ 19.10 вечер: главный экран как Narrata — сцена на весь экран, тонкий низ ════ */
html,body{background:var(--kosmos)}
body{padding:0 0 calc(var(--niz) + 24px)}
:root[data-scena="gl"] .tuman{display:none}
#glavnaya,.verh,.gotovo{position:relative;z-index:2}
.verh{position:sticky;top:0;z-index:5;height:calc(var(--verh) + 50px);padding:calc(var(--verh) + 6px) 14px 6px;gap:8px}
.ogonek{width:9px;height:9px;border-radius:50%;flex:none;background:var(--tusk2)}
.ogonek.idet{background:var(--plus);box-shadow:0 0 10px var(--plus)}
.ogonek.stoit{background:var(--yantar);box-shadow:0 0 8px var(--yantar)}
.ogonek.beda,.ogonek.net{background:var(--minus);animation:mig 1s steps(2) infinite}
.znak{font-size:11px;letter-spacing:.16em;color:var(--tusk);margin-right:auto}
.znak b{color:var(--tekst);font-weight:600}
.scheta{flex:none;padding:3px;border-radius:var(--r-s);background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.scheta button{height:32px;padding:0 10px;font-size:13px;gap:6px;border-radius:var(--r-s)}
.scheta b{font-size:11px;white-space:nowrap}
.polzunok{top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:var(--r-s)}
.svyaz{height:38px;min-width:0;padding:0 10px;border-radius:var(--r-s);font-size:12px;background:rgba(255,255,255,.06)}
.lenta{display:flex;flex-direction:column;gap:6px}
.lp{display:grid;grid-template-columns:74px 1fr 78px 40px;align-items:center;gap:10px;height:46px;padding:0 4px 0 14px;border-radius:var(--r-s);
  background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur))}
.lp b{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lp b small{display:block;font-size:10px;font-weight:600;color:var(--minus);margin-top:-2px}
.lp .put{margin:0}
.lp-d{font:500 14px var(--cifry);text-align:right;white-space:nowrap}
.lp-x{width:36px;height:36px;border-radius:var(--r-s);display:grid;place-items:center;color:#ffc4cf;background:rgba(255,143,163,.14)}
.lp-x svg{width:16px;height:16px}
.lp-x:active{background:rgba(255,143,163,.4)}
.lp.idet{opacity:.55}
.krutilka{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.2);border-top-color:var(--minus);animation:vert .8s linear infinite}
@keyframes vert{to{transform:rotate(360deg)}}
.skryto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.schet{background:rgba(255,255,255,.12);border-radius:var(--r-xs);padding:1px 6px;font-size:10px;letter-spacing:0}
.trevoga{margin:0 14px 12px}
.vidzhety{margin:6px 14px 0}
.dobavit{margin:14px}
.vd{background:linear-gradient(160deg,var(--plita),var(--plita2))}
.kartiny{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.kartiny button{aspect-ratio:1.25;border-radius:var(--r-s);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:12px;color:var(--tusk);
  background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.kartiny button svg{width:24px;height:24px;stroke-width:1.4}
.kartiny button.vkl{color:var(--tekst);background:color-mix(in srgb,var(--n-akc,#b9a8ff) 16%,transparent);box-shadow:inset 0 0 0 1.5px var(--n-akc,#b9a8ff)}
.temy{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;padding:14px}
.temy button{aspect-ratio:1;border-radius:50%;border:2px solid transparent}
.temy button.vkl{border-color:#fff;box-shadow:0 0 0 2px #0008}
.lp .put{grid-column:auto;margin:0;order:0}
.svyaz span{display:none}
.svyaz{width:38px;justify-content:center;padding:0}
@media (max-width:430px){ .scheta b{display:none} .znak{font-size:10.5px;letter-spacing:.12em} }
.verh{background:linear-gradient(var(--kosmos) 55%,transparent)}
.obyom-podpisi{font:600 11px var(--shrift)}

/* ════ 19.10 ночь: ТОРГОВЫЙ ЭКРАН — карточка счёта с шаром, блок позиций, виджеты, вкладки ════ */
body{padding:0 0 calc(var(--niz) + 92px)}
.verh{position:sticky;top:0;z-index:5;height:auto;padding:calc(var(--verh) + 8px) 14px 10px;gap:8px;background:linear-gradient(var(--kosmos) 70%,transparent)}
.znak{margin-right:auto}
.sost{position:relative;overflow:hidden;height:36px;padding:0 12px;border-radius:var(--r-s);display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;
  background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.sost.pusk{background:rgba(243,194,122,.16);color:var(--yantar);box-shadow:inset 0 0 0 1px rgba(243,194,122,.35)}
.sost span,.sost .ogonek{position:relative;z-index:1}
#glavnaya{position:relative;z-index:2;padding:0 14px}
.schet-karta{position:relative;overflow:hidden;border-radius:var(--r-l);height:250px;isolation:isolate;
  background:radial-gradient(90% 120% at 85% 40%,var(--karta1) 0%,var(--karta2) 55%,var(--karta3) 100%);box-shadow:inset 0 0 0 var(--kant-tol) var(--kant),var(--ten)}
.sk-tekst{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;padding:16px 18px 14px;max-width:74%;pointer-events:none}
.sk-tekst .robot{font-size:14px;justify-content:flex-start;display:flex;gap:8px;align-items:baseline}
.sk-tekst .robot em{display:inline}
.sk-pod{font-size:12px;color:var(--tusk2);margin-top:12px}
.schet-karta .itog{font-size:42px;margin-top:2px;text-align:left}
.schet-karta .itog-pod{text-align:left;margin-top:4px}
.sk-cifry{display:grid;grid-template-columns:repeat(2,auto);gap:8px 22px;margin-top:auto;justify-content:start}
.sk-cifry div{font-size:11.5px;color:var(--tusk2)}
.sk-cifry div b{display:block;font:500 14px var(--shrift);color:var(--tekst);white-space:nowrap}
.schet-karta .svyaz{position:absolute;right:12px;top:12px;z-index:3;width:auto;height:28px;padding:0 9px;border-radius:var(--r-xs);background:rgba(0,0,0,.35);font-size:11px}
.schet-karta .svyaz span{display:inline}
.schet-karta .setka{position:absolute;right:14%;top:50%;transform:translateY(-50%);z-index:1}
:root[data-scena="gl"] .schet-karta .setka{display:none}
.trevoga{margin:12px 0 0}
.blok-poz{margin-top:12px;border-radius:var(--r-l);padding:12px 12px 10px;background:linear-gradient(160deg,var(--plita),var(--plita2));box-shadow:inset 0 0 0 1px var(--kant)}
.bp-zag{display:flex;align-items:center;gap:10px;padding:2px 4px 8px}
.bp-zag b{font-size:16px;font-weight:600} .bp-zag>span{font-size:13px;color:var(--tusk);margin-right:auto}
.bp-zag .mini{position:relative;overflow:hidden}
.mini.opas{background:rgba(255,143,163,.14);color:#ffc4cf;box-shadow:inset 0 0 0 1px rgba(255,143,163,.3)}
.mini span{position:relative;z-index:1}
.bp-obyom{height:280px;margin:0 -12px 8px;position:relative}
html[data-mac] .bp-obyom{height:clamp(300px,42vh,460px);margin:0 0 10px}
.bp-obyom canvas{width:100%;height:100%;display:block;touch-action:pan-y}
.lenta{display:flex;flex-direction:column;gap:6px}
.lp{display:grid;grid-template-columns:minmax(0,92px) 1fr auto 42px;align-items:center;gap:10px;min-height:54px;padding:6px 6px 6px 12px;border-radius:var(--r-s);
  background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);backdrop-filter:none;-webkit-backdrop-filter:none;height:auto}
.lp-m{min-width:0} .lp-m b{display:block;font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lp-m small{display:block;font-size:11px;color:var(--tusk2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .lp-m small em{font-style:normal;color:var(--minus);font-weight:600}
.lp .put{grid-column:auto;margin:0;order:0}
.lp-d{font:500 15px var(--cifry);text-align:right;white-space:nowrap} .lp-d small{display:block;font:500 11px var(--shrift);color:var(--tusk2)}
.lp-x{width:40px;height:40px;border-radius:var(--r-s);display:grid;place-items:center;color:#ffc4cf;background:rgba(255,143,163,.14)}
.lp-x svg{width:17px;height:17px} .lp-x:active{background:rgba(255,143,163,.4)}
.lp.idet{opacity:.55}
.krutilka{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.2);border-top-color:var(--minus);animation:vert .8s linear infinite}
@keyframes vert{to{transform:rotate(360deg)}}
.blok-poz .pusto{padding:10px 4px}
.blok-poz .zayavki{margin-top:8px;align-items:center}
.blok-poz .zayavki:empty{display:none}
.vidzhety{margin:12px 0 0}
.vd{background:linear-gradient(160deg,var(--plita),var(--plita2))}
.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:20;display:grid;grid-template-columns:repeat(5,1fr);padding:6px 4px calc(var(--niz) + 6px);
  background:color-mix(in srgb,var(--kosmos) 88%,transparent);backdrop-filter:blur(var(--blur)) saturate(1.3);-webkit-backdrop-filter:blur(var(--blur)) saturate(1.3);border-top:1px solid rgba(255,255,255,.08)}
.tabbar button{position:relative;height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10.5px;font-weight:500;color:var(--tusk2);border-radius:var(--r-s)}
.tabbar button svg{width:23px;height:23px} .tabbar button.vkl{color:var(--tekst)} .tabbar button:active{background:rgba(255,255,255,.06)}
body.pravka .tabbar{display:none}
@media (max-width:380px){ .schet-karta .itog{font-size:36px} .lp{grid-template-columns:minmax(0,78px) 1fr auto 40px} }
.schet-karta::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,var(--kosmos) 0%,color-mix(in srgb,var(--kosmos) 80%,transparent) 36%,transparent 60%)}
.schet-karta #nebo{position:absolute;top:0;left:30%;width:100%;height:100%;z-index:0;display:block;-webkit-mask-image:none;mask-image:none}

/* Trading workspace: compact account summary, direct routes, larger touch targets. */
.trade-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.trade-shortcuts>*{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:58px;padding:10px 14px;border-radius:var(--r-m);border:1px solid var(--kant);background:rgba(185,168,255,.045);color:var(--tekst);text-decoration:none;text-align:left}
.trade-shortcuts span{font-size:13px;font-weight:600}
.trade-shortcuts small{font-size:11px;color:var(--tusk);margin-top:3px}
.lp{grid-template-columns:minmax(0,82px) minmax(12px,1fr) auto 44px;gap:8px}
.lp-x{width:44px;height:44px}
.lp-x:disabled{cursor:wait}
.preview-note{position:relative;z-index:6;padding:9px 16px;background:#35233e;color:#e4cceb;font-size:12px;text-align:center;border-bottom:1px solid #b994ef38}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

.account-column{display:contents}
@media (min-width:900px){
  #glavnaya{display:grid;grid-template-columns:340px minmax(0,1fr);max-width:1600px;margin:auto;gap:18px;padding:0 22px;align-items:start}
  .verh{max-width:1600px;margin:auto;padding-left:22px;padding-right:22px}
  .account-column{display:flex;flex-direction:column;gap:14px;grid-column:1;grid-row:1/span 4;position:sticky;top:72px}
  .schet-karta{flex:none;height:330px;min-height:0}
  .schet-karta #nebo{left:18%;top:0;width:104%;height:100%}
  .schet-karta::after{background:linear-gradient(150deg,var(--kosmos) 0%,color-mix(in srgb,var(--kosmos) 82%,transparent) 32%,transparent 72%)}
  .sk-tekst{max-width:100%}
  .sk-tekst .robot{flex-wrap:wrap;gap:2px 8px}
  .sk-cifry{grid-template-columns:1fr 1fr;margin-top:auto;gap:12px 16px}
  .trade-shortcuts,.trevoga{flex:none;margin:0}
  .blok-poz{grid-column:2;grid-row:1;margin:0}
  /* 27.10: пустые Позиции занимали всю верхнюю полосу широкого экрана — сжимаем в строку */
  .blok-poz:has(.pusto){padding:8px 14px;display:flex;align-items:center;gap:12px}
  .blok-poz:has(.pusto) h2,.blok-poz:has(.pusto) .zag{margin:0;font-size:14px}
  .blok-poz:has(.pusto) .pusto{padding:0;margin-left:auto;font-size:13px}
  .vidzhety{grid-column:2;grid-row:2/span 3;margin:0;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start}
  .dobavit{grid-column:2;margin:0}
  .bp-branches-card{grid-column:2;margin:14px 0 0}
  .lp{grid-template-columns:minmax(90px,1fr) minmax(30px,2fr) auto 44px}
  .list.zhurnal{width:min(900px,calc(100vw - 48px));max-height:90dvh}
  .tabbar{left:50%;right:auto;width:min(620px,calc(100vw - 24px));transform:translateX(-50%);bottom:12px;border-radius:var(--r-l);border:1px solid rgba(255,255,255,.08);padding:6px}
}


/* ── графики открытых позиций: выбор вида, плитки, общее полотно ── */
.bp-zag{flex-wrap:wrap}
.bp-zag .mini-seg{order:5;width:100%;margin-top:8px;display:grid;grid-template-columns:repeat(4,1fr);gap:2px;padding:2px;border-radius:var(--r-s);background:rgba(255,255,255,.06)}
.bp-zag .mini-seg button{height:28px;border-radius:var(--r-s);font-size:12px;font-weight:500;color:var(--tusk2)}
.bp-zag .mini-seg button.vkl{color:var(--tekst);background:rgba(255,255,255,.1)}
.bp-zag>span:first-of-type{margin-right:0}
.bp-graf{margin:2px 0 10px}
.bp-graf.plitki{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.pk{padding:9px 10px 7px;border-radius:var(--r-m);background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.pk-v{display:flex;align-items:baseline;gap:6px;font-size:13px}
.pk-v b{font-weight:600} .pk-v em{font-style:normal;font-size:11px;color:var(--tusk2)}
.pk-v .pk-d{margin-left:auto;font:500 13px var(--cifry)}
.pk canvas{width:100%;height:76px;display:block;margin:6px 0 4px}
.pk-n{display:flex;align-items:baseline;justify-content:space-between;font-size:11.5px;color:var(--tusk2)}
.pk-n b{font:500 12px var(--cifry)}
.bp-graf.linii canvas{width:100%;height:190px;display:block}
@media (min-width:900px){ .pk canvas{height:92px} .bp-graf.linii canvas{height:240px}
  .bp-zag .mini-seg{order:0;width:auto;margin:0 0 0 auto;display:flex} .bp-zag .mini-seg button{padding:0 11px} }
.schet-karta .itog-pod{font-size:11.5px;white-space:nowrap;position:relative;z-index:3}
.sk-tekst{max-width:82%}

/* ── события робота: у каждого вида свой знак, цвет и своя мини-картинка ── */
.sob{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:10px 2px 12px;position:relative}
.sob+.sob{border-top:1px solid rgba(190,170,255,.07)}
.sob[data-cvet="svet"]{--c:var(--svet);--c-rgb:var(--svet-rgb)}
.sob[data-cvet="plus"]{--c:var(--plus);--c-rgb:127,227,192}
.sob[data-cvet="minus"]{--c:var(--minus);--c-rgb:255,143,163}
.sob[data-cvet="yantar"]{--c:var(--yantar);--c-rgb:243,194,122}
.sob[data-cvet="tusk"]{--c:var(--tusk);--c-rgb:166,157,198}
.sob-os{display:flex;flex-direction:column;align-items:center;gap:6px}
.sob-os::after{content:"";flex:1;width:1px;background:linear-gradient(rgba(var(--c-rgb),.22),rgba(var(--c-rgb),0))}
.sob-znak{width:30px;height:30px;flex:none;border-radius:var(--r-s);display:grid;place-items:center;color:var(--c);
  background:rgba(var(--c-rgb),.10);box-shadow:inset 0 0 0 1px rgba(var(--c-rgb),.22)}
.sob-znak svg{width:17px;height:17px;stroke-width:1.6}
.sob[data-vid="итог"] .sob-znak,.sob[data-vid="налив"] .sob-znak{background:rgba(var(--c-rgb),.16);box-shadow:inset 0 0 0 1px rgba(var(--c-rgb),.32),0 0 18px rgba(var(--c-rgb),.14)}
.sob-telo{min-width:0}
.sob-telo header{display:flex;align-items:baseline;gap:8px;margin-bottom:2px}
.sob-moneta{font:600 15px/1.1 var(--cifry);letter-spacing:.01em}
.sob-telo header em{font-style:normal;font-size:12px;color:var(--c);font-weight:500}
.sob-telo header time{margin-left:auto;font-size:11px;color:var(--tusk2);font-variant-numeric:tabular-nums}
.sob-cifry{display:flex;flex-wrap:wrap;gap:6px 18px;margin:7px 0 2px}
.sob-c b{display:block;font:500 17px/1.15 var(--cifry);color:var(--tekst)}
.sob-c b.pl{color:var(--plus)}.sob-c b.mi{color:var(--minus)}
.sob-c small{display:block;font-size:10.5px;color:var(--tusk2);margin-top:2px}
.sob-shkala{position:relative;height:5px;border-radius:var(--r-xs);margin:12px 0 18px;background:rgba(190,170,255,.10);overflow:visible}
.sob-shkala i{position:absolute;inset:0 auto 0 0;width:calc(var(--d) * 100%);border-radius:var(--r-xs);
  background:linear-gradient(90deg,rgba(var(--c-rgb),.35),var(--c));box-shadow:0 0 12px rgba(var(--c-rgb),.35)}
.sob-shkala i::after{content:"";position:absolute;right:-3px;top:-3px;width:11px;height:11px;border-radius:50%;background:var(--c);box-shadow:0 0 10px rgba(var(--c-rgb),.6)}
.sob-shkala span{position:absolute;top:9px;font-size:10.5px;color:var(--tusk2)}
.sob-shkala span:first-of-type{left:0}.sob-shkala span:last-of-type{right:0}
.sob-shkala.gasnet i{background:rgba(190,170,255,.28);box-shadow:none}
.sob-shkala.gasnet i::after{background:rgba(220,210,255,.5);box-shadow:none}
.sob-shkala.trevozhno i{background:linear-gradient(90deg,rgba(255,143,163,.3),var(--minus))}
.sob-chipy{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.sob-chip{font-style:normal;font-size:11px;padding:3px 9px;border-radius:999px;color:var(--tusk);
  background:rgba(190,170,255,.07);box-shadow:inset 0 0 0 1px rgba(190,170,255,.10)}
.sob-chip.ok{color:var(--plus);background:rgba(127,227,192,.08);box-shadow:inset 0 0 0 1px rgba(127,227,192,.18)}
.sob-chip.bad{color:var(--minus);background:rgba(255,143,163,.08);box-shadow:inset 0 0 0 1px rgba(255,143,163,.18)}
.sob-tekst{margin:8px 0 0;font-size:12.5px;line-height:1.45;color:var(--tusk);overflow-wrap:anywhere}
.sob-setka{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:9px}
.sob-setka div{padding:7px 4px;border-radius:var(--r-s);text-align:center;background:rgba(190,170,255,.05);box-shadow:inset 0 0 0 1px rgba(190,170,255,.07)}
.sob-setka b{display:block;font:500 16px/1 var(--cifry)}
.sob-setka small{display:block;font-size:9.5px;color:var(--tusk2);margin-top:3px}
.sob-put{display:flex;align-items:center;gap:9px;margin-top:9px;font:500 13px/1 var(--cifry);color:var(--tekst)}
.sob-put span{color:var(--tusk2)}
.sob-trevoga{margin-top:8px;padding:9px 11px;border-radius:var(--r-s);font-size:13px;line-height:1.4;
  color:#ffd8de;background:rgba(255,143,163,.09);box-shadow:inset 0 0 0 1px rgba(255,143,163,.22)}
.sob-str{display:flex;align-items:center;gap:8px;padding:7px 0;font-size:13px;color:var(--tusk);border-top:1px solid rgba(190,170,255,.06)}
.sob-str:first-child{border-top:0}
.sob-str[data-cvet="svet"]{--c:var(--svet)}.sob-str[data-cvet="plus"]{--c:var(--plus)}
.sob-str[data-cvet="minus"]{--c:var(--minus)}.sob-str[data-cvet="yantar"]{--c:var(--yantar)}.sob-str[data-cvet="tusk"]{--c:var(--tusk)}
.sob-str i{flex:none;color:var(--c)}.sob-str i svg{width:15px;height:15px;stroke-width:1.6}
.sob-str span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sob-str b{color:var(--tekst);font:600 12px/1 var(--cifry)}
.sob-str time{font-size:11px;color:var(--tusk2)}

/* ── заставка и воксельные залпы ── */
.zastavka{position:fixed;inset:0;z-index:120;background:#000;transition:opacity .38s ease, transform .38s ease}
.zastavka.uhodit{opacity:0;transform:scale(1.04);pointer-events:none}
.zastavka-holst{position:absolute;inset:0;width:100%;height:100%;display:block}
.zalp-sloy{position:fixed;inset:0;z-index:95;width:100%;height:100%;pointer-events:none}

/* ── шрифтовые тематики ── */
.shrifty{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px}
.shrifty button{padding:11px 12px;border-radius:var(--r-s);text-align:left;background:rgba(190,170,255,.05);
  box-shadow:inset 0 0 0 1px rgba(190,170,255,.10)}
.shrifty button.vkl{background:rgba(var(--svet-rgb),.12);box-shadow:inset 0 0 0 1px rgba(var(--svet-rgb),.35)}
.shrifty b{display:block;font-size:20px;font-weight:500;line-height:1.1}
.shrifty em{display:block;font-style:normal;font-size:13px;margin-top:5px;color:var(--tekst)}
.shrifty small{display:block;font-size:10.5px;color:var(--tusk2);margin-top:3px}
.shrifty button[data-shr="steklo"] b{font-family:'Unbounded','Golos Text',sans-serif}
.shrifty button[data-shr="steklo"] em{font-family:'Golos Text',sans-serif}
.shrifty button[data-shr="mashina"] b{font-family:'JetBrains Mono',monospace}
.shrifty button[data-shr="mashina"] em{font-family:'IBM Plex Sans',sans-serif}
.shrifty button[data-shr="plakat"] b{font-family:'Oswald',sans-serif}
.shrifty button[data-shr="plakat"] em{font-family:'Onest',sans-serif}
.shrifty button[data-shr="zhurnal"] b{font-family:'Playfair Display',serif}
.shrifty button[data-shr="zhurnal"] em{font-family:'Inter',sans-serif}

/* ── видно, что меняешь: последствие под ручкой и липкая строка денег ── */
.effekt{flex:1 0 100%;margin:2px 0 2px;font-size:12px;line-height:1.5;color:var(--svet);background:rgba(var(--svet-rgb),.07);
  padding:7px 10px;border-radius:var(--r-s);box-shadow:inset 0 0 0 1px rgba(var(--svet-rgb),.14)}
.effekt i{display:block;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.effekt b{color:var(--tekst);font-weight:600}
.svodka-lipkaya{position:sticky;top:0;z-index:4;display:flex;gap:16px;overflow-x:auto;scrollbar-width:none;margin:0 -16px 10px;padding:10px 16px;
  background:rgba(22,15,39,.92);backdrop-filter:blur(var(--blur));box-shadow:0 1px 0 rgba(190,170,255,.12)}
.svodka-lipkaya span{display:flex;flex-direction:column;gap:3px;white-space:nowrap;font:500 14px/1.1 var(--cifry)}
.svodka-lipkaya i{font-style:normal;font-size:10px;color:var(--tusk2);letter-spacing:.02em}
.svodka-lipkaya s{color:var(--tusk2);text-decoration-color:rgba(166,157,198,.6);font-size:12px}
.svodka-lipkaya b{color:var(--svet);font-weight:600}

/* ── «Вид»: лист не закрывает окно, правку видно живьём ── */
.zatemn.prozr{background:rgba(6,4,14,.22);backdrop-filter:none;-webkit-backdrop-filter:none}
.list.vid-list{max-height:min(56dvh,560px);background:linear-gradient(180deg,rgba(34,24,58,.72),rgba(22,15,39,.72) 40%);
  backdrop-filter:blur(var(--blur)) saturate(1.25);-webkit-backdrop-filter:blur(var(--blur)) saturate(1.25)}
.list.vid-list.podsmotr{opacity:.10;pointer-events:none}
.list.vid-list{transition:transform .42s cubic-bezier(.2,.9,.25,1),opacity .22s ease}
.glaz{width:40px;height:40px;border-radius:var(--r-s);display:grid;place-items:center;background:rgba(255,255,255,.06);color:var(--tusk)}
.glaz.derzhu{background:rgba(var(--svet-rgb),.2);color:var(--svet)}
html[data-mac] .list.vid-list{max-height:none}
/* Радар: круговая развёртка. Холст живёт между перерисовками, высота — по размеру виджета. */
.radar-h{display:block;width:100%;height:150px;border-radius:var(--r-s);background:radial-gradient(circle at 50% 50%,#17122b 0%,#0e0b1b 70%);touch-action:pan-y}
.radar-h.r-L{height:230px}
.radar-h.r-list{height:min(72vw,300px);margin:0 0 12px}
.rad-seg{display:flex;gap:4px;margin:0 0 10px;overflow-x:auto;scrollbar-width:none}
.rad-seg::-webkit-scrollbar{display:none}
.rad-seg button{flex:0 0 auto}


/* ── Тематики: цельный образ приложения. Каждая задаёт фон, плиты, текст и свет;
      шар, акцент и шрифт идут с ней в комплекте (см. ОБРАЗЫ в ya.js).
      Базовая SUPREMACY — переменные :root выше. ── */

/* Акцент выбирается поверх тематики, поэтому правила идут последними. */
:root[data-akcent="pervansh"]{--svet:#a3b6ff;--svet-rgb:163,182,255}
:root[data-akcent="orhideya"]{--svet:#e6a9ff;--svet-rgb:230,169,255}
:root[data-akcent="led"]{--svet:#9fe3ff;--svet-rgb:159,227,255}
:root[data-akcent="zoloto"]{--svet:#f0cf8e;--svet-rgb:240,207,142}
/* 27.10: нефиолетовые акценты — янтарь под биржевой вид, мята и коралл */
:root[data-akcent="yantar"]{--svet:#ffbe3d;--svet-rgb:255,190,61}
:root[data-akcent="myata"]{--svet:#5fe3b0;--svet-rgb:95,227,176}
:root[data-akcent="korall"]{--svet:#ff9a76;--svet-rgb:255,154,118}
/* Тематики: крупные кнопки с шариком-превью — выбирать глазами, а не по названию. */
.obrazy{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.obrazy button{display:flex;align-items:center;gap:10px;padding:10px;border-radius:var(--r-s);background:var(--plita);border:1px solid var(--kant);text-align:left;min-height:56px}
.obrazy button i{flex:none;width:30px;height:30px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 4px 14px rgba(0,0,0,.35)}
.obrazy button b{display:block;font-size:13px;font-weight:600;color:var(--tekst)}
.obrazy button small{display:block;font-size:10px;color:var(--tusk2);line-height:1.3;margin-top:2px}
.obrazy button.vkl{border-color:rgba(var(--svet-rgb),.55);box-shadow:0 0 0 1px rgba(var(--svet-rgb),.25)}
@media(max-width:380px){.obrazy{grid-template-columns:1fr}}

/* ── гараж: карточка робота ───────────────────────────────────────────── */
.rob-karta { position: relative; }
.rob-karta.vkl { outline: 1px solid color-mix(in oklab, var(--svet) 55%, transparent); }
.rob-karta .kn.mini { padding: 8px 14px; min-height: 0; flex: 0 0 auto; }
.rob-karta .kn.mini span { font-size: 14px; }

/* ── виджет «Ветки входа»: кто кормит, кто объедает ───────────────────── */
.vetka { display: flex; align-items: center; gap: 10px; padding: 6px 0; }
.vetka .l { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; }
.vetka .l b { font-size: 14px; font-weight: 600; }
.vetka .l small { color: var(--tusk); font-size: 12px; }
.vetka-polosa { flex: 0 0 72px; height: 6px; border-radius: var(--r-xs); background: color-mix(in oklab, var(--tekst) 10%, transparent); overflow: hidden; display: block; }
.vetka-polosa u { display: block; height: 100%; border-radius: var(--r-xs); background: var(--plus); }
.vetka-polosa u.m { background: var(--minus); }
.vetka > b { flex: 0 0 auto; font-variant-numeric: tabular-nums; font-size: 14px; }

/* ═══ ТЕМАТИКИ. У каждой свой мир: палитра + шрифт + форма + фактура ═══ */

/* Шрифтовые пары (подгружается только выбранная) */
:root[data-shrift="mashina"]{--cifry:'JetBrains Mono',ui-monospace,SFMono-Regular,monospace;--shrift:'IBM Plex Sans',system-ui,sans-serif}
:root[data-shrift="plakat"]{--cifry:'Oswald','Golos Text',system-ui,sans-serif;--shrift:'Onest','Golos Text',system-ui,sans-serif}
:root[data-shrift="zhurnal"]{--cifry:'Playfair Display',Georgia,serif;--shrift:'Inter',system-ui,sans-serif}
:root[data-shrift="tehno"]{--cifry:'Chakra Petch','Golos Text',system-ui,sans-serif;--shrift:'IBM Plex Sans',system-ui,sans-serif}
:root[data-shrift="grotesk"]{--cifry:'Space Grotesk','Golos Text',system-ui,sans-serif;--shrift:'Manrope','Golos Text',system-ui,sans-serif}
:root[data-shrift="antikva"]{--cifry:'Spectral',Georgia,serif;--shrift:'Literata',Georgia,serif}
:root[data-shrift="plakat"] .itog{letter-spacing:.01em}
:root[data-shrift="zhurnal"] .itog,:root[data-shrift="antikva"] .itog{letter-spacing:-.01em}
:root[data-shrift="mashina"] .itog{letter-spacing:-.03em}

/* 1. СТЕКЛО — дом: индиго-космос, лаванда, крупные радиусы, живой туман */
:root[data-obraz="supremacy"]{--tuman1:rgba(120,92,210,.30);--tuman2:rgba(84,110,220,.20);--tuman3:rgba(122,52,140,.22)}

/* 2. СТАНОК — приборная панель: фосфор на угле, моноширинный, нулевые радиусы, сканлайны */
:root[data-obraz="stanok"]{
  --kosmos:#06090a;--sliva:#0c1312;--sliva2:#080d0d;
  --plita:rgba(10,20,18,.88);--plita2:rgba(16,30,26,.8);--kant:rgba(110,255,156,.28);
  --tekst:#d6ffe6;--tusk:#7ab795;--svet:#6eff9c;--svet-rgb:110,255,156;
  --plus:#6eff9c;--minus:#ff6b6b;--yantar:#ffe066;
  --tuman1:rgba(20,120,70,.16);--tuman2:rgba(10,60,40,.14);--tuman3:rgba(0,0,0,0);
  --r-l:0px;--r-m:0px;--r-s:0px;--r-xs:0px;--kant-tol:1px;--blur:0px;
  --ten:none;--zag-tr:uppercase;--zag-sp:.16em;--tuman-op:.3;
  --uzor:repeating-linear-gradient(0deg,rgba(110,255,156,.05) 0 1px,transparent 1px 3px);--uzor-op:1}
:root[data-obraz="stanok"]{--tusk2:#4a7a60}
:root[data-obraz="stanok"] .blok,:root[data-obraz="stanok"] .vd{border-width:var(--kant-tol);box-shadow:none}
:root[data-obraz="stanok"] .itog{font-weight:700}

/* 3. ПЛАКАТ — конструктивизм: чёрное с красным, узкий CAPS, жёсткая тень без размытия */
:root[data-obraz="plakat"]{
  --kosmos:#0b0a0a;--sliva:#1a1212;--sliva2:#120c0c;
  --plita:rgba(28,18,18,.92);--plita2:rgba(42,24,24,.9);--kant:rgba(255,59,59,.42);
  --tekst:#fff4f1;--tusk:#c49a95;--tusk2:#8a635f;--svet:#ff3b3b;--svet-rgb:255,59,59;
  --plus:#ffd166;--minus:#ff3b3b;--yantar:#ffd166;
  --tuman1:rgba(220,40,40,.26);--tuman2:rgba(120,10,10,.2);--tuman3:rgba(0,0,0,0);
  --r-l:3px;--r-m:2px;--r-s:2px;--r-xs:2px;--kant-tol:2px;--blur:0px;
  --ten:5px 5px 0 rgba(255,59,59,.22);--zag-tr:uppercase;--zag-sp:.08em;--tuman-op:.4;
  --uzor:repeating-linear-gradient(45deg,rgba(255,59,59,.06) 0 2px,transparent 2px 10px);--uzor-op:1}
:root[data-obraz="plakat"] h3{font-weight:600}

/* 4. БУМАГА — светлая: тёплая бумага, антиква, волосяные линейки, зерно, без теней */
:root[data-obraz="bumaga"]{
  --kosmos:#f2ece0;--sliva:#e7dfcf;--sliva2:#ded5c2;
  --plita:rgba(255,252,246,.92);--plita2:rgba(246,240,229,.9);--kant:rgba(26,23,20,.16);
  --tekst:#1b1713;--tusk:#5f574c;--tusk2:#8c8277;--svet:#8c2f1f;--svet-rgb:140,47,31;
  --plus:#1d6b4f;--minus:#a33a2a;--yantar:#8a6a1f;
  --tuman1:rgba(200,180,150,.3);--tuman2:rgba(170,150,120,.2);--tuman3:rgba(220,205,175,.25);
  --r-l:3px;--r-m:2px;--r-s:2px;--r-xs:1px;--kant-tol:1px;--blur:0px;
  --ten:none;--zag-tr:none;--zag-sp:.02em;--tuman-op:.22;
  --uzor:repeating-linear-gradient(0deg,rgba(90,70,40,.045) 0 1px,transparent 1px 2px),repeating-linear-gradient(90deg,rgba(90,70,40,.035) 0 1px,transparent 1px 3px);--uzor-op:1}

/* КОРАЛЛ — закат на вулкане: тёплая темнота, крупные мягкие формы, толстый кант */
:root[data-obraz="korall"]{
  --kosmos:#140a0a;--sliva:#30140f;--sliva2:#200d0a;
  --plita:rgba(58,24,20,.62);--plita2:rgba(86,34,26,.5);--kant:rgba(255,154,118,.22);
  --tekst:#ffece4;--tusk:#d7a08c;--tusk2:#9c6f62;--svet:#ff9a76;--svet-rgb:255,154,118;
  --plus:#8fe3b0;--minus:#ff6b6b;--yantar:#ffcf8e;
  --tuman1:rgba(255,120,80,.34);--tuman2:rgba(150,40,20,.26);--tuman3:rgba(255,190,140,.2);
  --r-l:34px;--r-m:26px;--r-s:18px;--r-xs:10px;--kant-tol:2px;--blur:10px;
  --ten:0 16px 40px rgba(60,10,0,.5);--zag-tr:none;--zag-sp:0;--tuman-op:.85;--uzor:none;--uzor-op:0}

/* МОХ — лес после дождя: глубокая зелень, мягкое стекло, тихий свет */
:root[data-obraz="moh"]{
  --kosmos:#07120d;--sliva:#123022;--sliva2:#0c2017;
  --plita:rgba(18,46,33,.6);--plita2:rgba(26,66,46,.5);--kant:rgba(150,230,190,.14);
  --tekst:#e8fff2;--tusk:#9cc7b0;--tusk2:#688a78;--svet:#6ee7a8;--svet-rgb:110,231,168;
  --plus:#6ee7a8;--minus:#ff8f9c;--yantar:#e8d08a;
  --tuman1:rgba(60,200,130,.3);--tuman2:rgba(20,90,60,.26);--tuman3:rgba(160,255,200,.16);
  --r-l:30px;--r-m:22px;--r-s:16px;--r-xs:9px;--kant-tol:1px;--blur:18px;
  --ten:0 14px 36px rgba(0,20,10,.45);--zag-tr:none;--zag-sp:.01em;--tuman-op:.7;--uzor:none;--uzor-op:0}

/* ГАЗЕТА — СВЕТЛАЯ: белая бумага, чёрный шрифт, нулевые радиусы, жирные линии */
:root[data-obraz="gazeta"]{
  --kosmos:#f7f7f4;--sliva:#ececE7;--sliva2:#e2e2dc;
  --plita:rgba(255,255,255,.96);--plita2:rgba(244,244,240,.96);--kant:rgba(10,10,10,.28);
  --tekst:#0a0a0a;--tusk:#3d3d3d;--tusk2:#6e6e6e;--svet:#111111;--svet-rgb:17,17,17;
  --plus:#0d6b3f;--minus:#b3261e;--yantar:#8a6a1f;
  --tuman1:rgba(0,0,0,.05);--tuman2:rgba(0,0,0,.04);--tuman3:rgba(0,0,0,.03);
  --r-l:0px;--r-m:0px;--r-s:0px;--r-xs:0px;--kant-tol:2px;--blur:0px;
  --ten:none;--zag-tr:uppercase;--zag-sp:.06em;--tuman-op:.12;
  --uzor:repeating-linear-gradient(90deg,rgba(0,0,0,.05) 0 1px,transparent 1px 4px);--uzor-op:1}

/* ГЛУБИНА — ночной океан: синь, максимум размытия, длинные тени */
:root[data-obraz="glubina"]{
  --kosmos:#050b16;--sliva:#0b1e3a;--sliva2:#07142a;
  --plita:rgba(12,34,62,.58);--plita2:rgba(18,52,92,.48);--kant:rgba(140,200,255,.16);
  --tekst:#e6f2ff;--tusk:#9db6d0;--tusk2:#657f99;--svet:#5fb0ff;--svet-rgb:95,176,255;
  --plus:#6ee3c8;--minus:#ff8fa3;--yantar:#ffd79a;
  --tuman1:rgba(40,120,255,.34);--tuman2:rgba(10,40,120,.3);--tuman3:rgba(120,200,255,.18);
  --r-l:28px;--r-m:20px;--r-s:14px;--r-xs:8px;--kant-tol:1px;--blur:24px;
  --ten:0 22px 50px rgba(0,10,30,.6);--zag-tr:none;--zag-sp:0;--tuman-op:.95;--uzor:none;--uzor-op:0}

/* ЛАВАНДА — прежняя основа SUPREMACY (была по умолчанию до 27.10) */
:root[data-obraz="lavanda"]{
  --kosmos:#0d0a1a;--sliva:#2a1838;--sliva2:#1d1229;
  --plita:rgba(36,26,58,.62);--plita2:rgba(52,38,82,.55);--kant:rgba(190,170,255,.10);
  --tekst:#efeafc;--tusk:#a69dc6;--tusk2:#6f6690;--svet:#b9a8ff;--svet-rgb:185,168,255;
  --plus:#7fe3c0;--minus:#ff8fa3;--yantar:#f3c27a;
  --tuman1:rgba(150,110,255,.38);--tuman2:rgba(60,40,160,.28);--tuman3:rgba(190,160,255,.2);
  --r-l:26px;--r-m:20px;--r-s:14px;--r-xs:8px;--kant-tol:1px;--blur:14px;
  --ten:0 12px 34px rgba(0,0,0,.34);--zag-tr:none;--zag-sp:0;--tuman-op:.7;--uzor:none;--uzor-op:0}

/* КИБЕРПАНК 85 — закат на сетке: пурпур и циан, светящийся кант, сканлайны, CAPS */
:root[data-obraz="kiber85"]{
  --kosmos:#07020f;--sliva:#1a0533;--sliva2:#10021f;
  --plita:rgba(28,6,52,.6);--plita2:rgba(52,10,92,.5);--kant:rgba(255,62,205,.45);
  --tekst:#f6e9ff;--tusk:#b48cd8;--tusk2:#7a56a0;--svet:#ff3ecd;--svet-rgb:255,62,205;
  --plus:#2ff5d0;--minus:#ff3b6b;--yantar:#ffe14d;
  --tuman1:rgba(255,62,205,.5);--tuman2:rgba(80,20,220,.38);--tuman3:rgba(47,245,208,.3);
  --r-l:4px;--r-m:3px;--r-s:2px;--r-xs:1px;--kant-tol:2px;--blur:6px;
  --ten:0 0 34px rgba(255,62,205,.28);--zag-tr:uppercase;--zag-sp:.14em;--tuman-op:1;
  --uzor:linear-gradient(rgba(47,245,208,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,62,205,.06) 1px,transparent 1px);--uzor-op:1}
:root[data-obraz="kiber85"] body::after{background-size:100% 28px,28px 100%}
/* сканлайны поверх всего — тонко, чтобы не мешать читать */
:root[data-obraz="kiber85"] body::before{content:"";position:fixed;inset:0;z-index:99;pointer-events:none;
  background:repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0 1px,transparent 1px 3px);mix-blend-mode:multiply;opacity:.5}
/* неоновый кант и свечение у карточек и кнопок */
:root[data-obraz="kiber85"] .vd,:root[data-obraz="kiber85"] .blok-poz,:root[data-obraz="kiber85"] .schet-karta{
  box-shadow:inset 0 0 0 1px rgba(255,62,205,.35),0 0 22px -6px rgba(255,62,205,.45)}
:root[data-obraz="kiber85"] .vd:hover{box-shadow:inset 0 0 0 1px rgba(47,245,208,.5),0 0 26px -4px rgba(47,245,208,.4)}
/* крупные числа светятся, как вывеска */
:root[data-obraz="kiber85"] .itog,:root[data-obraz="kiber85"] .zond-verd{text-shadow:0 0 18px rgba(255,62,205,.55),0 0 46px rgba(47,245,208,.25)}
:root[data-obraz="kiber85"] .znak b{text-shadow:0 0 12px rgba(255,62,205,.6)}
/* горизонт-сетка под карточкой робота — та самая «восьмидесятая» перспектива */
:root[data-obraz="kiber85"] .schet-karta::before{content:"";position:absolute;inset:auto 0 0 0;height:46%;z-index:0;pointer-events:none;
  background:repeating-linear-gradient(to top,rgba(255,62,205,.22) 0 1px,transparent 1px 14px),
             repeating-linear-gradient(90deg,rgba(47,245,208,.14) 0 1px,transparent 1px 26px);
  transform:perspective(220px) rotateX(62deg);transform-origin:bottom center;opacity:.65}
/* 5. НЕОН — витрина: маджента и циан, техно-шрифт, свечение канта, сетка в фоне */
:root[data-obraz="neon"]{
  --kosmos:#0a0617;--sliva:#1d0f33;--sliva2:#140a24;
  --plita:rgba(32,12,56,.66);--plita2:rgba(54,18,88,.56);--kant:rgba(255,92,205,.3);
  --tekst:#fdeaff;--tusk:#c49ad6;--tusk2:#8a6a9c;--svet:#ff4ecd;--svet-rgb:255,78,205;
  --plus:#4fd8ff;--minus:#ff5d7a;--yantar:#ffe14d;
  --tuman1:rgba(255,60,190,.4);--tuman2:rgba(80,40,230,.3);--tuman3:rgba(40,220,255,.2);
  --r-l:20px;--r-m:15px;--r-s:11px;--r-xs:8px;--kant-tol:1px;--blur:20px;
  --ten:0 0 28px rgba(255,78,205,.18);--zag-tr:uppercase;--zag-sp:.1em;--tuman-op:.9;
  --uzor:linear-gradient(rgba(79,216,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,78,205,.05) 1px,transparent 1px);--uzor-op:1}
:root[data-obraz="neon"] body::after{background-size:100% 36px,36px 100%}
:root[data-obraz="neon"] .itog{text-shadow:0 0 24px rgba(255,78,205,.45)}

/* 6. ЛЁД — стекло и мороз: сталь, ледяной свет, максимум размытия, длинные холодные тени */
:root[data-obraz="lyod"]{
  --kosmos:#060f18;--sliva:#0e2030;--sliva2:#091722;
  --plita:rgba(16,34,50,.55);--plita2:rgba(26,52,74,.45);--kant:rgba(190,235,255,.16);
  --tekst:#eaf7ff;--tusk:#9fb8c9;--tusk2:#6b8498;--svet:#8fe4ff;--svet-rgb:143,228,255;
  --plus:#7fe3c0;--minus:#ff9bb0;--yantar:#ffd79a;
  --tuman1:rgba(80,180,255,.34);--tuman2:rgba(30,110,190,.22);--tuman3:rgba(150,230,255,.18);
  --r-l:24px;--r-m:18px;--r-s:13px;--r-xs:9px;--kant-tol:1px;--blur:26px;
  --ten:0 18px 50px rgba(0,20,40,.5);--zag-tr:none;--zag-sp:.04em;--tuman-op:.7;--uzor:none;--uzor-op:0}

/* 7. ПЕСОК — выгоревшее золото: журнальная антиква, капитель, мягкое тёплое зерно */
:root[data-obraz="pesok"]{
  --kosmos:#14100a;--sliva:#2a2114;--sliva2:#1d170e;
  --plita:rgba(42,33,20,.8);--plita2:rgba(58,46,28,.72);--kant:rgba(232,196,138,.2);
  --tekst:#f6ecd8;--tusk:#bfa881;--tusk2:#8a7757;--svet:#e8c48a;--svet-rgb:232,196,138;
  --plus:#a8d08a;--minus:#e08a6a;--yantar:#e8c48a;
  --tuman1:rgba(230,190,120,.3);--tuman2:rgba(170,130,60,.2);--tuman3:rgba(110,80,30,.22);
  --r-l:6px;--r-m:5px;--r-s:4px;--r-xs:3px;--kant-tol:1px;--blur:6px;
  --ten:0 10px 26px rgba(0,0,0,.4);--zag-tr:none;--zag-sp:.06em;--tuman-op:.5;
  --uzor:repeating-linear-gradient(0deg,rgba(232,196,138,.035) 0 1px,transparent 1px 3px);--uzor-op:1}
:root[data-obraz="pesok"] h3{font-variant:small-caps;letter-spacing:.08em}

/* 8. ХВОЯ — лес: мягкое стекло, мятный свет, без фактуры */
:root[data-obraz="hvoya"]{
  --kosmos:#06120e;--sliva:#0e2a20;--sliva2:#0a1d16;
  --plita:rgba(14,38,28,.6);--plita2:rgba(22,56,42,.5);--kant:rgba(140,235,200,.14);
  --tekst:#e6fff2;--tusk:#8fc2ab;--tusk2:#5e8a78;--svet:#5fe0b0;--svet-rgb:95,224,176;
  --plus:#5fe0b0;--minus:#ff8fa3;--yantar:#ffd79a;
  --tuman1:rgba(40,180,130,.34);--tuman2:rgba(20,110,90,.24);--tuman3:rgba(60,200,160,.18);
  --r-l:22px;--r-m:16px;--r-s:12px;--r-xs:8px;--kant-tol:1px;--blur:12px;
  --ten:0 12px 30px rgba(0,20,14,.42);--zag-tr:none;--zag-sp:.02em;--tuman-op:.7;--uzor:none;--uzor-op:0}

/* заголовки слушают тематику */
h3{text-transform:var(--zag-tr);letter-spacing:var(--zag-sp)}

/* светлая тематика: несколько мест, где были «тёмные» подложки */
:root[data-svetlo="da"] .mini-seg{background:rgba(26,23,20,.07)}
:root[data-svetlo="da"] .mini-seg button.vkl{background:rgba(var(--svet-rgb),.14)}
:root[data-svetlo="da"] .gr-pole{background:rgba(26,23,20,.05)}
:root[data-svetlo="da"] .gr-zoom button{background:rgba(26,23,20,.07)}
:root[data-svetlo="da"] .tuman{filter:saturate(.7)}

/* карточка счёта, текст на акценте и подложки — по тематикам */
:root[data-obraz="stanok"]{--karta1:#0b1512;--karta2:#07100e;--karta3:#050a09;--na-svete:#04120a;--podlozhka:rgba(10,22,18,.9)}
:root[data-obraz="plakat"]{--karta1:#2a1414;--karta2:#180c0c;--karta3:#0d0707;--na-svete:#140808;--podlozhka:rgba(26,14,14,.9)}
/* ЛАВАНДА — прежняя основа SUPREMACY: индиго-космос и сливовая кожа (была по умолчанию до 27.10) */
:root[data-obraz="lavanda"]{
  --kosmos:#0d0a1a;--sliva:#2a1838;--sliva2:#1d1229;
  --plita:rgba(36,26,58,.62);--plita2:rgba(52,38,82,.55);--kant:rgba(190,170,255,.10);
  --tekst:#efeafc;--tusk:#a69dc6;--tusk2:#6f6690;
  --plus:#7fe3c0;--minus:#ff8fa3;--yantar:#f3c27a;
  --tuman1:rgba(150,110,255,.38);--tuman2:rgba(60,40,160,.28);--tuman3:rgba(190,160,255,.2);
  --r-l:26px;--r-m:20px;--r-s:14px;--r-xs:8px;--kant-tol:1px;--blur:14px;
  --ten:0 12px 34px rgba(0,0,0,.34);--zag-tr:none;--zag-sp:0;--tuman-op:.7;--uzor:none;--uzor-op:0}
:root[data-obraz="lavanda"]{--karta1:#241a3c;--karta2:#1a1230;--karta3:#120c22;--na-svete:#1d1533;--podlozhka:rgba(36,26,62,.9)}
:root[data-obraz="korall"]{--karta1:#3a1814;--karta2:#280f0c;--karta3:#180807;--na-svete:#2a100c;--podlozhka:rgba(58,24,20,.9)}
:root[data-obraz="moh"]{--karta1:#12301f;--karta2:#0c2016;--karta3:#07130d;--na-svete:#0e2618;--podlozhka:rgba(18,46,33,.9)}
:root[data-obraz="gazeta"]{--karta1:#ffffff;--karta2:#f2f2ee;--karta3:#e6e6e0;--na-svete:#ffffff;--podlozhka:rgba(10,10,10,.06)}
:root[data-obraz="glubina"]{--karta1:#0c2240;--karta2:#08162c;--karta3:#050d1c;--na-svete:#0a1c34;--podlozhka:rgba(12,34,62,.9)}
:root[data-obraz="lavanda"]{--karta1:#241a3c;--karta2:#1a1230;--karta3:#120c22;--na-svete:#1d1533;--podlozhka:rgba(36,26,62,.9)}
:root[data-obraz="kiber85"]{--karta1:#2a0750;--karta2:#1a0333;--karta3:#0d0119;--na-svete:#24063f;--podlozhka:rgba(28,6,52,.9)}
:root[data-obraz="bumaga"]{--karta1:#fffdf8;--karta2:#f3ece0;--karta3:#e9e0cf;--na-svete:#fff6f2;--podlozhka:rgba(26,23,20,.06)}
:root[data-obraz="neon"]{--karta1:#3a0f5e;--karta2:#1d0a33;--karta3:#0d0518;--na-svete:#120525;--podlozhka:rgba(26,10,46,.62)}
:root[data-obraz="lyod"]{--karta1:#123048;--karta2:#0a1c2b;--karta3:#060f18;--na-svete:#071a26;--podlozhka:rgba(12,28,42,.6)}
:root[data-obraz="pesok"]{--karta1:#3a2d1a;--karta2:#241b10;--karta3:#140f08;--na-svete:#1b1409;--podlozhka:rgba(36,27,16,.7)}
:root[data-obraz="hvoya"]{--karta1:#10382a;--karta2:#0a2419;--karta3:#06120e;--na-svete:#07201a;--podlozhka:rgba(10,36,25,.6)}


/* 27.10: светлые тематики — сцена шара рисуется тёмной, на бумаге она читалась пятном.
   Приглушаем её и красим чип связи по тематике, чтобы всё оставалось читаемым. */
:root[data-svetlo="da"] .schet-karta #nebo{opacity:.42}
:root[data-svetlo="da"] .schet-karta::after{background:linear-gradient(90deg,var(--kosmos) 0%,color-mix(in srgb,var(--kosmos) 62%,transparent) 44%,transparent 72%)}
:root[data-svetlo="da"] .svyaz,:root[data-svetlo="da"] .vd-ruchki button{color:var(--tusk);box-shadow:inset 0 0 0 1px var(--kant)}
:root[data-svetlo="da"] .tabbar{background:color-mix(in srgb,var(--kosmos) 92%,transparent)}


/* Зонд рынка (27.10): вердикт крупно, под ним три числа и причины */
.zond-verd{font:700 20px var(--shrift);letter-spacing:.02em;margin:2px 0 4px}
.zond-verd small{font-size:11px;font-weight:500;color:var(--tusk2)}
.zond-shkala-wrap{margin:6px 0 10px}
.zond-shkala-bar{position:relative;height:7px;border-radius:4px;background:linear-gradient(90deg,#ff1e46 0%,#ff7300 25%,#f5d73c 50%,#82eb3c 75%,#00ffc8 100%);box-shadow:inset 0 1px 2px rgba(0,0,0,.4)}
.zond-shkala-ukazatel{position:absolute;top:-4px;width:7px;height:15px;border-radius:3.5px;box-shadow:0 0 8px rgba(255,255,255,.9),0 1px 3px rgba(0,0,0,.6);border:1.5px solid #fff;transform:translateX(-50%);transition:left .3s ease}
.zond-shkala-podpis{display:flex;justify-content:space-between;font-size:9.5px;font-weight:600;color:var(--tusk2);margin-top:4px;letter-spacing:.02em}
.zond-shkala-podpis .m{color:#ff5e5e}
.zond-shkala-podpis .z{color:#d4b328}
.zond-shkala-podpis .p{color:#32eb6e}
.zond-cifry{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.zond-cifry span{display:flex;flex-direction:column;gap:2px;min-width:0}
.zond-cifry b{font:600 16px var(--cifry);color:var(--tekst)}
.zond-cifry small{font-size:10.5px;color:var(--tusk2);line-height:1.15}
.zond-pochemu{margin:8px 0 0;color:var(--tusk2)}


/* 27.10: запас под плавающий таббар — на широком экране он висит поверх содержимого
   и прятал нижние карточки (радар, зонд, журнал). */
@media (min-width:900px){ body{padding-bottom:140px} }
@media (max-width:899px){ body{padding-bottom:calc(var(--niz) + 46px)} }




/* ── Пульт управления ветками и тейками (05.11) ── */
.bp-branches-card {
  margin-top: 14px;
  padding: 14px 14px 12px;
  border-radius: var(--r-m);
  background: rgba(255, 255, 255, .03);
  box-shadow: inset 0 0 0 1px rgba(190, 170, 255, .08);
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.branches-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2px;
}
.branches-title-wrap {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.branches-title {
  font-size: 13.5px;
  font-weight: 700;
  letter-spacing: -.01em;
  color: var(--tekst);
}
.branches-subtitle {
  font-size: 11px;
  font-weight: 600;
  color: var(--tusk2);
}
.branches-presets {
  display: flex;
  align-items: center;
  gap: 6px;
}
.btn-preset {
  font-size: 10.5px;
  font-weight: 600;
  padding: 4px 9px;
  border-radius: 8px;
  background: rgba(255, 255, 255, .06);
  color: var(--tekst);
  border: 1px solid rgba(255, 255, 255, .1);
  cursor: pointer;
  user-select: none;
  transition: all .15s ease;
}
.btn-preset:hover {
  background: rgba(255, 255, 255, .1);
}
.btn-preset:active {
  transform: scale(.94);
  background: rgba(255, 255, 255, .18);
}

/* Карточки веток */
.branch-card {
  padding: 10px 12px 10px;
  border-radius: 12px;
  background: rgba(255, 255, 255, .025);
  border: 1px solid rgba(255, 255, 255, .06);
  display: flex;
  flex-direction: column;
  gap: 6px;
  transition: all .2s cubic-bezier(.4, 0, .2, 1);
}
.branch-card.vkl {
  background: rgba(255, 255, 255, .045);
  border-color: rgba(95, 224, 176, .35);
  box-shadow: 0 2px 14px rgba(0, 0, 0, .2), inset 0 0 16px rgba(95, 224, 176, .05);
}
.branch-card.branch-card-cat.vkl {
  border-color: rgba(255, 143, 163, .4);
  box-shadow: 0 2px 14px rgba(0, 0, 0, .2), inset 0 0 16px rgba(255, 143, 163, .05);
}
.branch-card.branch-card-reverse.vkl {
  border-color: rgba(255, 180, 100, .4);
  box-shadow: 0 2px 14px rgba(0, 0, 0, .2), inset 0 0 16px rgba(255, 180, 100, .05);
}
.branch-card.branch-card-flip.vkl {
  border-color: rgba(255, 215, 0, .45);
  box-shadow: 0 2px 14px rgba(0, 0, 0, .2), inset 0 0 16px rgba(255, 215, 0, .08);
}
.branch-card.vykl {
  opacity: .55;
  filter: grayscale(0.2);
}
.branch-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.branch-meta {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.branch-tags {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.badge-side {
  font-size: 9.5px;
  font-weight: 700;
  padding: 1px 6px;
  border-radius: 4px;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.badge-long {
  background: rgba(95, 224, 176, .2);
  color: #5fe0b0;
}
.badge-short {
  background: rgba(255, 143, 163, .2);
  color: #ff8fa3;
}
.badge-flip {
  background: rgba(255, 215, 0, .2);
  color: #ffd700;
}
.badge-night {
  background: rgba(160, 140, 255, .2);
  color: #c4b5fd;
}
.badge-channel {
  background: rgba(56, 189, 248, .2);
  color: #38bdf8;
}
.branch-title {
  font-size: 12.5px;
  font-weight: 700;
  color: var(--tekst);
}
.branch-stat {
  font-size: 10.5px;
  font-weight: 600;
  padding: 1px 6px;
  border-radius: 99px;
  background: rgba(255, 255, 255, .07);
  color: var(--tusk);
}
.branch-stat.has-deals {
  background: rgba(95, 224, 176, .2);
  color: #5fe0b0;
  box-shadow: 0 0 8px rgba(95, 224, 176, .3);
}
.branch-stat.has-cat {
  background: rgba(255, 143, 163, .25);
  color: #ff8fa3;
  box-shadow: 0 0 8px rgba(255, 143, 163, .3);
}
.branch-sub {
  font-size: 10.5px;
  color: var(--tusk2);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* iOS Toggle Switch */
.switch-ios {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
  flex: none;
  cursor: pointer;
  user-select: none;
}
.switch-ios input {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch-ios .slider-ios {
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, .14);
  border-radius: 99px;
  transition: all .25s cubic-bezier(.4, 0, .2, 1);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1);
}
.switch-ios .slider-ios::before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  bottom: 3px;
  background: #ffffff;
  border-radius: 50%;
  transition: all .25s cubic-bezier(.4, 0, .2, 1);
  box-shadow: 0 2px 5px rgba(0, 0, 0, .35);
}
.switch-ios input:checked + .slider-ios {
  background: #32eb6e;
  box-shadow: 0 0 12px rgba(50, 235, 110, .45);
}
.switch-ios.switch-cat input:checked + .slider-ios {
  background: #ff8fa3;
  box-shadow: 0 0 12px rgba(255, 143, 163, .45);
}
.switch-ios.switch-flip input:checked + .slider-ios {
  background: #ffd700;
  box-shadow: 0 0 12px rgba(255, 215, 0, .5);
}
.switch-ios input:checked + .slider-ios::before {
  transform: translateX(20px);
}

/* Ползунок TP внутри карточки */
.branch-tp-control {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 2px;
}
.tp-label {
  font-size: 11px;
  font-weight: 600;
  color: var(--tusk2);
  min-width: 38px;
}
.tp-slider-wrap {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
}
.tp-slider-wrap input[type=range] {
  flex: 1;
  accent-color: #5fe0b0;
  height: 5px;
  border-radius: 99px;
  background: rgba(255, 255, 255, .12);
  outline: none;
  cursor: pointer;
}
.tp-slider-wrap input.slider-cat-range[type=range] {
  accent-color: #ff8fa3;
}
.tp-bound {
  font-size: 9.5px;
  color: var(--tusk2);
  min-width: 22px;
}
.tp-val {
  font-size: 11px;
  font-weight: 700;
  padding: 1px 6px;
  border-radius: 99px;
  min-width: 36px;
  text-align: center;
}
.badge-long-glow {
  background: rgba(95, 224, 176, .18);
  color: #5fe0b0;
}
.badge-short-glow {
  background: rgba(255, 143, 163, .18);
  color: #ff8fa3;
}
.tp-usd {
  font-size: 11px;
  font-weight: 600;
  color: var(--tusk);
  min-width: 58px;
  text-align: right;
}

.branches-divider {
  height: 1px;
  background: rgba(255, 255, 255, .06);
  margin: 2px 0 2px;
}
.tp-modes-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.tp-modes-header span {
  font-size: 10.5px;
  font-weight: 600;
  color: var(--tusk2);
  text-transform: uppercase;
  letter-spacing: .04em;
}

/* Старые классы режимов */
.bp-tp-card {
  margin-top: 12px;
  padding: 12px 14px;
  border-radius: var(--r-m);
  background: rgba(255, 255, 255, .03);
  box-shadow: inset 0 0 0 1px rgba(190, 170, 255, .07);
}
.tp-modes-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  margin-top: 6px;
}
.mode-chip {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 8px;
  border-radius: var(--r-s);
  background: rgba(255, 255, 255, .04);
  box-shadow: inset 0 0 0 1px rgba(190, 170, 255, .08);
  cursor: pointer;
  user-select: none;
  transition: all .2s ease;
}
.mode-chip:hover {
  background: rgba(255, 255, 255, .06);
}
.mode-chip.vkl {
  background: rgba(var(--svet-rgb), .12);
  box-shadow: inset 0 0 0 1px rgba(var(--svet-rgb), .35);
}
.mode-chip input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  width: 17px;
  height: 17px;
  border-radius: 5px;
  background: rgba(255, 255, 255, .1);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .2);
  display: grid;
  place-content: center;
  flex: none;
  cursor: pointer;
  margin: 0;
  transition: all .2s ease;
}
.mode-chip input[type=checkbox]::before {
  content: "";
  width: 8px;
  height: 4px;
  border-left: 2px solid var(--na-svete);
  border-bottom: 2px solid var(--na-svete);
  transform: rotate(-45deg) translate(1px, -1px);
  opacity: 0;
  transition: opacity .15s ease;
}
.mode-chip input[type=checkbox]:checked {
  background: var(--svet);
  box-shadow: 0 0 8px rgba(var(--svet-rgb), .4);
}
.mode-chip input[type=checkbox]:checked::before {
  opacity: 1;
}
.mode-chip .info {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}
.mode-chip .info b {
  font-size: 11.5px;
  font-weight: 600;
  color: var(--tekst);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mode-chip .info small {
  font-size: 9.5px;
  color: var(--tusk2);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mode-chip.vkl .info b {
  color: var(--svet);
}

/* ── Новая вкладка «Расписание / Когда торговать» ── */
.rasp-wrap {
  padding: 8px 14px 24px;
}
.rasp-status-card {
  padding: 14px 16px;
  border-radius: var(--r-m);
  margin-bottom: 16px;
  border: 1px solid rgba(255, 255, 255, .1);
  background: rgba(255, 255, 255, .04);
  transition: all .2s ease;
}
.rasp-status-card.active {
  background: rgba(50, 235, 110, .10);
  border-color: rgba(50, 235, 110, .3);
}
.rasp-status-card.quiet {
  background: rgba(255, 94, 94, .10);
  border-color: rgba(255, 94, 94, .3);
}
.rasp-status-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6px;
}
.rasp-status-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: .02em;
}
.rasp-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #32eb6e;
  box-shadow: 0 0 8px #32eb6e;
}
.quiet .rasp-dot {
  background: #ff5e5e;
  box-shadow: 0 0 8px #ff5e5e;
}
.rasp-time {
  font: 500 13px var(--cifry);
  color: var(--tusk);
}
.rasp-status-desc {
  font-size: 13px;
  line-height: 1.45;
  color: var(--tusk);
}
.rasp-status-desc b {
  color: var(--tekst);
}

.rasp-sec {
  margin-bottom: 20px;
}
.rasp-sec-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 8px;
}
.rasp-sec-head h3 {
  font: 600 14px var(--shrift);
  color: var(--tekst);
  margin: 0;
}
.rasp-sec-head span {
  font-size: 12px;
  color: var(--tusk2);
}

.rasp-hours-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 6px;
  margin-bottom: 10px;
}
@media (max-width: 380px) {
  .rasp-hours-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
.rasp-h-btn {
  height: 46px;
  border-radius: var(--r-s);
  border: 1px solid rgba(255, 255, 255, .08);
  background: rgba(255, 255, 255, .05);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  color: var(--tusk);
  font: 500 12px var(--cifry);
  position: relative;
  cursor: pointer;
  transition: all .15s ease;
}
.rasp-h-btn.vkl {
  background: rgba(var(--svet-rgb), .20);
  border-color: rgba(var(--svet-rgb), .45);
  color: var(--tekst);
}
.rasp-h-btn.vkl .h-sub {
  color: var(--svet);
}
.rasp-h-btn.vykl {
  background: rgba(255, 94, 94, .08);
  border-color: rgba(255, 94, 94, .25);
  color: var(--tusk2);
  text-decoration: line-through;
  opacity: .7;
}
.rasp-h-btn.vykl .h-sub {
  color: #ff8585;
  text-decoration: none;
}
.rasp-h-btn.seychas {
  box-shadow: 0 0 0 2px var(--tekst), 0 0 12px rgba(var(--svet-rgb), .35);
}
.rasp-h-btn .h-time {
  font-weight: 600;
  font-size: 12px;
}
.rasp-h-btn .h-sub {
  font-size: 9.5px;
  font-weight: 500;
}

.rasp-presets {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 10px;
}
.rasp-preset-btn {
  height: 32px;
  padding: 0 11px;
  border-radius: var(--r-s);
  border: 1px solid rgba(255, 255, 255, .1);
  background: rgba(255, 255, 255, .06);
  font-size: 12px;
  font-weight: 500;
  color: var(--tusk);
  cursor: pointer;
}
.rasp-preset-btn:active {
  background: rgba(255, 255, 255, .15);
}

.rasp-days-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 6px;
  margin-bottom: 10px;
}
@media (max-width: 440px) {
  .rasp-days-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
.rasp-d-btn {
  min-height: 50px;
  border-radius: var(--r-s);
  border: 1px solid rgba(255, 255, 255, .08);
  background: rgba(255, 255, 255, .05);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  color: var(--tusk);
  padding: 4px;
  cursor: pointer;
}
.rasp-d-btn.vkl {
  background: rgba(var(--svet-rgb), .20);
  border-color: rgba(var(--svet-rgb), .45);
  color: var(--tekst);
}
.rasp-d-btn.vkl .d-sub {
  color: var(--svet);
}
.rasp-d-btn.vykl {
  background: rgba(255, 94, 94, .08);
  border-color: rgba(255, 94, 94, .25);
  color: var(--tusk2);
  opacity: .7;
}
.rasp-d-btn.vykl .d-sub {
  color: #ff8585;
}
.rasp-d-btn.seychas {
  box-shadow: 0 0 0 2px var(--tekst), 0 0 10px rgba(var(--svet-rgb), .35);
}
.rasp-d-btn .d-name {
  font-weight: 700;
  font-size: 13px;
}
.rasp-d-btn .d-sub {
  font-size: 9.5px;
  font-weight: 500;
}

.rasp-niz-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  border-top: 1px solid rgba(255, 255, 255, .08);
  background: color-mix(in srgb, var(--kosmos) 94%, transparent);
}
.rasp-niz-info {
  font-size: 12px;
  color: var(--tusk);
  line-height: 1.35;
}
.rasp-niz-info b {
  color: var(--tekst);
}
.rasp-apply-btn {
  height: 42px;
  padding: 0 18px;
  border-radius: var(--r-m);
  background: var(--svet);
  color: var(--na-svete);
  font: 600 13px var(--shrift);
  flex-shrink: 0;
  cursor: pointer;
  border: none;
}
.rasp-apply-btn:disabled {
  opacity: .4;
  cursor: not-allowed;
}

/* ═══════════════════════════════════════════════════════════════════════════
   SINGAPORE OLED GLASS & TRADINGVIEW STYLES
   ═══════════════════════════════════════════════════════════════════════════ */

/* Кнопка шестерёнки в шапке */
.verh-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.btn-gear {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: var(--tusk);
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}
.btn-gear:hover, .btn-gear:active {
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  transform: rotate(30deg);
}

/* Переключатель режимов: TradingView / Полоски */
.bp-mode-toggle {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  padding: 2px;
  margin-left: auto;
  margin-right: 8px;
}
.btn-mode {
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 600;
  border-radius: 8px;
  color: var(--tusk);
  background: transparent;
  transition: all 0.2s ease;
  cursor: pointer;
}
.btn-mode.vkl {
  color: #fff;
  background: rgba(255, 255, 255, 0.15);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
}

/* Карточка открытой позиции с графиком */
.lp-card {
  background: rgba(16, 19, 26, 0.72);
  backdrop-filter: blur(28px) saturate(190%);
  -webkit-backdrop-filter: blur(28px) saturate(190%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--r-m);
  padding: 14px;
  margin-bottom: 12px;
  transition: border-color 0.2s, box-shadow 0.2s;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6);
}
.lp-card:hover {
  border-color: rgba(255, 255, 255, 0.16);
}
.lp-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.lp-card-meta {
  display: flex;
  align-items: baseline;
  gap: 8px;
}
.lp-card-meta b {
  font-size: 17px;
  font-family: var(--cifry);
  color: #fff;
}
.lp-badge {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 2px 6px;
  border-radius: 6px;
  letter-spacing: 0.5px;
}
.lp-badge.badge-short {
  background: rgba(255, 59, 87, 0.15);
  color: var(--minus);
  border: 1px solid rgba(255, 59, 87, 0.3);
}
.lp-badge.badge-long {
  background: rgba(0, 240, 144, 0.15);
  color: var(--plus);
  border: 1px solid rgba(0, 240, 144, 0.3);
}
.lp-badge.badge-strat {
  background: rgba(0, 212, 255, 0.1);
  color: var(--cyan);
  border: 1px solid rgba(0, 212, 255, 0.2);
}

.lp-tv-chart-container {
  width: 100%;
  height: 175px;
  margin-top: 10px;
  border-radius: 12px;
  overflow: hidden;
  background: #030406;
  border: 1px solid rgba(255, 255, 255, 0.06);
  position: relative;
}

/* Полоски хода цены */
.lp-motion-strip {
  margin-top: 10px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.05);
}
.strip-scale {
  position: relative;
  height: 6px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 3px;
  margin: 14px 0 8px;
}
.strip-entry-marker {
  position: absolute;
  top: -4px;
  width: 2px;
  height: 14px;
  background: #fff;
  border-radius: 1px;
}
.strip-price-pin {
  position: absolute;
  top: -6px;
  width: 14px;
  height: 18px;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.strip-price-pin::after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--svet);
  box-shadow: 0 0 10px var(--svet);
}

/* Парящий нижний док (Floating Glass Tabbar) */
.tabbar {
  background: rgba(10, 12, 16, 0.85);
  backdrop-filter: blur(32px) saturate(200%);
  -webkit-backdrop-filter: blur(32px) saturate(200%);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.95), inset 0 1px 0 rgba(255, 255, 255, 0.12);
  border-radius: 24px;
}
.tabbar button {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  color: var(--tusk2);
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}
.tabbar button.vkl {
  color: var(--svet);
}
.tabbar button.vkl svg {
  transform: translateY(-2px);
  filter: drop-shadow(0 0 8px rgba(0, 240, 144, 0.5));
}
.tabbar button span {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.2px;
}

/* Экран Ветки торговли */
.branches-screen {
  padding: 6px 0 30px;
}
.branch-card-glass {
  background: rgba(16, 19, 26, 0.72);
  backdrop-filter: blur(28px) saturate(190%);
  -webkit-backdrop-filter: blur(28px) saturate(190%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  padding: 16px;
  margin-bottom: 14px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6);
  transition: border-color 0.2s;
}
.branch-card-glass.active {
  border-color: rgba(0, 240, 144, 0.25);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6), 0 0 20px rgba(0, 240, 144, 0.06);
}

/* 3-Секционный Журнал */
.zh-segments {
  display: flex;
  gap: 6px;
  background: rgba(255, 255, 255, 0.04);
  padding: 4px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  margin-bottom: 16px;
}
.zh-seg-btn {
  flex: 1;
  padding: 8px 6px;
  font-size: 12px;
  font-weight: 600;
  border-radius: 10px;
  text-align: center;
  color: var(--tusk);
  background: transparent;
  cursor: pointer;
  transition: all 0.2s ease;
}
.zh-seg-btn.active {
  color: #fff;
  background: rgba(255, 255, 255, 0.12);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}

.radar-card-item, .arm-card-item, .deal-card-detailed {
  background: rgba(16, 19, 26, 0.72);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 16px;
  padding: 14px;
  margin-bottom: 10px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.5);
}
.deal-hand-vs-robot {
  margin-top: 10px;
  padding: 8px 10px;
  border-radius: 8px;
  background: rgba(255, 176, 32, 0.08);
  border: 1px solid rgba(255, 176, 32, 0.2);
  font-size: 12px;
  color: var(--yantar);
}

/* ═══════════════════════════════════════════════════════════════════════
   КИБЕРПАНК 2085: КВАНТОВЫЕ ШЕЙДЕРНЫЕ ЭФФЕКТЫ И БУДУЩИЙ ДИЗАЙН (СИНГАПУР)
   ═══════════════════════════════════════════════════════════════════════ */

/* 1. Карточка баланса — квантовая сингулярность и лазерный кант */
.schet-karta {
  position: relative;
  background: radial-gradient(140% 150% at 88% 22%, #050a14 0%, #020408 55%, #000000 100%) !important;
  border: 1px solid rgba(0, 240, 255, 0.22) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.95), 0 0 35px rgba(0, 240, 255, 0.07) !important;
}

.schet-karta::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1.5px;
  background: linear-gradient(135deg, rgba(0, 240, 255, 0.6) 0%, rgba(0, 255, 136, 0.3) 35%, transparent 65%, rgba(0, 240, 255, 0.4) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: 4;
}

/* Тонкая сетка лазерных сканлайнов (Holo HUD Scanlines) */
.schet-karta::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: repeating-linear-gradient(
    0deg,
    rgba(0, 240, 255, 0.02) 0px,
    rgba(0, 240, 255, 0.02) 1px,
    transparent 1px,
    transparent 3px
  );
  pointer-events: none;
  z-index: 2;
  opacity: 0.65;
}

/* 2. Переключатель ДЕМО ↔ РЕАЛ: Квантовый тумблер с неоновой отдачей */
.scheta {
  background: rgba(10, 14, 22, 0.85) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}

.scheta[data-na="real"] .polzunok {
  background: linear-gradient(135deg, rgba(0, 255, 136, 0.35), rgba(0, 255, 136, 0.12)) !important;
  border: 1px solid rgba(0, 255, 136, 0.5) !important;
  box-shadow: 0 0 18px rgba(0, 255, 136, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
}

.scheta[data-na="demo"] .polzunok {
  background: linear-gradient(135deg, rgba(0, 240, 255, 0.35), rgba(0, 240, 255, 0.12)) !important;
  border: 1px solid rgba(0, 240, 255, 0.5) !important;
  box-shadow: 0 0 18px rgba(0, 240, 255, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
}

.scheta button[aria-selected="true"] {
  color: #fff !important;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}

.scheta[data-na="real"] button[data-schet="real"][aria-selected="true"] {
  color: #00ff88 !important;
  text-shadow: 0 0 12px rgba(0, 255, 136, 0.65);
}

.scheta[data-na="demo"] button[data-schet="demo"][aria-selected="true"] {
  color: #00f0ff !important;
  text-shadow: 0 0 12px rgba(0, 240, 255, 0.65);
}

/* 3. Индикатор сверхнизкой задержки Сингапура (Sub-2ms Latency Badge) */
.svyaz {
  border: 1px solid rgba(0, 255, 136, 0.25) !important;
  background: rgba(0, 255, 136, 0.06) !important;
  color: #00ff88 !important;
  box-shadow: 0 0 14px rgba(0, 255, 136, 0.15) !important;
  transition: all 0.3s ease;
}

.svyaz i {
  background: #00ff88 !important;
  box-shadow: 0 0 12px #00ff88, 0 0 20px #00ff88 !important;
  animation: pulseSingapore 2s infinite ease-in-out;
}

@keyframes pulseSingapore {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.25); opacity: 0.75; }
}

/* 4. Неоновые бейджи стратегий и типов сделок */
.badge-strat {
  background: rgba(0, 240, 255, 0.12) !important;
  color: #00f0ff !important;
  border: 1px solid rgba(0, 240, 255, 0.35) !important;
  box-shadow: 0 0 10px rgba(0, 240, 255, 0.2) !important;
}

.badge-short {
  background: rgba(255, 42, 95, 0.15) !important;
  color: #ff3366 !important;
  border: 1px solid rgba(255, 42, 95, 0.35) !important;
  box-shadow: 0 0 10px rgba(255, 42, 95, 0.2) !important;
}

.badge-long {
  background: rgba(0, 255, 136, 0.15) !important;
  color: #00ff88 !important;
  border: 1px solid rgba(0, 255, 136, 0.35) !important;
  box-shadow: 0 0 10px rgba(0, 255, 136, 0.2) !important;
}

/* 5. Кнопка «Перевернуть» (Instant Flip) и мгновенные касания */
.lp-btn-flip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  height: 38px;
  padding: 0 12px;
  border-radius: 9px;
  background: rgba(0, 240, 255, 0.12);
  border: 1px solid rgba(0, 240, 255, 0.4);
  color: #00f0ff;
  font-family: var(--shrift);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  cursor: pointer;
  touch-action: manipulation;
  user-select: none;
  -webkit-user-select: none;
  transition: transform 0.08s ease, background 0.15s ease, box-shadow 0.15s ease;
  box-shadow: 0 0 12px rgba(0, 240, 255, 0.15);
}

.lp-btn-flip svg {
  flex-shrink: 0;
  stroke: #00f0ff;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.lp-btn-flip:active {
  transform: scale(0.93);
  background: rgba(0, 240, 255, 0.3);
  box-shadow: 0 0 18px rgba(0, 240, 255, 0.45);
}

.lp-btn-flip.idet svg {
  animation: flipSpin 0.7s infinite linear;
}

@keyframes flipSpin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Кнопка «Закрыть» - мгновенный тач */
.lp-x {
  touch-action: manipulation;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  transition: transform 0.08s ease, background 0.15s ease;
}

.lp-x:active {
  transform: scale(0.93);
  background: rgba(255, 42, 95, 0.35) !important;
}

/* 6. Мобильная адаптация и Safe Area (iPhone Notch & Home Indicator) */
@supports (padding: max(0px)) {
  .verh {
    padding-top: max(10px, env(safe-area-inset-top));
    padding-left: max(14px, env(safe-area-inset-left));
    padding-right: max(14px, env(safe-area-inset-right));
  }
  .tabbar {
    padding-bottom: max(12px, env(safe-area-inset-bottom)) !important;
    padding-left: max(6px, env(safe-area-inset-left));
    padding-right: max(6px, env(safe-area-inset-right));
  }
  #glavnaya {
    padding-bottom: calc(max(64px, 50px + env(safe-area-inset-bottom)) + 16px);
  }
}

/* На смартфонах увеличиваем высоту кнопок действий для безошибочного тапа пальцем и исключаем переполнение */
@media (max-width: 600px) {
  html, body {
    max-width: 100vw;
    overflow-x: hidden !important;
  }
  .verh {
    padding: calc(var(--verh) + 6px) 10px 8px;
    gap: 6px;
    max-width: 100vw;
    box-sizing: border-box;
    overflow: hidden;
  }
  .znak {
    font-size: 11px;
    letter-spacing: .1em;
    flex-shrink: 1;
    min-width: 0;
  }
  .scheta {
    flex: 1 1 auto;
    min-width: 0;
    padding: 2px;
  }
  .scheta button {
    height: 36px;
    padding: 0 6px;
    font-size: 12.5px;
    gap: 4px;
    min-width: 0;
  }
  .scheta b {
    display: none !important;
  }
  .verh-actions {
    flex-shrink: 0;
    gap: 6px;
  }
  .sost {
    height: 36px;
    padding: 0 8px;
    font-size: 12px;
  }
  .btn-gear {
    width: 36px;
    height: 36px;
  }
  #glavnaya {
    padding: 0 10px;
    max-width: 100vw;
    box-sizing: border-box;
    overflow-x: hidden;
  }
  .lp-btn-flip {
    height: 40px;
    padding: 0 10px;
    font-size: 11.5px;
  }
  .lp-x {
    width: 40px;
    height: 40px;
  }
  .tabbar {
    left: 8px !important;
    right: 8px !important;
    bottom: calc(var(--niz) + 6px) !important;
    height: 58px;
    padding: 0 4px;
  }
  .tabbar button {
    min-height: 44px;
  }
  .tabbar button svg {
    width: 20px;
    height: 20px;
  }
  .tabbar button span {
    font-size: 9.5px;
  }
}