/* Shared corporate presentation layer. Visual overrides only. */
:root {
  --corp-ink: #14233b;
  --corp-muted: #607089;
  --corp-line: #dce5ef;
  --corp-shadow: 0 5px 14px rgba(15, 35, 60, .12);
  --corp-shadow-hover: 0 8px 20px rgba(15, 35, 60, .16);
}

.topbar-title,
.topbar .page-name,
.topbar h1,
.topbar h2 {
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

.pc-topbar-controls { display: flex; align-items: center; justify-content: center; gap: 7px; flex: 0 0 auto; }
.pc-topbar-day-status { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 36px; flex: 0 0 24px; }
.pc-topbar-day-dot { width: 10px; height: 10px; border-radius: 50%; background: #16a34a; box-shadow: 0 0 0 3px rgba(22, 163, 74, .16); }
.pc-topbar-day-dot.is-holiday { background: #dc2626; box-shadow: 0 0 0 3px rgba(220, 38, 38, .16); }
.pc-topbar-punch,
.pc-topbar-punch-done { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-width: 40px; height: 38px; padding: 0 10px; border: 1px solid #15803d; border-radius: 8px; background: #15803d; color: #fff; font-size: 12px; font-weight: 800; cursor: pointer; white-space: nowrap; }
.pc-topbar-punch.is-out { background: #b45309; border-color: #b45309; }
.pc-topbar-punch-done { width: 38px; min-width: 38px; padding: 0; background: #e8f7ee; color: #16815d; border-color: #b7e4c7; cursor: default; }
.pc-topbar-profile,
.tb-avatar.pc-topbar-profile { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; min-width: 38px; overflow: hidden; border: 2px solid rgba(255, 255, 255, .78); border-radius: 50%; background: #176b58; color: #fff; font-size: 12px; font-weight: 900; cursor: default; }
.pc-topbar-profile img { width: 100%; height: 100%; object-fit: cover; }
.tb-logout,
.topbar-logout { display: inline-flex !important; align-items: center; justify-content: center; width: 40px; height: 40px; min-width: 40px; padding: 0 !important; border-radius: 50% !important; background: #fff1f2 !important; border: 1px solid #fecdd3 !important; color: #be123c !important; text-decoration: none; flex: 0 0 40px; }
.tb-logout span,
.topbar-logout span { display: none !important; }
.tb-logout i,
.topbar-logout i { font-size: 16px; }

#content .pg-header {
  margin-bottom: 12px;
  gap: 9px;
}

#content #page-body,
#content .main-area {
  padding: 10px 12px 16px;
}

#content {
  color: #25344a;
  font-size: 14px;
}

#content p,
#content small,
#content label,
#content .text-muted,
#content .text-secondary {
  color: #53647b;
  font-weight: 600;
}

#content button,
#content input,
#content select,
#content textarea {
  font-weight: 700;
}

#content .card,
#content .card-dark {
  border-radius: 9px;
  box-shadow: 0 1px 4px rgba(15, 35, 60, .08);
}

#content .card-body {
  padding: 11px 13px;
}

#content .pc-today-widget,
#content .pc-attendance-widget {
  margin-bottom: 8px !important;
}

#content .pc-today-widget .card-body {
  min-height: 0;
  padding: 8px 12px !important;
}

#content .pc-today-widget .card-body > div:first-child {
  width: 32px !important;
  height: 32px !important;
  border-radius: 8px !important;
}

#content .pc-attendance-widget .card-body {
  padding: 9px 12px !important;
}

#content .welcome-banner {
  padding: 10px 14px !important;
  margin-bottom: 8px !important;
  border-radius: 8px !important;
}

#content .welcome-banner h2 {
  margin: 0 0 3px;
  font-size: 18px;
  line-height: 1.25;
  font-weight: 900;
}

#content .welcome-banner p {
  margin: 0;
  line-height: 1.35;
}

#content .welcome-banner .wb-text {
  flex: 1 1 320px;
  min-width: 0;
}

#content .welcome-banner .wb-actions {
  flex: 0 0 auto;
}


#content .pg-title,
#content .page-title,
#content .card-title,
#content .section-title,
#content h1,
#content h2,
#content h3 {
  color: var(--corp-ink);
  font-weight: 900;
  letter-spacing: 0;
  text-wrap: balance;
}

