/** LX Drawer 业务详情与审核扩展 */

.lx-business-drawer__panel {
  width: min(560px, 100vw);
}

.lx-business-drawer__summary {
  padding: var(--lx-space-16) var(--lx-space-20);
  border-bottom: 1px solid var(--lx-color-divider);
  background: var(--lx-color-bg-subtle);
}

.lx-business-drawer__summary-title {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: var(--lx-space-12);
}

.lx-business-drawer__summary-title strong {
  min-width: 0;
  overflow: hidden;
  color: var(--lx-color-text-primary);
  font-size: var(--lx-font-size-lg);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lx-business-drawer__meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--lx-space-12);
  margin: var(--lx-space-16) 0 0;
}

.lx-business-drawer__meta-item {
  min-width: 0;
}

.lx-business-drawer__meta-label,
.lx-business-drawer__meta-value {
  display: block;
}

.lx-business-drawer__meta-label {
  color: var(--lx-color-text-tertiary);
  font-size: var(--lx-font-size-xs);
}

.lx-business-drawer__meta-value {
  margin-top: var(--lx-space-4);
  overflow: hidden;
  color: var(--lx-color-text-primary);
  font-size: var(--lx-font-size-sm);
  font-weight: var(--lx-font-weight-medium);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lx-business-drawer__section + .lx-business-drawer__section {
  margin-top: var(--lx-space-24);
  padding-top: var(--lx-space-20);
  border-top: 1px solid var(--lx-color-divider);
}

.lx-business-drawer__section-title {
  margin: 0 0 var(--lx-space-12);
  color: var(--lx-color-text-primary);
  font-size: var(--lx-font-size-md);
  font-weight: var(--lx-font-weight-semibold);
}

.lx-review-drawer__decision {
  display: grid;
  gap: var(--lx-space-12);
  padding: var(--lx-space-16);
  border: 1px solid var(--lx-color-border);
  border-radius: var(--lx-radius-card);
  background: var(--lx-color-bg-card);
}

.lx-drawer__footer--split {
  justify-content: space-between;
}

@media (max-width: 767px) {
  .lx-business-drawer__panel {
    width: 100vw;
  }

  .lx-business-drawer__meta {
    grid-template-columns: minmax(0, 1fr);
  }

  .lx-drawer__footer--split {
    align-items: stretch;
    flex-direction: column-reverse;
  }

  .lx-drawer__footer--split .lx-button,
  .lx-drawer__footer--split .lx-button-group {
    width: 100%;
  }
}