/* intra3.css — 장중 단타 화면(#intra) INTRA3 2026-10-17 · 진석 「디자인부터 그냥 좀 매집처럼」
   = mazip D:/mazip/app/web/intraday.css + dz.css(장중 단타 · '이 화면은' 띠 · 칸 제목 막대) 규칙을 그대로 옮김(이름표 it- 그대로 · 범위 = #i3Root · 판 = #x10Sheet .i3-sh).
   mazip 의 「html body #view」 앞머리 → 「body #i3Root」 [바꿈: 우리 화면 틀].
   색 = 우리 UX10-B 색표(ux10.css --x-* · 진석 10-13 「완전 똑같이 하지 말고 조금 변형」 뒤 정한 남색+호박색)에 mazip 토큰 이름을 이어 붙임 [바꿈: 색만] ·
   글자 크기·모서리·간격·그림자 모양 = mazip 값 그대로(--fs-9 28 · --fs-11 36 · --r-tile 22 · 줄 18 · --gap 12). */
#i3Root, #x10Sheet .i3-sh {
  --card: var(--x-card); --card-2: var(--x-card2); --card-grad: var(--x-card-grad); --rim: var(--x-rim);
  --sh-1: var(--x-sh-1); --sh-2: var(--x-sh-2); --shadow: var(--x-sh-2);
  --text: var(--x-text); --muted: var(--x-muted); --faint: var(--x-faint); --line: var(--x-line);
  --up: var(--x-up); --down: var(--x-down); --neutral-bg: var(--x-neutral-bg); --neutral: var(--x-muted); --track: var(--x-track);
  --ok: #4CC38A; --ok-bg: rgba(95, 211, 148, .14); --info: var(--x-accent); --accent: var(--x-accent); --bg: var(--x-bg);
  --up-soft: rgba(255, 107, 107, .44); --down-soft: rgba(126, 162, 255, .44); --zero: #7D838D; --ok-ink: #5FD394;   /* mazip intraday.css 어둡게 값 그대로 */
  --r-tile: 22px; --gap: 12px;
  --fs-1: 14px; --fs-2: 15px; --fs-3: 17px; --fs-4: 17px; --fs-5: 19px; --fs-6: 20px; --fs-7: 22px; --fs-8: 25px; --fs-9: 28px; --fs-10: 34px; --fs-11: 36px;
  color: var(--text); font-size: var(--fs-4); line-height: 1.5; text-align: left;   /* [바꿈: 우리 틀이 칸 글을 오른쪽 정렬로 물려줘 mazip 처럼 왼쪽으로] */
}
#i3Root .it-lgg .v, #i3Root .it-lgg .k, #i3Root .it-lgc { text-align: left; }
body.x10[data-theme="light"] #i3Root, body.x10[data-theme="light"] #x10Sheet .i3-sh {
  --up-soft: rgba(229, 56, 59, .30); --down-soft: rgba(47, 107, 235, .30); --zero: #8A919C; --ok-ink: #0F6B39; --ok: #16884A; --ok-bg: #E6F6EC;   /* mazip 밝게 값 그대로 */
}

/* ---------- 옛 장중 단타 칸 숨김(이 화면이 자료를 받은 뒤에만 · 알람·자료 읽기는 그대로 돎) ---------- */
#i3Root { display: none; }
body.i3-on.h2-detail.h2-c-intra #i3Root { display: block; order: -3; width: 100%; grid-column: 1 / -1; box-sizing: border-box; }
body.i3-on.h2-detail.h2-c-intra #page-home :is(#k1Home, #k1Mem, #peIntra, #u2ShHome) { display: none !important; }
body.i3-on.h2-detail.h2-c-intra #page-screener { display: none !important; }
body.i3-on.h2-detail.h2-c-intra #x10Dh { display: none !important; }

/* ---------- mazip intraday.css ---------- */
#i3Root .num, #x10Sheet .i3-sh .num { font-variant-numeric: tabular-nums; }
#i3Root .c-up, #x10Sheet .i3-sh .c-up { color: var(--up); } #i3Root .c-down, #x10Sheet .i3-sh .c-down { color: var(--down); } #i3Root .c-flat { color: var(--text); }

