/* ══════════════════════════════════════════════════════════════
   HOME VISIT SYSTEM — ระบบเยี่ยมบ้านนักเรียน (CSS)
   แยกออกจาก index.html เพื่อให้โค้ดหลักไม่ยาวเกินไป
══════════════════════════════════════════════════════════════ */

/* ── Home Visit ──────────────────────────────────────── */
.hv-status-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:700}
.hv-status-visited{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}
.hv-status-incomplete{background:#fff7ed;color:#d97706;border:1px solid #fde68a}
.hv-status-pending{background:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb}
.hv-tab-btn{padding:8px 16px;border:none;background:transparent;border-bottom:3px solid transparent;font-family:inherit;font-size:13px;font-weight:600;color:var(--g500);cursor:pointer;transition:all .15s;white-space:nowrap}
.hv-tab-btn.active{color:var(--blue);border-bottom-color:var(--blue)}

/* ── HV Form (compact, matches home_visit.html style) ── */
.hv-section{font-size:12.5px;font-weight:700;color:#1a2e4c;background:linear-gradient(90deg,#eef2f9,transparent);border-left:4px solid #1a2e4c;border-bottom:1px solid #dde3ee;padding:6px 8px;margin:14px 0 8px;border-radius:0 4px 4px 0}
.hv-section:first-child{margin-top:0}
.hv-card{background:#fbfcfe;border:1px solid #e5e9f0;border-radius:8px;padding:12px 14px}
.hv-field{margin-bottom:6px}
.hv-field label{display:block;font-size:11px;font-weight:600;color:#374151;margin-bottom:2px}
.hv-cb-group{display:flex;flex-wrap:wrap;gap:3px 10px;margin:3px 0 4px}
.hv-cb{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;cursor:pointer;white-space:nowrap}
.hv-cb input[type=checkbox],.hv-cb input[type=radio]{width:13px;height:13px;cursor:pointer;accent-color:#1a2e4c;flex-shrink:0}
.hv-rel-tbl th,.hv-rel-tbl td{border:1px solid #d1d5db;padding:3px 4px;text-align:center;font-size:10.5px}
.hv-rel-tbl th{background:#f3f4f6;font-weight:600}
.hv-row{display:grid;gap:6px;margin-bottom:6px}
.hv-row-2{grid-template-columns:1fr 1fr}
.hv-row-3{grid-template-columns:1fr 1fr 1fr}
.hv-row-4{grid-template-columns:1fr 1fr 1fr 1fr}
.hv-rel-tbl{width:100%;border-collapse:collapse;font-size:12px}
.hv-rel-tbl th{background:var(--g50);border:1px solid var(--border);padding:6px 8px;text-align:center;font-weight:600;font-size:11px}
.hv-rel-tbl td{border:1px solid var(--g200);padding:5px 6px;text-align:center}
@media print{
  .no-print{display:none!important}
  #hv-print-area{display:block!important}
  body>*:not(#hv-print-area){display:none!important}
  #hv-print-area{font-family:'Sarabun',sans-serif;font-size:12pt;margin:0;padding:0}
}