/* AOM V114.3 — AOM Market Desk: chart penuh + gauge kecil di pojok chart */
.mk{--a1:#5ef0ff;--a2:#b8ff5c;--gold:#f2cf7d;--ink:#f3f7f9;--mute:#8a99a3;--line:rgba(255,255,255,.07);
  --mono:ui-monospace,SFMono-Regular,"JetBrains Mono",Consolas,monospace;color:var(--ink);padding-bottom:40px;position:relative}
.mk iframe{color-scheme:light}   /* AOM_V1141 */

/* pita ticker: satu baris, full kiri-kanan */
.mk-tape{height:44px;overflow:hidden;background:#131722;border-bottom:1px solid var(--line)}
.mk-tape .tradingview-widget-container,.mk-tape .tradingview-widget-container__widget{height:44px}

/* bar atas */
.mk-stage{position:relative;background:#050b10}
.mk-top{position:relative;display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:12px clamp(14px,2.4vw,32px);
  background:radial-gradient(600px 120px at 12% 0,rgba(94,240,255,.09),transparent 70%),radial-gradient(600px 120px at 88% 0,rgba(242,207,125,.07),transparent 70%)}
.mk-brand{display:flex;align-items:center;gap:9px;font:800 13px/1 var(--mono);letter-spacing:.2em}
.mk-brand b{background:linear-gradient(90deg,var(--a1),var(--a2));-webkit-background-clip:text;background-clip:text;color:transparent}
.mk-brand span{color:#c9d4da}
.mk-live{width:8px;height:8px;border-radius:50%;background:var(--a2);box-shadow:0 0 12px var(--a2);animation:mkBlink 1.6s ease-in-out infinite}
@keyframes mkBlink{50%{opacity:.35}}
.mk-symbols{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto}
.mk-symbols button{cursor:pointer;font:700 11.5px/1 var(--mono);letter-spacing:.04em;color:#9fb0b9;padding:9px 13px;border-radius:999px;
  border:1px solid var(--line);background:rgba(255,255,255,.03);transition:color .15s,background .15s,border-color .15s}
.mk-symbols button:hover{color:#fff;border-color:rgba(94,240,255,.35)}
.mk-symbols button.on{color:#041014;background:linear-gradient(90deg,var(--a1),var(--a2));border-color:transparent;box-shadow:0 0 20px rgba(94,240,255,.25)}
.mk-now{display:flex;align-items:baseline;gap:6px;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.03)}
.mk-now span{font:700 15px/1 var(--mono);font-variant-numeric:tabular-nums;color:#fff}
.mk-now small{font:700 10px/1 var(--mono);color:var(--mute);letter-spacing:.12em}

/* chart penuh */
.mk-chart-wrap{position:relative}
.mk-chart{height:clamp(520px,calc(100vh - 190px),900px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.mk-chart .tradingview-widget-container,.mk-chart .tradingview-widget-container__widget{height:100%}

/* gauge kecil di pojok kanan atas chart */
.mk-gauge{position:absolute;z-index:3;top:46px;right:76px;width:236px;border-radius:16px;overflow:hidden;
  background:rgba(19,23,34,.92);border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 40px rgba(0,0,0,.45)}
.mk-gauge-head{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:7px;width:100%;padding:9px 11px;
  font:700 10.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#c4d0d6}
.mk-gauge-head i{width:6px;height:6px;border-radius:50%;background:var(--a1);box-shadow:0 0 10px var(--a1)}
.mk-gauge-head b{margin-left:auto;color:#0b1418;background:var(--gold);padding:4px 7px;border-radius:999px;font-size:9.5px;letter-spacing:.06em}
.mk-gauge-head em{font-style:normal;font-size:15px;line-height:1;color:#9fb0b9;width:14px;text-align:center}
.mk-gauge-head:focus-visible{outline:2px solid var(--a1);outline-offset:-2px}
.mk-gauge-w{height:196px}
.mk-gauge-w .tradingview-widget-container,.mk-gauge-w .tradingview-widget-container__widget{height:100%}
.mk-gauge-body p{margin:0;padding:6px 11px 9px;font-size:9.5px;line-height:1.35;color:#6f8089}
.mk-gauge.min{width:auto}
.mk-gauge.min .mk-gauge-body{display:none}

/* muncul halus */
.mk-fade{position:relative;background:#131722}
.mk-chart.mk-fade{background:#050d13}
.mk-fade>*{opacity:0;transition:opacity .45s ease}
.mk-fade.ready>*{opacity:1}
.mk-fade:not(.ready)::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.04) 50%,transparent 70%) 0 0/200% 100%;animation:mkShim 1.3s linear infinite}
@keyframes mkShim{to{background-position:-200% 0}}

.mk-foot{margin:18px auto 0;text-align:center;color:#62727b;font-size:12px}
.mk-foot a{color:var(--gold)}

@media(max-width:700px){
  .mk-top{gap:10px}.mk-symbols{order:3;margin-left:0;width:100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
  .mk-symbols::-webkit-scrollbar{display:none}.mk-symbols button{flex:0 0 auto}.mk-now{margin-left:auto}
  .mk-chart{height:520px}.mk-gauge{top:44px;right:62px;width:210px}.mk-gauge-w{height:160px}}
@media(prefers-reduced-motion:reduce){.mk-live,.mk-fade::after{animation:none}.mk-fade>*{transition:none}}

/* AOM_V1144: widget gauge dirender 340x350 (ukuran normal TradingView) lalu diperkecil -> utuh, tanpa scroll */
.mk-gauge-w{height:243px;overflow:hidden}
.mk-gauge-w>.tradingview-widget-container{width:340px!important;height:350px!important;transform:scale(.694);transform-origin:0 0}
@media(max-width:700px){.mk-gauge-w{height:216px}.mk-gauge-w>.tradingview-widget-container{transform:scale(.618)}}