/* 머리 */
#i3Root .it-hd { padding: 6px 2px 2px; }
#i3Root .it-hd-date { font-size: var(--fs-2); color: var(--muted); }
#i3Root .it-hd-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 2px; flex-wrap: wrap; row-gap: 6px; }   /* [바꿈: flex-wrap — 시각 알약 「02:58 · 1분마다」가 390 폭에서 큰 제목과 겹쳐 좁으면 다음 줄] */
#i3Root .it-hd-t { display: flex; align-items: center; gap: 8px; min-width: 0; }
#i3Root .it-hd-t h1 { margin: 0; font-size: var(--fs-10); font-weight: 700; letter-spacing: -0.035em; line-height: 1.25; white-space: nowrap; color: var(--text); }
#i3Root .it-live { display: inline-flex; align-items: center; gap: 6px; flex: none; padding: 5px 10px 5px 9px; border-radius: 999px; background: var(--neutral-bg);
  color: var(--neutral); font-size: var(--fs-2); line-height: 20px; white-space: nowrap; }
#i3Root .it-live i { position: relative; width: 8px; height: 8px; border-radius: 50%; background: var(--ok); flex: none; }
#i3Root .it-live i::after { content: ""; position: absolute; inset: -4px; border-radius: 50%; border: 2px solid var(--ok); opacity: 0; animation: i3-pulse 2s ease-out infinite; }
#i3Root .it-live.off i { background: var(--faint); } #i3Root .it-live.off i::after { display: none; }
@keyframes i3-pulse { 0% { transform: scale(.5); opacity: .6; } 100% { transform: scale(1.4); opacity: 0; } }
#i3Root .tz-q, #x10Sheet .i3-sh .tz-q {
  width: 26px; height: 26px; flex: none; border-radius: 50%; border: 0; padding: 0; cursor: pointer; position: relative;
  background: var(--neutral-bg); color: var(--muted); font: inherit; font-size: var(--fs-2); font-weight: 700; line-height: 1;
  display: inline-flex; align-items: center; justify-content: center; transition: transform .18s cubic-bezier(.2, .8, .2, 1); }
#i3Root .tz-q::after { content: ""; position: absolute; inset: -9px; }
#i3Root .tz-q:active { transform: scale(.88); }

/* '이 화면은 ○○를 보는 곳' 띠(service.css + dz.css) */
#i3Root .sv-what { display: block; margin: 6px 0 14px; font-size: var(--fs-2); line-height: 1.45; padding: 12px 14px 12px 16px; border-radius: 16px; border-left: 4px solid var(--info);
  background: color-mix(in srgb, var(--info) 12%, var(--card)); color: var(--text); }
#i3Root .sv-what b { color: var(--info); font-weight: 700; }

