/* ⚠️ 자동 생성 파일 — 직접 수정하지 마세요. * * 생성: node scripts/_us_build_mmt_theme.mjs * 원본: public/js/momentum.js 의 injectStyle() CSS (국장 투자모멘텀·주요종목) * 원본 해시: 3c06291effe2 * * 미장 화면(투자모멘텀 · 오실레이터 · 종목추천)이 국장과 같은 골격을 쓰도록 * 선택자만 :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) 로 바꿔 옮긴 것이다. * 국장 스타일이 바뀌면 이 스크립트를 다시 실행해 동기화한다. */ :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 16px;border-bottom:1px solid var(--border);flex-shrink:0} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-datewrap{display:inline-flex;align-items:center;gap:6px} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-datelabel{font-size:12px;color:var(--text2)} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-date{width:150px} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) #mmtMeta{color:var(--text3)} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-tabbar{display:flex;gap:4px;padding:8px 16px 0;border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-tab{background:transparent;border:1px solid transparent;border-bottom:none;color:var(--text2);padding:7px 12px;font-size:12.5px;border-radius:8px 8px 0 0;cursor:pointer} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-tab:hover{color:var(--text);background:var(--bg3)} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-tab.active{color:var(--text);background:var(--bg2);border-color:var(--border);font-weight:600} /* 상단 헤더 (타이틀 좌 · 툴바 우) — 샘플 문구/글자크기 */ :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;padding:clamp(14px,2vw,22px) clamp(14px,2vw,24px) 6px} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-header-tit{min-width:0} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-eyebrow{font-size:12px;font-weight:600;letter-spacing:1.4px;color:#6b7183;text-transform:uppercase;margin-bottom:8px} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-h1{font-size:clamp(22px,2.2vw,28px);font-weight:600;letter-spacing:-.5px;line-height:1.2;color:#e7e9ee} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-hsub{font-size:12.5px;color:#8b90a0;margin-top:6px} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-header .mmt-toolbar{border:0;padding:0;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end;align-items:flex-end} /* 시장 요약 (한 줄 + 펼치기/접기) */ :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-summary{border-bottom:1px solid #1e222b;margin-bottom:14px} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-summary-head{display:flex;align-items:center;gap:12px;padding:8px 2px 14px;flex-wrap:wrap} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-summary-lbl{font-size:12px;font-weight:600;letter-spacing:1.2px;color:#6b7183;text-transform:uppercase;flex:none} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-summary-line{margin-left:auto;font-size:13px;color:#8b90a0;text-align:right} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-summary .mmt-cards{margin:0 0 14px} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-outer{flex:1;min-height:0;overflow-y:auto;padding:0 clamp(14px,2vw,24px) 40px} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-scroll{padding:16px 20px} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-sec{margin:0 0 8px;font-size:13px;color:var(--text2)} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-tblwrap{overflow-x:auto;border:1px solid var(--border);border-radius:8px} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) table.mmt{width:100%;border-collapse:collapse;font-size:11.5px;white-space:nowrap} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) table.mmt th{position:sticky;top:0;background:var(--bg3);color:var(--text2);padding:6px 7px;border-bottom:1px solid var(--border);text-align:center;font-weight:600} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) table.mmt td{padding:5px 7px;border-bottom:1px solid var(--border);text-align:center;color:var(--text)} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) table.mmt td.l{text-align:left} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) table.mmt tbody tr:hover{background:var(--bg2)} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-tk{cursor:pointer;color:var(--accent3);font-family:var(--mono,monospace);border-bottom:1px dashed var(--accent3)} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-cmp-name{cursor:pointer;border-bottom:1px dashed var(--text3)} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-cmp-name:hover{color:var(--accent3);border-bottom-color:var(--accent3)} /* 공시(IR) 버튼·모달 */ /* 주의 표시 — 행 왼쪽 색 바 + 오른쪽으로 옅어지는 페이드. 바는 box-shadow inset 이라 칸 너비·정렬을 건드리지 않고, 페이드는 배경이라 텍스트를 밀지 않는다. ⚠️ CLAUDE.md 의 '그라디언트 금지'는 장식용 다색 그라디언트를 막는 조항이다. 여기는 같은 색이 투명으로 옅어지는 단색 페이드라 색 수가 늘지 않는다. color-mix 미지원 브라우저에서는 페이드만 사라지고 바는 그대로 남는다(정보 손실 없음). */ :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) table.mmt td.maj-alert{box-shadow:inset 3px 0 0 var(--text3)} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) table.mmt td.maj-alert-warn{ box-shadow:inset 3px 0 0 var(--orange); background-image:linear-gradient(90deg, color-mix(in srgb, var(--orange) 20%, transparent) 0%, transparent 78%)} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) table.mmt td.maj-alert-danger{ box-shadow:inset 3px 0 0 var(--red); background-image:linear-gradient(90deg, color-mix(in srgb, var(--red) 22%, transparent) 0%, transparent 78%)} /* 행 hover 배경이 페이드를 덮지 않게 — 주의 표시가 마우스 위치에 따라 사라지면 안 된다 */ :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) table.mmt tbody tr:hover td.maj-alert-warn{ background-image:linear-gradient(90deg, color-mix(in srgb, var(--orange) 28%, transparent) 0%, transparent 78%)} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) table.mmt tbody tr:hover td.maj-alert-danger{ background-image:linear-gradient(90deg, color-mix(in srgb, var(--red) 30%, transparent) 0%, transparent 78%)} /* 주의 종목 종목명 — 취소선. 이름 자체는 읽을 수 있게 두고 선 색으로 등급을 알린다. */ :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-strike{text-decoration:line-through;text-decoration-thickness:1.5px;text-underline-offset:2px} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-strike-warn{text-decoration-color:var(--orange)} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-strike-danger{text-decoration-color:var(--red)} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-legend .lg-bar{display:inline-block;width:26px;height:12px;vertical-align:-2px;margin-right:4px;border-radius:2px} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-legend .lg-warn{box-shadow:inset 3px 0 0 var(--orange);background-image:linear-gradient(90deg, color-mix(in srgb, var(--orange) 20%, transparent) 0%, transparent 90%)} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-legend .lg-danger{box-shadow:inset 3px 0 0 var(--red);background-image:linear-gradient(90deg, color-mix(in srgb, var(--red) 22%, transparent) 0%, transparent 90%)} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .ir-tag{font-size:11px;font-weight:600;border-radius:8px;padding:2px 7px;color:var(--green);background:#0f2118;border:1px solid #1e4a33} /* 공시정보는 열이 많고 실시목적·방법이 길다 — 기본 880px 로는 한 화면에 안 들어온다. */ :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) #majIrModal .mmt-modal-card{width:min(1240px,96vw);max-height:92vh} /* 긴 텍스트는 2줄로 잘라 행 높이를 고정한다. 잘린 전문은 행 title 로 확인. */ :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .ir-clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.45;word-break:break-word} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) #majIrModal table.mmt td{padding:7px 8px;vertical-align:top} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) #majIrModal table.mmt th{padding:7px 8px} /* 계산식 결과 — 산식 블록 */ :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .fx-form{margin-top:10px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--bg3);font-size:12.5px;color:var(--text2);line-height:1.9} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .fx-form b{color:var(--text)} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .fx-k{display:inline-block;min-width:64px;color:var(--accent3);font-weight:600} /* ── 시그널 터미널: 요약카드 · 하단 패널 ── */ :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:14px 0 4px} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-card{padding:16px 18px;border-radius:12px;background:#101319;border:1px solid #1e222b} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-card-accent{border-color:#6b5416;background:#1d1708} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-card-l{font-size:11.5px;font-weight:600;letter-spacing:1.2px;color:#6b7183;text-transform:uppercase} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-card-v{font-size:20px;font-weight:500;margin-top:8px;color:#e7e9ee;line-height:1.25} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-card-v.mmt-mono{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:24px} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-card-s{font-size:12.5px;color:#8b90a0;margin-top:5px} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-mono{font-family:'IBM Plex Mono',ui-monospace,monospace} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-maincard{border:1px solid #1e222b;border-radius:14px;background:#0d0f13;overflow:hidden;margin-top:14px} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-bottom{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:16px;margin-top:16px;align-items:start} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-bside{display:flex;flex-direction:column;gap:12px;min-width:0} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-bpanel{border:1px solid #1e222b;border-radius:12px;background:#101319;padding:16px 18px} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-bpanel-wide{padding:0;overflow:hidden;background:#0d0f13} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-bpanel-accent{border-color:#262c38} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-bpanel-h{padding:13px 18px;border-bottom:1px solid #1e222b;background:#0a0c10;font-size:14px;font-weight:500} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-stable{overflow-x:auto} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-srow{display:grid;grid-template-columns:48px minmax(110px,1fr) 84px 140px 130px;column-gap:14px;padding:11px 18px;border-top:1px solid #1e222b;align-items:center;font-size:13px;min-width:540px} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-srow:first-child{border-top:0} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-shead{background:#101319;color:#6b7183;font-size:12px} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-interp-h{font-size:15px;font-weight:500;margin-top:10px;color:#e7e9ee} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-interp-b{font-size:13.5px;color:#8b90a0;line-height:1.7;margin-top:8px} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-mrow{display:flex;justify-content:space-between;font-size:12.5px;padding:4px 0} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-srow2{display:flex;justify-content:space-between;font-size:13px;color:#8b90a0;padding:4px 0} @media(max-width:900px){:is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-bottom{grid-template-columns:1fr}} /* ── 시그널 터미널: 표·탭·통계 재스킨 (기존 컬럼/데이터 유지, 스타일만) ── */ :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) table.mmt{font-size:12.5px} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) table.mmt th{background:#101319;color:#6b7183;border-bottom:1px solid #1e222b;padding:11px 10px;font-weight:600} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) table.mmt td{border-bottom:1px solid #1e222b;color:#c9cdd8;padding:12px 10px} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) table.mmt td.l{color:#e7e9ee} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) table.mmt tbody tr:hover{background:#101319} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) table.mmt tr.mmt-grp td{background:#0a0c10;color:#8b90a0;font-weight:600} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) table.mmt th.mmt-th-info:hover{color:#e7e9ee} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-tk{color:#7aa2ff;border-bottom-color:#2c3a63} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-sec{color:#8b90a0} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-empty{color:#6b7183} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-warn{color:#e8b04b} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-tabbar{border-bottom:1px solid #1e222b;background:transparent;padding:10px 14px 0} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-tab{color:#8b90a0;border:1px solid transparent;border-radius:8px} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-tab:hover{color:#e7e9ee;background:#14181f} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-tab.active{color:#e7e9ee;background:#181d28;border-color:#262c38;font-weight:500} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-sec-mgr{background:#0a0c10;border:1px solid #1e222b;border-radius:12px;padding:14px 16px} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-sec-chip{background:#14181f;border:1px solid #262c38;color:#c9cdd8} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-stat-tile{display:flex;flex-direction:column;gap:3px;background:#101319;border:1px solid #1e222b;border-radius:10px;padding:12px 14px;font-size:12px;color:#6b7183} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-stat-tile b{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:19px;font-weight:500;color:#e7e9ee} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-stat-chip{display:inline-flex;align-items:center;gap:7px;background:#101319;border:1px solid #1e222b;border-radius:8px;padding:5px 10px;color:#8b90a0} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-stat-chip b{font-family:'IBM Plex Mono',ui-monospace,monospace;color:#c9cdd8} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-bars{max-width:none} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-bar-track{height:8px;background:#101319;border:1px solid #1e222b;border-radius:4px} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-bar-lbl{color:#8b90a0} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-bar-val{font-family:'IBM Plex Mono',ui-monospace,monospace;font-weight:500} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .form-control{background:#14181f;border:1px solid #262c38;color:#e7e9ee} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .form-control::placeholder{color:#6b7183} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-toolbar{border-bottom-color:#1e222b} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-header .maj-meta,:is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-starlegend{color:#6b7183} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-chip{background:#14181f;border:1px solid #262c38;color:#c9cdd8} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-chip .maj-tk{color:#7aa2ff;border-bottom-color:#2c3a63} /* 디자인 스킬 §7 등급 배지 · §9 우선순위 텍스트 */ :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-grade{display:inline-block;min-width:22px;padding:2px 7px;border-radius:6px;font-size:11px;font-weight:600;text-align:center;font-family:'IBM Plex Mono',ui-monospace,monospace} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-star{font-size:11px;font-weight:600;margin-right:5px;white-space:nowrap} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-tab.active{background:#1a2340;color:#a6c0ff;border-color:#2c3a63;font-weight:500} /* 주요종목 헤더: 서브탭(세그먼트) 좌 · 액션 우 · 메타 별도 줄 */ :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:8px} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-seg{display:inline-flex;gap:3px;padding:3px;height:34px;border-radius:9px;background:#14181f;border:1px solid #262c38;align-items:center;flex-wrap:wrap} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-seg .mmt-tab{border:1px solid transparent;height:26px;padding:0 12px;border-radius:6px;font-size:12.5px} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-seg .mmt-tab:hover{background:#181d28;color:#e7e9ee} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-seg .mmt-tab.active{background:#1a2340;color:#a6c0ff;border-color:transparent;font-weight:500} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-meta-line{font-size:12px;color:#6b7183;margin:0 0 12px} /* 필터 3그룹 (우선순위/오실레이터/조회) — 라벨 위 · 세그먼트 아래 */ :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-filter{display:flex;gap:20px;align-items:flex-end;flex-wrap:wrap;margin-bottom:8px} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-fgroup{display:flex;flex-direction:column;gap:7px} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-flabel{font-size:12px;color:#6b7183;letter-spacing:.3px} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-search-row{display:flex;gap:8px;align-items:center} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-fcount{font-size:12px;color:#8b90a0;white-space:nowrap} /* 매수군 진입/이탈 배지 (전일 23:00 기준 대비) */ :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-entry{display:inline-block;margin-left:5px;padding:1px 5px;border-radius:6px;font-size:10.5px;font-weight:700;letter-spacing:.3px;vertical-align:1px} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-entry-new{background:#0f2118;color:#3ecf8e;border:1px solid #1d5b3c} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-entry-out{background:#1f100e;color:#e05c4a;border:1px solid #6b2a22} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-legend{font-size:12px;color:#6b7183;margin:0 0 12px;line-height:1.6} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-bar-row2{display:grid;grid-template-columns:96px 64px 44px 1fr 58px;gap:10px;align-items:center;margin:3px 0;font-size:11.5px} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-bar-row2 .maj-bar-lbl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#8b90a0} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-bar-row2 .maj-bar-track{height:8px;background:#101319;border:1px solid #1e222b;border-radius:4px;overflow:hidden} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-bar-row2 .maj-bar-val{text-align:right;font-family:'IBM Plex Mono',ui-monospace,monospace;font-weight:600} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-empty{color:var(--text3);font-size:13px;padding:24px;text-align:center} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-warn{color:var(--orange);font-size:12px;margin-bottom:10px} /* 모달 */ :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:1600;align-items:center;justify-content:center} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-modal.show{display:flex} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-modal-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;width:min(880px,94vw);max-height:88vh;display:flex;flex-direction:column;box-shadow:0 12px 40px rgba(0,0,0,.5)} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-modal-head{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border);font-weight:700;color:var(--text)} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-modal-body{padding:14px 16px;overflow:auto} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .g-state{font-size:16px;font-weight:800} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .g-note{font-size:13px;color:var(--text2);margin:6px 0} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .g-nums{font-size:12px;color:var(--text3);font-family:var(--mono,monospace);margin-bottom:10px} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .g-sec-row{font-size:13px;color:var(--text2);padding:4px 0;border-top:1px solid var(--border)} /* 종목관리 */ :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-uni-add{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:12px;padding:10px;background:var(--bg3);border:1px solid var(--border);border-radius:8px} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-search{position:relative;flex:1;min-width:200px} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-search input{width:100%} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-suggest{display:none;position:absolute;left:0;right:0;top:calc(100% + 2px);z-index:10;background:var(--bg3);border:1px solid var(--border2);border-radius:8px;max-height:240px;overflow:auto;box-shadow:0 8px 24px rgba(0,0,0,.4)} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-suggest-item{display:flex;justify-content:space-between;gap:8px;padding:7px 10px;cursor:pointer;border-bottom:1px solid var(--border)} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-suggest-item:hover,:is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-suggest-item.active{background:var(--bg4)} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-suggest-code{color:var(--text3);font-family:var(--mono,monospace);font-size:11px} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-picked{font-size:12px;color:var(--accent3);min-width:120px} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-uni-add input.mmt-sector{width:130px;flex:none} /* 버튼/입력 높이 통일 */ :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-toolbar .btn,:is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-toolbar .mmt-date,:is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-toolbar .mmt-unit{height:34px;box-sizing:border-box;display:inline-flex;align-items:center;padding-top:0;padding-bottom:0} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-unit{width:66px} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-uni-add .btn,:is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-uni-add input{height:34px;box-sizing:border-box} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-uni-add .btn{display:inline-flex;align-items:center;padding-top:0;padding-bottom:0} /* 즉시계산(오실레이터) 버튼 */ :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-run{padding:1px 6px;font-size:11px;margin-left:5px;line-height:1.6} /* 종목관리 섹터 그룹 헤더 */ :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) table.mmt tr.mmt-grp td{background:var(--bg4);color:var(--text2);font-weight:700;text-align:left;font-size:11.5px} /* 도움말(신호등 정의) */ :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-help-grp{margin-bottom:14px} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-help-h{font-weight:700;color:var(--text);margin-bottom:5px;font-size:13px} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-help-grp>div{font-size:12.5px;color:var(--text2);line-height:1.8} /* 검색 소스 토글 */ :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-srctoggle{display:inline-flex} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-src.active{background:var(--accent);color:#fff;border-color:var(--accent)} /* 섹터 관리 */ :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-sec-mgr{margin-bottom:14px;padding:10px;background:var(--bg3);border:1px solid var(--border);border-radius:8px} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-sec-mgr>summary{cursor:pointer;list-style:none;user-select:none;display:flex;align-items:center;gap:6px} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-sec-mgr>summary::-webkit-details-marker{display:none} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-sec-mgr>summary::before{content:'▸';color:var(--text3);font-size:11px;transition:transform .15s} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-sec-mgr[open]>summary::before{transform:rotate(90deg)} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-sec-mgr-body{margin-top:10px} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-sec-chip{display:inline-flex;align-items:center;gap:4px;background:var(--bg4);border:1px solid var(--border2);border-radius:14px;padding:3px 6px 3px 10px;margin:3px;font-size:12px;color:var(--text)} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-sec-chip button{background:none;border:none;color:var(--text3);cursor:pointer;font-size:12px;padding:0 2px} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-sec-chip button:hover{color:var(--red)} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-sec-add{display:flex;gap:6px;align-items:center;margin-top:8px} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-sec-add input{width:160px} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-sec-add input,:is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-sec-add .btn{height:34px;box-sizing:border-box} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-sec-add .btn{display:inline-flex;align-items:center;padding-top:0;padding-bottom:0} /* 주요종목 탭 */ :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-grp{margin:0 0 14px} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-grp-h{font-weight:700;color:var(--text2);font-size:12.5px;margin:0 0 6px;padding-bottom:4px;border-bottom:1px solid var(--border)} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-chips{display:flex;flex-wrap:wrap;gap:6px} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-chip{display:inline-flex;align-items:center;gap:6px;background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:4px 9px;font-size:12px;color:var(--text)} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-chip .maj-tk{color:var(--accent3);font-family:var(--mono,monospace);font-size:11px;cursor:pointer;border-bottom:1px dashed var(--accent3)} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-chip button{background:none;border:none;color:var(--text3);cursor:pointer;font-size:12px;padding:0 1px} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-chip button:hover{color:var(--red)} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-mgr-add{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:12px;padding:10px;background:var(--bg3);border:1px solid var(--border);border-radius:8px} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-mgr-add input,:is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-mgr-add select,:is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-mgr-add .btn{height:34px;box-sizing:border-box} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-mgr-add .btn{display:inline-flex;align-items:center} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-search{position:relative;flex:1;min-width:180px} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-search input{width:100%} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-stat-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-stat-tile{background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:3px 10px;font-size:12px;color:var(--text2)} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-stat-chip{display:inline-block;background:var(--bg2);border:1px solid var(--border2);border-radius:12px;padding:1px 9px;margin:2px 3px 0 0;font-size:11.5px;color:var(--text2)} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-bars{margin-top:4px;max-width:520px} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-bar-row{display:flex;align-items:center;gap:8px;margin:2px 0;font-size:11.5px} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-bar-lbl{flex:0 0 96px;color:var(--text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-bar-track{flex:1;height:12px;background:var(--bg3);border-radius:6px;overflow:hidden} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-bar-fill{display:block;height:100%;border-radius:6px} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-bar-val{flex:0 0 52px;text-align:right;font-weight:700} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-suggest{display:none;position:absolute;left:0;right:0;top:calc(100% + 2px);z-index:10;background:var(--bg3);border:1px solid var(--border2);border-radius:8px;max-height:240px;overflow:auto;box-shadow:0 8px 24px rgba(0,0,0,.4)} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-suggest-item{display:flex;justify-content:space-between;gap:8px;padding:7px 10px;cursor:pointer;border-bottom:1px solid var(--border)} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-suggest-item:hover{background:var(--bg4)} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .maj-picked{font-size:12px;color:var(--accent3);min-width:110px} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) table.mmt th.mmt-th-info{cursor:pointer;user-select:none} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) table.mmt th.mmt-th-info:hover{color:var(--text);text-decoration:underline} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-info{color:var(--accent3);font-size:10px;vertical-align:super} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) .mmt-tab-short{display:none} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) table.mmt.mmt-sticky2 th:nth-child(1),:is(#panel-us-sector,#panel-us-osc,#panel-us-screen) table.mmt.mmt-sticky2 td:nth-child(1){position:sticky;left:0;z-index:2;background:var(--bg2)} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) table.mmt.mmt-sticky2 th:nth-child(2),:is(#panel-us-sector,#panel-us-osc,#panel-us-screen) table.mmt.mmt-sticky2 td:nth-child(2){position:sticky;left:44px;z-index:2;background:var(--bg2)} :is(#panel-us-sector,#panel-us-osc,#panel-us-screen) table.mmt.mmt-sticky2 thead th:nth-child(1),:is(#panel-us-sector,#panel-us-osc,#panel-us-screen) table.mmt.mmt-sticky2 thead th:nth-child(2){z-index:3;background:var(--bg3)}