#content .pg-title {
  position: relative;
  font-size: 20px;
  line-height: 1.25;
  padding-left: 12px;
}

#content .pg-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: .12em;
  bottom: .12em;
  width: 4px;
  border-radius: 2px;
  background: #16815d;
}

#content .card-title,
#content .section-title {
  font-size: 14px;
  line-height: 1.3;
}

/* Compact KPI system shared by every role. Existing color classes and
   inline gradients remain the source of each card's distinct color. */
#content .kpi-grid {
  gap: 7px !important;
  margin-bottom: 9px !important;
}

#content .kpi-card,
#content .kpi-card-grad,
#content .pc-disb-kpi,
#content .pc-stat {
  min-height: 74px !important;
  border: 0 !important;
  border-radius: 8px !important;
  padding: 8px 10px !important;
  box-shadow: var(--corp-shadow) !important;
  color: #fff;
  isolation: isolate;
}

#content .kpi-card:not([class*="kpi-bg"]):not(.orange):not(.amber):not(.green):not(.red):not(.blue):not(.purple):not(.teal):not(.pink):not([style*="background"]),
#content .kpi-card-grad:not([class*="kpi-bg"]):not([style*="background"]) {
  background: linear-gradient(135deg, #2475b9, #164f82);
}

#content .kpi-card:hover,
#content .kpi-card-grad:hover,
#content .pc-stat:hover {
  transform: translateY(-2px) !important;
  box-shadow: var(--corp-shadow-hover) !important;
}

#content .kpi-icon,
#content .kpi-icon-badge,
#content .kpi-grad-icon {
  width: 29px !important;
  height: 29px !important;
  min-width: 29px;
  border-radius: 7px !important;
  font-size: 13px !important;
  margin-bottom: 5px !important;
  background: rgba(255, 255, 255, .2) !important;
  color: #fff !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .18);
}

#content .kpi-label,
#content .kpi-grad-label,
#content .pc-disb-kpi-l {
  color: rgba(255, 255, 255, .94) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase;
  margin-bottom: 3px !important;
}

#content .kpi-val,
#content .kpi-value,
#content .kpi-grad-value,
#content .pc-disb-kpi-v {
  color: #fff !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
  margin-top: 2px !important;
  overflow-wrap: anywhere;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .14);
}

#content .kpi-sub,
#content .kpi-grad-sub {
  color: rgba(255, 255, 255, .96) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  margin-top: 3px !important;
}

#content .pc-disb-kpis {
  gap: 7px !important;
  margin-bottom: 9px !important;
}

#content .pc-disb-kpi {
  justify-content: center;
}

/* Collection cards are generated with inline dimensions; normalize them
   here while retaining their individual business-category colors. */
#content .pc-stat {
  gap: 7px !important;
}

#content .pc-stat > div:first-child > div:first-child {
  width: 30px !important;
  height: 30px !important;
  flex-basis: 30px !important;
  border-radius: 7px !important;
  font-size: 13px !important;
}

#content .pc-stat > div:first-child > div:last-child {
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
}

#content .pc-stat > div:last-child {
  font-size: 23px !important;
  font-weight: 900 !important;
}

/* Keep utility headings strong without turning compact panels into heroes. */
#content th,
#content .modal-title,
#content [class$="-title"] {
  font-weight: 900;
  letter-spacing: 0;
}

#content th {
  color: #3e5069;
  font-size: 11px;
}

#content td {
  color: #26364d;
  font-weight: 600;
}

@media (max-width: 600px) {
  #content #page-body,
  #content .main-area { padding: 9px 8px 14px; }
  #content .card-body { padding: 10px !important; }
  #content .pg-title { font-size: 18px !important; }
  #content .kpi-grid { gap: 6px !important; }
  #content .kpi-card,
  #content .kpi-card-grad,
  #content .pc-disb-kpi,
  #content .pc-stat { min-height: 74px !important; padding: 9px 10px !important; }
  #content .kpi-val,
  #content .kpi-value,
  #content .kpi-grad-value,
  #content .pc-disb-kpi-v,
  #content .pc-stat > div:last-child { font-size: 20px !important; }
}

@media (max-width: 480px) {
  .pc-topbar-controls { gap: 5px; }
  .pc-topbar-punch { width: 40px; height: 40px; padding: 0; border-radius: 8px; }
  .pc-topbar-punch span { display: none; }
  .pc-topbar-profile,
  .tb-avatar.pc-topbar-profile { width: 40px; height: 40px; min-width: 40px; }
  .tb-logout,
  .topbar-logout { width: 40px; height: 40px; }
}

