/* 인바디 상세 반응형 · 맨 마지막에 로드 */

/* 왼쪽 열이 전역 main 스타일(최대폭 820·가운데 정렬)을 물려받지 않게 */
.ibx-columns > main,
.ibx-columns > aside {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  min-width: 0;
}
.ibx-columns > main > *,
.ibx-columns > aside > * {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box;
}

/* 폭에 따라 열 수 */
.ibx-columns { display: grid !important; gap: 16px; align-items: start; }
@media (min-width: 1180px) {
  .ibx-columns { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); }
}
@media (max-width: 1179px) {
  .ibx-columns { grid-template-columns: 1fr; }
}

/* 섹션 속 카드들 — 폭에 맞춰 자동 줄바꿈 */
.ibx-section { margin: 0 0 16px !important; }
.ibx-metrics, .ibx-metrics.two, .ibx-control, .ibx-extra-grid, .ibx-history-grid, .ibx-cal-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
  gap: 0 !important;
}

/* 체성분 행: 이름 | 값 | 막대 — 좌은 화면에서는 막대를 아래로 */
.ibx-analysis-row {
  display: grid !important;
  grid-template-columns: minmax(110px, 1fr) auto minmax(0, 1.6fr) !important;
  gap: 12px !important;
  align-items: center;
}
@media (max-width: 720px) {
  .ibx-analysis-row { grid-template-columns: 1fr auto !important; }
  .ibx-analysis-row > :nth-child(3), .ibx-analysis-row .ibx-range { grid-column: 1 / -1; }
}
.ibx-range, .ibx-track { width: 100%; max-width: 100%; }

/* 상단 머리글(신장·나이·성별·검사일시) 줄바꿈 */
.ibx-sheet header, .ibx-head, .ibx-meta { flex-wrap: wrap; row-gap: 6px; }

/* 운동소비열량·임피던스 표 */
.ibx-table-scroll, .ibx-impedance, .ibx-exercise { overflow-x: auto; max-width: 100%; }