/* CSS Document */
.muted{color:#fff}
.pill{padding:.35rem .6rem;border:1px solid #d1d5db;border-radius:.75rem;background:#fff;color:#111827}
.inline-label{display:flex;align-items:center;gap:.5rem}
.tabular-nums{font-variant-numeric: tabular-nums}
select.pill{height:32px}
.err{color:#b45309}

/* ✅ 다크모드 */
.dark-mode .text-blue-700{ color:#66b0ff !important; }
.dark-mode .text-green-700{ color:#79e68c !important; }
.dark-mode .text-purple-700{ color:#bfa6ff !important; }
.dark-mode table{ background-color:#2c2c2c; color:#f0f0f0; }
.dark-mode th,
.dark-mode td{ border-color:#444 !important; }
.dark-mode thead th{ color:#f0f0f0 !important; }
.dark-mode .bg-blue-100,
.dark-mode .bg-gray-50{ background-color:#2e2e2e !important; }
.dark-mode select option,
.dark-mode select,
.dark-mode input{ color:#000 !important; }

/* ✅ 패널/카드/모달 기본(이 파일에서 누락된 클래스 보완) */
.panel{ background:#fff; border:1px solid #e5e7eb; }
.card { background:#fff; border:1px solid #e5e7eb; }
.modal{ background:#ffffff; border:1px solid #e5e7eb; box-shadow: 0 18px 60px rgba(0,0,0,.45); }
/* 이미지 타일/빈칸 배경(모달/카드 공통) */
.tile-bg{ background: rgba(0,0,0,.06); }
.dark-mode .tile-bg{ background: rgba(0,0,0,.35) !important; } /* ✅ 다크에서 더 진하게 */

/* ✅ 다크모드: 모달 배경 불투명/명확 */
.dark-mode .panel{ background:#2b2b2b !important; border-color:#3f3f3f !important; }
.dark-mode .card { background:#2f2f2f !important; border-color:#3f3f3f !important; }
.dark-mode .modal{ background:#1a1a1a !important; border-color:#4b5563 !important; }
.dark-mode #imgModal{ background: rgba(0,0,0,.70) !important; } /* 오버레이 더 진하게 */