.people-page {
  padding-bottom: 48rpx;
}

.subtitle,
.card-meta,
.detail-line,
.ledger-line text {
  color: #64748b;
  font-size: 23rpx;
}

.subtitle {
  line-height: 1.6;
  margin: 8rpx 0 22rpx;
}

.people-tabs,
.search-row,
.card-heading,
.person-summary,
.ledger-line {
  align-items: center;
  display: flex;
}

.people-tabs {
  gap: 12rpx;
  margin-bottom: 16rpx;
}

.people-tabs button {
  flex: 1;
  margin: 0;
}

.people-tabs .active {
  background: #0f172a;
  color: #fff;
}

.search-row {
  display: grid;
  gap: 12rpx;
  grid-template-columns: 1fr auto;
  margin-bottom: 20rpx;
}

.search-row input {
  background: #fff;
  border: 1rpx solid #cbd5e1;
  border-radius: 14rpx;
  padding: 18rpx;
}

.search-row button,
.card-heading button {
  margin: 0;
}

.person-card,
.detail-card {
  background: #fff;
  border: 1rpx solid #e2e8f0;
  border-radius: 18rpx;
  margin-bottom: 16rpx;
  padding: 22rpx;
}

.detail-card {
  border-color: #93c5fd;
}

.card-heading,
.ledger-line {
  justify-content: space-between;
}

.card-title {
  font-size: 28rpx;
  font-weight: 600;
}

.card-meta {
  margin-top: 6rpx;
}

.status-tag {
  background: #dcfce7;
  border-radius: 999rpx;
  color: #166534;
  font-size: 22rpx;
  padding: 8rpx 14rpx;
}

.status-tag.disabled {
  background: #f1f5f9;
  color: #64748b;
}

.person-summary {
  gap: 20rpx;
  justify-content: space-between;
  margin-top: 18rpx;
}

.person-summary text {
  color: #334155;
  font-size: 23rpx;
}

.metric-grid {
  display: grid;
  gap: 12rpx;
  grid-template-columns: repeat(2, 1fr);
  margin: 20rpx 0;
}

.metric-grid view {
  background: #f8fafc;
  border-radius: 12rpx;
  display: flex;
  flex-direction: column;
  padding: 16rpx;
}

.metric-grid strong {
  color: #0f172a;
  font-size: 28rpx;
}

.metric-grid text {
  color: #64748b;
  font-size: 21rpx;
}

.detail-line {
  line-height: 1.7;
}

.subheading {
  font-size: 25rpx;
  font-weight: 600;
  margin: 20rpx 0 10rpx;
}

.ledger-line {
  border-top: 1rpx solid #f1f5f9;
  padding: 14rpx 0;
}

.ledger-line strong,
.ledger-line text {
  display: block;
}

.staff-note {
  background: #f8fafc;
  border-radius: 10rpx;
  color: #475569;
  font-size: 23rpx;
  margin-top: 12rpx;
  padding: 12rpx;
}

.loading,
.empty {
  color: #64748b;
  padding: 28rpx 0;
  text-align: center;
}