/* Skeleton Loading Styles */
@keyframes skeleton-shimmer {
    0%   { background-position: -400px 0; }
    100% { background-position: 400px 0; }
}

.skeleton {
    display: block;
    background: linear-gradient(90deg, #e8e8e8 25%, #f5f5f5 50%, #e8e8e8 75%);
    background-size: 800px 100%;
    animation: skeleton-shimmer 1.4s ease-in-out infinite;
    border-radius: 4px;
}

.skeleton-text {
    height: 14px;
    width: 80%;
    border-radius: 4px;
}

.skeleton-checkbox {
    height: 16px;
    width: 16px;
    border-radius: 3px;
}

.skeleton-row td {
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: middle;
}

.skeletonBody tr {
    border-bottom: 1px solid #f0f0f0;
}