/* ── Entity Grid.js Widget ─────────────────────────────────────────────────── */
/* Grid.js component CSS is loaded globally from /vendor/gridjs/gridjs-mermaid.min.css */

.entity-gridjs-widget { display: block; width: 100%; }
.entity-gridjs-title  { margin-bottom: 12px; }
.entity-gridjs-body   { display: block; width: 100%; overflow-x: auto; }

/* Design-mode skeleton */
.entity-gridjs-skeleton {
    display: flex; flex-direction: column; gap: 6px;
    padding: 12px; background: #f5f7fa;
    border: 1px dashed #c0cad8; border-radius: 4px;
}
.entity-gridjs-skeleton-header {
    display: grid; gap: 2px;
    background: #dde3ea; border-radius: 3px; height: 32px;
    animation: gridjs-shimmer 1.4s infinite;
}
.entity-gridjs-skeleton-row {
    height: 36px; background: #e8ecf0; border-radius: 2px;
    animation: gridjs-shimmer 1.4s infinite 0.15s;
}
@keyframes gridjs-shimmer { 0%,100%{opacity:1} 50%{opacity:.5} }