@keyframes skeleton-shimmer {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}
.skeleton-logo, .skeleton-text {
    background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 50%, #f2f2f2 75%);
    background-size: 200% 100%;
    animation: skeleton-shimmer 1.5s infinite linear;
}
.skeleton-logo {
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    vertical-align: middle;
}
.skeleton-text {
    display: inline-block;
    height: 12px;
    border-radius: 4px;
    vertical-align: middle;
}
.skeleton-title {
    width: 120px;
    margin-right: 8px;
}
.skeleton-score {
    width: 15px;
    margin-right: auto;
}
.skeleton-status {
    width: 45px;
    height: 14px;
}
.skeleton-card {
    opacity: 0.85;
    min-height: 110px;
}
.skeleton-card .card-outer {
    background-color: #fafafa !important;
    border-color: #eee !important;
}

/* Dark theme overrides */
body.night .skeleton-logo, 
body.night .skeleton-text {
    background: linear-gradient(90deg, #2a2a2a 25%, #383838 50%, #2a2a2a 75%);
    background-size: 200% 100%;
}
body.night .skeleton-card .card-outer {
    background-color: #232323 !important;
    border-color: #383838 !important;
}