/* ============================================================
   QQ Market Board — 증권(국내·해외) 페이지
   공통 셸(base) + 칩/표(dashboard.css)를 재사용, 증권 전용 요소만 정의
   ============================================================ */
.meta-bar { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: var(--sp-4); color: var(--text-3); font-size: var(--fs-xs); }
.meta-bar .dot { width: 4px; height: 4px; border-radius: 50%; background: var(--text-3); }
.live-pill-s { display: inline-flex; align-items: center; gap: 5px; font-weight: 800; color: var(--up); letter-spacing: .3px; }
.live-dot-s { width: 7px; height: 7px; border-radius: 50%; background: var(--up); box-shadow: 0 0 0 0 rgba(246,70,93,.6); animation: qq-live 1.6s infinite; }
@keyframes qq-live { 0% { box-shadow: 0 0 0 0 rgba(246,70,93,.55); } 70% { box-shadow: 0 0 0 6px rgba(246,70,93,0); } 100% { box-shadow: 0 0 0 0 rgba(246,70,93,0); } }
@media (prefers-reduced-motion: reduce) { .live-dot-s { animation: none; } }

/* 시세 방향색 (한국식: 상승=빨강 / 하락=파랑) */
.s-up { color: var(--up); }
.s-down { color: var(--down); }
.s-flat { color: var(--text-3); }

/* ── LNB 시장 요약(지수) ── */
.mkt-summary { display: flex; flex-direction: column; gap: 2px; margin-bottom: var(--sp-4); }
.mkt-sum__row { display: grid; grid-template-columns: 1fr auto auto; gap: 8px; align-items: baseline; padding: 6px 10px; border-radius: var(--r-sm); }
.mkt-sum__row:hover { background: var(--hover); }
.mkt-sum__row .nm { font-size: var(--fs-xs); font-weight: 700; color: var(--text-2); }
.mkt-sum__row .pr { font-size: var(--fs-xs); font-family: var(--ff-num); color: var(--text); }
.mkt-sum__row .ch { font-size: var(--fs-2xs); font-family: var(--ff-num); font-weight: 700; min-width: 48px; text-align: right; }

/* ── 시장 존 ── */
.zone--stock { margin-bottom: var(--sp-8); }
.zone--stock .zone__head { display: flex; align-items: center; gap: 10px; margin-bottom: var(--sp-3); }
.zone--stock .zone__head h2 { font-size: var(--fs-xl); font-weight: 800; margin: 0; }
.zone--stock .zone__head .sub { color: var(--text-3); font-size: var(--fs-xs); margin-left: auto; }
.st-tag { font-size: var(--fs-2xs); font-weight: 800; padding: 3px 9px; border-radius: var(--r-pill); }
.st-tag--open { color: var(--sig-new); background: rgba(22,199,132,.12); }
.st-tag--closed { color: var(--text-3); background: var(--surface-2); }

/* ── 지수 카드 ── */
.idx-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: var(--sp-3); margin-bottom: var(--sp-4); }
.idx-card { background: var(--bg-elev); border: 1px solid var(--border); border-radius: var(--r-md); padding: var(--sp-4); }
.idx-card__nm { font-size: var(--fs-sm); font-weight: 800; color: var(--text-2); }
.idx-card__pr { font-size: var(--fs-2xl); font-weight: 800; font-family: var(--ff-num); letter-spacing: -.5px; margin: 4px 0 2px; }
.idx-card__ch { font-size: var(--fs-sm); font-weight: 700; font-family: var(--ff-num); }

/* ── 종목 표(coin-table 재사용) ── */
.coin-table td.l { text-align: left; }
.s-name { font-weight: 700; color: var(--text); }
.s-code { display: inline-block; margin-left: 8px; font-size: var(--fs-2xs); color: var(--text-3); font-family: var(--ff-num); }
.coin-table td[data-col="chg"] { font-family: var(--ff-num); font-weight: 700; }
.s-chgamt { display: block; font-size: var(--fs-2xs); font-weight: 600; opacity: .85; margin-top: 1px; }
.coin-table td[data-col="price"], .coin-table td[data-col="vol"] { font-family: var(--ff-num); }
.coin-table .col-cap { color: var(--text-3); font-size: var(--fs-xs); }

@media (max-width: 760px) {
  .zone--stock .zone__head .sub { display: none; }
  .idx-cards { grid-template-columns: 1fr 1fr; }
  .s-chgamt { display: inline; margin-left: 6px; }
}