/* 销售工作台全局样式 · 浅色主题 · 宝锐品牌蓝 */
page {
  background: #f4f6fa;
  color: #1f2937;
  font-size: 28rpx;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
}

.page { padding: 24rpx 24rpx 60rpx; }
.card { background: #ffffff; border-radius: 20rpx; padding: 28rpx; margin-bottom: 24rpx; box-shadow: 0 2rpx 12rpx rgba(15, 40, 80, 0.05); }
.card-title { font-size: 30rpx; font-weight: 600; color: #0d47a1; margin-bottom: 18rpx; }
.card-sub { font-size: 24rpx; color: #6b7280; margin-bottom: 20rpx; line-height: 1.6; }

.hero { background: #1565c0; border-radius: 24rpx; padding: 36rpx; color: #ffffff; margin-bottom: 24rpx; }
.hero-title { font-size: 34rpx; font-weight: 600; }
.hero-sub { font-size: 24rpx; opacity: 0.85; margin-top: 10rpx; }
.hero-row { display: flex; margin-top: 28rpx; }
.hero-cell { flex: 1; }
.hero-num { font-size: 38rpx; font-weight: 600; }
.hero-label { font-size: 22rpx; opacity: 0.8; margin-top: 6rpx; }

.grid { display: flex; flex-wrap: wrap; }
.grid-item { width: 25%; box-sizing: border-box; padding: 16rpx 8rpx; text-align: center; }
.grid-icon { width: 76rpx; height: 76rpx; line-height: 76rpx; margin: 0 auto 12rpx; border-radius: 20rpx; background: #e8f1fc; color: #1565c0; font-size: 30rpx; font-weight: 600; }
.grid-text { font-size: 23rpx; color: #374151; }

.row { display: flex; align-items: center; justify-content: space-between; padding: 22rpx 0; border-bottom: 1rpx solid #eef1f6; }
.row:last-child { border-bottom: none; }
.row-label { color: #6b7280; font-size: 26rpx; }
.row-value { color: #111827; font-size: 27rpx; text-align: right; max-width: 62%; }
.row-value.muted { color: #9ca3af; }

.field { margin-bottom: 26rpx; }
.field-label { font-size: 26rpx; color: #374151; margin-bottom: 12rpx; display: block; }
.field-label .req { color: #d93025; margin-left: 6rpx; }
.input, .textarea, .picker {
  width: 100%; box-sizing: border-box; background: #f8fafc; border: 1rpx solid #e3e8ef;
  border-radius: 14rpx; padding: 20rpx 22rpx; font-size: 27rpx; color: #111827;
}
.textarea { height: 170rpx; }
.placeholder { color: #9ca3af; }

.chips { display: flex; flex-wrap: wrap; }
.chip { padding: 14rpx 26rpx; border-radius: 100rpx; background: #f1f5f9; color: #475569; font-size: 25rpx; margin: 0 14rpx 14rpx 0; border: 1rpx solid transparent; }
.chip.on { background: #e8f1fc; color: #1565c0; border-color: #1565c0; font-weight: 600; }

.btn { display: block; width: 100%; box-sizing: border-box; text-align: center; border-radius: 16rpx; padding: 26rpx; font-size: 29rpx; margin-top: 20rpx; }
.btn-primary { background: #1565c0; color: #ffffff; }
.btn-ghost { background: #ffffff; color: #1565c0; border: 1rpx solid #1565c0; }
.btn-light { background: #eef4fb; color: #1565c0; }
.btn[disabled] { opacity: 0.5; }

.badge { display: inline-block; padding: 6rpx 16rpx; border-radius: 8rpx; font-size: 22rpx; }
.badge-blue { background: #e8f1fc; color: #1565c0; }
.badge-green { background: #e6f4ea; color: #137333; }
.badge-amber { background: #fef3e0; color: #b06000; }
.badge-red { background: #fce8e6; color: #c5221f; }
.badge-gray { background: #f1f3f5; color: #6b7280; }

.list-item { background: #ffffff; border-radius: 18rpx; padding: 26rpx; margin-bottom: 18rpx; }
.list-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12rpx; }
.list-title { font-size: 29rpx; font-weight: 600; color: #111827; }
.list-desc { font-size: 25rpx; color: #6b7280; line-height: 1.6; margin-top: 8rpx; }
.list-meta { font-size: 23rpx; color: #9ca3af; margin-top: 12rpx; }

.tabs { display: flex; background: #ffffff; border-radius: 16rpx; padding: 8rpx; margin-bottom: 24rpx; }
.tab { flex: 1; text-align: center; padding: 18rpx 0; font-size: 26rpx; color: #6b7280; border-radius: 12rpx; }
.tab.on { background: #1565c0; color: #ffffff; font-weight: 600; }

.empty { text-align: center; padding: 80rpx 20rpx; color: #9ca3af; font-size: 26rpx; }
.notice { background: #fff8e6; border: 1rpx solid #f6dfa0; color: #7a5b00; border-radius: 14rpx; padding: 20rpx; font-size: 24rpx; line-height: 1.6; margin-bottom: 24rpx; }
.divider { height: 1rpx; background: #eef1f6; margin: 24rpx 0; }
.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mono { font-family: "SFMono-Regular", Consolas, monospace; font-size: 24rpx; }