/* pages/surgery/detail/index.wxss */
page {
  background-color: #f7f8fa;
}

.detail-container {
  padding-bottom: 40rpx;
}

.skeleton-container {
  padding: 24rpx;
}

.detail-card {
  margin: 24rpx;
  background-color: #ffffff;
  border-radius: 8rpx;
  overflow: hidden;
  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
}

/* 信息区块样式 */
.info-section {
  padding: 24rpx;
  border-bottom: 1px solid #f2f2f2;
}

.device-section {
  padding: 24rpx;
}

.info-header {
  font-size: 32rpx;
  font-weight: 500;
  color: #333;
  margin-bottom: 24rpx;
}

.info-content {
  display: flex;
  flex-direction: column;
  gap: 16rpx;
}

.info-item {
  display: flex;
  align-items: center;
  line-height: 1.5;
}

.label {
  width: 160rpx;
  font-size: 28rpx;
  color: #888;
  flex-shrink: 0;
}

.value {
  font-size: 28rpx;
  color: #333;
  flex: 1;
}

/* 医生和科室标签样式 */
.doctor {
  color: #0052d9;
}

.department {
  color: #06a56c;
}

/* 新的设备列表样式 */
.device-list {
  padding: 0 10rpx;
}

.device-card {
  background-color: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 8rpx;
  padding: 20rpx;
  margin: 12rpx 0;
}

.device-header {
  margin-bottom: 16rpx;
}

.device-name {
  font-size: 28rpx;
  font-weight: 500;
  color: #333;
}

.device-time-info {
  display: flex;
  flex-direction: column;
  gap: 8rpx;
}

.time-item {
  display: flex;
  align-items: center;
}

.time-label {
  font-size: 24rpx;
  color: #888;
  width: 120rpx;
  flex-shrink: 0;
}

.time-value {
  font-size: 24rpx;
  color: #333;
  flex: 1;
}

.no-device {
  padding: 40rpx 0;
}

/* 错误和空状态容器 */
.error-container,
.empty-container {
  padding: 100rpx 24rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}