/* finsearch 추가 스타일 */
.warning-flag-critical { @apply bg-red-100 text-red-800 border-red-300; }
.warning-flag-high { @apply bg-orange-100 text-orange-800 border-orange-300; }
.warning-flag-medium { @apply bg-yellow-100 text-yellow-800 border-yellow-300; }
.warning-flag-low { @apply bg-slate-100 text-slate-700 border-slate-300; }

.style-tag {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 9999px;
  font-size: 11px;
  font-weight: 500;
  background: #e0e7ff;
  color: #3730a3;
  margin-right: 4px;
  margin-bottom: 4px;
}
.style-tag.warning { background: #fef3c7; color: #92400e; }
.style-tag.danger { background: #fee2e2; color: #991b1b; }

/* ─── 모바일 반응형 ─────────────────────────── */

/* Alpine.js x-cloak — 초기 깜빡임 방지 */
[x-cloak] { display: none !important; }

/* 긴 URL·코드 줄바꿈 (모바일 가로 오버플로우 방지) */
.url-wrap, .font-mono, code {
  word-break: break-all;
  overflow-wrap: anywhere;
}

/* 가로 스크롤 가능한 테이블 컨테이너 */
.table-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* iOS 노치/홈인디케이터 안전영역 */
@supports (padding: env(safe-area-inset-top)) {
  body {
    padding-top: env(safe-area-inset-top);
    padding-bottom: env(safe-area-inset-bottom);
  }
}

/* 모바일에서 폰트 너무 작은 셀 한 단계 키움 */
@media (max-width: 640px) {
  .text-xs { font-size: 11.5px; }
  table { font-size: 12px; }
}