/* ============================================================
   친화적(friendly) 톤 오버라이드 — 모바일 (P0 9~14)
   mobile-*.css 위에 얹는 사본 전용 CSS (마지막에 로드)
   ============================================================ */
@media (max-width: 850px) {

  /* 12. AI 감시 위젯 제거 → 위험 전이로 대체 */
  body[data-page="dashboard"] .mobile-app-status__monitor { display: none !important; }
  body[data-page="dashboard"] .mobile-app-status .mobile-app-actions { margin-left: auto; }

  body[data-page="dashboard"] .situation-brief .desktop-analysis-status.situation-risk-transmission {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    min-height: 0;
    padding: 14px 0 0;
    border: 0 !important;
    background: transparent;
    box-shadow: none;
  }
  body[data-page="dashboard"] .situation-risk-transmission h3 {
    margin: 0;
    color: #a4b6cc;
    font: 650 13px/1.5 var(--sans);
    letter-spacing: 0;
  }
  body[data-page="dashboard"] .risk-transmission-flow {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  body[data-page="dashboard"] .risk-transmission-flow li {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    min-width: 0;
    color: #c8d5e4;
    font: 550 14px/1.6 var(--sans);
    overflow-wrap: anywhere;
    word-break: keep-all;
  }
  body[data-page="dashboard"] .risk-transmission-flow li + li::before {
    content: "↓";
    color: #7893b4;
    line-height: 1;
    margin-top: 4px;
  }
  body[data-page="dashboard"] .risk-transmission-empty {
    margin: 0;
    color: #91a6be;
    font: 500 13px/1.6 var(--sans);
  }
  body[data-page="dashboard"] .situation-risk-transmission [hidden] { display: none; }

  /* 11. 사건 카드 "관련 영상" 썸네일 접기: 기본 숨김, 클릭 시 펼침 */
  body[data-page="dashboard"] .event-card .event-video-toggle {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 10px;
    padding: 6px 11px;
    border: 1px solid rgba(140, 165, 195, .18);
    border-radius: 999px;
    background: rgba(18, 28, 44, .55);
    color: #8fa9cb;
    font: 600 12px/1 var(--sans);
    cursor: pointer;
  }
  body[data-page="dashboard"] .event-card .event-video-toggle i { font-style: normal; font-size: 10px; }
  body[data-page="dashboard"] .event-card .event-card__details { display: none; }
  body[data-page="dashboard"] .event-card.is-video-open .event-card__details { display: block; }

  /* 9. 추세/신호/사건 탭 */
  body[data-page="dashboard"] .mobile-section-tabs {
    display: flex;
    gap: 4px;
    margin: 12px 16px 0;
    padding: 4px;
    border: 1px solid rgba(140, 165, 195, .18);
    border-radius: 999px;
    background: rgba(18, 28, 44, .55);
  }
  body[data-page="dashboard"] .mobile-section-tabs button {
    flex: 1 1 0;
    min-width: 0;
    padding: 8px 0;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #8a97a6;
    font: 600 12px/1 var(--sans);
    cursor: pointer;
  }
  body[data-page="dashboard"] .mobile-section-tabs button.active {
    color: #dbe6f2;
    background: rgba(134, 164, 202, .24);
  }
  /* 기본(추세): 신호·사건 숨김 */
  body[data-page="dashboard"] .trend-signals-grid .intelligence-grid,
  body[data-page="dashboard"] .events-panel { display: none !important; }
  /* 신호 탭 */
  body[data-page="dashboard"][data-mobile-tab="signals"] .trend-signals-grid .trend-panel { display: none !important; }
  body[data-page="dashboard"][data-mobile-tab="signals"] .trend-signals-grid .intelligence-grid { display: block !important; }
  /* 사건 탭 */
  body[data-page="dashboard"][data-mobile-tab="events"] .trend-signals-grid { display: none !important; }
  body[data-page="dashboard"][data-mobile-tab="events"] .events-panel { display: block !important; }
}