/* 칸 머리 + dz 왼쪽 색 막대 */
#i3Root .it-sec { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 28px 4px 12px; position: relative; padding-left: 14px; }
#i3Root .it-sec::before { content: ""; position: absolute; left: 0; top: 50%; width: 5px; height: 1.05em; margin-top: -.55em; border-radius: 3px; background: linear-gradient(180deg, color-mix(in srgb, var(--info) 70%, #fff), var(--info)); }
#i3Root .it-sec .tl { display: flex; align-items: baseline; gap: 6px; min-width: 0; font-size: var(--fs-8); font-weight: 800; letter-spacing: -0.03em; white-space: nowrap; }
#i3Root .it-sec .tl small { font-size: var(--fs-2); font-weight: 400; color: var(--muted); letter-spacing: -0.01em; overflow: hidden; text-overflow: ellipsis; }
#i3Root .it-sec.it-lgh .tl { flex-wrap: wrap; white-space: normal; } #i3Root .it-sec.it-lgh .tl small { flex-basis: 100%; overflow: visible; }
/* [바꿈: 우리 틀(#page-home h2 줄높이)에서 둘째 줄 작은 글이 날 고르기와 겹쳐 — 제목 칸을 블록으로] */
#i3Root .it-sec.it-lgh { align-items: flex-start; height: auto; } #i3Root .it-sec.it-lgh .tl { display: block; height: auto; } #i3Root .it-sec.it-lgh .tl small { display: block; margin-top: 2px; }
#i3Root .it-sec.it-lgh::before { top: 18px; }
@media (max-width: 480px) { #i3Root .it-sec:not(.it-lgh) { align-items: flex-start; height: auto; } #i3Root .it-sec:not(.it-lgh)::before { top: 18px; } #i3Root .it-sec:not(.it-lgh) .tl { display: block; white-space: normal; height: auto; } #i3Root .it-sec:not(.it-lgh) .tl small { display: block; white-space: nowrap; overflow: visible; margin: 2px 0 0; text-align: left; } }   /* FIX4(QA4 #7): 390 폭 「125번 · 27…」 말줄임 → 좁으면 숫자 줄을 다음 줄로 */

/* 카드 */
#i3Root .it-tile { background: var(--card-grad); border-radius: var(--r-tile); box-shadow: inset 0 0 0 1px var(--rim), var(--sh-2); }
#i3Root .it-tile .v { font-size: var(--fs-7); font-weight: 800; }

/* 오늘 장 */
#i3Root .it-mkt { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 14px 16px; margin-top: 14px; }
#i3Root .it-mkt .k { font-size: var(--fs-2); color: var(--muted); white-space: nowrap; }
#i3Root .it-mkt .v { font-weight: 800; letter-spacing: -0.03em; line-height: 1.35; white-space: nowrap; }
#i3Root .it-mkt > div + div { border-left: 1px solid var(--line); padding-left: 12px; }
#i3Root .it-mkt .s { font-size: var(--fs-2); font-weight: 600; white-space: nowrap; margin-top: 1px; }

/* 목록 = 줄마다 카드(dz) */
#i3Root .it-list.it-tile { background: transparent; box-shadow: none; padding: 0; }
#i3Root .it-list > .it-srow { background: var(--card-grad); box-shadow: inset 0 0 0 1px var(--rim), var(--sh-1); border-radius: 18px; margin: 0 0 10px; }
#i3Root .it-more { display: block; width: calc(100% - 20px); margin: 4px 10px 6px; padding: 11px 0; border: 0; border-radius: 14px; background: var(--neutral-bg); color: var(--text); font: inherit; font-size: var(--fs-2); cursor: pointer; }
#i3Root .it-empty { padding: 16px; font-size: var(--fs-4); color: var(--muted); }
#i3Root .it-srow { display: flex; align-items: center; gap: 12px; width: 100%; min-width: 0; margin: 0; border: 0; background: none; font: inherit; color: var(--text);
  text-align: left; padding: 11px 10px; border-radius: 18px; cursor: pointer; -webkit-appearance: none; appearance: none;
  -webkit-tap-highlight-color: transparent; transition: transform .2s cubic-bezier(.2, .8, .2, 1), background-color .2s; }
#i3Root .it-srow:active { transform: scale(.98); background: var(--card-2); }
#i3Root .it-srow:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
#i3Root .it-tx { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 5px; }
#i3Root .it-nm { display: flex; align-items: baseline; flex-wrap: wrap; gap: 0 6px; min-width: 0; }
#i3Root .it-nm b { font-size: var(--fs-5); font-weight: 800; letter-spacing: -0.03em; min-width: 0; word-break: keep-all; overflow-wrap: anywhere; }
#i3Root .it-pl, #x10Sheet .i3-sh .it-pl { display: inline-flex; align-items: center; padding: 1px 8px; border-radius: 999px; background: var(--neutral-bg); color: var(--neutral);
  font-size: var(--fs-1); font-weight: 400; line-height: 20px; white-space: nowrap; }
