html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}
/* 인증 앱 등록 QR(KNK-071) */
.qr-box svg {
  width: 220px;
  height: 220px;
  display: block;
}

/* 오류가 없을 때 검증 요약(빨간 상자)을 숨긴다 */
.validation-summary-valid {
  display: none;
}

/* 상품 사진 미리보기(KNK-075) */
.admin-thumb {
  width: 160px;
  height: 160px;
  object-fit: cover;
  border-radius: 6px;
}

/* 감사 기록 JSON 칸(KNK-079) */
.audit-json { max-width: 28rem; }

/* 카테고리 트리 들여쓰기(KNK-027) */
.cat-depth-1 { padding-left: 1.25rem; }
.cat-depth-2 { padding-left: 2.5rem; }
.cat-depth-3 { padding-left: 3.75rem; }
.cat-depth-4 { padding-left: 5rem; }
.cat-depth-5 { padding-left: 6.25rem; }
.cat-depth-6 { padding-left: 7.5rem; }
.cat-depth-7 { padding-left: 8.75rem; }
.cat-depth-8 { padding-left: 10rem; }
.cat-depth-9 { padding-left: 11.25rem; }