/* #31 期貨恐慌賣壓衰竭機率 — 走勢圖讀數列。
   資訊量對齊研究期那張圖:時間(含星期/日夜盤)、開高低收量、四均線、CLV、失衡D、箱、機率。 */

/* 引擎內建的讀數(.chart-indicator-labels)只有 MA 與近5日高低中,內容與這裡重複。
   ★不改 IndicatorLabelManager(共用元件,報價走勢 tab 也在用),只在 #31 的容器內隱藏。 */
.s31-host .chart-indicator-labels { display: none !important; }

.s31-readout {
    display: flex; flex-wrap: wrap; gap: 2px 14px; align-items: baseline;
    padding: 6px 10px; height: 46px; overflow: hidden; box-sizing: border-box;
    font-size: 12px; line-height: 1.45; font-variant-numeric: tabular-nums;
    font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
    background: var(--s31-ro-bg, #F1F5F9);
    border-bottom: 1px solid var(--s31-ro-rule, #E2E8F0);
    color: var(--s31-ro-ink, #1E293B);
}
.s31-readout .s31-sym { font-weight: 600; font-size: 12.5px; }
.s31-readout i { font-style: normal; color: var(--s31-ro-faint, #94A3B8); margin-right: 3px; }
.s31-readout b { font-weight: 600; }

.s31-up-t { color: var(--s31-ro-up, #D6342E); }
.s31-dn-t { color: var(--s31-ro-dn, #2F6F9E); }
.s31-t-ma5 { color: #B08300; }
.s31-t-ma10 { color: #0E7490; }
.s31-t-ma20 { color: #2F6F9E; }
.s31-t-ma60 { color: #1E8A44; }
.s31-t-ma120 { color: #A855F7; }
.s31-t-box { color: var(--s31-ro-faint, #94A3B8); }
.s31-hot  { color: #DC2626; }   /* 越門檻 */
.s31-warm { color: #B4791C; }   /* 有機率但未越門檻 */
.s31-mute { color: var(--s31-ro-faint, #94A3B8); }   /* 未啟動 */
.s31-swing-t { color: #9C6412; }

[data-theme="dark"] {
    --s31-ro-bg: #161B24; --s31-ro-rule: #242B37;
    --s31-ro-ink: #E3E7EE; --s31-ro-faint: #6B7484;
    --s31-ro-up: #F0544C; --s31-ro-dn: #7FB3DA;
}
[data-theme="dark"] .s31-t-ma5 { color: #E8C547; }
[data-theme="dark"] .s31-t-ma10 { color: #3FC8DE; }
[data-theme="dark"] .s31-t-ma20 { color: #6FB0E0; }
[data-theme="dark"] .s31-t-ma60 { color: #46C25C; }
[data-theme="dark"] .s31-t-ma120 { color: #DE73CE; }
[data-theme="dark"] .s31-hot { color: #F0645A; }
[data-theme="dark"] .s31-warm { color: #E0A552; }
[data-theme="dark"] .s31-swing-t { color: #E3A85C; }