/* Unified corporate finish across role dashboards. */
#content .card,
#content .card-dark {
  border: 1px solid #d8e2e8 !important;
  border-radius: 6px !important;
  box-shadow: 0 2px 8px rgba(19, 42, 56, .07) !important;
}

#content .card-header,
#content .table thead th,
#content table.dataTable thead th {
  background: #f1f5f7;
  color: #3e5360;
  border-color: #dce5e9;
}

#content .card-body { color: #243944; }

#content button,
#content .btn,
#content .pg-btn,
#content .pg-btn-outline {
  border-radius: 5px;
  transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
}

#content input,
#content select,
#content textarea {
  border-color: #cbd8de;
  border-radius: 5px;
}

#content .kpi-grid > .kpi-card,
#content .kpi-grid > .kpi-card-grad,
#content .kpi-grid > .kpi-grad-card,
#content .pc-disb-kpi,
#content .pc-stat {
  border-radius: 7px !important;
  box-shadow: 0 3px 10px rgba(18, 42, 56, .14) !important;
  color: #fff !important;
  overflow: hidden;
}

#content .kpi-grid > .kpi-card.kpi-bg-indigo,
#content .kpi-grid > .kpi-card-grad.kpi-bg-indigo { background: linear-gradient(135deg, #6676d8, #414fb1) !important; }
#content .kpi-grid > .kpi-card.kpi-bg-violet,
#content .kpi-grid > .kpi-card-grad.kpi-bg-violet { background: linear-gradient(135deg, #8c69c8, #60429a) !important; }
#content .kpi-grid > .kpi-card.kpi-bg-lime,
#content .kpi-grid > .kpi-card-grad.kpi-bg-lime { background: linear-gradient(135deg, #69a93d, #39752d) !important; }
#content .kpi-grid > .kpi-card.kpi-bg-blue,
#content .kpi-grid > .kpi-card-grad.kpi-bg-blue { background: linear-gradient(135deg, #438ac3, #25618f) !important; }
#content .kpi-grid > .kpi-card.kpi-bg-green,
#content .kpi-grid > .kpi-card-grad.kpi-bg-green { background: linear-gradient(135deg, #31956e, #176548) !important; }
#content .kpi-grid > .kpi-card.kpi-bg-purple,
#content .kpi-grid > .kpi-card-grad.kpi-bg-purple { background: linear-gradient(135deg, #8966bd, #624296) !important; }
#content .kpi-grid > .kpi-card.kpi-bg-red,
#content .kpi-grid > .kpi-card-grad.kpi-bg-red { background: linear-gradient(135deg, #c95e5e, #963e43) !important; }
#content .kpi-grid > .kpi-card.kpi-bg-orange,
#content .kpi-grid > .kpi-card-grad.kpi-bg-orange { background: linear-gradient(135deg, #c98536, #98521d) !important; }
#content .kpi-grid > .kpi-card.kpi-bg-teal,
#content .kpi-grid > .kpi-card-grad.kpi-bg-teal { background: linear-gradient(135deg, #299a96, #176e70) !important; }
#content .kpi-grid > .kpi-card.kpi-bg-pink,
#content .kpi-grid > .kpi-card-grad.kpi-bg-pink { background: linear-gradient(135deg, #bf668b, #934261) !important; }

#content .kpi-grid > .kpi-card.orange,
#content .kpi-grid > .kpi-grad-card.orange { background: linear-gradient(135deg, #c98536, #98521d) !important; }
#content .kpi-grid > .kpi-card.blue,
#content .kpi-grid > .kpi-grad-card.blue { background: linear-gradient(135deg, #438ac3, #25618f) !important; }
#content .kpi-grid > .kpi-card.teal,
#content .kpi-grid > .kpi-grad-card.teal { background: linear-gradient(135deg, #299a96, #176e70) !important; }
#content .kpi-grid > .kpi-card.green,
#content .kpi-grid > .kpi-grad-card.green { background: linear-gradient(135deg, #31956e, #176548) !important; }
#content .kpi-grid > .kpi-card.amber,
#content .kpi-grid > .kpi-grad-card.amber { background: linear-gradient(135deg, #c78c2e, #946319) !important; }
#content .kpi-grid > .kpi-card.red,
#content .kpi-grid > .kpi-grad-card.red { background: linear-gradient(135deg, #c95e5e, #963e43) !important; }
#content .kpi-grid > .kpi-card.purple,
#content .kpi-grid > .kpi-grad-card.purple { background: linear-gradient(135deg, #8966bd, #624296) !important; }
#content .kpi-grid > .kpi-card.pink,
#content .kpi-grid > .kpi-grad-card.pink { background: linear-gradient(135deg, #bf668b, #934261) !important; }

