/* Semua aturan diberi awalan .fxf-analyst supaya tidak bentrok dengan tema.
   Widget membawa palet sendiri agar tampilannya konsisten di tema apa pun. */

.fxf-analyst{
  --fxf-bg:#0b0f16; --fxf-panel:#141a24; --fxf-panel2:#1b2331; --fxf-line:#26303f;
  --fxf-text:#e8edf4; --fxf-muted:#8b98ab; --fxf-accent:#3d8bfd;
  --fxf-buy:#16b981; --fxf-sell:#f0455f; --fxf-wait:#f0a848;
  background:var(--fxf-bg); color:var(--fxf-text);
  font:15px/1.55 "Segoe UI",system-ui,-apple-system,sans-serif;
  padding:22px; border-radius:16px; max-width:900px; margin:0 auto;
  box-sizing:border-box;
}
.fxf-analyst *{box-sizing:border-box}
.fxf-analyst .fxf-boot{color:var(--fxf-muted);text-align:center;padding:36px 0}

.fxf-analyst .fxf-top{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:4px}
.fxf-analyst .fxf-top h3{margin:0;font-size:19px;color:var(--fxf-text);letter-spacing:.3px}
.fxf-analyst .fxf-stamp{font-size:11px;color:var(--fxf-muted);border:1px solid var(--fxf-line);
  padding:2px 8px;border-radius:20px}
