/* BaratoKeys - light loading surfaces v20261005 */
html[data-bk-theme="light"] .dashboard-skeleton,
html[data-bk-theme="light"] [data-macaw-ui-component="Skeleton"],
html[data-bk-theme="light"] [class*="Skeleton"],
html[data-bk-theme="light"] [class*="skeleton"]:not(.bk-route-skeleton) {
  background: linear-gradient(105deg, #f8fafc 18%, #eef1f4 42%, #e4e8ec 50%, #eef1f4 58%, #f8fafc 82%) 0 0 / 240% 100% no-repeat !important;
  background-image: linear-gradient(105deg, #f8fafc 18%, #eef1f4 42%, #e4e8ec 50%, #eef1f4 58%, #f8fafc 82%) !important;
  background-color: #eef1f4 !important;
  background-size: 240% 100% !important;
  background-repeat: no-repeat !important;
  animation-name: bk-light-skeleton-shimmer !important;
}
@keyframes bk-light-skeleton-shimmer {
  0% { background-position: 110% 0 !important; }
  50% { background-position: 0 0 !important; }
  100% { background-position: -110% 0 !important; }
}

/* Route overlay has an ID selector; keep it light in light theme too. */
html[data-bk-theme="light"] #bk-route-skeleton .dashboard-skeleton,
html[data-bk-theme="light"] #bk-settings-root .bk-settings-loading-content .dashboard-skeleton,
html[data-bk-theme="light"] #bk-route-skeleton [data-macaw-ui-component="Skeleton"] {
  background: linear-gradient(105deg, #f8fafc 18%, #eef1f4 42%, #e4e8ec 50%, #eef1f4 58%, #f8fafc 82%) 0 0 / 240% 100% no-repeat !important;
  background-image: linear-gradient(105deg, #f8fafc 18%, #eef1f4 42%, #e4e8ec 50%, #eef1f4 58%, #f8fafc 82%) !important;
  background-color: #eef1f4 !important;
  background-size: 240% 100% !important;
  animation: bk-light-skeleton-shimmer 1.65s cubic-bezier(0.4, 0, 0.2, 1) infinite !important;
}