/* CUBE: block — shimmer placeholder shown while a data screen loads. */

.skeleton {
  background: linear-gradient(90deg,
    var(--color-border-subtle) 25%,
    var(--color-surface-muted) 37%,
    var(--color-border-subtle) 63%);
  background-size: 320px 100%;
  border-radius: var(--radius-s);
  animation: shimmer 1.2s ease-in-out infinite;
}
.skeleton--row {
  block-size: var(--tap-min);
  margin: var(--space-xs) var(--space-m);
}