.panel {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: var(--surface-raised);
}

.panel__head {
  display: flex;
  align-items: flex-start;
  gap: var(--space-inline-sm);
  padding: var(--space-inset-md);
  border-bottom: var(--border-width) solid var(--border-default);
}

.panel__heading { flex: 1; min-width: 0; }
.panel__title { font-size: var(--font-title); line-height: var(--line-title); }
.panel__sub { color: var(--text-muted); font-size: var(--font-label); }

.panel__body { flex: 1; padding: var(--space-inset-md); overflow: auto; }

/* 없음: 하단 액션 영역의 공통 규격 */
.panel__foot {
  padding: var(--space-inset-md);
  border-top: var(--border-width) solid var(--border-default);
  color: var(--text-muted);
}