/* ── Entity Swiper Widget ──────────────────────────────────────────────────── */
/* Swiper component CSS is loaded globally from /vendor/swiper/swiper-bundle.min.css */

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

.entity-swiper-body .swiper { width: 100%; }
.entity-swiper-body .swiper-slide { box-sizing: border-box; }

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

.entity-swiper-slide-label { font-size: 13px; color: #4a5568; padding: 8px; }
.entity-swiper-empty { padding: 20px; text-align: center; color: #6b7a8d; font-size: 13px; }