#i3Root .it-srow .pc { flex: none; font-size: var(--fs-5); font-weight: 600; }
#i3Root .it-srow .chev { flex: none; width: 20px; height: 20px; margin-right: -4px; color: var(--faint); }
#i3Root .it-srow.it-nr { padding-top: 12px; padding-bottom: 12px; position: relative; }
#i3Root .it-nr.fresh { animation: i3-fresh 1.6s ease-out; }
@keyframes i3-fresh { 0% { background: var(--card-2); } 100% { background: var(--card-grad); } }
#i3Root .it-nk { font-size: var(--fs-1); color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
#i3Root .it-nr .it-stb { position: absolute; left: 5px; top: 14px; bottom: 14px; width: 4px; border-radius: 2px; background: var(--faint); opacity: .5; pointer-events: none; }
#i3Root .it-nr.s-up .it-stb { background: var(--up); opacity: 1; }
#i3Root .it-nr.s-dn .it-stb { background: var(--down); opacity: 1; }
body #i3Root .it-list > .it-srow.it-nr { padding: 12px 12px 12px 18px; }
body #i3Root .it-nr .it-tx { gap: 6px; }
body #i3Root .it-nr .it-n1 { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-width: 0; flex-wrap: wrap; row-gap: 2px; }
body #i3Root .it-nr .it-n1 > .it-nm { flex: 1 1 0; min-width: min-content; max-width: 100%; flex-wrap: wrap; row-gap: 3px; align-items: center; }
body #i3Root .it-nr .it-n1 > .it-nm b { white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: normal; word-break: keep-all; }
body #i3Root .it-nr .it-n1 > .pc { margin-left: auto; }
body #i3Root .it-nr .it-nm .it-pl { flex: none; }
body #i3Root .it-nm .it-pl.it-th { display: block; flex: 0 1 auto; min-width: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; align-self: center; }
body #i3Root .it-nm .it-pl.it-lq { flex: none; color: var(--muted); }
body #i3Root .it-nm .it-pl.i3-star { color: var(--x-accent); font-weight: 700; }   /* [바꿈: K1 ★ = 우리 호박색] */
body #i3Root .it-nr .it-n2 { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 10px; min-width: 0; }
body #i3Root .it-nr .it-nk { display: flex; align-items: center; gap: 6px; flex: none; overflow: visible; white-space: nowrap; flex-wrap: wrap; row-gap: 2px; max-width: 100%; }
body #i3Root .it-nr .it-nk .it-pl { flex: none; }
body #i3Root .it-nr .it-nk .num { flex: none; color: var(--muted); font-variant-numeric: tabular-nums; }
body #i3Root .it-nr .pc { flex: none; font-size: var(--fs-8); font-weight: 800; letter-spacing: -0.02em; line-height: 1.15; white-space: nowrap; }
body #i3Root .it-nr .pc small { font-size: var(--fs-1); font-weight: 400; color: var(--muted); letter-spacing: 0; margin-right: 1px; }
body #i3Root .it-nr .pc.nw { font-size: var(--fs-5); font-weight: 600; color: var(--muted); }
body #i3Root .it-nr .pc.it-okc { color: var(--ok-ink); }
body #i3Root .it-nr .pc.it-okc small { color: var(--ok-ink); display: inline-flex; align-items: center; gap: 2px; }
body #i3Root .it-nr .pc.it-okc small svg { width: 12px; height: 12px; flex: none; }
body #i3Root .it-nr .pc.it-lo { font-size: var(--fs-3); font-weight: 500; color: var(--faint); letter-spacing: 0; }
body #i3Root .it-nr .up { margin-left: auto; font-size: var(--fs-1); color: var(--muted); white-space: normal; max-width: 100%; }
body #i3Root .it-nr .up b { font-weight: 600; }
body #i3Root .it-nr .up .td { color: var(--muted); font-weight: 400; font-size: var(--fs-1); white-space: nowrap; }
body #i3Root .it-nr .it-nk .it-hit, body #i3Root .it-nr .it-nk .it-sgn { flex: none; color: var(--muted); font-size: var(--fs-1); font-variant-numeric: tabular-nums; white-space: nowrap; }
body #i3Root .it-nr .it-t3 { margin: 0 3px 0 1px; font-weight: 500; font-variant-numeric: tabular-nums; white-space: nowrap; }
#i3Root .it-ok, #x10Sheet .i3-sh .it-ok { display: inline-flex; align-items: center; gap: 3px; color: var(--ok-ink); font-weight: 600; white-space: nowrap; }
#i3Root .it-ok svg, #x10Sheet .i3-sh .it-ok svg { width: 13px; height: 13px; flex: none; }
#i3Root .it-lo, #x10Sheet .i3-sh .it-lo { color: var(--faint); font-weight: 400; }
body #i3Root .it-pl.it-gp, #x10Sheet .i3-sh .it-pl.it-gp { gap: 4px; padding-left: 7px; color: var(--text); font-weight: 600; }
#i3Root .it-pl.it-gp svg, #x10Sheet .i3-sh .it-pl.it-gp svg { width: 14px; height: 14px; flex: none; }

/* 기록 머리 · 날 고르기 · 요약 */
#i3Root .it-lgnav { display: flex; align-items: center; justify-content: center; gap: 14px; margin: -4px 4px 12px; }
#i3Root .it-lgnav b { font-size: var(--fs-5); font-weight: 700; letter-spacing: -0.02em; min-width: 92px; text-align: center; }
#i3Root .it-lgb { width: 40px; height: 40px; border: 0; border-radius: 50%; background: var(--neutral-bg); color: var(--text); font: inherit; font-size: var(--fs-7);
  line-height: 1; cursor: pointer; -webkit-tap-highlight-color: transparent; }
