/* ROOTK tenant loader — brand colors before Vite CSS */
.app-shell-loader {
  color: color-mix(in srgb, #E4A830 72%, #5c5c62);
  background: linear-gradient(165deg, #0C183C 0%, color-mix(in srgb, #0C183C 92%, white) 42%, color-mix(in srgb, #C9A227 28%, #0C183C) 100%);
}
.app-shell-loader__rail-wrap {
  background: color-mix(in srgb, #E4A830 18%, #0C183C);
}
.app-shell-loader__rail-shimmer {
  background: linear-gradient(90deg, transparent, color-mix(in srgb, #C9A227 22%, transparent), #C9A227, #E4A830, #C9A227, color-mix(in srgb, #C9A227 22%, transparent), transparent);
  box-shadow: 0 0 22px color-mix(in srgb, #C9A227 38%, transparent);
}
.app-shell-loader__card {
  border-color: color-mix(in srgb, #E4A830 12%, #0C183C);
  background: color-mix(in srgb, white 88%, #0C183C);
  box-shadow: var(--shadow-premium-sm, 0 4px 24px color-mix(in srgb, black 6%, transparent)), 0 0 0 1px color-mix(in srgb, #C9A227 6%, transparent);
}
.app-shell-loader__bar {
  background: linear-gradient(180deg, #E4A830, #C9A227);
}
.dark .app-shell-loader, [data-theme='dark'] .app-shell-loader {
  color: color-mix(in srgb, #C9A227 75%, white);
  background: linear-gradient(165deg, #0C183C 0%, color-mix(in srgb, #0C183C 88%, black) 42%, color-mix(in srgb, #C9A227 22%, #0C183C) 100%);
}
.dark .app-shell-loader__card, [data-theme='dark'] .app-shell-loader__card {
  background: color-mix(in srgb, #0C183C 85%, white 12%);
}