#content .kpi-grid > .kpi-card:not([class*="kpi-bg"]):not(.orange):not(.amber):not(.green):not(.red):not(.blue):not(.purple):not(.teal):not(.pink):not([style*="background"]):nth-child(4n + 1) { background: linear-gradient(135deg, #438ac3, #25618f) !important; }
#content .kpi-grid > .kpi-card:not([class*="kpi-bg"]):not(.orange):not(.amber):not(.green):not(.red):not(.blue):not(.purple):not(.teal):not(.pink):not([style*="background"]):nth-child(4n + 2) { background: linear-gradient(135deg, #31956e, #176548) !important; }
#content .kpi-grid > .kpi-card:not([class*="kpi-bg"]):not(.orange):not(.amber):not(.green):not(.red):not(.blue):not(.purple):not(.teal):not(.pink):not([style*="background"]):nth-child(4n + 3) { background: linear-gradient(135deg, #c98536, #98521d) !important; }
#content .kpi-grid > .kpi-card:not([class*="kpi-bg"]):not(.orange):not(.amber):not(.green):not(.red):not(.blue):not(.purple):not(.teal):not(.pink):not([style*="background"]):nth-child(4n) { background: linear-gradient(135deg, #8966bd, #624296) !important; }

#content .kpi-grid .kpi-label,
#content .kpi-grid .kpi-grad-label,
#content .kpi-grid .kpi-value,
#content .kpi-grid .kpi-val,
#content .kpi-grid .kpi-grad-value,
#content .kpi-grid .kpi-sub,
#content .kpi-grid .kpi-grad-sub { color: #fff !important; }

#content .kpi-grid .kpi-icon,
#content .kpi-grid .kpi-icon-badge,
#content .kpi-grid .kpi-grad-icon {
  background: rgba(255, 255, 255, .19) !important;
  color: #fff !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .22);
}

#content .pc-disb-kpi { border: 1px solid rgba(255, 255, 255, .22); }
#content .waiver-kpi {
  color: #fff !important;
  border: 0 !important;
  border-radius: 7px !important;
  background: linear-gradient(135deg, var(--waiver-accent), #344b61) !important;
  box-shadow: 0 3px 10px rgba(18, 42, 56, .14);
}
#content .waiver-kpi-label,
#content .waiver-kpi-value,
#content .waiver-kpi-sub,
#content .waiver-kpi-icon { color: #fff !important; }
#content .waiver-kpi-icon { background: rgba(255, 255, 255, .2) !important; }

#content .bio-stat {
  border: 0 !important;
  border-radius: 7px !important;
  background: linear-gradient(135deg, #438ac3, #25618f) !important;
  box-shadow: 0 3px 10px rgba(18, 42, 56, .14);
}
#content .bio-stat:nth-child(2) { background: linear-gradient(135deg, #31956e, #176548) !important; }
#content .bio-stat:nth-child(3) { background: linear-gradient(135deg, #c98536, #98521d) !important; }
#content .bio-stat strong,
#content .bio-stat span { color: #fff !important; }
#content .bio-stat > i { background: rgba(255, 255, 255, .19) !important; color: #fff !important; }

@media (max-width: 600px) {
  #content .kpi-grid > .kpi-card,
  #content .kpi-grid > .kpi-card-grad,
  #content .kpi-grid > .kpi-grad-card { min-height: 84px !important; }
}

/* Refined shared dashboard system: calm working surfaces, clearer focus,
   compact hierarchy, and high-contrast KPI colors across every role. */
:root {
  --corp-ink: #173128;
  --corp-muted: #5b7068;
  --corp-line: #d9e5df;
  --corp-shadow: 0 2px 8px rgba(18, 54, 40, .10);
  --corp-shadow-hover: 0 5px 14px rgba(18, 54, 40, .14);
}

