.server-command-page {
  width: 100%;
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

.server-command-page.ant-space,
.server-command-page.ant-space > .ant-space-item {
  width: 100%;
}

.server-command-page.ant-space {
  flex: 1 1 auto;
}

.server-command-page .ant-alert-description {
  width: 100%;
}

.server-command-page__alert-body {
  width: 100%;
}

.server-command-page__alert-code {
  display: block;
  width: 100%;
  padding: 10px 12px;
  border-radius: 12px;
  background: #fff2f0;
  white-space: pre-wrap;
  word-break: break-word;
  user-select: text;
  -webkit-user-select: text;
}

.server-command-page__card,
.server-command-page__server-card {
  border-radius: 24px;
}

.server-command-page__reservation-card {
  border: 1px solid #d6e4ff;
  background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
}

.server-command-page__server-card {
  min-width: 0;
}

.server-command-page__title.ant-typography,
.server-command-page__server-title.ant-typography {
  margin-bottom: 0;
}

.server-command-page__title-row {
  align-items: center;
}

.server-command-page__title-row .ant-space-item {
  display: inline-flex;
  align-items: center;
}

.server-command-page__copy.ant-typography {
  max-width: 760px;
  margin-bottom: 0;
}

.server-command-page__summary-grid {
  width: 100%;
}

.server-command-page__summary-grid .ant-statistic {
  padding: 14px 16px;
  border-radius: 18px;
  background: #f7faff;
}

.server-command-page__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr));
  gap: 16px;
}

.server-command-page__summary.ant-typography,
.server-command-page__preview.ant-typography,
.server-command-page__command.ant-typography {
  margin-bottom: 0;
}

.server-command-page__preview,
.server-command-page__command {
  display: block;
  padding: 12px 14px;
  border-radius: 16px;
  background: #f7faff;
  white-space: pre-wrap;
  word-break: break-word;
}

.server-command-page__alert-text {
  display: block;
  white-space: pre-wrap;
  word-break: break-word;
  user-select: text;
  -webkit-user-select: text;
  -webkit-touch-callout: default;
}

.server-command-page__work-list {
  width: 100%;
}

.server-command-page__work-item {
  width: 100%;
  padding: 12px 14px;
  border-radius: 16px;
  background: #f7faff;
}

.server-command-page__work-detail.ant-typography {
  margin-bottom: 0;
}

.server-command-page__meta .ant-descriptions-item-label {
  width: 104px;
}

@media (max-width: 768px) {
  .server-command-page__server-card .ant-card-head {
    padding-inline: 16px;
  }

  .server-command-page__server-card .ant-card-head-wrapper {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }

  .server-command-page__server-card .ant-card-extra {
    margin-inline-start: 0;
  }

  .server-command-page__restart-button {
    width: 100%;
  }

  .server-command-page__server-card .ant-card-body {
    padding-inline: 16px;
  }

  .server-command-page__grid {
    grid-template-columns: 1fr;
  }
}