/* Team data: results first, health second, then a scan-friendly member table. */
#adminCompanyDataPanel .data-center-company-metrics { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; }
#adminCompanyDataPanel .data-center-company-metrics:not(:has(.net-amount)) { grid-template-columns: repeat(5, minmax(0, 1fr)); }
#adminCompanyDataPanel .data-center-company-metrics .data-center-metric { min-width: 0; min-height: 112px; padding: 15px; }
#adminCompanyDataPanel .data-center-company-metrics .data-center-metric.primary { background: #eaf3ff; border: 1px solid #cfe3ff; color: #172d50; }
#adminCompanyDataPanel .data-center-company-metrics .data-center-metric.primary.net-amount { background: #f1f5ff; }
#adminCompanyDataPanel .data-center-company-metrics .data-center-metric.primary strong { color: #0968d5; }
#adminCompanyDataPanel .data-center-company-metrics .data-center-metric strong { font-size: clamp(20px, 1.7vw, 28px); }
#adminCompanyDataPanel .data-center-company-metrics .data-center-metric small { white-space: normal; line-height: 1.35; }
#adminCompanyDataPanel .data-center-company-metrics .data-center-metric.primary small.data-center-trend.up { color: #087a59; }
#adminCompanyDataPanel .data-center-company-metrics .data-center-metric.primary small.data-center-trend.down { color: #c9344c; }
#adminCompanyDataPanel .data-center-company-metrics .data-center-metric.primary small.data-center-trend-empty { color: #5d6d83; }
#adminCompanyDataPanel .data-center-company-detail-head { position: sticky; top: 0; z-index: 2; gap: 10px; }
#adminCompanyDataPanel .data-center-company-detail-head > div { flex-wrap: wrap; justify-content: flex-end; }
#adminCompanyDataPanel .data-center-company-filter { display: inline-flex; align-items: center; gap: 5px; color: #315172; font-size: 12px; white-space: nowrap; cursor: pointer; }
#adminCompanyDataPanel .data-center-company-filter input { accent-color: #0b6bdc; }
#adminCompanyDataPanel .data-center-company-row { grid-template-columns: 28px minmax(160px, 1.35fr) minmax(124px, .9fr) minmax(460px, 4fr); gap: 12px; }
#adminCompanyDataPanel .data-center-company-row .data-center-account-name > span { display: block; color: #63748f; }
#adminCompanyDataPanel .data-center-company-row .data-center-account-name em { font-style: normal; font-weight: 700; }
#adminCompanyDataPanel .data-center-company-row .data-center-account-name em.attention { color: #b56800; }
#adminCompanyDataPanel .data-center-company-row .data-center-account-name em.healthy { color: #198062; }
#adminCompanyDataPanel .data-center-company-row .data-center-row-bar-label { margin-top: 3px; font-size: 10px; color: #73839d; }
#adminCompanyDataPanel .data-center-company-row .data-center-company-kpis { grid-column: auto; }
#adminCompanyDataPanel .data-center-company-change { display: block; margin-top: 4px; }
#adminCompanyDataPanel .data-center-company-change small { display: block; margin: 0; font-size: 11px; font-weight: 700; line-height: 1.3; white-space: normal; }
#adminCompanyDataPanel .data-center-company-change .data-center-trend.up { color: #087a59; }
#adminCompanyDataPanel .data-center-company-change .data-center-trend.down { color: #c9344c; }
#adminCompanyDataPanel .data-center-company-change .data-center-trend-empty { color: #74839a; font-weight: 500; }
#adminCompanyDataPanel .data-center-company-detail.show-net-commission .data-center-company-kpis { grid-template-columns: repeat(5, minmax(80px, 1fr)); }
.data-center-account-modal-row { grid-template-columns: minmax(185px, 1.35fr) repeat(4, minmax(105px, 1fr)) minmax(95px, .65fr); }
.data-center-account-modal-backdrop.show-net-commission .data-center-account-modal-row { grid-template-columns: minmax(160px, 1.25fr) repeat(5, minmax(96px, 1fr)) minmax(95px, .65fr); }
.data-center-account-trend-button { justify-self: end; min-height: 32px; padding: 0 9px; border: 1px solid #cddff6; border-radius: 9px; color: #0968d5; background: #f6faff; font: inherit; font-size: 11px; font-weight: 700; white-space: nowrap; cursor: pointer; }
.data-center-account-trend-button:hover { background: #eaf3ff; }
.data-center-account-trend-button:disabled { opacity: .55; cursor: wait; }
.data-center-thirty-controls { display: flex; justify-content: flex-end; align-items: center; gap: 18px; flex-wrap: wrap; margin-bottom: 8px; }
.data-center-thirty-controls label { display: inline-flex; align-items: center; gap: 6px; color: #64748b; font-size: 12px; }
.data-center-thirty-controls select { min-height: 32px; padding: 3px 9px; border: 1px solid #d6e3f5; border-radius: 8px; color: #0968d5; background: #fff; font: inherit; cursor: pointer; }
@media (max-width: 1250px) {
  #adminCompanyDataPanel .data-center-company-metrics, #adminCompanyDataPanel .data-center-company-metrics:not(:has(.net-amount)) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  #adminCompanyDataPanel .data-center-company-row { grid-template-columns: 28px minmax(150px, 1.3fr) minmax(124px, 1fr); }
  #adminCompanyDataPanel .data-center-company-row .data-center-company-kpis { grid-column: 2 / -1; }
}
@media (max-width: 900px) {
  .data-center-account-modal-row, .data-center-account-modal-backdrop.show-net-commission .data-center-account-modal-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .data-center-account-trend-button { grid-column: 1 / -1; justify-self: start; }
}
@media (max-width: 720px) {
  #adminCompanyDataPanel .data-center-company-metrics, #adminCompanyDataPanel .data-center-company-metrics:not(:has(.net-amount)) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #adminCompanyDataPanel .data-center-company-detail-head { align-items: flex-start; flex-direction: column; }
  #adminCompanyDataPanel .data-center-company-detail-head > div { justify-content: flex-start; }
  #adminCompanyDataPanel .data-center-company-row { grid-template-columns: 28px minmax(0, 1fr); }
  #adminCompanyDataPanel .data-center-company-row > div:nth-child(3) { grid-column: 2; }
  #adminCompanyDataPanel .data-center-company-row .data-center-company-kpis { grid-column: 1 / -1; }
}

/* Read the result first, then scan health and individual rows. */
#adminCompanyDataPanel > .data-center-toolbar {
  position: sticky;
  top: 0;
  z-index: 11;
  align-items: center;
  gap: 16px;
  margin-bottom: 18px;
  padding: 13px 17px;
  border: 1px solid #dce7f5;
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 8px 24px rgba(23, 55, 105, .08);
}
#adminCompanyDataPanel .data-center-period-switch { flex: 0 0 auto; }
#adminCompanyDataPanel .data-center-period-switch button.active { background: #0b68d6; box-shadow: 0 4px 10px rgba(11, 104, 214, .18); }
#adminCompanyDataPanel .data-center-range { min-width: 200px; }
#adminCompanyDataPanel .data-center-range strong { color: #123456; font-variant-numeric: tabular-nums; }
#adminCompanyDataPanel .data-center-compare-range { color: #63758d; font-size: 11px; white-space: nowrap; }
#adminCompanyDataPanel .data-center-company { border-color: #dce7f5; box-shadow: 0 14px 30px rgba(24, 52, 92, .055); }
#adminCompanyDataPanel .data-center-company-metrics,
#adminCompanyDataPanel .data-center-company-metrics:not(:has(.net-amount)) {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
#adminCompanyDataPanel .data-center-company-metrics .data-center-metric.primary { grid-column: span 2; min-height: 126px; }
#adminCompanyDataPanel .data-center-company-metrics:not(:has(.net-amount)) .data-center-metric.primary { grid-column: 1 / -1; }
#adminCompanyDataPanel .data-center-company-metrics .data-center-metric:not(.primary) { min-height: 108px; background: #fafcff; }
#adminCompanyDataPanel .data-center-company-metrics .data-center-metric.primary strong { font-size: clamp(25px, 2vw, 34px); }
#adminCompanyDataPanel .data-center-company-detail { border-color: #dce7f5; }
#adminCompanyDataPanel .data-center-company-detail-head { min-height: 52px; background: #f2f6fc; }
#adminCompanyDataPanel .data-center-company-detail-head > strong { color: #183653; font-size: 15px; }
#adminCompanyDataPanel .data-center-company-row { min-height: 84px; border-top-color: #e9eef6; }
#adminCompanyDataPanel .data-center-company-row:nth-child(even) { background: #fbfcff; }
#adminCompanyDataPanel .data-center-company-row:hover { background: #f4f8ff; }
#adminCompanyDataPanel .data-center-company-row .data-center-account-name { min-width: 0; }
#adminCompanyDataPanel .data-center-company-row .data-center-account-name strong { font-size: 14px; }
#adminCompanyDataPanel .data-center-company-row .data-center-company-kpis { background: transparent; }
#adminCompanyDataPanel .data-center-company-row .data-center-company-kpis > div { min-width: 0; }
#adminCompanyDataPanel .data-center-company-row .data-center-company-kpis small { color: #64758f; font-size: 11px; }
#adminCompanyDataPanel .data-center-company-row .data-center-company-kpis b,
#adminCompanyDataPanel .data-center-member-sales b { font-variant-numeric: tabular-nums; }
@media (max-width: 1250px) {
  #adminCompanyDataPanel .data-center-company-metrics,
  #adminCompanyDataPanel .data-center-company-metrics:not(:has(.net-amount)) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #adminCompanyDataPanel .data-center-company-metrics .data-center-metric.primary,
  #adminCompanyDataPanel .data-center-company-metrics:not(:has(.net-amount)) .data-center-metric.primary { grid-column: span 1; }
  #adminCompanyDataPanel > .data-center-toolbar { flex-wrap: wrap; }
}
@media (max-width: 720px) {
  #adminCompanyDataPanel > .data-center-toolbar { position: relative; top: auto; align-items: stretch; }
  #adminCompanyDataPanel .data-center-range { min-width: 0; }
  #adminCompanyDataPanel .data-center-compare-range { white-space: normal; }
  #adminCompanyDataPanel .data-center-company-metrics .data-center-metric.primary,
  #adminCompanyDataPanel .data-center-company-metrics:not(:has(.net-amount)) .data-center-metric.primary { grid-column: 1 / -1; }
}