#i3Root .it-lgb:disabled { color: var(--faint); opacity: .45; cursor: default; }
#i3Root .it-lgs { padding: 16px; }
#i3Root .i3-sum + .i3-flt, #i3Root .i3-sum + .i3-flt:empty + .i3-list { margin-top: var(--gap); }
#i3Root .it-lg1 { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 10px; }
#i3Root .it-lg1 b { font-size: var(--fs-8); font-weight: 800; letter-spacing: -0.03em; }
#i3Root .it-lg1 span { font-size: var(--fs-2); color: var(--muted); }
#i3Root .it-lgg { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 12px; }
#i3Root .it-lgg > div { display: flex; flex-direction: column; justify-content: space-between; min-width: 0; }
#i3Root .it-lgg > div + div { border-left: 1px solid var(--line); padding-left: 10px; }
#i3Root .it-lgg .k { font-size: var(--fs-2); color: var(--muted); line-height: 1.3; }
#i3Root .it-lgg .v { margin-top: 2px; font-size: var(--fs-7); font-weight: 800; letter-spacing: -0.03em; line-height: 1.3; white-space: nowrap; }
#i3Root .it-lgg .v small { font-size: var(--fs-1); font-weight: 400; color: var(--muted); letter-spacing: 0; }
#i3Root .it-lgg .v .it-okc { color: var(--ok-ink); }
#i3Root .it-lgg.it-lgg2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
#i3Root .it-lgc { margin: 10px 0 0; font-size: var(--fs-2); line-height: 1.45; color: var(--muted); }
#i3Root .it-lgsub { display: flex; align-items: baseline; gap: 6px; margin: 22px 4px 10px; font-size: var(--fs-5); font-weight: 700; letter-spacing: -0.02em; color: var(--text); }
#i3Root .it-lgsub small { font-size: var(--fs-2); font-weight: 400; color: var(--muted); }
#i3Root .it-lgs + .it-list { margin-top: var(--gap); }

/* 종류 칩(mazip CT) */
#i3Root .it-flt { display: flex; gap: 6px; margin: 10px 4px 10px; overflow-x: auto; scrollbar-width: none; }
#i3Root .it-flt::-webkit-scrollbar { display: none; }
#i3Root .it-fb { flex: none; display: inline-flex; align-items: center; gap: 5px; padding: 6px 13px; border: 1px solid var(--line); border-radius: 999px; background: var(--card);
  color: var(--muted); font: inherit; font-size: var(--fs-2); line-height: 20px; cursor: pointer; white-space: nowrap; }
#i3Root .it-fb .num { color: var(--faint); }
#i3Root .it-fb.on { background: var(--text); border-color: var(--text); color: var(--bg); font-weight: 700; }
#i3Root .it-fb.on .num { color: var(--bg); opacity: .75; }
#i3Root .it-fb:disabled { opacity: .45; cursor: default; }

/* 판(밑에서 올라오는 판 · mazip #sheet 규칙) */
#x10Sheet .i3-sh { padding: 2px 2px 6px; text-align: left; }
#x10Sheet .i3-sh-t { margin: 0 0 10px; font-size: var(--fs-9); font-weight: 800; letter-spacing: -0.035em; color: var(--text); }
#x10Sheet .i3-sh-t .code { font-size: var(--fs-2); color: var(--muted); font-weight: 500; }
#x10Sheet .i3-sh > p { font-size: var(--fs-3); line-height: 1.55; color: var(--text); margin: 0 0 10px; }
#x10Sheet .i3-sh .tz-sh-big { font-size: 34px; font-weight: 700; letter-spacing: -0.04em; line-height: 1.1; font-variant-numeric: tabular-nums; margin: 2px 0 4px; }
#x10Sheet .i3-sh .tz-sh-big.tz-off { color: var(--muted); font-size: var(--fs-7); font-weight: 600; }
#x10Sheet .i3-sh .tz-mx { display: inline-flex; align-items: center; gap: 3px; font-size: var(--fs-3); font-weight: 400; color: var(--muted); margin-right: 6px; letter-spacing: 0; }
#x10Sheet .i3-sh .tz-mx svg { width: 14px; height: 14px; }
#x10Sheet .i3-sh .i3-shs { font-size: var(--fs-2); color: var(--muted); margin-top: 2px; }
#x10Sheet .i3-sh .tz-sh-h { position: relative; margin: 22px 0 6px; padding: 16px 0 6px 14px; border-top: 1px solid var(--line); font-size: var(--fs-4); font-weight: 800; color: var(--text); }
#x10Sheet .i3-sh .tz-sh-h::before { content: ""; position: absolute; left: 0; top: 19px; width: 5px; height: 1.05em; border-radius: 3px; background: linear-gradient(180deg, color-mix(in srgb, var(--info) 70%, #fff), var(--info)); }
#x10Sheet .i3-sh .tz-kv { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 10px 0; border-top: 1px solid var(--line); font-size: var(--fs-3); }
#x10Sheet .i3-sh .tz-kv > span { color: var(--muted); min-width: 0; }
#x10Sheet .i3-sh .tz-kv > b { font-variant-numeric: tabular-nums; text-align: right; font-size: var(--fs-6); font-weight: 800; color: var(--text); }
#x10Sheet .i3-sh .it-sgl { display: flex; flex-wrap: wrap; gap: 6px 10px; margin: 2px 0 8px; }
#x10Sheet .i3-sh .it-sgi { display: inline-flex; align-items: center; gap: 6px; }
#x10Sheet .i3-sh .it-sgi .num { color: var(--muted); }
#x10Sheet .i3-sh .it-why-n { margin: 12px 0 0; padding: 10px 0 0; border-top: 1px solid var(--line); font-size: var(--fs-2); color: var(--muted); }
#x10Sheet .i3-sh .i3-lk { display: flex; gap: 8px; margin: 14px 0 4px; }
#x10Sheet .i3-sh .i3-lkb { flex: 1; text-align: center; padding: 11px 0; border-radius: 14px; background: var(--neutral-bg); color: var(--text); text-decoration: none; font-size: var(--fs-2); font-weight: 600; }

