/*
 * 우리 화면 규약. INSPINIA 템플릿 CSS(app.css) 뒤에 실려 값만 덮는다.
 *
 * 왜 SCSS(_variables.scss)가 아니라 여기인가 —
 * 서버에 node/npx 가 없어 sass 재빌드를 할 수 없다. app.css 는 템플릿에서 나온
 * 그대로 두고, 우리가 바꾸는 몇 값만 이 파일이 갖는다. 손으로 고칠 수 있고
 * 업로드도 이 파일 하나면 끝난다.
 *
 * 색·간격의 큰 축은 여전히 _variables.scss 다. 여기에는 빌드 없이 못 넘어가는 것만 둔다.
 * 규칙이 늘어나 이 파일이 두꺼워지면 그때 SCSS 로 옮기고 한 번 빌드한다.
 *
 * 주의: 이 빌드의 부트스트랩 CSS 변수 접두사는 --bs- 가 아니라 --theme- 다.
 */

/* --------------------------------------------------------------------------
 * 상태 배지
 *
 * 부트스트랩 기본값 0.75em 은 부모 글자를 따라간다. 본문이 13px 이라
 * 표 안의 배지가 9.75px 까지 내려가 읽히지 않았다.
 * 상태 배지는 어디에 놓이든 같은 크기여야 하므로 rem 으로 못 박는다.
 * -------------------------------------------------------------------------- */
.badge {
    --theme-badge-font-size: 0.8125rem; /* 본문과 같은 13px */
    --theme-badge-padding-x: 0.5em;
}

/* --------------------------------------------------------------------------
 * 표 밀도
 *
 * 한 화면에 들어가는 줄 수가 곧 쓸모다. 목록 화면이 대부분이라 여백을 좁게 잡는다.
 * .table-sm 은 더 좁게 둬야 구분이 남는다.
 * -------------------------------------------------------------------------- */
.table > :not(caption) > * > * {
    padding: 0.5rem 0.5rem;
}

.table-sm > :not(caption) > * > * {
    padding: 0.35rem 0.4rem;
}