/* ============================================================
   SIGNAL — halaman SmartSignal (chart + tabel SmartStrategy +
   ringkasan sinyal). Memakai variabel tema dari style.css.
   ============================================================ */
.sg-wrap{padding:22px clamp(14px,2.5vw,32px) 34px; display:flex; flex-direction:column; gap:18px; min-width:0;}
.sg-head{display:flex; align-items:flex-start; justify-content:space-between; gap:16px; flex-wrap:wrap;}
.sg-title{font-size:26px; font-weight:800; color:var(--text-1); letter-spacing:-.01em;}
.sg-sub{margin-top:6px; max-width:760px; font-size:12.5px; line-height:1.55; color:var(--text-2);}
.sg-head-actions{display:flex; align-items:center; gap:10px;}
.sg-btn{
  display:inline-flex; align-items:center; gap:6px; padding:8px 14px; border-radius:10px;
  background:var(--panel-2); color:var(--text-1); border:1px solid var(--border);
  font:inherit; font-size:12.5px; font-weight:600; cursor:pointer;
}
.sg-btn:hover{border-color:var(--accent);}
.sg-btn.sm{padding:6px 10px; font-size:11.5px;}
.sg-btn.loading .sg-spin-ico, .sg-btn.loading{opacity:.7;}
.sg-btn.loading .sg-spin-ico{display:inline-block; animation:sgspin .8s linear infinite;}
@keyframes sgspin{to{transform:rotate(360deg);}}
.sg-live{display:inline-flex; align-items:center; gap:7px; padding:7px 13px; border-radius:999px; border:1px solid var(--border); font-size:12px; font-weight:600; color:var(--text-3);}
.sg-live i{width:7px; height:7px; border-radius:50%; background:var(--text-3);}
.sg-live.on{color:#63E6A4;}
.sg-live.on i{background:#63E6A4; box-shadow:0 0 8px #63E6A4;}

/* Panel ikut variabel tema (panel bawaan memakai gradient gelap tetap) */
.sg-wrap .panel{background:var(--panel); border-color:var(--border); box-shadow:none;}
.sg-wrap .panel:hover{border-color:var(--border);}

/* ---------- chart ---------- */
.sg-chart-panel{padding:0; overflow:hidden;}
.sg-chart-head{display:flex; align-items:center; gap:20px; padding:14px 18px; border-bottom:1px solid var(--border-soft); flex-wrap:wrap;}
.sg-pair{display:flex; align-items:center; gap:12px;}
.sg-coin{width:34px; height:34px; border-radius:10px; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:14px; color:#FFB347; background:var(--panel-2); border:1px solid var(--border);}
.sg-pair-name{font-size:15px; font-weight:700; color:var(--text-1);}
.sg-pair-sub{font-size:11px; color:var(--text-3); margin-top:2px;}
.sg-price-box{display:flex; align-items:baseline; gap:10px; padding-left:20px; border-left:1px solid var(--border-soft);}
.sg-price{font-size:24px; font-weight:700; color:var(--text-1);}
.sg-chg{font-size:12px; font-weight:600;}
.sg-chg.up,.sg-brain .up{color:#63E6A4;}
.sg-chg.down,.sg-brain .down{color:#FF7185;}
.sg-grow{flex:1;}
.sg-pills{display:inline-flex; align-items:center; gap:4px; flex-wrap:wrap;}
.sg-pills button{
  padding:6px 12px; border-radius:999px; border:0; background:transparent; color:var(--text-3);
  font:inherit; font-size:12px; font-weight:600; cursor:pointer;
}
.sg-pills button:hover{color:var(--text-1);}
.sg-pills button.active{background:#FF7A1A; color:#fff;}
.sg-chart-wrap{position:relative;}
.sg-chart{height:clamp(340px,48vh,520px); width:100%;}
.sg-legend{
  position:absolute; z-index:3; top:10px; left:12px; display:flex; gap:12px; flex-wrap:wrap;
  padding:5px 10px; border-radius:8px; background:var(--panel-2); border:1px solid var(--border-soft);
  font-family:var(--font-num); font-size:11px; color:var(--text-2);
}
.sg-legend:empty{display:none;}
.sg-legend b{font-weight:600;}
.sg-chip{
  position:absolute; z-index:3; top:10px; right:70px; display:flex; gap:10px; align-items:center;
  padding:6px 12px; border-radius:8px; background:var(--panel-2); border:1px solid var(--border);
  font-family:var(--font-num); font-size:11px;
}
.sg-chip[hidden]{display:none;}
.sg-chip .side{font-weight:700; padding:2px 8px; border-radius:6px;}
.sg-chip .side.long{color:#63E6A4; background:rgba(99,230,164,.12);}
.sg-chip .side.short{color:#FF7185; background:rgba(255,113,133,.12);}
.sg-chip .e{color:#FFD166;} .sg-chip .s{color:#FF7185;} .sg-chip .t{color:#63E6A4;}

/* ---------- grid tabel + samping ---------- */
.sg-grid{display:grid; grid-template-columns:minmax(0,1fr) 360px; gap:18px; align-items:start;}
.sg-strat,.sg-brain{padding:0; min-width:0;}
.sg-strat-head,.sg-brain-head{display:flex; align-items:center; justify-content:space-between; gap:14px; padding:14px 18px; flex-wrap:wrap; border-bottom:1px solid var(--border-soft);}
.sg-strat-title{display:flex; align-items:center; gap:12px;}
.sg-strat-ico{width:34px; height:34px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:var(--panel-2); border:1px solid var(--border); color:var(--accent); font-size:16px;}
.sg-strat-name{font-size:14px; font-weight:700; color:var(--text-1);}
.sg-strat-sub{font-size:11px; color:var(--text-3); margin-top:2px;}
.sg-tabs{display:inline-flex; gap:2px; padding:4px; border-radius:12px; background:var(--panel-2); border:1px solid var(--border-soft); flex-wrap:wrap;}
.sg-tabs button{padding:6px 10px; border:0; border-radius:8px; background:transparent; color:var(--text-2); font:inherit; font-size:12px; font-weight:600; cursor:pointer;}
.sg-tabs button:hover{color:var(--text-1);}
.sg-tabs button.active{background:var(--accent-dim); color:var(--text-1); box-shadow:inset 0 0 0 1px var(--accent);}
.sg-strat-bar{display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 18px 6px; flex-wrap:wrap;}
.sg-chips{display:flex; gap:8px; flex-wrap:wrap; align-items:center;}
.sg-chip-stat{padding:6px 12px; border-radius:999px; border:1px solid var(--border); font-size:11.5px; color:var(--text-2);}
.sg-chip-stat b{color:var(--text-1); margin-right:2px;}
.sg-side-filter{display:inline-flex; gap:2px; padding:3px;}
.sg-side-filter button{padding:3px 10px; border:0; border-radius:999px; background:transparent; color:var(--text-3); font:inherit; font-size:11px; font-weight:600; cursor:pointer;}
.sg-side-filter button.active{background:var(--panel-2); color:var(--text-1);}
.sg-table-wrap{padding:0 8px;}
.sg-table{width:100%; border-collapse:collapse; font-size:12.5px;}
.sg-table th{padding:12px 10px; font-size:11px; font-weight:500; color:var(--text-3); text-align:left; white-space:nowrap;}
.sg-table th.c,.sg-table td.c{text-align:center;} .sg-table th.r,.sg-table td.r{text-align:right;}
.sg-table td{padding:11px 10px; border-top:1px solid var(--border-soft); color:var(--text-1); white-space:nowrap;}
.sg-table tbody tr.sg-row{cursor:pointer;}
.sg-table tbody tr.sg-row:hover td{background:var(--panel-2);}
.sg-table tbody tr.sg-row.current td{background:var(--accent-dim);}
.sg-sym{font-weight:700;}
.sg-table td.r{font-family:var(--font-num); color:var(--text-2);}
.sg-pill{display:inline-block; min-width:62px; padding:3px 10px; border-radius:999px; font-size:10.5px; font-weight:700; letter-spacing:.03em; border:1px solid;}
.sg-pill.long{color:#63E6A4; border-color:rgba(99,230,164,.55); background:rgba(99,230,164,.08);}
.sg-pill.short{color:#FF7185; border-color:rgba(255,113,133,.55); background:rgba(255,113,133,.08);}
.sg-pill.st{color:#FFD166; border-color:rgba(255,209,102,.5); background:rgba(255,209,102,.07); min-width:0;}
.sg-pill.st.go{color:#63E6A4; border-color:rgba(99,230,164,.5); background:rgba(99,230,164,.07);}
.sg-pill.st.wait{color:var(--text-3); border-color:var(--border); background:transparent;}
.sg-empty{padding:34px 10px !important; text-align:center !important; color:var(--text-3) !important; white-space:normal !important;}
.sg-pager{display:flex; justify-content:center; gap:6px; padding:14px 10px 18px; flex-wrap:wrap;}
.sg-pager:empty{display:none;}
.sg-pager button{min-width:30px; height:30px; padding:0 8px; border-radius:8px; border:1px solid var(--border); background:var(--panel-2); color:var(--text-2); font:inherit; font-size:12px; cursor:pointer;}
.sg-pager button.active{border-color:var(--accent); color:var(--text-1);}
.sg-pager button:disabled{opacity:.4; cursor:default;}

/* ---------- panel ringkasan ---------- */
.sg-brain{padding-bottom:6px;}
.sg-brain-sym{padding:12px 18px 0; font-family:var(--font-num); font-size:11px; color:var(--text-3); letter-spacing:.04em;}
.sg-verdict{margin:10px 16px 0; padding:16px; border-radius:12px; border:1px solid rgba(255,179,71,.35); background:rgba(255,179,71,.06);}
.sg-verdict-t{font-size:24px; font-weight:800; color:#FFB347; letter-spacing:.01em;}
.sg-verdict.bull{border-color:rgba(99,230,164,.4); background:rgba(99,230,164,.06);} .sg-verdict.bull .sg-verdict-t{color:#63E6A4;}
.sg-verdict.bear{border-color:rgba(255,113,133,.4); background:rgba(255,113,133,.06);} .sg-verdict.bear .sg-verdict-t{color:#FF7185;}
.sg-verdict-d{margin-top:6px; font-size:12.5px; line-height:1.5; color:var(--text-1);}
.sg-mini-grid{display:grid; grid-template-columns:1fr 1fr; gap:8px; padding:10px 16px 0;}
.sg-mini{padding:10px 12px; border-radius:10px; background:var(--panel-2); border:1px solid var(--border-soft);}
.sg-mini span{display:block; font-size:10.5px; color:var(--text-3); margin-bottom:4px;}
.sg-mini b{font-size:13px; color:var(--text-1);}
.sg-methods{margin:10px 16px 0; border:1px solid var(--border-soft); border-radius:10px; max-height:300px; overflow:auto;}
.sg-m-row{display:flex; justify-content:space-between; align-items:center; gap:8px; padding:8px 12px; font-size:12px; color:var(--text-2); border-top:1px solid var(--border-soft);}
.sg-m-row:first-child{border-top:0;}
.sg-m-row b{font-size:10.5px; font-weight:700; padding:2px 8px; border-radius:999px;}
.sg-m-row b.bullish{color:#63E6A4; background:rgba(99,230,164,.1);}
.sg-m-row b.bearish{color:#FF7185; background:rgba(255,113,133,.1);}
.sg-m-row b.neutral{color:var(--text-3); background:var(--panel-2);}
.sg-foot{padding:12px 18px 14px; text-align:center; font-size:11px; color:var(--text-3);}

.sg-strat-head .sg-tabs{max-width:100%;}

@media (max-width:1100px){ .sg-grid{grid-template-columns:minmax(0,1fr);} }
@media (max-width:760px){
  .sg-wrap{padding:14px 10px 20px; gap:12px;}
  .sg-chart-head{gap:10px; padding:12px;}
  .sg-price-box{padding-left:0; border-left:0;}
  .sg-chip{right:12px; top:44px;}
}

.sg-why{font-size:9.5px; color:var(--text-3); margin-top:2px; max-width:150px; margin-inline:auto; line-height:1.2;}

/* ---------- panel ringkasan (versi jelas) ---------- */
.sg-verdict.wait{border-color:rgba(255,179,71,.35); background:rgba(255,179,71,.06);}
.sg-verdict.none{border-color:var(--border-soft); background:var(--panel-2);} .sg-verdict.none .sg-verdict-t{color:var(--text-2);}
.sg-verdict-t{font-size:22px;}
.sg-verdict-d b{color:var(--text-1);}
.sg-warn{margin-top:8px; padding:8px 10px; border-radius:8px; font-size:12px; line-height:1.45; color:#FFB347; background:rgba(255,179,71,.08);}
.sg-levels{display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin:10px 16px 0;}
.sg-levels div{padding:8px 10px; border-radius:10px; background:var(--panel-2); border:1px solid var(--border-soft);}
.sg-levels span{display:block; font-size:10.5px; color:var(--text-3); margin-bottom:3px;}
.sg-levels b{font-family:var(--font-num); font-size:12px; color:var(--text-1);}
.sg-sec-title{margin:14px 16px 0; font-size:12px; font-weight:700; color:var(--text-1);}
.sg-sec-hint{font-weight:400; color:var(--text-3); font-size:11px;}
.sg-cons{margin:8px 16px 0; padding:12px; border-radius:10px; background:var(--panel-2); border:1px solid var(--border-soft);}
.sg-cons-line{font-size:12.5px; color:var(--text-1); line-height:1.5;}
.sg-cons-bar{display:flex; height:8px; border-radius:99px; overflow:hidden; margin:10px 0 8px; background:var(--panel);}
.sg-cons-bar i{display:block; height:100%;}
.sg-cons-bar .b{background:#63E6A4;} .sg-cons-bar .s{background:#FF7185;} .sg-cons-bar .n{background:var(--border);}
.sg-cons-cnt{display:flex; gap:12px; flex-wrap:wrap; font-size:11.5px; color:var(--text-2);}
.sg-cons-cnt .up{color:#63E6A4;} .sg-cons-cnt .down{color:#FF7185;}
.sg-cons-note{margin-top:8px; font-size:11px; color:var(--text-3); line-height:1.45;}
.sg-m-row.cur{background:rgba(255,255,255,.04); color:var(--text-1);}
.sg-m-row .nm{display:flex; align-items:center; gap:6px; min-width:0;}
.sg-m-row .tag{font-size:10px; padding:1px 6px; border-radius:6px; border:1px solid var(--border-soft); color:var(--text-3); white-space:nowrap;}
.sg-m-row .tag.go{color:#63E6A4; border-color:rgba(99,230,164,.4);}
.sg-m-row .tag.wait{color:#FFB347; border-color:rgba(255,179,71,.4);}
.sg-dot-cur{display:inline-block; width:8px; height:8px; border-radius:50%; background:var(--accent); vertical-align:middle;}
.sg-m-row.cur .nm::before{content:""; width:6px; height:6px; border-radius:50%; background:var(--accent); flex:none;}

/* ============================================================
   Menu Signal: gaya teks disamakan dengan menu Autobot
   (tidak bold, warna lebih redup, font Inter + tabular-nums).
   Berlaku untuk tabel SmartStrategy & panel Ringkasan Sinyal.
   ============================================================ */
#page-signal .sg-strat,
#page-signal .sg-brain{
  --text-1:#B3BAC6; --text-2:#868F9D; --text-3:#606875;
  --buy:#52BF8A; --sell:#DB6B7B;
  font-family:var(--font-ui);
  -webkit-font-smoothing:antialiased;
}
#page-signal .sg-strat, #page-signal .sg-strat *,
#page-signal .sg-brain, #page-signal .sg-brain *{
  font-weight:400 !important;
  font-family:var(--font-ui);
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum" 1,"cv11" 1;
  letter-spacing:0;
}
#page-signal .sg-table{font-size:11.5px;}
#page-signal .sg-table th{font-size:10px; letter-spacing:.03em;}
#page-signal .sg-table td{font-weight:500 !important;}
#page-signal .sg-table td.r{color:var(--text-2);}
#page-signal .sg-pill{font-size:9.5px; letter-spacing:0;}
/* warna sinyal ikut versi lembut Autobot */
#page-signal .sg-pill.long, #page-signal .sg-pill.st.go, .sg-m-row b.bullish,
#page-signal .sg-cons-cnt .up{color:#52BF8A;}
#page-signal .sg-pill.short, .sg-m-row b.bearish,
#page-signal .sg-cons-cnt .down{color:#DB6B7B;}
#page-signal .sg-verdict-t{color:#D98E4C;}
#page-signal .sg-verdict.bull .sg-verdict-t{color:#52BF8A;}
#page-signal .sg-verdict.bear .sg-verdict-t{color:#DB6B7B;}
#page-signal .sg-tabs button.active{color:#D3D9E3;}