/* ============================================================
   친화적(friendly) 톤 오버라이드 v6 — 딥블루·글씨확대·여백
   원본 style.css / desktop-early-warning.css 위에 얹는 사본 전용 CSS
   (실제 사이트 index.html 에는 연결되어 있지 않음)
   ============================================================ */

/* ---------- 1. 색상 : 다크 유지 + 딥블루/네이비 ---------- */
:root {
  --bg: #0a101c;
  --surface: rgba(18, 28, 44, .9);
  --surface-solid: #131c2a;
  --surface-2: #162134;
  --text: #cbd5e0;
  --muted: #8a97a6;
  --faint: #5d6b7a;
  --cyan: #6fb0de;
  --teal: #5aa0cd;
  --yellow: #bda96e;
  --orange: #c98a55;
  --red: #c4655e;
  --red-soft: rgba(196, 101, 94, .14);
  --radius: 12px;
  --line: rgba(140, 165, 195, .16);
  --line-bright: rgba(150, 180, 210, .28);
}

/* 데스크톱 색상 레이어 통합: desktop-dashboard.css(--dashboard-*)의 네이비
   하드코딩을 friendly 딥블루 팔레트로 정렬해 이중 색상 충돌 제거. */
body[data-page="dashboard"] {
  --dashboard-surface: #131c2a;
  --dashboard-line: rgba(140, 165, 195, .16);
  --dashboard-accent: #6fb0de;
  background: #0a101c;
}
body[data-page="dashboard"] .dashboard-main { color: #cbd5e0; }

/* 데스크톱: 사건 카드 영상은 펼친 채 유지(모바일 접기 토글만 숨김) */
body[data-page="dashboard"] .event-card .event-video-toggle { display: none; }
body[data-page="dashboard"] .event-card .event-card__details { display: block; }

/* 데스크톱: 모바일 전용 섹션 탭은 숨김 */
body[data-page="dashboard"] .mobile-section-tabs { display: none !important; }

/* ---------- 2. HUD 장식·배경 제거/완화 ---------- */
body::before {
  background: radial-gradient(circle at 15% -5%, rgba(80, 130, 200, .10), transparent 28%),
              radial-gradient(circle at 83% 20%, rgba(196, 101, 94, .05), transparent 26%),
              linear-gradient(180deg, transparent, rgba(0, 0, 0, .2));
  opacity: .5;
}
.ambient-grid { opacity: .11; }
.panel::after { display: none !important; }

/* ---------- 3. 발광(글로우) 전부 제거 ---------- */
.status-dot,
.monitoring-state i,
.situation-causes li > i,
.desktop-signal-radar__legend i,
.signal-radar-dot.is-active::after,
.live-badge i,
.scan-pulse,
.event-region i,
.risk-bar i,
.hotspot-dot,
.map-region-list-item i,
.map-region-list-item--global i,
.mobile-analysis-stream i,
.mobile-analysis-query i,
.mobile-alert-count,
.classification--risk-status,
.brand-mark,
.primary-nav a::after,
.desktop-analysis-stream,
.desktop-analysis-stream::before,
.desktop-analysis-stream::after,
.desktop-analysis-stream i,
.desktop-analysis-live i,
.signal-meter span { box-shadow: none !important; }
.gauge-marker { filter: none !important; }

/* ---------- 4. 밝은 하드코딩 글씨 정리 ---------- */
.signal-item h3,
.signal-item--strongest h3,
.event-copy strong,
.event-video-copy strong,
.situation-metrics dd,
.event-region,
.global-risk-badge em,
.global-map-signal b,
.map-region-list-heading,
.map-insights strong,
.global-risk-copy b,
.region-card .region-driver,
.mobile-risk-summary dd,
.mobile-more-sheet__panel > a,
.mobile-more-sheet__panel > a span:first-child { color: #d0d8de !important; }

/* ---------- 5. 글씨 키우기 (작은 라벨 7~9px → 10~11px) ---------- */
.eyebrow { font-size: 11px !important; letter-spacing: .13em !important; }
.classification { font-size: 8.5px !important; }
.live-badge { font-size: 10px !important; }
.signal-state,
.signal-state--inline { font-size: 10px !important; }
.region-level { font-size: 10px !important; }
.region-code { font-size: 9px !important; }
.impact-badge { font-size: 10px !important; }
.signal-rank { font-size: 10px !important; }
.trend-stats small,
.change-chip small,
.updated-at small,
.region-change,
.events-head { font-size: 10px !important; }
.chart-axis,
.map-legend b,
.gauge-ticks text,
.signal-time,
.event-time,
.source-note > span,
.map-caption strong { font-size: 10px !important; }
.gauge-score small { font-size: 11px !important; }   /* "심각한 위험" 상태 라벨 */
.signal-item p { font-size: 13px !important; }       /* 신호 설명 */
.panel-heading h1,
.panel-heading h2 { font-size: 21px !important; }    /* 패널 제목 */

/* ---------- 6. 반경 둥글게 ---------- */
.language-control select,
.text-button,
.impact-badge,
.classification { border-radius: 10px !important; }
.situation-brief { border-radius: 14px !important; }
.map-region-list { border-radius: 10px !important; }
.global-risk-badge { border-radius: 10px !important; }

/* ---------- 7. 여백 확대 (데스크톱) ---------- */
@media (min-width: 1181px) {
  .gauge-panel,
  .trend-panel,
  .signals-panel,
  .events-panel { padding: 26px 24px 22px !important; }
  .trend-signals-grid { gap: 24px !important; }
}

/* ---------- 8. 날짜선택 → 둥근 캡슐 세그먼트 (활성=채운 알약) ---------- */
@media (min-width: 851px) {
  body[data-page="dashboard"] .trend-signals-grid .range-tabs {
    display: inline-flex;
    gap: 3px;
    padding: 3px;
    border: 1px solid rgba(140, 165, 195, .18) !important;
    border-radius: 999px;
    background: rgba(18, 28, 44, .55);
  }
  body[data-page="dashboard"] .trend-signals-grid .range-tabs button {
    min-width: 0;
    padding: 5px 12px;
    border: 0;
    border-radius: 999px;
    color: #8a97a6;
    background: transparent;
    font: 600 12px/1.5 var(--sans);
    letter-spacing: 0;
  }
  body[data-page="dashboard"] .trend-signals-grid .range-tabs button.active {
    color: #dbe6f2;
    background: rgba(134, 164, 202, .24);
    box-shadow: none;
  }
}