/* Dashboard color lock
   Keep the current layout and behavior. Override only dashboard colors after all other CSS. */

body.slDashboardUxRenewal {
  background: #f6f8fc !important;
  color: #0f172a !important;
}

body.slDashboardUxRenewal .trDash {
  color: #0f172a !important;
}

body.slDashboardUxRenewal .trDashWorkPanel,
body.slDashboardUxRenewal .trDashSection,
body.slDashboardUxRenewal .trOwnerSummaryPanel,
body.slDashboardUxRenewal .trDashNoticeList,
body.slDashboardUxRenewal .trDashTaskList {
  background: #ffffff !important;
  border-color: #e7ecf6 !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, .05) !important;
}

body.slDashboardUxRenewal .trDashSection h3,
body.slDashboardUxRenewal .trDashSectionTitle h3,
body.slDashboardUxRenewal .trOwnerSummaryHead h3,
body.slDashboardUxRenewal .trDashTaskRow b,
body.slDashboardUxRenewal .trDashNoticeRow span:nth-child(2) {
  color: #0f172a !important;
}

body.slDashboardUxRenewal .trDashHubText small,
body.slDashboardUxRenewal .trDashTaskRow small,
body.slDashboardUxRenewal .trOwnerSummaryItem small {
  color: #64748b !important;
}

body.slDashboardUxRenewal .trDashWorkGrid .trDashMetric,
body.slDashboardUxRenewal .trDashWorkGrid button.trDashMetric,
body.trBrandSystem.slDashboardUxRenewal .trDashWorkGrid .trDashMetric,
body.trBrandSystem.slDashboardUxRenewal .trDashWorkGrid button.trDashMetric {
  border: 1px solid #e7ecf6 !important;
  color: #0f172a !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, .05) !important;
}

body.slDashboardUxRenewal .trDashWorkGrid .trDashMetric::before,
body.trBrandSystem.slDashboardUxRenewal .trDashWorkGrid .trDashMetric::before {
  background: transparent !important;
}

body.slDashboardUxRenewal .trDashWorkGrid .trDashMetric:nth-child(1),
body.slDashboardUxRenewal .trDashWorkGrid .slDashMetric-attendance,
body.trBrandSystem.slDashboardUxRenewal .trDashWorkGrid .trDashMetric:nth-child(1) {
  background: #f5f9ff !important;
}

body.slDashboardUxRenewal .trDashWorkGrid .trDashMetric:nth-child(2),
body.slDashboardUxRenewal .trDashWorkGrid .slDashMetric-payment,
body.trBrandSystem.slDashboardUxRenewal .trDashWorkGrid .trDashMetric:nth-child(2) {
  background: #fff5f5 !important;
}

body.slDashboardUxRenewal .trDashWorkGrid .trDashMetric:nth-child(3),
body.slDashboardUxRenewal .trDashWorkGrid .slDashMetric-promotion,
body.trBrandSystem.slDashboardUxRenewal .trDashWorkGrid .trDashMetric:nth-child(3) {
  background: #fffbef !important;
}

body.slDashboardUxRenewal .trDashWorkGrid .trDashMetric:nth-child(4),
body.slDashboardUxRenewal .trDashWorkGrid .slDashMetric-counsel,
body.trBrandSystem.slDashboardUxRenewal .trDashWorkGrid .trDashMetric:nth-child(4) {
  background: #f2fcf8 !important;
}

body.slDashboardUxRenewal .trDashWorkGrid .trDashMetric:nth-child(5),
body.slDashboardUxRenewal .trDashWorkGrid .slDashMetric-photo,
body.trBrandSystem.slDashboardUxRenewal .trDashWorkGrid .trDashMetric:nth-child(5) {
  background: #f7f3ff !important;
}

body.slDashboardUxRenewal .trDashWorkGrid .trDashMetric:nth-child(6),
body.slDashboardUxRenewal .trDashWorkGrid .slDashMetric-notice,
body.trBrandSystem.slDashboardUxRenewal .trDashWorkGrid .trDashMetric:nth-child(6) {
  background: #fff8f0 !important;
}

body.slDashboardUxRenewal .trDashMetricIcon,
body.trBrandSystem.slDashboardUxRenewal .trDashMetricIcon {
  background: #ffffff !important;
  box-shadow: 0 8px 20px rgba(15, 23, 42, .06) !important;
}

body.slDashboardUxRenewal .trDashMetricIcon.attendance,
body.slDashboardUxRenewal .slDashMetricIcon-attendance,
body.slDashboardUxRenewal .trDashMetricIcon.green {
  color: #2563eb !important;
}

body.slDashboardUxRenewal .trDashMetricIcon.payment,
body.slDashboardUxRenewal .slDashMetricIcon-payment,
body.slDashboardUxRenewal .trDashMetricIcon.money,
body.slDashboardUxRenewal .trDashMetricIcon.red {
  color: #e11d48 !important;
}

body.slDashboardUxRenewal .trDashMetricIcon.promotion,
body.slDashboardUxRenewal .slDashMetricIcon-promotion,
body.slDashboardUxRenewal .trDashMetricIcon.gold {
  color: #d97706 !important;
}

