.mono{font-family:ui-monospace,Menlo,Consolas,monospace}
.tight *{margin-top:2px;margin-bottom:2px}
.kpi{font-size:1.15rem;font-weight:600}
.chip{display:inline-block;padding:2px 8px;border-radius:999px;background:#eee;font-size:.85rem}
.muted{opacity:.75}

/* ── Skeleton / Shimmer ─────────────────────────────────────────── */
.skel-line{
  display:inline-block; width:100%; height:0.9em; border-radius:1px;
  background: linear-gradient(90deg, #e9e9e9 25%, #f4f4f4 37%, #e8e8e8 63%);
  background-size:400% 100%; animation:skel 3.2s ease-in-out infinite;
}
.skel-chip{ display:inline-block; width:5em; height:1.2em; border-radius:999px; background:#eee; }
.skel-bar{
  position:relative; overflow:hidden;
}
.skel-bar::after{
  content:""; position:absolute; inset:0;
  background: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.06) 50%, transparent 100%);
  animation: skel 1.2s linear infinite;
}
@keyframes skel{ 0%{background-position:200% 0} 100%{background-position:-200% 0} }
@media (prefers-reduced-motion: reduce){
  .skel-line,.skel-bar::after{ animation:none }
}