/* Индикатор /<lang>/indicator/ (правка 8, «Оповещения»): справа телефон с уведомлениями индикатора, шаги ведения сделки,
   скриншоты, инструкция, подключение — экраны телефона, тарифы карточками, калькулятор сделки как на Bybit (из hub.css), вопросы.
   Строка цен, калькулятор — hub.css/hub.mjs. */
[data-redesign="indicator"]{--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace}

/* ---------- меню со значками, как на главной ---------- */
body[data-redesign="indicator"] .site-nav{gap:6px}
body[data-redesign="indicator"] .site-nav a{display:inline-flex;flex-direction:column;align-items:center;gap:3px;padding:6px 10px;border-radius:12px;font-size:12px;font-weight:600;text-decoration:none;transition:transform .18s,background .18s,box-shadow .18s}
body[data-redesign="indicator"] .site-nav a::before{content:"";width:24px;height:24px;background:center/contain no-repeat}
body[data-redesign="indicator"] .site-nav a:hover,body[data-redesign="indicator"] .site-nav a[aria-current="page"]{color:var(--ink);background:var(--surface);box-shadow:0 8px 20px var(--shadow)}
body[data-redesign="indicator"] .site-nav a:hover{transform:translateY(-2px) scale(1.06)}
body[data-redesign="indicator"] .menu-panel a::before{content:"";flex:0 0 22px;width:22px;height:22px;background:center/contain no-repeat}
body[data-redesign="indicator"] .site-nav a[data-nav="copy"]::before,body[data-redesign="indicator"] .menu-panel a[data-nav="copy"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Crect width=%2224%22 height=%2224%22 rx=%226%22 fill=%22%230b0f17%22/%3E%3Cg transform=%22translate(2.4 2.4) scale(.8)%22%3E%3Cg fill=%22none%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M20.6 12A8.6 8.6 0 0 0 5.9 5.9M8.9 5.9H5.9V2.9%22 stroke=%22%23f7a600%22/%3E%3Cpath d=%22M3.4 12A8.6 8.6 0 0 0 18.1 18.1M15.1 18.1h3v3%22 stroke=%22%23fff%22/%3E%3Ccircle cx=%229.2%22 cy=%2210.4%22 r=%221.5%22 stroke=%22%23fff%22/%3E%3Cpath d=%22M6.4 15.6a3 3 0 0 1 4.2-2.6%22 stroke=%22%23fff%22/%3E%3C/g%3E%3Ccircle cx=%2214.4%22 cy=%229.9%22 r=%221.9%22 fill=%22%23fff%22/%3E%3Cpath d=%22M10.9 16.6a3.5 3.5 0 0 1 7 0z%22 fill=%22%23fff%22/%3E%3C/g%3E%3C/svg%3E")}
body[data-redesign="indicator"] .site-nav a[data-nav="indicator"]::before,body[data-redesign="indicator"] .menu-panel a[data-nav="indicator"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Crect width=%2224%22 height=%2224%22 rx=%226%22 fill=%22%230b0f17%22/%3E%3Cpath d=%22M7 3v14%22 stroke=%22%232ee88f%22 stroke-width=%221.2%22/%3E%3Crect x=%225.3%22 y=%225.2%22 width=%223.4%22 height=%229.6%22 rx=%22.6%22 fill=%22%2319c76b%22/%3E%3Cpath d=%22M8.7 5.2h1.9l4.7 8.2v1.4h-1.8L8.7 7.4z%22 fill=%22%2319c76b%22/%3E%3Cpath d=%22M17 3v14%22 stroke=%22%23ff5a5a%22 stroke-width=%221.2%22/%3E%3Crect x=%2215.3%22 y=%225.2%22 width=%223.4%22 height=%229.6%22 rx=%22.6%22 fill=%22%23ef3b3b%22/%3E%3Cpath d=%22M3.5 21l5-3.6 3 2.4 7.3-5.3%22 fill=%22none%22 stroke=%22%23f7b500%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M16.6 14.4h2.6v2.6%22 fill=%22none%22 stroke=%22%23f7b500%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E")}
body[data-redesign="indicator"] .site-nav a[href$="/history/"]::before,body[data-redesign="indicator"] .menu-panel a[href$="/history/"]::before{background:var(--ink);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M8 6h12M8 12h12M8 18h12%22/%3E%3Ccircle cx=%224%22 cy=%226%22 r=%221%22/%3E%3Ccircle cx=%224%22 cy=%2212%22 r=%221%22/%3E%3Ccircle cx=%224%22 cy=%2218%22 r=%221%22/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M8 6h12M8 12h12M8 18h12%22/%3E%3Ccircle cx=%224%22 cy=%226%22 r=%221%22/%3E%3Ccircle cx=%224%22 cy=%2212%22 r=%221%22/%3E%3Ccircle cx=%224%22 cy=%2218%22 r=%221%22/%3E%3C/svg%3E") center/contain no-repeat}
body[data-redesign="indicator"] .site-nav a[href*="/dashboard/"]::before,body[data-redesign="indicator"] .menu-panel a[href*="/dashboard/"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Crect width=%2224%22 height=%2224%22 rx=%226%22 fill=%22%230b0f17%22/%3E%3Cpath d=%22M3.8 9.4h14.4M3.8 14h14.4%22 stroke=%22%23ffffff24%22 stroke-width=%22.8%22/%3E%3Cpath d=%22M3.8 18.6h14.4V4.2%22 fill=%22none%22 stroke=%22%23c9d1db%22 stroke-width=%221.2%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M7.6 18.6v1.6M11.6 18.6v1.6M15.6 18.6v1.6%22 stroke=%22%23c9d1db%22 stroke-width=%221%22/%3E%3Cpath d=%22M4.4 16.2 7.8 12.8l3 1.6 3.8-6.2 3.6 1.2v9.2H4.4z%22 fill=%22%2320b26c%22 fill-opacity=%22.25%22/%3E%3Cpath d=%22M4.4 16.2 7.8 12.8l3 1.6 3.8-6.2 3.6 1.2%22 fill=%22none%22 stroke=%22%2320b26c%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Crect x=%2218.2%22 y=%227.9%22 width=%224.4%22 height=%223%22 rx=%22.8%22 fill=%22%2320b26c%22/%3E%3C/svg%3E")}
body[data-redesign="indicator"] .menu-panel .menu-tg::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Crect width=%2224%22 height=%2224%22 rx=%226%22 fill=%22%232aabee%22/%3E%3Cg transform=%22translate(3.4 3.6) scale(.72)%22%3E%3Cpath fill=%22%23fff%22 d=%22M21.9 4.3 18.7 19.4c-.2 1-.9 1.3-1.7.8l-4.8-3.5-2.3 2.2c-.3.3-.5.5-1 .5l.3-4.9 8.9-8c.4-.3-.1-.5-.6-.2l-11 6.9-4.7-1.5c-1-.3-1-1 .2-1.5L20.6 3c.9-.3 1.6.2 1.3 1.3z%22/%3E%3C/g%3E%3C/svg%3E")}

/* ---------- телефон (общий вид, как iPhone) ---------- */
.ph{position:relative;display:flex;flex-direction:column;gap:9px;width:138px;height:282px;margin:0 auto;padding:30px 11px 18px;border-radius:32px;background:#0b0e11;border:3px solid #2e3239;
  box-shadow:inset 0 0 0 5px #15181e,0 0 0 1px #4a4f58,0 22px 44px #0007;font:500 11px/1.3 Inter,sans-serif;color:#eaecef}
.ph::before{content:"";position:absolute;left:50%;top:10px;width:42px;height:12px;border-radius:999px;background:#000;transform:translateX(-50%)}
.ph::after{content:"";position:absolute;left:50%;bottom:7px;width:46px;height:3px;border-radius:2px;background:#5b606a;transform:translateX(-50%)}
.ph-top{position:absolute;left:16px;right:16px;top:9px;display:flex;justify-content:space-between;font-size:9px;color:#8d95a3}
.ph-top b{color:#fff;letter-spacing:1px}
@keyframes iv-press{0%,68%,100%{transform:none;box-shadow:0 0 0 0 #2aabee66}78%{transform:scale(.94);box-shadow:0 0 0 9px #2aabee00}}

/* ---------- заголовок: справа телефон с уведомлениями и шаги ---------- */
.iv-vis{min-width:0}
.iv-alerts{display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;align-items:center}
.ph.iv-big{width:236px;height:480px;padding:42px 12px 26px;border-radius:42px;background:radial-gradient(120% 70% at 30% 0%,#2c4a6e,#0b1220 70%)}
.ph.iv-big .ph-top{left:22px;right:22px;color:#fff}
.iv-lock{display:flex;flex-direction:column;align-items:center;margin:4px 0 12px;color:#fff;font:300 50px/1 Inter,sans-serif;letter-spacing:-1px}
.iv-lock small{margin-top:4px;font-size:11px;font-weight:500;letter-spacing:0;color:#c9d3df}
.iv-feed{display:flex;flex-direction:column;gap:7px}
.iv-push{display:grid;gap:2px;padding:8px 10px;border-radius:14px;background:#f4f6f8e6;color:#111;font-size:10px;line-height:1.3;opacity:0;transform:translateY(-10px) scale(.97);
  transition:opacity .45s,transform .45s;box-shadow:inset 3px 0 0 var(--acc,#2aabee)}
.iv-push.on{opacity:1;transform:none}
.iv-push small{display:flex;justify-content:space-between;color:#6b7280;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}
.iv-push small i{font-style:normal;font-weight:500;text-transform:none}
.iv-push b{font-size:11.5px}
.iv-push.buy{--acc:#1e9e5a}.iv-push.tp{--acc:#f7a600}.iv-push.done{--acc:#2aabee}
.iv-alerts-side{display:flex;flex-direction:column;gap:8px}
.iv-alerts-side>b{font-size:22px;letter-spacing:-.4px;line-height:1.15}
.iv-alerts-side>span{color:var(--muted);font-size:15px;line-height:1.45}
.iv-steps{display:flex;flex-direction:column;gap:6px;margin:6px 0 0;padding:0;list-style:none}
.iv-steps li{display:flex;align-items:center;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--muted);font-size:13px;font-weight:700;transition:background .3s,color .3s,border-color .3s}
.iv-steps [data-step]::before{content:attr(data-step);margin-right:7px;opacity:.7;font-weight:800}
.iv-steps li.on{background:#f7a600;border-color:#f7a600;color:#111}
.iv-note{margin:4px 0 0;font-size:11px;line-height:1.4;color:var(--muted)}

/* ---------- «Что даёт», скриншоты, вопросы ---------- */
[data-redesign="indicator"] .features li{border-top:3px solid var(--pos);box-shadow:0 8px 24px var(--shadow)}
[data-redesign="indicator"] .gallery{grid-template-columns:repeat(3,minmax(0,1fr))}
[data-redesign="indicator"] .faq{max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:0 32px;border-top:0}
[data-redesign="indicator"] .faq details{border-top:1px solid var(--line);border-bottom:0}

/* ---------- подключение: шаги — экраны телефона, ниже тарифы карточками ---------- */
[data-redesign="indicator"] .iv-get{display:flex;flex-direction:column;align-items:stretch;gap:18px}
.iv-get>*{min-width:0}
.iv-phones{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px!important}
.iv-phones li{flex-direction:column;gap:10px!important;padding:14px;border:1px solid var(--line);border-radius:6px 16px 16px 16px;background:var(--surface);box-shadow:0 10px 30px var(--shadow)}
.iv-phones li::before{align-self:flex-start;width:26px;background:#f7a600!important;color:#111!important}
.iv-support{margin:0;font-size:14px;color:var(--muted)}
.ph.iv-ph{background:#0e1621;gap:7px}
.tg-head{display:flex;align-items:center;gap:6px;padding-bottom:6px;border-bottom:1px solid #22303e}
.tg-head img{width:22px;height:22px;border-radius:50%;background:#000}
.tg-head b{display:block;font-size:10px;color:#fff}.tg-head small{font-size:8px;color:#7d8b99}
.tg-msg{align-self:flex-start;max-width:92%;padding:6px 8px;border-radius:10px 10px 10px 3px;background:#182533;color:#e8eef5;font-size:10px;line-height:1.3}
.tg-msg.me{align-self:flex-end;border-radius:10px 10px 3px 10px;background:#2b5278;font-family:var(--mono)}
.tg-msg.ok{color:#5fd3a0;font-weight:700}
/* реплики бота на других языках — без текста: бот пока отвечает по-русски */
.tg-msg.bars{display:grid;gap:4px;width:70%}
.tg-msg.bars i{display:block;height:5px;border-radius:3px;background:#2b3b4c}
.tg-msg.bars i:nth-child(2){width:80%}.tg-msg.bars i:nth-child(3){width:55%}
.tg-btn{padding:6px;border-radius:8px;background:#2aabee;color:#fff;font-size:10px;font-weight:700;text-align:center}
.tg-btn.ghost{background:#1f2c3a;color:#cfe3f5}
.tg-btn.pulse{margin-top:auto;animation:iv-press 2.6s infinite}
.tv-scr{display:flex;flex-direction:column;gap:6px;color:#d1d4dc}
.tv-scr b{font-size:12px;color:#fff}.tv-scr small{font-size:9px;color:#787b86}
.tv-item{display:flex;align-items:center;gap:6px;padding:7px 6px;border-radius:6px;background:#1e222d;color:#fff;font-size:10px;box-shadow:inset 0 0 0 1px #f7a60066}
.tv-item img{width:18px;height:18px;border-radius:4px}
.tv-item i{margin-left:auto;font-style:normal;color:#f7a600}
.iv-plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:6px}
.iv-plan{position:relative;display:grid;gap:3px;padding:16px 10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--bg);text-align:center}
.iv-plan b{font-size:13px;color:var(--muted)}
.iv-plan span{font:800 20px var(--mono);color:var(--ink)}
.iv-plan small{font-size:11px;color:var(--muted)}
.iv-plan i{position:absolute;top:-10px;left:50%;transform:translateX(-50%);padding:2px 9px;border-radius:999px;background:#f7a600;color:#111;font:800 10px Inter,sans-serif;font-style:normal;white-space:nowrap}
.iv-plan.trial{border-color:var(--pos);background:#07864a10}.iv-plan.trial span{color:var(--pos)}
.iv-plan.best{border-color:#f7a600;box-shadow:0 0 0 2px #f7a60033}

/* ---------- калькулятор сделки (стили — hub.css): компактнее и удобнее пальцем ---------- */
[data-redesign="indicator"] .kcalc{margin-top:0}
[data-redesign="indicator"] .by input[type=range]{-webkit-appearance:none;appearance:none;height:26px;margin:2px 0 0;background:transparent;cursor:pointer}
[data-redesign="indicator"] .by input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:#3a3f48}
[data-redesign="indicator"] .by input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-9px;border-radius:50%;background:#f7a600;border:3px solid #fff;box-shadow:0 2px 6px #0008}
[data-redesign="indicator"] .by input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:#3a3f48}
[data-redesign="indicator"] .by input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#f7a600;border:3px solid #fff}

/* ---------- телефон ---------- */
@media (max-width:860px){
  .iv-phones{grid-template-columns:repeat(2,minmax(0,1fr))}
  [data-redesign="indicator"] .faq{grid-template-columns:1fr}
}
@media (max-width:720px){
  .iv-alerts{grid-template-columns:minmax(0,1fr);gap:16px;justify-items:center}
  .iv-alerts-side{width:100%}
  .iv-alerts-side>b{font-size:19px}
  [data-redesign="indicator"] .gallery{grid-template-columns:minmax(0,1fr)}
  /* шаги подключения листаются вбок, как на странице копи-трейдинга */
  .get ol.iv-phones{display:flex!important;flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}
  .iv-phones li{flex:0 0 74%;scroll-snap-align:start}
  .iv-plans{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 8px}
  .iv-plan span{font-size:18px}
  /* калькулятор на телефоне: поля и кнопки крупнее, чтобы было удобно пальцем */
  [data-redesign="indicator"] .by-field{min-height:40px}
  /* 16px — чтобы iPhone не увеличивал страницу при вводе */
  [data-redesign="indicator"] .by-field input{font-size:16px}
  [data-redesign="indicator"] .by-tabs button,[data-redesign="indicator"] .by-pill{min-height:36px}
  [data-redesign="indicator"] .by-side button{min-height:42px;font-size:14px}
  [data-redesign="indicator"] .by input[type=range]{height:34px}
  /* в результате переносится подпись, а число остаётся в одну строку */
  [data-redesign="indicator"] .by-result dl{grid-template-columns:minmax(0,1fr) auto}
  [data-redesign="indicator"] .by-result dd{white-space:nowrap}
  [data-redesign="indicator"] .by input[type=range]::-webkit-slider-thumb{width:26px;height:26px;margin-top:-11px}
}
@media (prefers-reduced-motion:reduce){
  .iv-push{opacity:1;transform:none;transition:none}
  .tg-btn.pulse{animation:none}
}