/* ── 基礎 ────────────────────────────────────── */
html { font-size: 15px; }

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

body { background-color: #f5f6fa; }

/* ── 必填標籤 ────────────────────────────────── */
.required-label::after {
    content: " *";
    color: #dc3545;
}

/* ── 表格欄位寬度 ────────────────────────────── */
.w-35 { width: 35%; }

/* ── 查核項目卡片 ────────────────────────────── */
.card { border-radius: .6rem; }
.card-header { border-radius: .6rem .6rem 0 0 !important; font-weight: 600; }

/* ── 手機拍照按鈕放大 ────────────────────────── */
@media (max-width: 576px) {
    input[type="file"] { font-size: 1rem; padding: .6rem; }
    .btn { min-height: 42px; }
    th, td { font-size: .85rem; }
}

/* ── 查核項目 radio 行距 ─────────────────────── */
.form-check-inline { margin-bottom: .25rem; }

/* ── 照片預覽動畫 ────────────────────────────── */
#photoPreview { transition: opacity .3s ease; }

/* ── Navbar 品牌字 ───────────────────────────── */
.navbar-brand { letter-spacing: .02rem; font-size: 1.1rem; }

.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;
}