/* PAI Hybrid Scanner — melengkapi radar.css (tema panel instrumen yang sama) */
.hb section,.hb-kendali{border:1px solid var(--garis2);border-radius:8px;background:rgba(6,17,24,.88)}
.hb-kendali{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:18px 20px}
.hb-status h1{font:700 22px var(--judul);color:#fff;margin:8px 0 6px}
.hb-status p{margin:0;color:var(--redup);font-size:12.5px;max-width:70ch}
.hb-status p b{color:var(--teks);font-weight:600}
.hb-chip{display:inline-block;font-size:11px;padding:3px 9px;border-radius:3px;border:1px solid var(--info);color:var(--info);letter-spacing:.04em}
.hb-tombol-wadah{display:flex;flex-direction:column;align-items:center;gap:6px;flex:none}
.hb-tombol-wadah small{color:var(--redup);font-size:11px}
.hb-tombol{position:relative;display:flex;align-items:center;gap:12px;padding:14px 26px;border-radius:6px;cursor:pointer;
  background:linear-gradient(135deg,rgba(59,214,255,.18),rgba(57,255,136,.12));border:1px solid var(--info);color:#fff;font:700 15px var(--judul);
  box-shadow:0 0 22px rgba(59,214,255,.18);transition:transform .15s,box-shadow .2s}
.hb-tombol:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 30px rgba(59,214,255,.32)}
.hb-tombol:disabled{opacity:.55;cursor:not-allowed}
.hb-radar{width:26px;height:26px;border-radius:50%;border:2px solid var(--info);position:relative;overflow:hidden}
.hb-radar::after{content:"";position:absolute;inset:0;background:conic-gradient(from 0deg,rgba(59,214,255,.9),transparent 25%);animation:hbPutar 2.4s linear infinite}
.hb-tombol.jalan .hb-radar::after{animation-duration:.7s}
@keyframes hbPutar{to{transform:rotate(360deg)}}