body { background: #edf3f0; }
.page-watermark { opacity: .035 !important; background-size: 180px 180px !important; }

.topbar {
  background: linear-gradient(105deg, #102b22 0%, #173b30 65%, #204638 100%) !important;
  border-bottom: 1px solid rgba(255, 255, 255, .12) !important;
  box-shadow: 0 2px 8px rgba(10, 32, 24, .16) !important;
}
.topbar-title, .topbar .page-name, .topbar h1, .topbar h2 { color: #f4faf6 !important; }
.pc-nav-search-input { border-color: #b8d4c7 !important; border-radius: 7px !important; }
.pc-nav-search-input:focus { border-color: #45a77b !important; box-shadow: 0 0 0 3px rgba(69, 167, 123, .20) !important; }

#content { background: #edf3f0; }
#content .main-area,
#content #page-body { padding-top: 11px; padding-bottom: 18px; }
#content .pg-header { margin-bottom: 10px !important; gap: 8px !important; }
#content .pg-title { font-size: 19px !important; }
#content .pg-sub { line-height: 1.4; }
#content .kpi-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(180px, 100%), 1fr)) !important;
  gap: 9px !important;
  margin-bottom: 10px !important;
}
#content .kpi-card,
#content .kpi-card-grad,
#content .kpi-grad-card,
#content .pc-disb-kpi,
#content .pc-stat {
  min-width: 0;
  min-height: 76px !important;
  padding: 9px 11px !important;
  border: 1px solid rgba(255, 255, 255, .24) !important;
  border-radius: 7px !important;
  box-shadow: 0 2px 7px rgba(18, 42, 34, .12) !important;
  transition: transform .16s ease, box-shadow .16s ease;
}
#content .kpi-card:hover,
#content .kpi-card-grad:hover,
#content .kpi-grad-card:hover,
#content .pc-disb-kpi:hover,
#content .pc-stat:hover { transform: translateY(-1px); box-shadow: var(--corp-shadow-hover) !important; }
#content .kpi-label,
#content .kpi-grad-label,
#content .pc-disb-kpi-l { font-size: 10px !important; line-height: 1.25 !important; }
#content .kpi-val,
#content .kpi-value,
#content .kpi-grad-value,
#content .pc-disb-kpi-v { font-size: 19px !important; line-height: 1.15 !important; }
#content .kpi-sub,
#content .kpi-grad-sub { font-size: 10px !important; line-height: 1.3 !important; }

#content .card,
#content .card-dark,
#content .filter-card {
  border-color: #d8e4dd !important;
  box-shadow: 0 1px 5px rgba(18, 54, 40, .07) !important;
}
#content .card-header,
#content .table thead th,
#content table.dataTable thead th {
  background: #f1f6f3 !important;
  color: #385449 !important;
  border-color: #dce7e1 !important;
}
#content table tbody tr:hover > td,
#content table.dataTable tbody tr:hover > td { background-color: #f4faf6; }
#content .pg-btn, #content .pg-btn-outline, #content .btn { min-height: 34px; }
#content :is(button, a, input, select, textarea, [tabindex]):focus-visible {
  outline: 3px solid rgba(29, 128, 88, .34) !important;
  outline-offset: 2px;
}
#content input:focus, #content select:focus, #content textarea:focus {
  border-color: #23845c !important;
  box-shadow: 0 0 0 3px rgba(35, 132, 92, .12) !important;
}

@media (min-width: 1200px) {
  #content .kpi-grid { grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important; }
}
@media (max-width: 900px) {
  #content .kpi-grid { grid-template-columns: repeat(auto-fit, minmax(155px, 1fr)) !important; }
}
@media (max-width: 600px) {
  #content .main-area, #content #page-body { padding: 9px 9px 16px !important; }
  #content .kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 7px !important; }
  #content .kpi-card, #content .kpi-card-grad, #content .kpi-grad-card,
  #content .pc-disb-kpi, #content .pc-stat { min-height: 76px !important; padding: 8px 9px !important; }
  #content .kpi-val, #content .kpi-value, #content .kpi-grad-value,
  #content .pc-disb-kpi-v { font-size: 18px !important; }
  #content .kpi-label, #content .kpi-grad-label, #content .pc-disb-kpi-l { font-size: 9px !important; }
}
@media (prefers-reduced-motion: reduce) {
  #content .kpi-card, #content .kpi-card-grad, #content .kpi-grad-card,
  #content .pc-disb-kpi, #content .pc-stat { transition: none !important; }
}

