/* M02 구조물집계표 아래 설계 컨테이너 — 머리 줄 · 도면 미리보기 · 상세 산출근거 표. */

/* 표 밖 형제 자리 — 비어 있을 때 메인 간격이 벌어지지 않게 칸을 지움. */
.m02-main__extra {
  display: contents;
}

.m02-struct {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8);
  padding-top: var(--spacing-12);
  border-top: 1px solid var(--color-border);
  min-width: 0;
}

.m02-struct__head,
.m02-struct__subhead {
  display: flex;
  align-items: center;
  gap: var(--spacing-12);
  min-width: 0;
}

.m02-struct__title,
.m02-struct__subtitle {
  margin: 0;
  overflow: hidden;
  color: var(--color-text);
  font-size: var(--text-body);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.m02-struct__no {
  padding: 0 var(--spacing-8);
  border-radius: var(--radius-md);
  background: color-mix(in srgb, var(--color-accent) 14%, transparent);
  color: var(--color-text);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.m02-struct__head .ui-btn,
.m02-struct__subhead .ui-btn {
  margin-left: auto;
  white-space: nowrap;
}

/* 미리보기 — 웹캐드는 높이를 부모에서 받음(`.m02-drawing` 이 flex: 1 1 0) */
.m02-struct__preview {
  display: flex;
  height: 24rem;
  min-height: 0;
  min-width: 0;
}

.m02-struct__sheet {
  min-width: 0;
}

.m02-struct__empty {
  margin: 0;
  padding: var(--spacing-16);
  color: var(--color-text-muted);
}