/* *.camp.itda.work 공용 — Tailwind v4(CDN, 유틸리티)가 못 덮는 곳만: 글꼴, 표, 코드, JS 가 className 으로 바꾸는 상태색(.num .ok .warn).
   레이어 밖의 평범한 CSS 라 Tailwind 유틸리티보다 우선한다 — 그래서 표 셀에는 유틸리티 클래스를 쓰지 않는다. */
:root{--font:-apple-system,"Apple SD Gothic Neo","Pretendard",system-ui,"Segoe UI",sans-serif;--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --line:#e7e5e4;--head:#f5f5f4;--muted:#78716c;--card:#fff;--ok:#15803d;--warn:#b91c1c;--pre:#fafaf9}
@media (prefers-color-scheme:dark){:root{--line:#292524;--head:#1c1917;--muted:#a8a29e;--card:#1c1917;--ok:#4ade80;--warn:#f87171;--pre:#0c0a09}}
html{font-family:var(--font)}
code,pre,kbd{font-family:var(--mono);font-size:.875em}
pre{background:var(--pre);border:1px solid var(--line);border-radius:.75rem;padding:.875rem 1rem;overflow:auto;line-height:1.6;white-space:pre}
p code,li code,td code{background:var(--head);border:1px solid var(--line);border-radius:.375rem;padding:.05em .35em;font-size:.82em}
.data{width:100%;border-collapse:separate;border-spacing:0;font-size:.92rem;background:var(--card)}
.data th,.data td{text-align:left;padding:.6rem .8rem;border-bottom:1px solid var(--line);vertical-align:top}
.data th{background:var(--head);color:var(--muted);font-weight:600;font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.data tbody tr:last-child td{border-bottom:0}
.data tbody tr:hover td{background:color-mix(in srgb,var(--head) 55%,transparent)}
.data td:first-child{font-weight:600;white-space:nowrap}
.num{text-align:right!important;font-variant-numeric:tabular-nums;white-space:nowrap}
.ok{color:var(--ok);font-weight:700}.warn{color:var(--warn);font-weight:700}
.badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.6rem;height:1.6rem;border-radius:9999px;background:#b45309;color:#fff;font-size:.75rem;font-weight:700}
@media (max-width:640px){.data{font-size:.82rem}.data th,.data td{padding:.45rem .5rem}}