.fxf-analyst .fxf-stamp.stale{border-color:#7a5a1c;color:#ffc46b}
.fxf-analyst .fxf-stamp.tutup{border-color:#5a3a3a;color:#ff9d9d;
  background:#2a1618}
.fxf-analyst .fxf-stamp.buka{border-color:#2c5a44;color:#7ee2b8;
  background:#13291f}
.fxf-analyst .fxf-lead{color:var(--fxf-muted);font-size:13px;margin:0 0 18px}

.fxf-analyst .fxf-warn{background:#3a2a12;border:1px solid #6b4a1c;color:#ffd9a0;
  padding:12px 14px;border-radius:10px;font-size:13px;margin-bottom:18px}
.fxf-analyst .fxf-warn b{color:#ffc46b}
.fxf-analyst .fxf-warn.sintetis{background:#2a1a33;border-color:#5b3a72;
  color:#e0c4f5}
.fxf-analyst .fxf-warn.sintetis b{color:#d9a8ff}

.fxf-analyst .fxf-controls{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;
  background:var(--fxf-panel);border:1px solid var(--fxf-line);border-radius:14px;padding:18px}
@media(max-width:620px){.fxf-analyst .fxf-controls{grid-template-columns:1fr}}
.fxf-analyst label{display:block;font-size:11px;color:var(--fxf-muted);margin-bottom:6px;
  text-transform:uppercase;letter-spacing:.6px}
.fxf-analyst select,.fxf-analyst button{font:inherit;border-radius:9px;padding:11px 13px;width:100%}
.fxf-analyst select{background:var(--fxf-panel2);color:var(--fxf-text);border:1px solid var(--fxf-line)}
.fxf-analyst button{background:var(--fxf-accent);color:#fff;border:0;font-weight:600;cursor:pointer;
  min-width:170px}
.fxf-analyst button:hover:not(:disabled){opacity:.88}
.fxf-analyst button:disabled{opacity:.5;cursor:not-allowed}

.fxf-analyst .fxf-card{background:var(--fxf-panel);border:1px solid var(--fxf-line);
  border-radius:14px;overflow:hidden;margin-top:16px}
.fxf-analyst .fxf-card h4{margin:0;padding:13px 20px;font-size:12px;letter-spacing:.8px;
  text-transform:uppercase;color:var(--fxf-muted);border-bottom:1px solid var(--fxf-line);
  background:var(--fxf-panel2)}
.fxf-analyst .fxf-body{padding:20px}

.fxf-analyst .fxf-head{display:flex;justify-content:space-between;align-items:flex-start;
  gap:16px;flex-wrap:wrap}
.fxf-analyst .fxf-sym{font-size:25px;font-weight:600}
.fxf-analyst .fxf-sym small{display:block;font-size:12px;color:var(--fxf-muted);font-weight:400;
  letter-spacing:1px;margin-top:2px}
.fxf-analyst .fxf-dir{font-size:29px;font-weight:700;line-height:1;text-align:right}
.fxf-analyst .fxf-dir.BUY{color:var(--fxf-buy)}
.fxf-analyst .fxf-dir.SELL{color:var(--fxf-sell)}
.fxf-analyst .fxf-dir.NO_TRADE{color:var(--fxf-wait)}
.fxf-analyst .fxf-grade{display:inline-block;margin-top:8px;font-size:11px;font-weight:600;
  border:1px solid var(--fxf-line);border-radius:6px;padding:3px 9px;color:var(--fxf-muted)}

.fxf-analyst .fxf-bar{margin:18px 0 4px;height:8px;background:var(--fxf-panel2);
  border-radius:5px;overflow:hidden}
.fxf-analyst .fxf-bar i{display:block;height:100%;background:var(--fxf-accent);border-radius:5px}
.fxf-analyst .fxf-barlab{display:flex;justify-content:space-between;font-size:12px;color:var(--fxf-muted)}

.fxf-analyst .fxf-levels{display:grid;grid-template-columns:repeat(auto-fit,minmax(115px,1fr));
  gap:1px;background:var(--fxf-line);border:1px solid var(--fxf-line);border-radius:10px;
  overflow:hidden;margin-top:18px}
.fxf-analyst .fxf-lv{background:var(--fxf-panel);padding:12px 14px}
.fxf-analyst .fxf-lv span{display:block;font-size:10px;color:var(--fxf-muted);letter-spacing:.6px;
  text-transform:uppercase;margin-bottom:4px}
.fxf-analyst .fxf-lv b{font-size:16px;font-variant-numeric:tabular-nums;font-weight:600}
.fxf-analyst .fxf-lv.sl b{color:var(--fxf-sell)}
.fxf-analyst .fxf-lv.tp b{color:var(--fxf-buy)}

.fxf-analyst table{width:100%;border-collapse:collapse;font-size:14px;margin:0}
.fxf-analyst table td{padding:9px 0;border-bottom:1px solid var(--fxf-line);background:none;color:inherit}
.fxf-analyst table tr:last-child td{border-bottom:0}
.fxf-analyst table td:first-child{color:var(--fxf-muted)}
.fxf-analyst table td:last-child{text-align:right;font-weight:600;font-variant-numeric:tabular-nums}

.fxf-analyst ul.fxf-reason{margin:0;padding-left:19px;list-style:disc}
.fxf-analyst ul.fxf-reason li{margin-bottom:7px;color:#c9d4e2}
.fxf-analyst ul.fxf-reason li:last-child{margin-bottom:0}

.fxf-analyst .fxf-comp{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}
.fxf-analyst .fxf-comp .n{color:var(--fxf-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px}
.fxf-analyst .fxf-cbar{height:5px;background:var(--fxf-panel2);border-radius:3px;margin-top:5px;
  overflow:hidden;display:flex}
.fxf-analyst .fxf-cbar i{height:100%}
.fxf-analyst .fxf-cbar .b{background:var(--fxf-buy)}
.fxf-analyst .fxf-cbar .s{background:var(--fxf-sell)}

.fxf-analyst .fxf-err{background:#3a1620;border:1px solid #7a2438;color:#ffb3c0;
  padding:14px;border-radius:10px;margin-top:16px}
.fxf-analyst .fxf-muted{color:var(--fxf-muted);font-size:12px}
.fxf-analyst .fxf-foot{margin-top:18px;color:var(--fxf-muted);font-size:11px;line-height:1.7}


/* ---- kartu status setup ---- */
.fxf-filter{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 10px}
.fxf-fbtn{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;
  border:1px solid rgba(128,128,128,.35);border-radius:999px;font-size:13px;
  text-decoration:none;color:inherit;line-height:1.4}
.fxf-fbtn span{opacity:.6;font-size:12px}
.fxf-fbtn.is-on{background:rgba(128,128,128,.16);border-color:rgba(128,128,128,.6);font-weight:600}
.fxf-setups-kosong{padding:14px;border:1px dashed rgba(128,128,128,.4);
  border-radius:10px;font-size:14px;opacity:.8;margin-bottom:12px}
.fxf-setup{border:1px solid rgba(128,128,128,.3);border-left-width:4px;
  border-radius:10px;padding:13px 15px;margin-bottom:11px}
.fxf-setup-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.fxf-badge{font-weight:700;font-size:14px}
.fxf-umur{font-size:12px;opacity:.65;white-space:nowrap}
.fxf-setup-sub{font-size:13px;opacity:.75;margin-top:3px}
.fxf-setup-arah{margin:9px 0 7px;font-size:16px}
.fxf-skor{font-size:13px;opacity:.75;font-weight:400}
.fxf-lvl{width:100%;border-collapse:collapse;font-size:14px}
.fxf-lvl td{padding:3px 0}
.fxf-lvl td:last-child{text-align:right;font-variant-numeric:tabular-nums}
.fxf-lvl tr.fxf-kini td{opacity:.7;border-top:1px dashed rgba(128,128,128,.3);padding-top:6px}
.fxf-r{margin-top:9px;font-weight:700;font-size:15px}
.fxf-r.plus{color:#15803d}
.fxf-r.minus{color:#b91c1c}
.fxf-catatan{margin-top:5px;font-size:12.5px;opacity:.78;line-height:1.45}
.fxf-setup-kaki{margin-top:9px;font-size:11.5px;opacity:.5;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.fxf-st-aktif{border-left-color:#16a34a}
.fxf-st-jalan{border-left-color:#2563eb}
.fxf-st-tp1,.fxf-st-tp1sl{border-left-color:#ca8a04}
.fxf-st-tp2{border-left-color:#16a34a}
.fxf-st-sl{border-left-color:#dc2626}
.fxf-st-lewat{border-left-color:#9ca3af}

.fxf-jelas{font-size:12.5px;opacity:.72;line-height:1.5;margin:0 0 11px}
.fxf-jarak{margin-top:8px;font-size:13px;opacity:.85}
.fxf-jarak.fxf-jauh{color:#b45309;opacity:1}
.fxf-sisa{margin-top:3px;font-size:12.5px;opacity:.7}
.fxf-jarak.fxf-dekat{color:#2563eb;opacity:1}
.fxf-pisah{font-size:12.5px;opacity:.7;margin:16px 0 8px;padding-top:12px;
  border-top:1px solid rgba(128,128,128,.25)}
.fxf-seksi{font-size:13px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;opacity:.62;margin:0 0 9px}
.fxf-seksi-sub{font-size:12.5px;opacity:.7;line-height:1.5;margin:0 0 4px}
.fxf-pisah{margin:20px 0 10px;padding-top:14px;
  border-top:1px solid rgba(128,128,128,.25)}
.fxf-st-batal{border-left-color:#6b7280}
.fxf-centang{color:#16a34a;font-weight:700}
.fxf-lvl tr.fxf-kena td{color:#16a34a}
.fxf-silang{color:#dc2626;font-weight:700}
.fxf-order{display:inline-block;margin-left:.4em;padding:.1em .5em;border:1px solid currentColor;border-radius:3px;font-size:.72em;letter-spacing:.04em;opacity:.85;vertical-align:middle}
.fxf-lvl tr.fxf-kena-sl td{color:#dc2626}
.fxf-tp1{margin-top:7px;font-size:13.5px;font-weight:600;color:#ca8a04}
.fxf-kode{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0 0}
.fxf-chip{font-size:11.5px;padding:3px 9px;border-radius:999px;
  border:1px solid rgba(128,128,128,.32);opacity:.8;line-height:1.4}
.fxf-ringkas{margin:14px 0 0}
.fxf-kesimpulan{font-size:14.5px;line-height:1.55;margin:0 0 10px}
.fxf-poin{list-style:none;margin:0;padding:0}
.fxf-poin li{display:flex;gap:8px;align-items:flex-start;font-size:13.5px;
  line-height:1.5;padding:2px 0}
.fxf-poin li span{width:14px;flex:none;font-weight:700;text-align:center}
.fxf-poin li.ok span{color:#16a34a}
.fxf-poin li.warn span{color:#ca8a04}
.fxf-poin li.block span{color:#dc2626}
.fxf-poin li.block{opacity:.95}
.fxf-batal{font-size:13px;margin:10px 0 0;opacity:.85;line-height:1.5}
.fxf-detail{margin:14px 0 0}
.fxf-detail summary{cursor:pointer;font-size:13px;opacity:.72;
  padding:4px 0;user-select:none}
.fxf-detail summary:hover{opacity:1}
.fxf-teknis{margin:8px 0 0;padding-left:18px;font-size:13px;
  line-height:1.55;opacity:.82}
.fxf-teknis li{margin:3px 0}