/* Saturated, legible accents for white KPI labels. */
#content .kpi-grid > :is(.kpi-card, .kpi-card-grad, .kpi-grad-card).kpi-bg-indigo { background: linear-gradient(135deg, #394b9a, #26376f) !important; }
#content .kpi-grid > :is(.kpi-card, .kpi-card-grad, .kpi-grad-card).kpi-bg-violet { background: linear-gradient(135deg, #69489a, #4c326f) !important; }
#content .kpi-grid > :is(.kpi-card, .kpi-card-grad, .kpi-grad-card).kpi-bg-lime { background: linear-gradient(135deg, #477c28, #31581f) !important; }
#content .kpi-grid > :is(.kpi-card, .kpi-card-grad, .kpi-grad-card).kpi-bg-blue,
#content .kpi-grid > :is(.kpi-card, .kpi-card-grad, .kpi-grad-card).blue { background: linear-gradient(135deg, #1f5d8b, #163f61) !important; }
#content .kpi-grid > :is(.kpi-card, .kpi-card-grad, .kpi-grad-card).kpi-bg-green,
#content .kpi-grid > :is(.kpi-card, .kpi-card-grad, .kpi-grad-card).green { background: linear-gradient(135deg, #1e6b50, #154c39) !important; }
#content .kpi-grid > :is(.kpi-card, .kpi-card-grad, .kpi-grad-card).kpi-bg-purple,
#content .kpi-grid > :is(.kpi-card, .kpi-card-grad, .kpi-grad-card).purple { background: linear-gradient(135deg, #68429a, #4d2f75) !important; }
#content .kpi-grid > :is(.kpi-card, .kpi-card-grad, .kpi-grad-card).kpi-bg-red,
#content .kpi-grid > :is(.kpi-card, .kpi-card-grad, .kpi-grad-card).red { background: linear-gradient(135deg, #a83b44, #782932) !important; }
#content .kpi-grid > :is(.kpi-card, .kpi-card-grad, .kpi-grad-card).kpi-bg-orange,
#content .kpi-grid > :is(.kpi-card, .kpi-card-grad, .kpi-grad-card).orange { background: linear-gradient(135deg, #9a5511, #733b0b) !important; }
#content .kpi-grid > :is(.kpi-card, .kpi-card-grad, .kpi-grad-card).kpi-bg-teal,
#content .kpi-grid > :is(.kpi-card, .kpi-card-grad, .kpi-grad-card).teal { background: linear-gradient(135deg, #147a75, #0f5c5a) !important; }
#content .kpi-grid > :is(.kpi-card, .kpi-card-grad, .kpi-grad-card).kpi-bg-pink,
#content .kpi-grid > :is(.kpi-card, .kpi-card-grad, .kpi-grad-card).pink { background: linear-gradient(135deg, #923d64, #6b2c49) !important; }
#content .kpi-grid > :is(.kpi-card, .kpi-card-grad, .kpi-grad-card).amber { background: linear-gradient(135deg, #805707, #5d3f05) !important; }
#content .kpi-grid > .kpi-card:not([class*="kpi-bg"]):not(.orange):not(.amber):not(.green):not(.red):not(.blue):not(.purple):not(.teal):not(.pink):not([style*="background"]):nth-child(4n + 1) { background: linear-gradient(135deg, #1f5d8b, #163f61) !important; }
#content .kpi-grid > .kpi-card:not([class*="kpi-bg"]):not(.orange):not(.amber):not(.green):not(.red):not(.blue):not(.purple):not(.teal):not(.pink):not([style*="background"]):nth-child(4n + 2) { background: linear-gradient(135deg, #1e6b50, #154c39) !important; }
#content .kpi-grid > .kpi-card:not([class*="kpi-bg"]):not(.orange):not(.amber):not(.green):not(.red):not(.blue):not(.purple):not(.teal):not(.pink):not([style*="background"]):nth-child(4n + 3) { background: linear-gradient(135deg, #9a5511, #733b0b) !important; }
#content .kpi-grid > .kpi-card:not([class*="kpi-bg"]):not(.orange):not(.amber):not(.green):not(.red):not(.blue):not(.purple):not(.teal):not(.pink):not([style*="background"]):nth-child(4n) { background: linear-gradient(135deg, #68429a, #4d2f75) !important; }