.order-account-detail-modal .ant-modal {
  max-width: calc(100vw - 32px);
}

.order-account-detail-modal .ant-modal-content {
  overflow: hidden;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  box-shadow: 0 18px 48px rgb(15 23 42 / 18%);
}

.order-account-detail-modal .ant-modal-header {
  margin: 0;
  padding: 18px 22px;
  border-bottom: 1px solid #e5e7eb;
}

.order-account-detail-modal .ant-modal-title {
  color: #0f172a;
  font-size: 18px;
  font-weight: 700;
}

.order-account-detail-modal .ant-modal-body {
  padding: 0 22px 18px;
}

.order-account-detail-modal .ant-tabs-nav {
  margin-bottom: 16px;
}

.order-account-detail-modal .ant-tabs-tab {
  padding: 14px 4px 10px;
  font-weight: 600;
}

.order-account-detail-modal .order-account-detail-grid .ant-descriptions-view {
  overflow: hidden;
  border-color: #dbe3ee;
  border-radius: 6px;
}

.order-account-detail-modal .order-account-detail-grid .ant-descriptions-row > th,
.order-account-detail-modal .order-account-detail-grid .ant-descriptions-row > td {
  padding: 11px 13px;
  border-color: #e5eaf1;
}

.order-account-detail-modal .order-account-detail-grid .ant-descriptions-item-label {
  min-width: 108px;
  color: #64748b;
  font-weight: 600;
  white-space: nowrap;
  background: #f8fafc !important;
}

.order-account-detail-modal .order-account-detail-grid .ant-descriptions-item-content {
  min-width: 0;
  color: #1f2937;
  line-height: 1.55;
  word-break: break-word;
  background: #fff;
}

.order-account-detail-modal .ant-tabs-tabpane > .order-account-detail-grid:first-child .ant-descriptions-item-content {
  color: #0f172a;
  font-weight: 600;
}

.order-account-detail-modal .ant-tabs-tabpane > .font-medium.text-base {
  margin: 20px 0 10px;
  padding: 8px 12px;
  color: #0f172a;
  font-size: 15px;
  font-weight: 700;
  background: #f4f7fb;
  border-left: 3px solid #1677ff;
}

.order-account-detail-modal .ant-image {
  overflow: hidden;
  border-radius: 6px;
}

@media (max-width: 767px) {
  .order-account-detail-modal .ant-modal {
    top: 12px;
    max-width: calc(100vw - 16px);
    margin: 0 auto;
    padding-bottom: 12px;
  }

  .order-account-detail-modal .ant-modal-header {
    padding: 15px 16px;
  }

  .order-account-detail-modal .ant-modal-body {
    padding: 0 12px 14px;
  }

  .order-account-detail-modal .order-account-detail-grid .ant-descriptions-row > th,
  .order-account-detail-modal .order-account-detail-grid .ant-descriptions-row > td {
    padding: 9px 10px;
  }

  .order-account-detail-modal .order-account-detail-grid .ant-descriptions-item-label {
    min-width: 96px;
  }
}