/* symleft: 원본 marketpug.com 과 맞추기 (2026-10-21) — 종목 화면 왼쪽 칸 · 종목 고르기 · 지표 설정 · 전체화면 차트 */
/* 칩 테두리 (앱 palette.chipBorder: 어두운 테마는 hairline, 밝은 테마는 검정 12%) */
:root { --chipb: var(--line) } :root[data-theme="light"] { --chipb: rgba(0,0,0,.12) }

/* ---------- 왼쪽 칸: 앱 ListView 여백 16·4·16·24 (오른쪽 16 = 4 + 스크롤 막대 12) ---------- */
.sy-l { padding: 4px 16px 24px } .sy-l > .cw { margin-right: 0 }
.sy-h { margin-top: 0; min-height: 40px }
.sy-hb { gap: 10px; padding: 4px 0; color: var(--tx3) } .sy-hb:hover { background: color-mix(in srgb, var(--tx) 4%, transparent) } .sy-hb .sy-n { flex: 1 }
.sy-n b { line-height: 1.45 } .sy-n small { line-height: 1.45 }   /* 앱 글꼴(Noto Sans KR) 줄 높이 */
.sy-si { display: grid; flex: none; margin-left: 6px; color: var(--tx3) }
.ib.star { width: 40px; height: 40px; border-radius: 50%; color: var(--tx2) } .ib.star:hover { background: color-mix(in srgb, var(--tx) 8%, transparent) } .star[aria-pressed="true"] { color: var(--brand) } .star svg { fill: currentColor !important }
.sy-p { margin: 10px 0 10px; line-height: 1.45 } .sy-p b { font-size: 30px; font-weight: 800; min-height: 43px } .sy-p span { font-size: 14px; font-weight: 700; color: var(--tx2) } .sy-p span.up { color: var(--up) } .sy-p span.down { color: var(--down) }
/* AI 예상 범위 안내 (앱 _BannerShell: 여백 12·10·10·10 · 테두리 · 반지름 14 · 아래 10) */
.banner { margin: 0 0 10px; padding: 9px 9px 9px 11px; gap: 12px; border-color: var(--line); cursor: pointer } .banner:hover { filter: brightness(1.06) } .banner.nolink { cursor: default; filter: none }
.banner > span { min-width: 0 } .banner b, .banner small { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden } .banner small { margin-top: 2px; line-height: 1.45 }
.bch { display: grid; flex: none; margin-left: -6px; color: var(--tx2) } .banner.bup .bch { color: var(--up) } .banner.bdn .bch { color: var(--down) }
.banner .bmk { color: var(--tx2) }
.banner.bup { border-color: color-mix(in srgb, var(--up) 35%, transparent); background: linear-gradient(90deg, color-mix(in srgb, var(--up) 20%, var(--surface)) 0%, color-mix(in srgb, var(--up) 6%, var(--surface)) 35%, var(--surface) 60%); color: var(--tx2) }
.banner.bdn { border-color: color-mix(in srgb, var(--down) 35%, transparent); background: linear-gradient(90deg, color-mix(in srgb, var(--down) 20%, var(--surface)) 0%, color-mix(in srgb, var(--down) 6%, var(--surface)) 35%, var(--surface) 60%); color: var(--tx2) }
.bbm { width: 40px; height: 40px; flex: none; -webkit-mask: var(--m) center / contain no-repeat; mask: var(--m) center / contain no-repeat } .bbm.bull { --m: url("data:image/png;base64,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"); background: var(--up) } .bbm.bear { --m: url("data:image/png;base64,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"); background: var(--down) }
/* 기간 칩 · 지표 · 전체화면 (앱 ChipSelector dense 26 · _IndicatorButton 26 · _IconPillButton 34×28) */
.sy-c { height: 28px; margin-bottom: 8px; align-items: center } .ivc { gap: 5px }
.ivc button { height: 26px; padding: 0 10px; border-radius: 8px; border-color: var(--chipb); font-size: 11px; font-weight: 700 } .ivc button[aria-pressed="true"] { border-color: var(--brand) }
.tbs { height: 26px; padding: 0 10px; gap: 4px; border-color: var(--chipb); font-size: 11px; font-weight: 700; color: var(--tx2); margin-left: 8px } .tbs svg { flex: none }
.tbs.sq { width: 34px; height: 28px; padding: 0; margin-left: 6px }
/* RSI·MACD 높이 조절 (앱: 가운데 끌기 막대 40×4 + −/+ 칸) */
.sprz { display: flex; align-items: center; gap: 8px; height: 26px; flex: none } .sprz[hidden] { display: none }
.sprh { flex: 1; height: 26px; display: grid; place-items: center; cursor: ns-resize; touch-action: none } .sprh i { width: 40px; height: 4px; border-radius: 2px; background: var(--tx3) }
.sprs { display: flex; align-items: center; height: 26px; background: var(--surface); border: 1px solid var(--chipb); border-radius: 8px } .sprs button { display: grid; border: 0; background: none; padding: 4px 8px; border-radius: 7px; color: var(--tx2) } .sprs button:hover:not(:disabled) { background: color-mix(in srgb, var(--tx) 6%, transparent) } .sprs button:disabled { color: color-mix(in srgb, var(--tx3) 40%, transparent); cursor: default } .sprs > i { display: grid; padding: 0 1px; color: var(--tx3) }
/* 아래로 버튼 (앱 ScrollDownFab: 지름 36 · 0.85초마다 0↔1 깜빡임 · 더 내려갈 곳이 없으면 숨김) */
.sdown { width: 36px; height: 36px; padding: 0; animation: sdb .85s linear infinite alternate } .sdown:not(.on):not(.fsj) { display: none }
@keyframes sdb { from { opacity: 0 } to { opacity: 1 } } @media (prefers-reduced-motion: reduce) { .sdown { animation: none } }
/* 가운데 접기 손잡이 */
.handle { cursor: pointer } .handle button { color: var(--tx2) }
/* 좁은 화면(앱 휴대폰 배치): 여백 16·2·16·4 */
@media (max-width: 900px) { .sy-l { padding: 2px 16px 4px } }

