/* ───────────────────────────────────────────────────────────────────────────
   Simple Chart — a clean, Google-Finance-style area chart used across NGX, JSE,
   Global and AlphaView. Single line + soft gradient fill, green/red by period,
   range tabs (1D 5D 1M 6M YTD 1Y 5Y MAX), hover tooltip, minimal chrome.
   Built on TradingView Lightweight Charts. Namespace: .scht
   ─────────────────────────────────────────────────────────────────────────── */
.scht{display:flex;flex-direction:column;height:100%;width:100%;min-height:280px;
  font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.scht-tabs{flex:0 0 auto;display:flex;flex-wrap:wrap;gap:4px;padding:0 2px 10px}
.scht-tab{
  appearance:none;cursor:pointer;border:none;background:transparent;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  font-size:11px;font-weight:700;letter-spacing:.04em;color:rgba(200,215,255,.55);
  padding:5px 11px;border-radius:8px;transition:color .14s,background .14s;
}
.scht-tab:hover{color:rgba(240,245,255,.95);background:rgba(156,180,255,.08)}
.scht-tab.is-active{color:#04121a;background:#44f1ff}
.scht-box{position:relative;flex:1 1 auto;min-height:0;width:100%}
.scht-box .scht-empty{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  font-family:ui-monospace,Menlo,monospace;font-size:12px;color:rgba(200,215,255,.5);text-align:center;padding:20px;
}
.scht-tip{
  position:absolute;top:6px;pointer-events:none;z-index:3;
  display:flex;flex-direction:column;gap:1px;
  background:rgba(8,12,22,.92);border:1px solid rgba(156,180,255,.18);border-radius:8px;
  padding:6px 10px;box-shadow:0 6px 20px rgba(0,0,0,.45);white-space:nowrap;
}
.scht-tip b{font-family:ui-monospace,Menlo,monospace;font-size:13px;font-weight:800;color:#fff}
.scht-tip span{font-family:ui-monospace,Menlo,monospace;font-size:10px;color:rgba(200,215,255,.6)}
.scht-tip.is-up b{color:#36d98a}
.scht-tip.is-dn b{color:#ff6b8b}