body.slDashboardUxRenewal .trDashMetricIcon.counsel,
body.slDashboardUxRenewal .slDashMetricIcon-counsel {
  color: #16a34a !important;
}

body.slDashboardUxRenewal .trDashMetricIcon.photo,
body.slDashboardUxRenewal .slDashMetricIcon-photo,
body.slDashboardUxRenewal .trDashMetricIcon.ai {
  color: #7c3aed !important;
}

body.slDashboardUxRenewal .trDashMetricIcon.notice,
body.slDashboardUxRenewal .slDashMetricIcon-notice {
  color: #f97316 !important;
}

body.slDashboardUxRenewal .trDashMetricTop span:last-child,
body.slDashboardUxRenewal .trDashMetric b,
body.trBrandSystem.slDashboardUxRenewal .trDashMetricTop span:last-child,
body.trBrandSystem.slDashboardUxRenewal .trDashMetric b {
  color: #0f172a !important;
}

body.slDashboardUxRenewal .trDashMetric small,
body.trBrandSystem.slDashboardUxRenewal .trDashMetric small {
  color: #2563eb !important;
}

body.slDashboardUxRenewal .trDashHubGrid .trDashHubCard,
body.slDashboardUxRenewal .trDashHubGrid button.trDashHubCard,
body.trBrandSystem.slDashboardUxRenewal .trDashHubGrid .trDashHubCard,
body.trBrandSystem.slDashboardUxRenewal .trDashHubGrid button.trDashHubCard {
  background: #ffffff !important;
  border: 1px solid #e7ecf6 !important;
  color: #1e293b !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, .05) !important;
}

body.slDashboardUxRenewal .trDashHubGrid .trDashHubCard:hover,
body.slDashboardUxRenewal .trDashHubGrid button.trDashHubCard:hover,
body.trBrandSystem.slDashboardUxRenewal .trDashHubGrid .trDashHubCard:hover,
body.trBrandSystem.slDashboardUxRenewal .trDashHubGrid button.trDashHubCard:hover {
  background: #f5f8ff !important;
  border-color: #d7e2f4 !important;
}

body.slDashboardUxRenewal .trDashHubText b,
body.trBrandSystem.slDashboardUxRenewal .trDashHubText b {
  color: #1e293b !important;
}

body.slDashboardUxRenewal .trDashHubText small,
body.trBrandSystem.slDashboardUxRenewal .trDashHubText small {
  color: #64748b !important;
}

body.slDashboardUxRenewal .trDashHubArrow,
body.trBrandSystem.slDashboardUxRenewal .trDashHubArrow {
  color: #0f172a !important;
}

body.slDashboardUxRenewal .trDashTabs button,
body.trBrandSystem.slDashboardUxRenewal .trDashTabs button {
  background: #f1f5f9 !important;
  border: 1px solid #e7ecf6 !important;
  color: #334155 !important;
  box-shadow: none !important;
}

body.slDashboardUxRenewal .trDashTabs button.active,
body.trBrandSystem.slDashboardUxRenewal .trDashTabs button.active {
  background: #2563eb !important;
  border-color: #2563eb !important;
  color: #ffffff !important;
}

body.slDashboardUxRenewal .trDashTaskRow,
body.trBrandSystem.slDashboardUxRenewal .trDashTaskRow,
body.slDashboardUxRenewal .trDashNoticeRow,
body.trBrandSystem.slDashboardUxRenewal .trDashNoticeRow,
body.slDashboardUxRenewal .trDash button.trDashNoticeRow,
body.trBrandSystem.slDashboardUxRenewal .trDash button.trDashNoticeRow {
  background: #ffffff !important;
  color: #334155 !important;
  border-color: #e7ecf6 !important;
}

body.slDashboardUxRenewal .trDashTaskRow button,
body.trBrandSystem.slDashboardUxRenewal .trDashTaskRow button {
  background: #2563eb !important;
  color: #ffffff !important;
  box-shadow: 0 8px 18px rgba(37, 99, 235, .16) !important;
}

body.slDashboardUxRenewal .trDashTime {
  color: #94a3b8 !important;
}

body.slDashboardUxRenewal .trDashTag.blue {
  background: #eaf2ff !important;
  color: #2563eb !important;
}

body.slDashboardUxRenewal .trDashTag.green {
  background: #ecfdf3 !important;
  color: #16a34a !important;
}

body.slDashboardUxRenewal .trDashTag.orange {
  background: #fff5e6 !important;
  color: #d97706 !important;
}

body.slDashboardUxRenewal .trDashTag.red {
  background: #fff1f2 !important;
  color: #e11d48 !important;
}

body.slDashboardUxRenewal .trOwnerSummaryItem,
body.trBrandSystem.slDashboardUxRenewal .trOwnerSummaryItem {
  background: #ffffff !important;
  border: 1px solid #e7ecf6 !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, .05) !important;
}

body.slDashboardUxRenewal .trOwnerSummaryItem span {
  background: #f5f8ff !important;
  color: #2563eb !important;
}

body.slDashboardUxRenewal .trOwnerSummaryItem small {
  color: #64748b !important;
}

body.slDashboardUxRenewal .trOwnerSummaryItem b {
  color: #0f172a !important;
  font-size: 26px !important;
}