/* ---------- 전체화면 (앱 FullscreenChartPage: 여백 24·6·24·8, 스크롤 막대 늘 보임, 위·아래 버튼) ---------- */
.fsp { padding: 0 } .fsp .fsc { height: 100%; flex: 1; padding: 6px 24px 8px } .fsp .fsc > .cw { margin-right: 0 }
.fsbar { margin: 0 0 8px; height: 28px } .fsbar > .tbs:first-child { margin-left: 0 } .fsbar .ivc { margin-left: 8px } .fsbar [data-ind] { margin-left: 8px }
.dd-w { margin-left: 6px; display: inline-flex } .tbs.dd { height: 28px; padding: 0 4px 0 8px; gap: 5px; margin: 0; font-size: 11.5px } .tbs.dd span { font-size: 11.5px; font-weight: 700 } .tbs.dd .ddc { display: grid; margin-left: -5px; color: var(--tx3) } .tbs.dd.act { color: var(--brand) } .tbs.dd.act .ddc { color: var(--tx3) }
/* 그리기 도구 목록 (앱 PopupMenuButton: 버튼 바로 아래 오른쪽 맞춤 · 줄 42 · 반지름 12) */
.ddm { top: 28px; left: auto; right: 0; width: auto; min-width: 112px; padding: 8px 0; border: 0; border-radius: 12px; background: var(--surface); box-shadow: 0 3px 8px rgba(0,0,0,.35), 0 1px 3px rgba(0,0,0,.3) }
.ddm button { height: 42px; padding: 0 12px; gap: 12px; color: var(--tx); font-size: 14px; font-weight: 500; white-space: nowrap } .ddm button svg { color: var(--tx2); flex: none }
.ddm button[aria-pressed="true"] { color: var(--brand); font-weight: 700 } .ddm button[aria-pressed="true"] svg { color: var(--brand) }
.ddm button:hover { background: color-mix(in srgb, var(--tx) 6%, transparent) } .ddm hr { margin: 7.5px 0; border-top: 1px solid var(--line2) } .ddm .dn, .ddm .dn svg { color: var(--down) }
.sdown.fsj { position: fixed; bottom: 12px; left: 50%; transform: translateX(-50%); width: 38px; height: 38px; animation: none; z-index: 3 } .sdown.fsj[hidden] { display: none }
/* 전체 지우기 확인 (앱 AlertDialog) */
.modal.cfm { place-items: center; padding: 16px; z-index: 90 } .cfb { width: min(400px, 100%); padding: 24px; border-radius: 28px; background: #2B2930; display: flex; flex-direction: column }
.cfb b { font-size: 24px; font-weight: 400; color: var(--tx) } .cfb p { margin: 16px 0 24px; font-size: 14px; line-height: 1.45; color: #CAC4D0 } .cfa { display: flex; justify-content: flex-end; gap: 8px }
.cfa button { border: 0; background: none; padding: 10px 12px; border-radius: 20px; color: var(--brand); font-size: 14px; font-weight: 500 } .cfa button:hover { background: color-mix(in srgb, var(--brand) 8%, transparent) }
:root[data-theme="light"] .cfb { background: #ECE6F0 } :root[data-theme="light"] .cfb p { color: #49454F }

/* ---------- 종목 고르기 (앱 showSymbolSelector: 화면 90% · 위 반지름 20 · 손잡이 · 검색 · 칩 · 섹터/업종 줄) ---------- */
.bsb.pkb { height: 90vh; max-height: 90vh; padding: 0; gap: 0; overflow: hidden } .pkb .hdl { margin: 10px auto 12px; background: var(--line); flex: none }
.pks { flex: none; display: flex; align-items: center; height: 40px; margin: 0 16px; padding-left: 10px; border-radius: 12px; background: var(--surface2); border: 1px solid var(--line); color: var(--tx3) } .pks:focus-within { border-color: var(--brand) }
.pks > i { display: grid; margin-right: 15px } .pks input { flex: 1; min-width: 0; height: 100%; border: 0; background: none; color: var(--tx); font: inherit; font-size: 14px; outline: none } .pks input::placeholder { color: var(--tx3); font-size: 13px } .pks input::-webkit-search-cancel-button { display: none }
.pkx { display: grid; place-items: center; width: 40px; height: 38px; border: 0; background: none; color: var(--tx2); border-radius: 0 12px 12px 0 } .pkx[hidden] { display: none }
.pkc { flex: none; margin: 10px 16px 8px } .pkc[hidden] { display: none } .pks + .pkc[hidden] + .pkl { margin-top: 10px } .pkc button { border-color: var(--chipb) } .pkc button[aria-pressed="true"] { border-color: var(--brand) }
.pkl { flex: 1; min-height: 0; overflow: auto } .pkl > .skw { padding: 0 16px }
.pkr { display: flex; align-items: center; gap: 12px; padding: 10px 16px; color: inherit; text-decoration: none } .pkr:hover { background: color-mix(in srgb, var(--tx) 5%, transparent) } .pkr .si b { font-size: 14px }
.pkr .si small { white-space: normal } .pke { height: 100%; display: grid; place-items: center; color: var(--tx2); padding: 16px; text-align: center }

/* ---------- 지표 설정 (앱 indicator_settings_screen) ---------- */
.isp .pgh { padding: 0; height: 56px } .isp .pgh .ib { width: 56px; height: 56px; color: var(--tx) } .isp .pgh h1 { font-size: 22px; font-weight: 400 } .isp .pgsp { width: 56px; flex: none }
.isp .pgh.under { background: #1A1920 } :root[data-theme="light"] .isp .pgh.under { background: #EFEDF4 }
.isp .pgb { padding: 8px 16px 40px }
.isp .ish { height: 24px; margin: 20px 0 8px; gap: 8px } .isp .ish:first-child { margin-top: 0 } .isp .ish b { font-size: 14px; font-weight: 700 }
.isp .ish .ib { width: auto; height: 24px; padding: 4px 4px 4px 7px; color: var(--tx2); border-radius: 0 } .isp .ish .ib svg { width: 16px; height: 16px }
.isp .marow { min-height: 54px; border-color: var(--chipb) } .isp .marow.on { border-color: color-mix(in srgb, var(--c) 35%, transparent) } .isp .marow > b { color: var(--tx) } .isp .marow > b.off { color: var(--tx2) }
.isp .marm { width: 24px; height: 24px; padding: 4px; border-radius: 6px; color: var(--tx3); display: grid; place-items: center }
.isp .sw3 { margin: 0 4px } .isp .itog { min-height: 54px; padding: 2px 15px 2px 14px; border-color: var(--chipb); cursor: pointer } .isp .itog.on { border-color: color-mix(in srgb, var(--brand) 40%, transparent) }
.isp .iprm { padding: 10px 14px; gap: 8px 16px } .isp .ifl { flex-direction: row; align-items: center; gap: 6px } .isp .ifl small { font-size: 12px; color: var(--tx2) }
.isp .stp button { padding: 4px; border-radius: 6px; color: var(--tx2) } .isp .stp button:hover { background: color-mix(in srgb, var(--tx) 8%, transparent) } .isp .stp b { width: 30px; min-width: 30px; font-size: 13px; font-weight: 700; color: var(--tx) }
.isp .addma { gap: 6px; padding: 10px 12px; margin-bottom: 6px; font-size: 13px; font-weight: 700 }
.isp .pgf .gbtn { font-size: 14px; font-weight: 700 } :root:not([data-theme="light"]) .isp .pgf .gbtn.solid { color: #381E72 }