@media (max-width: 359px) { #i3Root .it-hd-t h1 { font-size: var(--fs-9); } #i3Root .it-mkt { padding: 12px; } #i3Root .it-mkt > div + div { padding-left: 8px; }
  #i3Root .it-lgs { padding: 14px 12px; } #i3Root .it-lgg { gap: 6px; } #i3Root .it-lgg > div + div { padding-left: 6px; } #i3Root .it-lgs .it-lgg .v { font-size: var(--fs-5); }
  body #i3Root .it-nr .pc { text-align: right; } body #i3Root .it-nr .pc small { display: block; line-height: 1.2; } body #i3Root .it-nr .pc.it-okc small { display: flex; justify-content: flex-end; } }
@media (prefers-reduced-motion: reduce) { #i3Root * { animation: none !important; transition: none !important; } }

/* ---------- INTRA4 2026-10-18 — 날짜 하나 + 그날 코인 줄만 · 코인 로고 ---------- */
#i3Root .i3-nav { margin-top: 22px; }   /* 칸 제목(「장중 실시간 단타 기록」)을 빼서 시장 칸과 사이를 둠 [내 발명] */
#i3Root .it-lgnav { margin: 0 4px 4px; }
#i3Root .i3-sl { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 4px 8px; margin: 0 4px 12px; font-size: var(--fs-2); line-height: 1.45; color: var(--muted); text-align: center; }
#i3Root .i3-sl .tz-q { width: 22px; height: 22px; font-size: var(--fs-1); }
#i3Root .i3-ic { position: relative; flex: none; width: 26px; height: 26px; align-self: center; }
#i3Root .i3-logo { display: block; width: 26px; height: 26px; border-radius: 50%; object-fit: cover; background: #fff; }
#i3Root .i3-logo-fb { display: flex; width: 26px; height: 26px; border-radius: 50%; align-items: center; justify-content: center;
  background: var(--neutral-bg); color: var(--text); font-size: var(--fs-1); font-weight: 800; line-height: 1; }
#i3Root .i3-logo-fb[hidden] { display: none; }
body #i3Root .it-nr .it-nm .i3-ic { margin-right: 2px; }

/* INTRA5 2026-10-18: 줄 둘째 줄 「진입 HH:MM · ○원」(왼쪽) · 「청산 HH:MM」(오른쪽 · 큰 숫자 밑) · 판 「진입 → 청산(최고)」 한 줄 */
body #i3Root .it-nr .it-nk .num.i3-in { color: var(--muted); font-size: var(--fs-1); }
body #i3Root .it-nr .it-n2 > .i3-out { margin-left: auto; color: var(--muted); font-size: var(--fs-1); font-weight: 600; white-space: nowrap; font-variant-numeric: tabular-nums; }
#x10Sheet .i3-sh .i3-shio { margin: 2px 0 8px; color: var(--text); font-size: var(--fs-3); font-weight: 600; line-height: 1.45; word-break: keep-all; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }

/* INTRA5b 2026-10-18: 줄 판 = mazip 판 순서(이름 · 큰 숫자 · 한 줄 · 진입→청산 한 줄 · 차트 · 크게 보기) · 전부 왼쪽 정렬 */
#x10Sheet .i3-sh, #x10Sheet .i3-sh > p, #x10Sheet .i3-sh .tz-sh-big { text-align: left; }
#x10Sheet .i3-sh-t { display: flex; align-items: center; gap: 8px; min-width: 0; }
#x10Sheet .i3-sh-t .i3-ic { flex: none; }
#x10Sheet .i3-sh-t .i3-sh-nm { min-width: 0; overflow-wrap: anywhere; }
#x10Sheet .i3-sh-t .code { flex: none; }
#x10Sheet .i3-sh .i3-shs { margin: 4px 0 2px; color: var(--text); font-size: var(--fs-3); line-height: 1.45; }
#x10Sheet .i3-sh .i3-shio { margin: 0 0 12px; color: var(--muted); font-size: var(--fs-2); font-weight: 600; white-space: nowrap; }
#x10Sheet .i3-sh .i3-cbox { margin: 4px 0 0; min-height: 300px; }
#x10Sheet .i3-sh .i3-cbox .hc-tfs { flex-wrap: nowrap; }
#x10Sheet .i3-sh .i3-cmsg { margin: 0; padding: 40px 0; text-align: center; color: var(--muted); font-size: var(--fs-2); }
#x10Sheet .i3-sh .i3-cgo { margin: 10px 0 2px; text-align: right; }
#x10Sheet .i3-sh .i3-cgo-a { color: var(--text); font-size: var(--fs-3); font-weight: 700; text-decoration: none; }
#x10Sheet .i3-grab { cursor: pointer; }

/* ---------- INTRA6 2026-10-19 — mazip intraday.css [ROW 2차 2026-10-19] 343~361 그대로(앞머리 「html body #view」 → 「body #i3Root」) ----------
   줄 밑 네모 2×2(24시간 거래대금 · 거래대금 · 호가창 · 거래) · 막대 3칸 = 단계(초록 빽빽·활발 / 노랑 보통 / 회색 듬성·한산) */
body #i3Root .it-nr .it-nk { flex: 1 1 auto; min-width: 0; }
body #i3Root .it-nr .it-cg { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; margin-top: 4px; }
body #i3Root .it-nr .it-c { display: flex; flex-direction: column; min-width: 0; background: var(--card-2, var(--neutral-bg)); border-radius: 10px; padding: 7px 9px; text-align: left; }
body #i3Root .it-nr .it-c .k { font-size: var(--fs-1, 13px); color: var(--muted); font-weight: 400; }
body #i3Root .it-nr .it-c .v { display: flex; align-items: center; font-size: var(--fs-5, 16px); font-weight: 700; color: var(--text); white-space: nowrap; margin-top: 1px; }
body #i3Root .it-nr .it-c .s { font-size: var(--fs-1, 13px); color: var(--muted); font-weight: 400; margin-top: 1px; white-space: normal; word-break: keep-all; overflow-wrap: anywhere; line-height: 1.35; }
body #i3Root .it-nr .it-c .s .nw { white-space: nowrap; }
#i3Root .it-lv { display: inline-flex; gap: 2px; margin-right: 6px; flex: none; }
#i3Root .it-lv i { width: 6px; height: 11px; border-radius: 2px; background: var(--line); }
#i3Root .it-lv[data-n="3"] i { background: var(--ok, #22a35a); }
#i3Root .it-lv[data-n="2"] i:nth-child(-n+2) { background: #d9a400; }
#i3Root .it-lv[data-n="1"] i:nth-child(1) { background: var(--muted); }
#i3Root .it-lvt[data-c="ok"] { color: var(--ok-ink, #1a7f37); }
#i3Root .it-lvt[data-c="mid"] { color: #f2c94c; }   /* [바꿈: 우리 틀은 어둡게가 기본 → mazip 어둡게 값을 기본 · 밑 줄 = 밝게] */
#i3Root .it-lvt[data-c="low"] { color: var(--muted); }
body.x10[data-theme="light"] #i3Root .it-lvt[data-c="mid"] { color: #b88a00; }   /* mazip 밝게 값 그대로 */
body #i3Root .it-nr .it-c .v, body #i3Root .it-nr .it-c .s { text-align: left; justify-content: flex-start; }   /* [바꿈: 우리 틀 style.css .num 오른쪽 정렬 → mazip 처럼 왼쪽] */
/* 큰 숫자 이름표 「신호 뒤 최고」 = 숫자 위 한 줄(기준 그림 tmp/intra6/ref_mazip_card4.png 꼴 · mazip 은 359px 밑에서만 이렇게) [바꿈: 이름 칸이 안 밀리게 늘 위 줄] */
body #i3Root .it-nr .pc { text-align: right; }
body #i3Root .it-nr .pc small { display: block; line-height: 1.25; margin: 0 0 1px; }
body #i3Root .it-nr .pc.it-okc small { display: flex; justify-content: flex-end; }
/* 진입·청산(INTRA5) = 큰 숫자 밑 작은 글 한 줄(오른쪽 정렬) [진석 지시 자리 · 모양 내 발명] */
body #i3Root .it-nr .i3-io { display: block; margin-top: -2px; text-align: right; color: var(--muted); font-size: var(--fs-1); font-weight: 600; line-height: 1.35;
  font-variant-numeric: tabular-nums; word-break: keep-all; overflow-wrap: anywhere; }

