.content-skeleton { width: 100%; min-width: 0; color: var(--muted, #77776c); }
.skeleton-shapes { width: 100%; min-width: 0; pointer-events: none; }
.skeleton-line { display: block; width: var(--skeleton-width, 100%); max-width: 100%; height: 12px; border-radius: 3px; background: color-mix(in srgb, currentColor 13%, transparent); }
.skeleton-row { display: grid; align-content: center; gap: 13px; min-height: 76px; border-bottom: 1px solid var(--border, #dfd9cc); }
.skeleton-card { display: grid; align-content: center; gap: 20px; min-height: 190px; padding: clamp(18px, 3vw, 32px); border: 1px solid var(--border, #dfd9cc); border-radius: 3px; }
.skeleton-card .skeleton-line:first-child { height: 25px; margin-bottom: 6px; }
.content-skeleton--cards .skeleton-shapes, .content-skeleton--dashboard .skeleton-shapes { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 24px; }
.content-skeleton--dashboard .skeleton-shapes { grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); }
.skeleton-wide { grid-column: 1 / -1; }
.content-skeleton--detail .skeleton-shapes, .content-skeleton--profile .skeleton-shapes { display: grid; gap: 22px; }
.content-skeleton--board .skeleton-shapes { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(260px, 1fr); gap: 28px; align-items: start; }
.skeleton-board { width: 100%; aspect-ratio: 1; background: color-mix(in srgb, currentColor 10%, transparent); border-radius: 3px; }
.content-skeleton--board .skeleton-card { min-height: 150px; }
@media (prefers-reduced-motion: no-preference) { .skeleton-line, .skeleton-board { animation: content-skeleton-pulse 1.8s ease-in-out infinite alternate; } }
@keyframes content-skeleton-pulse { to { opacity: .45; } }
@media (max-width: 680px) { .content-skeleton--board .skeleton-shapes, .content-skeleton--dashboard .skeleton-shapes { grid-template-columns: minmax(0, 1fr); } }

.skeleton-list-item { list-style: none; width: 100%; }
table td.skeleton-table-cell { width: auto; max-width: none; padding: 16px; text-align: left; }
@media (max-width: 760px) { .v4-table .skeleton-table-row, .v4-table td.skeleton-table-cell { width: 100%; } }