/* 관심목록 종목명 왼쪽 미니 봉 (stock-mini-candle.js · 2026-10-28)
   행 왼쪽 여백에 띄운다 — 행 첫 칸으로 끼우면 main.css '.leftside-stock-item > div:first-child' 규칙이 빗나가
   종목명 칸이 안 줄어든다(stock-name-fit.js 도 같이 깨진다). 색은 theme.css 토큰만. */
html body .leftside-stock-item.has-mini-candle {
    position: relative;
    padding-left: 26px;
}
/* 폭 10px · 바탕 16% (10-28 사용자 "작아서 잘 안 보인다 · 회색이 조금 더 밝았으면" — 처음 6px · 8%) */
.leftside-stock-item > .mini-candle {
    position: absolute;
    left: 10px;
    top: 7px;
    bottom: 7px;
    width: 10px;
    border-radius: 3px;
    background: var(--fg-a16);
    visibility: hidden;                  /* 첫 시세 전에는 자리만 (종목명 줄은 맞게) */
    pointer-events: none;
}
.leftside-stock-item > .mini-candle.is-ready {
    visibility: visible;
}
.mini-candle > i {
    position: absolute;
    left: 0;
    right: 0;
    display: none;
}
.mini-candle > .mc-mid {                 /* 전일 종가 */
    display: block;
    height: 1px;
    margin-top: -0.5px;
    background: var(--text-muted);
}
.mini-candle[data-dir] > .mc-wick {      /* 저가 ~ 고가 */
    display: block;
    left: 50%;
    right: auto;
    width: 1px;
    margin-left: -0.5px;
}
.mini-candle[data-dir] > .mc-body {      /* 시가 ~ 현재가 */
    display: block;
    min-height: 2px;
    border-radius: 2px;
}
.mini-candle[data-dir="up"] > .mc-wick,
.mini-candle[data-dir="up"] > .mc-body { background: var(--red-up); }
.mini-candle[data-dir="down"] > .mc-wick,
.mini-candle[data-dir="down"] > .mc-body { background: var(--blue-down); }
.mini-candle[data-dir="same"] > .mc-wick,
.mini-candle[data-dir="same"] > .mc-body { background: var(--text-dim); }