/* INTRA7 2026-10-19 진석 「장중 숫자가 몇 초 안에 바뀌게」 — 값이 바뀐 칸만 0.9초 깜빡(mazip macro.css .mx-c.fl-up/fl-down 0.9초 · intraday.css it-fx-blink 꼴)
   오르면 빨강 · 내리면 파랑 · %가 아닌 글(거래대금·시각)은 회색 · 움직임 줄이기 = 깜빡 없음 */
#i3Root .i3-fl { animation: i3-fl .6s ease-out; border-radius: 4px; }   /* SPEED1 2026-10-22: .9s → .6s(mazip game.css) */
#i3Root .i3-fl.i3-fl-up { animation-name: i3-flu; }
#i3Root .i3-fl.i3-fl-dn { animation-name: i3-fld; }
@keyframes i3-fl { 0% { background-color: var(--neutral-bg); } 100% { background-color: transparent; } }
@keyframes i3-flu { 0% { background-color: var(--up-soft); } 100% { background-color: transparent; } }
@keyframes i3-fld { 0% { background-color: var(--down-soft); } 100% { background-color: transparent; } }
@media (prefers-reduced-motion: reduce) { #i3Root .i3-fl, #i3Root .i3-fl.i3-fl-up, #i3Root .i3-fl.i3-fl-dn { animation: none !important; } }

/* INTRA7b 2026-10-19 — mazip intraday.css 10-19 최신 그대로 옮긴 줄: 둘째 줄 오른쪽 「신호 HH:MM ✓ +3%」(it-sgm) · 「빈 호가」 딱지(it-hole) · 거래 적음·멈춤 알약(it-lq) · 칸 머리 종·? 묶음 */
body #i3Root .it-nr .it-n2 > .up.it-sgm { display: inline-flex; align-items: center; gap: 8px; margin-left: auto; white-space: nowrap; color: var(--muted); font-size: var(--fs-1); font-variant-numeric: tabular-nums; }
body #i3Root .it-nr .it-n2 > .up.it-sgm .it-ok { display: inline-flex; align-items: center; gap: 2px; color: var(--ok-ink); font-weight: 700; }
body #i3Root .it-nr .it-n2 > .up.it-sgm .it-ok svg { width: 12px; height: 12px; }
body #i3Root .it-nr .it-c .it-hole, #x10Sheet .i3-sh .it-hole { flex: none; margin-left: 6px; font-size: var(--fs-1, 13px); font-weight: 500; color: var(--muted); border: 1px solid var(--line); border-radius: 6px; padding: 0 4px; line-height: 1.4; white-space: nowrap; }
body #i3Root .it-nr .it-nk .it-pl.it-lq { flex: none; color: var(--muted); }
body #i3Root .it-nr .it-nk .it-pl.it-lq[data-s="stop"] { background: transparent; box-shadow: inset 0 0 0 1px var(--muted); }
#i3Root .it-sec .i3-al-r { display: inline-flex; align-items: center; gap: 6px; flex: none; }
/* R1019N 2026-10-19: 「거래 종료」 딱지(지금 업비트 원화 시세에 없는 코인 · 서버 gone) — 회색 테두리 알약(숫자 색 안 씀) */
#i3Root .it-pl.it-gone, #x10Sheet .i3-sh .it-pl.it-gone { background: transparent; border: 1px solid var(--line); color: var(--muted); font-weight: 700; }