/* ── Entity Masonry Widget ─────────────────────────────────────────────────── */

.entity-masonry-widget { display: block; width: 100%; }
.entity-masonry-title  { margin-bottom: 12px; }
.entity-masonry-body   { display: block; width: 100%; }

/* Masonry grid container — width/gutter controlled by inline style from renderer */
.entity-masonry-grid   { margin: 0 auto; }

/* Each brick — width is set per-instance via inline <style> tag */
.entity-masonry-item   { margin-bottom: 10px; box-sizing: border-box; }

/* Design-mode skeleton */
.entity-masonry-skeleton-row {
    display: flex; gap: 10px; flex-wrap: wrap; padding: 8px 0;
}
.entity-masonry-skeleton {
    flex: 0 0 200px; background: #f5f7fa;
    border: 1px dashed #c0cad8; border-radius: 4px;
    animation: masonry-shimmer 1.4s infinite;
}
.entity-masonry-skeleton:nth-child(1) { height: 180px; }
.entity-masonry-skeleton:nth-child(2) { height: 240px; animation-delay: .15s; }
.entity-masonry-skeleton:nth-child(3) { height: 200px; animation-delay: .3s; }
@keyframes masonry-shimmer { 0%,100%{opacity:1} 50%{opacity:.5} }

.entity-masonry-empty { padding: 20px; text-align: center; color: #6b7a8d; font-size: 13px; }