/*
---------------------------------------------------------------------------
DEVNITE STUDIOS
---------------------------------------------------------------------------
Project      : Kirzen 4.1
Organization : Devnite Studios
License      : Proprietary
Copyright    : © 2026 Devnite Studios. All rights reserved.

This source file is proprietary software developed and maintained by
Devnite Studios as part of the Kirzen 4.1 project.

Unauthorized copying, redistribution, modification, publication,
or reproduction of this file or any portion of its contents is strictly
prohibited without prior written authorization from Devnite Studios.
---------------------------------------------------------------------------
*/

/* Stat cards */
.stat-card { display: flex; flex-direction: column; gap: 6px; }
.stat-label { font-size: 13px; font-weight: 500; color: var(--text-secondary); margin-bottom: 2px; }
.stat-value { font-size: 30px; font-weight: 700; letter-spacing: -0.5px; line-height: 1; }
.stat-sub { font-size: 13px; color: var(--text-muted); margin-top: 4px; }
.stat-status-row { display: flex; align-items: center; gap: 8px; }
.stat-value--status { font-size: 22px; }

/* Skeleton shimmer */
.skeleton-card {
  height: 110px;
  background-color: var(--bg-surface);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-lg);
  position: relative;
  overflow: hidden;
}
.skeleton-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.05), transparent);
  animation: skeleton-shimmer 1.4s ease-in-out infinite;
}
@keyframes skeleton-shimmer { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } }
@media (prefers-reduced-motion: reduce) { .skeleton-card::after { animation: none; } }

/* Badges card */
.badges-card { grid-column: 1 / -1; }
.badges-list { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 12px; }