/* Match the compact Cash Counter option cards across shared summary cards. */
html body #kai-workspace.kai-theme .stat-card,
html body .cashier-fullscreen .stat-card {
  --summary-color: #265dcc;
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  min-height: 84px;
  padding: 16px 14px;
  background: #fff !important;
  border: 1px solid #dbe3f1 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}
html body #kai-workspace.kai-theme .stat-card:has(.stat-icon.green),
html body .cashier-fullscreen .stat-card:has(.stat-icon.green) { --summary-color: #008768; }
html body #kai-workspace.kai-theme .stat-card:has(.stat-icon.red),
html body .cashier-fullscreen .stat-card:has(.stat-icon.red) { --summary-color: #cf2850; }
html body #kai-workspace.kai-theme .stat-card:has(.stat-icon.orange),
html body .cashier-fullscreen .stat-card:has(.stat-icon.orange) { --summary-color: #c45d00; }
html body #kai-workspace.kai-theme .stat-card:has(.stat-icon.gold),
html body .cashier-fullscreen .stat-card:has(.stat-icon.gold) { --summary-color: #a56d08; }
html body #kai-workspace.kai-theme .stat-card:nth-child(n) .stat-icon,
html body .cashier-fullscreen .stat-card .stat-icon {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  border-radius: 10px;
  background: var(--summary-color) !important;
  color: #fff !important;
  box-shadow: 0 3px 7px #18234b12;
}
html body #kai-workspace.kai-theme .stat-card .stat-icon svg,
html body .cashier-fullscreen .stat-card .stat-icon svg { width: 19px; height: 19px; color: #fff !important; }
html body #kai-workspace.kai-theme .stat-card > div:not(.stat-icon),
html body .cashier-fullscreen .stat-card > div:not(.stat-icon) { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
html body #kai-workspace.kai-theme .stat-card span,
html body .cashier-fullscreen .stat-card span {
  order: -1;
  margin: 0;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
  color: #18345b !important;
}
html body #kai-workspace.kai-theme .stat-card strong,
html body .cashier-fullscreen .stat-card strong {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
  color: #526b93 !important;
}
@media (max-width: 600px) {
  html body #kai-workspace.kai-theme .rake-stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  html body #kai-workspace.kai-theme .stat-card,
  html body .cashier-fullscreen .stat-card { gap: 9px; padding: 12px 10px; min-height: 78px; }
}
html[data-theme="dark"] body #kai-workspace.kai-theme .stat-card,
html[data-theme="dark"] body .cashier-fullscreen .stat-card { background: #1b2638 !important; border-color: #3a4b63 !important; }
html[data-theme="dark"] body #kai-workspace.kai-theme .stat-card span,
html[data-theme="dark"] body .cashier-fullscreen .stat-card span { color: #e5edf9 !important; }
html[data-theme="dark"] body #kai-workspace.kai-theme .stat-card strong,
html[data-theme="dark"] body .cashier-fullscreen .stat-card strong { color: #b9cceb !important; }