/* layar pindai */
.hb-layar{position:relative;overflow:hidden;padding:12px 16px 14px;min-height:120px;background:#04090d!important}
.hb-layar::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(59,214,255,.04) 0 1px,transparent 1px 4px);pointer-events:none}
.hb-layar-atas{display:flex;justify-content:space-between;color:var(--redup);font-size:11.5px;margin-bottom:8px}
.hb-layar-atas #scTag{color:var(--info)}
.sc-sapu{position:absolute;left:0;right:0;height:40%;top:-42%;background:linear-gradient(180deg,transparent,rgba(59,214,255,.16),transparent);pointer-events:none;opacity:0}
.hb-layar.jalan .sc-sapu{opacity:1;animation:hbSapu 1.1s linear infinite}
@keyframes hbSapu{to{top:100%}}
.sc-baris{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 22px;font-size:12.5px}
.sc-cek{display:flex;gap:7px;animation:hbMuncul .25s ease-out}
.sc-cek>span:last-child{flex:1;min-width:0;overflow-wrap:anywhere}
.sc-cek.sc-ya{color:var(--naik)}.sc-cek.sc-tidak{color:var(--emas)}.sc-cek.sc-info{color:#9fe7ff}
.sc-ik{width:12px;flex:none;text-align:center}
@keyframes hbMuncul{from{opacity:0;transform:translateX(-6px)}}

/* peringatan */
#hbPeringatan:empty{display:none}
#hbPeringatan{display:flex;flex-direction:column;gap:8px}
.hb-super{border:1px solid rgba(255,61,127,.6);background:rgba(255,61,127,.1);color:#ff8cb0;padding:9px 14px;border-radius:6px;font-weight:700;font-size:13px}
.hb-dua-lapis{border:1px solid rgba(57,255,136,.55);background:rgba(57,255,136,.08);color:var(--naik);padding:9px 14px;border-radius:6px;font-weight:700;font-size:13px}
.hb-info{color:var(--emas);font-size:12px}

/* dua bacaan */
.hb-tab{display:none}
.hb-dua{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;border:0!important;background:none!important}
.hb-opsi{border:1px solid var(--garis2);border-radius:8px;background:rgba(6,17,24,.9);padding:14px 16px;display:flex;flex-direction:column;gap:10px;min-width:0}
.hb-opsi>header{display:flex;justify-content:space-between;align-items:center;gap:8px;font:600 14px var(--judul);color:#fff}
.sc-sumber{font:500 10.5px var(--mono);padding:2px 8px;border-radius:999px;border:1px solid var(--garis2);color:var(--redup)}
.hb-isi{display:flex;flex-direction:column;gap:10px}
.hb-kosong{color:var(--redup);margin:0;font-size:13px}
.hb-kepala{display:flex;gap:14px;align-items:center}
.hb-tier{flex:none;width:62px;height:62px;border-radius:10px;display:grid;place-items:center;font:800 28px var(--judul);color:#03080b;background:#5f8691}
.hb-tier.tA{background:var(--naik);box-shadow:0 0 22px rgba(57,255,136,.35)}
.hb-tier.tAp{background:linear-gradient(135deg,#39ff88,#3bd6ff);box-shadow:0 0 26px rgba(59,214,255,.45);font-size:24px}
.hb-tier.tB{background:var(--emas)}
.hb-tier.tC{background:var(--turun)}
.hb-kepala b{display:block;font:700 16px var(--judul);color:#fff}
.hb-kepala small{display:block;color:var(--redup);font-size:12px}
.hb-tabel{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font-size:13px;border-top:1px dashed var(--garis2);padding-top:10px}
.hb-tabel dt{color:var(--redup)}
.hb-tabel dd{margin:0;text-align:right;color:#fff;font-weight:700}
.hb-tabel dd.sl{color:var(--turun)}.hb-tabel dd.tp{color:var(--naik)}
.hb-buram dd{filter:blur(5px);user-select:none}
.hb-temu{font-size:12px;color:#ffd27a}
.hb-stat{font-size:12px;color:var(--redup)}
.hb-tolak{color:var(--emas);font-size:13px;border:1px dashed rgba(255,176,32,.5);padding:10px 12px;border-radius:6px}
.hb-tunggu{border:1px dashed var(--garis2);border-radius:6px;padding:10px 12px}
.hb-tunggu b{display:block;color:#fff;font:600 14px var(--judul)}
.hb-tunggu small{color:var(--redup);font-size:12.5px}
.hb-buka{border:1px solid var(--emas);border-radius:6px;padding:10px 12px;font-size:12.5px}
.hb-buka a{color:var(--emas);font-weight:700}

/* mini chart & riwayat */
.hb-chart,.hb-riwayat{padding:12px 16px}
.hb-chart-atas{display:flex;justify-content:space-between;gap:10px;color:var(--redup);font-size:11.5px;margin-bottom:8px;flex-wrap:wrap}
.hb-legen{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.hb-legen i{display:inline-block;width:14px;height:8px;border-radius:2px;margin-right:-6px}
.l-sesi{background:rgba(57,255,136,.45)}.l-radar{background:rgba(186,104,200,.6)}.l-sl{background:#ff3d7f}.l-tp{background:#3bd6ff}
.hb-kanvas{position:relative;height:360px}
.hb-kanvas canvas{position:absolute;inset:0;width:100%;height:100%}
.hb-rw{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.hb-rw-item{border:1px solid var(--garis2);border-radius:6px;padding:8px 10px;font-size:12px;display:flex;flex-direction:column;gap:2px}
.hb-rw-item b{color:#fff}.hb-rw-item small{color:var(--redup)}
.hb-rw-item.naik{border-left:3px solid var(--naik)}.hb-rw-item.turun{border-left:3px solid var(--turun)}

@media (max-width:900px){
  .hb-kendali{flex-direction:column;align-items:stretch}
  .hb-tombol{justify-content:center}
  .sc-baris{grid-template-columns:1fr}
  .hb-tab{display:flex;gap:6px}
  .hb-tab button{flex:1;padding:10px;border-radius:6px;border:1px solid var(--garis2);background:rgba(6,17,24,.9);color:var(--teks);font:600 13px var(--judul);cursor:pointer}
  .hb-tab button.on{border-color:var(--info);color:#fff;box-shadow:inset 0 -2px 0 var(--info)}
  .hb-dua{grid-template-columns:1fr}
  .hb-dua .hb-opsi:not(.on){display:none}
  .hb-kanvas{height:300px}
  .hb-rw{grid-template-columns:1fr}
  .hb-sembunyi-hp{display:none}
}
@media (prefers-reduced-motion:reduce){.hb-radar::after,.hb-layar.jalan .sc-sapu,.sc-cek{animation:none}}

/* v7.9: mode pemula / detail, kesimpulan, cerita 5 langkah, istilah */
.hb .hb-mode-pemula,.hb .hb-mode-detail{display:none}
.hb.m-pemula .hb-mode-pemula,.hb.m-detail .hb-mode-detail{display:revert}
.hb.m-pemula section.hb-mode-pemula,.hb.m-detail section.hb-mode-detail{display:block}
.hb-modus{display:inline-flex;margin-top:10px;border:1px solid var(--garis2);border-radius:6px;overflow:hidden}
.hb-modus button{background:none;border:0;color:var(--redup);font:600 12.5px var(--judul);padding:9px 14px;cursor:pointer;min-height:40px}
.hb-modus button.on{background:rgba(59,214,255,.14);color:#fff}
.hb-simpul{padding:16px 18px!important;display:flex;flex-direction:column;gap:10px;border-left:4px solid var(--garis2)!important}
.hb-simpul.n-sinyal{border-left-color:var(--naik)!important;background:rgba(57,255,136,.05)!important}
.hb-simpul.n-tunggu{border-left-color:var(--emas)!important}
.hb-simpul.n-risiko{border-left-color:#ff3d7f!important;background:rgba(255,61,127,.06)!important}
.hb-simpul-lbl{font:600 10.5px var(--mono);letter-spacing:.12em;color:var(--redup)}
.hb-simpul-judul{font:700 18px/1.4 var(--judul);color:#fff}
.hb-simpul-baris{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.hb-sb{border:1px solid var(--garis2);border-radius:6px;padding:10px 12px;background:rgba(3,8,11,.5);display:flex;flex-direction:column;gap:4px;min-width:0}
.hb-sb small{color:var(--redup);font-size:11.5px;display:flex;align-items:center;gap:6px}
.hb-sb span{color:var(--teks);font-size:13px;line-height:1.45;overflow-wrap:anywhere}
.hb-cerita{padding:12px 16px 14px}
.hb-langkah{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.hb-langkah li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;padding:10px 0;border-bottom:1px dashed var(--garis2);animation:hbMuncul .25s ease-out both}
.hb-langkah li:last-child{border-bottom:0}
.hb-lk-no{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(59,214,255,.1);border:1px solid var(--garis2);font-size:15px}
.hb-langkah li.ok .hb-lk-no{border-color:var(--naik)}
.hb-langkah li.no .hb-lk-no{border-color:#ff3d7f}
.hb-lk-isi b{display:flex;align-items:center;gap:6px;color:#fff;font:600 14px var(--judul)}
.hb-lk-isi p{margin:3px 0 0;font-size:13px;color:var(--teks);line-height:1.5}
.hb-lk-isi em{display:block;font-style:normal;font-size:12.5px;color:#9fe7ff;margin-top:3px}
.hb-i{width:22px;height:22px;border-radius:50%;border:1px solid var(--garis2);background:none;color:var(--info);font:700 11px var(--mono);cursor:pointer;padding:0;line-height:1;flex:none}
.hb-i:hover,.hb-i:focus-visible{border-color:var(--info);outline:none}
.hb-pop{position:fixed;z-index:60;max-width:300px;background:#0b1820;border:1px solid var(--info);border-radius:8px;padding:12px 14px;font-size:13px;line-height:1.5;color:var(--teks);box-shadow:0 10px 30px rgba(0,0,0,.5)}
.hb-pop b{display:block;color:#fff;margin-bottom:4px}
.hb-tanda{position:fixed;right:12px;bottom:10px;font:600 11px var(--mono);color:rgba(230,237,243,.12);pointer-events:none;user-select:none;z-index:30}
@media (max-width:900px){.hb-simpul-baris{grid-template-columns:1fr}.hb-simpul-judul{font-size:16px}}

/* v7.10: label risiko & tanda merah scalping */
.hb-risk-wadah{display:flex;flex-direction:column;gap:8px}
.hb-risk-wadah:empty{display:none}
.hb-risk{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;border-radius:6px;padding:8px 12px;border:1px solid var(--garis2);font-size:12.5px}
.hb-risk b{font:700 13.5px var(--judul)}
.hb-risk span{color:var(--teks)}
.hb-risk.r-rendah{border-color:rgba(57,255,136,.5);background:rgba(57,255,136,.07)}.hb-risk.r-rendah b{color:var(--naik)}
.hb-risk.r-sedang{border-color:rgba(255,176,32,.5);background:rgba(255,176,32,.07)}.hb-risk.r-sedang b{color:var(--emas)}
.hb-risk.r-tinggi{border-color:rgba(255,61,127,.6);background:rgba(255,61,127,.09)}.hb-risk.r-tinggi b{color:#ff8cb0}
.hb-perhatian{border:1px solid #ff3d7f;background:rgba(255,61,127,.14);color:#ffd0dd;font-weight:700;font-size:13px;padding:9px 12px;border-radius:6px;animation:hbKedip 2.4s ease-in-out infinite}
@keyframes hbKedip{50%{box-shadow:0 0 0 2px rgba(255,61,127,.35)}}
@media (prefers-reduced-motion:reduce){.hb-perhatian{animation:none}}

/* v7.11: tiga kartu (sesi · scalping · intraday) */
.hb-dua{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.l-intra{background:rgba(255,176,32,.6)}
.hb-catatan-intra{border:1px solid rgba(255,176,32,.45);background:rgba(255,176,32,.07);color:#ffd27a;font-size:12.5px;padding:8px 12px;border-radius:6px}
@media (max-width:1180px) and (min-width:901px){.hb-dua{grid-template-columns:repeat(2,minmax(0,1fr))!important}.hb-dua #opsiSesi{grid-column:1 / -1}}
@media (max-width:900px){.hb-dua{grid-template-columns:1fr!important}}

/* v7.11.1: tombol tampil/sembunyi sinyal di peta */
.hb-lapis{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px}
.hb-lapis-lbl{color:var(--redup);font-size:11.5px}
.hb-lapis button{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:6px 12px;border-radius:6px;border:1px solid var(--garis2);background:rgba(3,8,11,.6);color:var(--redup);font:600 12.5px var(--judul);cursor:pointer;text-decoration:line-through;opacity:.75}
.hb-lapis button i{display:inline-block;width:12px;height:8px;border-radius:2px}
.hb-lapis button.on{color:#fff;border-color:var(--info);background:rgba(59,214,255,.1);text-decoration:none;opacity:1}
.hb-lapis button:disabled{cursor:not-allowed;opacity:.35;text-decoration:none}
.hb-lapis button:focus-visible{outline:2px solid var(--info);outline-offset:2px}