/* ── Entity Chart.js Widget ───────────────────────────────────────────────── */
/* Chart.js has no external CSS — it renders entirely inside a <canvas>. */

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

.entity-chartjs-container { position: relative; width: 100%; }

/* Design-mode skeleton */
.entity-chartjs-skeleton {
    width: 100%; min-height: 300px; background: #f5f7fa;
    border: 1px dashed #c0cad8; border-radius: 4px;
    display: flex; align-items: center; justify-content: center;
    color: #90a0b4; font-size: 13px; font-style: italic;
    animation: chartjs-shimmer 1.6s infinite;
}
@keyframes chartjs-shimmer { 0%,100%{opacity:1} 50%{opacity:.55} }

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