html,
body {
  margin: 0;
}

.app-layout {
  min-height: 100vh;
}

.app-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 var(--ant-padding-lg);
  background: var(--ant-color-bg-container);
  border-bottom: 1px solid var(--ant-color-border-secondary);
}

.app-header-left {
  display: inline-flex;
  align-items: center;
  gap: var(--ant-margin-lg);
}

.app-header-right {
  display: inline-flex;
  align-items: center;
  gap: var(--ant-margin-sm);
}

.app-brand-group {
  display: inline-flex;
  align-items: baseline;
  gap: var(--ant-margin-sm);
}

.app-brand {
  margin: 0;
  color: var(--ant-color-text);
  font-size: calc(var(--ant-font-size-heading-1) - 6px);
  font-weight: 700;
  line-height: 1;
}

.app-version {
  color: var(--ant-color-text-quaternary);
  font-size: var(--ant-font-size-sm);
  font-weight: 400;
  line-height: 1;
}

.app-content {
  padding: var(--ant-padding-xl) var(--ant-padding-xl);
}