.skeleton-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.skeleton-card {
    background: rgba(4, 12, 35, 0.65);
    border-radius: 18px;
    border: 1px solid rgba(0, 204, 255, 0.08);
    padding: 1.25rem 1.75rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    overflow: hidden;
    position: relative;
}

.skeleton-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.12), transparent);
    transform: translateX(-100%);
    animation: skeleton-shimmer 1.4s infinite;
}

.skeleton-line {
    height: 14px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.08);
}

.skeleton-line.w-25 { width: 25%; }
.skeleton-line.w-40 { width: 40%; }
.skeleton-line.w-50 { width: 50%; }
.skeleton-line.w-60 { width: 60%; }
.skeleton-line.w-75 { width: 75%; }
.skeleton-line.w-100 { width: 100%; }

.skeleton-inline {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 0.75rem;
}

.skeleton-chip {
    height: 32px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
}