/* Realdex 시세 흐름 부품 스타일(rpc.css) v202610220600 — rpc.js 와 짝. 모든 규칙은 .rpc 아래(사이트 스타일과 안 겹치게).
   그림 부분은 종합분석 페이지 시안 2차(18차)와 같다. */
.rpc{
  --ink:#0f172a;--ink2:#111c30;--sub:#64748b;--faint:#94a3b8;--line:#e6ebf1;--grid:#eef1f6;--bg:#f4f6f9;
  --green:#16a34a;--greenD:#15803d;--band:rgba(22,163,74,.11);--dot:rgba(22,163,74,.20);--nom:#b8c2cf;
  --cpi:#b45309;--peak:#f87171;--vol:#64748b;--vol2:#e2e8f0;--jeon:#0d9488;--sale:#c2410c;
  --cancel:#a3adba;--gift:#7c3aed;--odd:#ea580c;--ma24:#0284c7;--ma48:#4f46e5;--pres:#cbd5e1;
}
.rpc .mhd{display:flex;align-items:baseline;gap:8px;margin:-2px 0 4px}
.rpc .mhd b{font-size:20px;font-weight:800;letter-spacing:-.4px}
.rpc .mhd small{font-size:11.5px;color:var(--sub)}
.rpc #brush{margin-top:6px}
.rpc #dnote th{white-space:nowrap}
.rpc .mcap{display:flex;flex-wrap:wrap;gap:2px 10px;font-size:11px;color:var(--sub);margin-top:6px;line-height:1.45}
.rpc .mcap span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.rpc .dhead{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:flex-end;margin-bottom:10px}
.rpc .big{font-size:26px;font-weight:800;letter-spacing:-.6px;line-height:1.2}
.rpc .big small{font-size:13px;font-weight:600;color:var(--sub);margin-left:8px;letter-spacing:0}
.rpc .hsub{font-size:12px;color:var(--sub)}
.rpc .chips{display:flex;flex-wrap:wrap;gap:6px}
.rpc .chip{font-size:12px;border-radius:6px;padding:3px 8px;background:#f1f5f9;color:#334155}
.rpc .chip.dn{background:#eff6ff;color:#1d4ed8}
.rpc .chip.up{background:#fef2f2;color:#b91c1c}
.rpc .chip.tl{background:#f0fdfa;color:#0f766e}
.rpc .ctl{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;margin:4px 0 10px;font-size:12.5px}
.rpc .seg{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff}
.rpc .seg button{border:0;background:#fff;padding:5px 9px;font-size:12.5px;cursor:pointer;color:var(--ink);border-right:1px solid var(--line);font-family:inherit}
.rpc .seg button:last-child{border-right:0}
.rpc .seg button.on{background:var(--ink);color:#fff}
.rpc select{font-size:12.5px;padding:4px 6px;border:1px solid var(--line);border-radius:8px;background:#fff;font-family:inherit}
.rpc .opts{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12.5px;color:#334155;margin:-2px 0 10px}
.rpc label.ck{display:inline-flex;gap:4px;align-items:center;cursor:pointer;white-space:nowrap}
.rpc .dgrid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:start}
.rpc #detail{position:relative;touch-action:pan-y}
.rpc #detail svg, .rpc #mini svg{display:block;width:100%;height:auto}
.rpc .tip{position:absolute;pointer-events:none;background:rgba(15,23,42,.94);color:#fff;font-size:12px;line-height:1.55;border-radius:8px;padding:8px 10px;max-width:270px;z-index:5;display:none}
.rpc .tip.fix{position:relative;max-width:none;margin-bottom:6px;border-radius:10px;height:172px;overflow:hidden}
.rpc .tip.fix.idle{background:#f1f5f9;color:#475569}
.rpc .tip.fix.idle .mu{color:#64748b}
.rpc .tip b{font-weight:700}
.rpc .tip .mu{color:#cbd5e1}
.rpc .legend{display:flex;flex-wrap:wrap;gap:5px 14px;font-size:11.5px;color:#475569;margin-top:8px}
.rpc .legend span{display:inline-flex;align-items:center;gap:5px}
.rpc .dnote{font-size:13px;color:#334155;min-width:0}
.rpc .dnote p{margin:0 0 8px}
.rpc .dnote b{color:var(--ink)}
.rpc .dnote table{width:100%;border-collapse:collapse;font-size:12px;margin-top:4px}
.rpc .dnote th, .rpc .dnote td{padding:5px 4px;border-top:1px solid #e9eef3;text-align:right}
.rpc .dnote th:first-child, .rpc .dnote td:first-child{text-align:left}
.rpc .dnote th{color:var(--sub);font-weight:600}
.rpc .dnote .fn{font-size:11px;color:var(--faint);margin-top:6px}
.rpc .rx-sum{background:#f8fafc;border-radius:12px;padding:12px 16px 10px;margin:6px 0 0}
.rpc .rx-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;font-size:13px;font-weight:800;color:var(--ink);margin:0 0 6px}
.rpc .rx-h span{font-size:11.5px;font-weight:600;color:var(--faint)}
.rpc .rx-sum ul{list-style:none;margin:0;padding:0}
.rpc .rx-sum li{position:relative;padding-left:12px;font-size:14px;line-height:1.7;color:#334155}
.rpc .rx-sum li::before{content:'';position:absolute;left:1px;top:.78em;width:4px;height:4px;border-radius:50%;background:#94a3b8}
.rpc .rx-sum b{color:var(--ink);font-weight:700}
.rpc .rx-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px;margin-top:16px}
.rpc .rx-grp{min-width:0;border-top:1px solid #e9eef3;padding-top:10px}
.rpc .rx-grp.rx-w{grid-column:1/-1}
.rpc .rx-kv{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;margin:0;font-size:13px;line-height:1.5}
.rpc .rx-kv dt{color:var(--sub)}
.rpc .rx-kv dd{margin:0;text-align:right;color:var(--ink);font-variant-numeric:tabular-nums}
.rpc .rx-kv dd small{font-size:11.5px;color:var(--faint);margin-left:2px}
.rpc .rx-kv b{font-weight:700}
.rpc .rx-t{width:100%;border-collapse:collapse;font-size:12.5px;font-variant-numeric:tabular-nums}
.rpc .rx-t th, .rpc .rx-t td{padding:5px 4px;border-top:1px solid #eef2f6;text-align:right}
.rpc .rx-t th{color:var(--sub);font-weight:600;border-top:0;white-space:nowrap}
.rpc .rx-t th:first-child, .rpc .rx-t td:first-child{text-align:left}
.rpc .rx-t tr.me td{font-weight:700;color:var(--ink)}
.rpc .rx-t i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:6px}
.rpc .rx-x{font-size:12.5px;color:var(--sub);margin:0}
.rpc .rx-how{margin-top:16px;border-top:1px solid #e9eef3;padding-top:10px}
.rpc .rx-how summary{cursor:pointer;font-size:12.5px;font-weight:700;color:#475569}
.rpc .rx-how dl{display:grid;grid-template-columns:8em minmax(0,1fr);gap:8px 12px;margin:10px 0 0;font-size:11.5px;line-height:1.6;color:#64748b}
.rpc .rx-how dt{font-weight:700;color:#475569}
.rpc .rx-how dd{margin:0}
@media (max-width:479px){.rpc #dnote table{font-size:11px}.rpc #dnote td, .rpc #dnote th{padding-left:3px;padding-right:3px}}
@media (max-width:599px){.rpc .rx-grid{grid-template-columns:minmax(0,1fr);gap:12px}.rpc .rx-how dl{grid-template-columns:minmax(0,1fr);gap:2px 0}.rpc .rx-how dd{margin-bottom:8px}.rpc .rx-sum{padding:10px 12px 8px}.rpc .rx-sum li{font-size:13.5px}.rpc .rx-t{font-size:11.5px}.rpc .rx-t th, .rpc .rx-t td{padding:5px 3px}}
@media (max-width:860px){.rpc .dgrid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:480px){.rpc .big{font-size:22px}}
.rpc #tabs{display:none}
.v3blk.rpc .dgrid{margin-top:4px;grid-template-columns:minmax(0,1fr);gap:14px}

/* ── 부품 상태(rpc.js 가 칸에 붙임) ──
   그리기 전(rpc-wait)·받기 실패(rpc-fail)·거래 적음(rpc-none) = 칸 안 정적 요약(.rpc-static)만 보이고 그림 자리는 접힘.
   그린 뒤(rpc-on) = 정적 요약을 숨김(같은 내용이 두 번 보이지 않게). */
.rpc[data-rpc]:not(.rpc-on) #mini,
.rpc[data-rpc]:not(.rpc-on) #csub,
.rpc[data-rpc]:not(.rpc-on) #dhead,
.rpc[data-rpc]:not(.rpc-on) #ctl,
.rpc[data-rpc]:not(.rpc-on) #opts,
.rpc[data-rpc]:not(.rpc-on) .dgrid{display:none}
.rpc.rpc-on .rpc-static{display:none!important}
.rpc .rpc-msg{margin:2px 0 10px;font-size:13px;line-height:1.6;color:var(--sub)}
/* 종합분석 페이지 첫 화면 칸(.v3price)의 정적 두 줄(.rpc-mstatic, _rpc_inject.py)은 받기 실패·거래 적음일 때만 보인다.
   받는 중에는 감춰 그림이 뜰 때 글이 깜빡이지 않게, 실패하면 빈 틀 대신 최근 실거래 사실을 보이게(10-22 할 일 C). */
.v3price.rpc[data-rpc="mini"]:not(.rpc-fail):not(.rpc-none) .rpc-static{display:none}
.rpc .rpc-mstatic p{margin:0 0 2px;font-size:13px;line-height:1.6;color:#334155}