/* 건강 데이터 요약 */
.health-summary-grid { display: grid; grid-template-columns: repeat(5,1fr); gap: 0.75rem; margin-bottom: 2rem; }
.health-metric { display: flex; flex-direction: column; align-items: center; gap: 0.25rem; padding: 1.25rem 0.5rem; text-align: center; }
.hm-icon { font-size: 1.75rem; }
.hm-label { font-size: 0.8rem; color: var(--text-muted); font-weight: 600; }
.hm-value { font-size: 1.4rem; font-weight: 800; color: var(--primary); }
.hm-value small { font-size: 0.7rem; font-weight: 500; color: var(--text-muted); margin-left: 2px; }
.hm-avg { font-size: 0.7rem; color: var(--text-muted); }

/* 차트 영역 */
.health-charts-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: 2rem; }
.health-chart-card { padding: 1.5rem; }
.health-chart-card h3 { font-size: 1rem; font-weight: 700; margin-bottom: 1rem; }

/* 수동 입력 */
.health-entry-card { padding: 1.5rem; margin-bottom: 2rem; }
.health-entry-card h3 { font-size: 1rem; font-weight: 700; margin-bottom: 0.25rem; }
.health-form-grid { display: grid; grid-template-columns: repeat(5,1fr); gap: 0.75rem; margin-top: 1rem; }

/* 기기 연동 */
.health-conn-section { margin-bottom: 2rem; }
.health-conn-section h3 { font-size: 1.1rem; font-weight: 700; margin-bottom: 1rem; }
.health-conn-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 0.75rem; }
.health-conn-card { display: flex; flex-direction: column; align-items: center; gap: 0.5rem; padding: 1.25rem; text-align: center; }
.health-conn-card.connected { border-color: var(--primary); background: var(--bg-soft); }
.hc-icon { font-size: 1.75rem; }
.hc-name { font-size: 0.9rem; font-weight: 700; }
.hc-status { font-size: 0.75rem; color: var(--secondary); font-weight: 600; }
.hc-status.off { color: var(--text-muted); }

/* 반응형 */
@media (max-width: 768px) {
    .health-summary-grid { grid-template-columns: repeat(3,1fr); }
    .health-charts-row { grid-template-columns: 1fr; }
    .health-form-grid { grid-template-columns: 1fr 1fr; }
    .health-conn-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 480px) {
    .health-summary-grid { grid-template-columns: repeat(2,1fr); }
    .health-form-grid { grid-template-columns: 1fr; }
    .health-conn-grid { grid-template-columns: 1fr; }
}