/* ============================================================
   ai.css — AI 모니터링 결과 패널
   total.html (.ai-report)
   infra / network / license (.ai-content / .ai-item)
   ============================================================ */

/* ── total.html AI 리포트 컨테이너 ── */
.ai-report {
  font-size: var(--text-base);
  line-height: 1.7;
  color: #e0e0e0;
  background: transparent;
  padding: 18px 20px;
  border-radius: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 16px;
  overflow-y: auto;
  min-height: 0;
  width: 100%;
  word-break: break-all;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
  font-weight: 400;
}

/* ── 공통 AI 항목 행 ── */
.ai-bullet {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  width: 100%;
}
.ai-dot {
  min-width: 10px;
  height: 10px;
  background: var(--purple);
  border-radius: 50%;
  margin-top: 7px;
  flex-shrink: 0;
}
.ai-text { 
  flex: 1; 
  font-size: var(--text-base);
  line-height: 1.7;
  color: #e0e0e0;
  font-weight: 400;
}

/* ── detail 페이지 AI 콘텐츠 영역 ── */
.ai-content {
  padding: 18px 20px;
  background: transparent;
  flex: 1;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 0;
  min-height: 0;
}

/* ── detail 페이지 AI 항목 ── */
.ai-item {
  display: flex;
  gap: 14px;
  padding: 16px 0;
  border-bottom: 1px solid #1c1f26;
  font-size: var(--text-base);
  line-height: 1.7;
  align-items: flex-start;
  font-weight: 400;
  color: #e0e0e0;
}
.ai-item:first-child {
  padding-top: 0;
}
.ai-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.ai-item .ai-dot { 
  margin-top: 7px; 
  min-width: 10px;
  height: 10px;
}

/* ── AI 닷 색상 유틸리티 ── */
.d-red    { background: #ff1744; box-shadow: 0 0 6px #ff1744; }
.d-yellow { background: #ffea00; box-shadow: 0 0 6px #ffea00; }
.d-green  { background: #00e676; box-shadow: 0 0 6px #00e676; }

/* ── AI 텍스트 색상 유틸리티 ── */
.t-red    { color: #ff1744; font-weight: bold; }
.t-yellow { color: #ffea00; font-weight: bold; }
.t-green  { color: #00e676; font-weight: bold; }
.t-white  { color: #fff;    font-weight: bold; }