/* ===== 공통 페이지 래퍼 ===== */
.coin-page, .xrp-page {max-width:1160px;margin:0 auto;padding:10px;overflow-x:hidden;box-sizing:border-box}
.entry-content .coin-page, .wp-block-html .coin-page,
.entry-content .xrp-page, .wp-block-html .xrp-page{max-width:100%}

/* 패널/카드 */
.coin-panel, .xrp-card {background:#fff;border:1px solid #e9eaef;border-radius:12px;padding:16px;margin:12px 0;box-shadow:0 1px 2px rgba(0,0,0,.03);overflow:hidden}
.xrp-card { overflow: visible; } /* Apex tooltip 가림 방지 */
.coin-panel .apexcharts-tooltip, .xrp-card .apexcharts-tooltip{ z-index:9999 !important; pointer-events:none; }

/* 버튼/뱃지/노트 */
.coin-badge, .xrp-badge{display:inline-block;background:#eef3ff;color:#3a57ff;border-radius:6px;padding:2px 8px;font-size:12px;margin-left:8px}
.coin-updated, .xrp-updated{font-size:12px;color:#666;margin-top:6px}
.coin-note, .xrp-note{font-size:12px;color:#667085;line-height:1.66}

/* KPI 그리드 */
.coin-kpi-grid, .xrp-hero__stats {display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:10px}
@media(max-width:1000px){.coin-kpi-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.coin-kpi-grid{grid-template-columns:repeat(2,1fr)}}
.coin-kpi, .xrp-hero__stats>div{background:#fafafa;border:1px solid #eee;border-radius:10px;padding:10px}
.coin-kpi__label, .xrp-stat__label{font-size:12px;color:#666}
.coin-kpi__value, .xrp-stat__value{font-size:20px;font-weight:700}

/* 색상 유틸 */
.coin-pos, .xrp-pos{color:#0a8f08}
.coin-neg, .xrp-neg{color:#d93025}

/* 타임프레임 토글 */
.coin-tf__btn, .xrp-tf__btn{border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:6px 10px;font-size:12px;cursor:pointer}
.coin-tf__btn--active, .xrp-tf__btn--active{background:#111827;color:#fff;border-color:#111827}

/* 오버레이 칩 바 */
#ASSET_SLUG-ovbar, .xrp-ovbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:6px 0 10px}
.coin-chip, .xrp-chip{border:1px solid #e5e7eb;border-radius:9999px;background:#f8fafc;padding:4px 10px;font-size:12px;cursor:pointer;user-select:none}
.coin-chip.on, .xrp-chip.on{background:#111827;color:#fff;border-color:#111827}

/* 표 공통 */
.coin-table, .xrp-table{width:100%;border-collapse:collapse}
.coin-table th,.coin-table td,.xrp-table th,.xrp-table td{border:1px solid #eee;padding:8px}
.coin-table th,.xrp-table th{background:#fafafa}

/* 차트/래퍼 보정 */
.coin-chart-wrap, .xrp-chart-wrap{width:100%;max-width:100%;overflow:visible;position:relative}
.coin-page .apexcharts-gridline,
.coin-page .apexcharts-xaxis line,
.coin-page .apexcharts-yaxis line,
.xrp-page .apexcharts-gridline,
.xrp-page .apexcharts-xaxis line,
.xrp-page .apexcharts-yaxis line{ stroke-opacity:.15; }

.coin-page .apexcharts-series path,
.xrp-page .apexcharts-series path{ stroke-opacity:1 !important; opacity:1 !important; }
.xrp-card .apexcharts-line-series .apexcharts-series-path{ filter: drop-shadow(0 0 0.75px rgba(0,0,0,.25)); }

/* 높이 고정: 어떤 자산이든 -price-chart, -volume-chart id에 적용 */
div[id$="-price-chart"]{ height:480px; }
div[id$="-volume-chart"]{ margin-top:12px !important; }

/* 시그널/게이지 */
.ta-meter{background:#f3f4f6;border-radius:10px;height:10px;overflow:hidden}
.ta-meter-bull{height:10px;background:#16a34a}
.ta-meter-bear{height:10px;background:#ef4444}
.sent-badge{display:inline-block;padding:2px 8px;border-radius:8px;font-size:12px;border:1px solid #e5e7eb}
.sent-bull{background:#ecfdf5;color:#065f46;border-color:#a7f3d0}
.sent-bear{background:#fef2f2;color:#991b1b;border-color:#fecaca}
.sent-neutral{background:#f3f4f6;color:#111827;border-color:#e5e7eb}

/* 탭 */
.coin-tabbar{display:flex;gap:6px;margin-bottom:6px}
.coin-tab{border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:6px 10px;font-size:12px;cursor:pointer}
.coin-tab--active{background:#111827;color:#fff;border-color:#111827}

/* 레벨 칩 */
.levels-grid{display:grid;grid-template-columns:repeat(7,minmax(80px,1fr));gap:8px}
.level-chip{background:#fafafa;border:1px solid #eee;border-radius:8px;padding:6px}
.level-chip .label{font-size:11px;color:#6b7280}
.level-chip .value{font-weight:700}

/* ---- Apex 차트 가시성/툴팁 보정 ---- */
.coin-page .apexcharts-canvas,
.coin-page .apexcharts-svg{ max-width:100% !important; }
.coin-page .apexcharts-series path{ stroke-opacity:1 !important; opacity:1 !important; }
.coin-page .apexcharts-line-series .apexcharts-series-path{
  filter: drop-shadow(0 0 0.75px rgba(0,0,0,.25));
}
.coin-page .apexcharts-series path.apexcharts-series-markers,
.coin-page .apexcharts-series path.apexcharts-series-path{
  stroke: inherit !important; /* inline stroke 값을 살림 (url(#..) 무력화 보조) */
}
.coin-page .apexcharts-tooltip{
  z-index: 9999 !important;
  pointer-events: none;
}

/* ---- 통합 차트 높이 여유 ---- */
#price-chart, #xrp-price-chart{ height: 480px; }

/* ---- FNG 게이지/라인 래퍼 높이 ---- */
[id$="-fng-gauge"]{ min-height: 220px; }
[id$="-fng-line-apex"]{ height: 180px; }

/* ---- 기술적 분석 요약 게이지/배지 ---- */
.ta-row{ display:flex; gap:10px; align-items:center; }
#ta-bull-bar, #ta-bear-bar{ height:8px; border-radius:8px; min-width:20px; }
#ta-bull-bar{ background:linear-gradient(90deg,#4ade80,#22c55e,#16a34a); }
#ta-bear-bar{ background:linear-gradient(90deg,#fca5a5,#ef4444,#dc2626); }
.sent-bull{ background:#e6f9ee; color:#0f766e; }
.sent-bear{ background:#feeaeb; color:#b91c1c; }
.sent-neutral{ background:#eef2f9; color:#475569; }
.ta-meter{ display:flex; height:12px; border-radius:6px; overflow:hidden; background:#f3f4f6; }
.ta-meter-bull{ background:#16a34a; }
.ta-meter-bear{ background:#ef4444; }
.ta-meter-bull, .ta-meter-bear{ flex-shrink:0; }