/* =============================================================
   charts.css — Inode Analyzer v3.8
   Grid de gráficos e containers de canvas Chart.js.
   ============================================================= */

/* ── Grid 3×2 ────────────────────────────────────────────────── */
.charts-grid {
    display:               grid;
    grid-template-columns: repeat(3, 1fr);
    gap:                   14px;
    margin-bottom:         14px;
}

/* ── Container de cada canvas ────────────────────────────────── */
.chart-container {
    height:   200px;
    position: relative;
    width:    100%;
}

/* Garantir que o canvas preencha o container */
.chart-container canvas {
    display: block;
    width:   100% !important;
    height:  100% !important;
}

/* ── Estados de carregamento ─────────────────────────────────── */
.chart-placeholder {
    display:         flex;
    align-items:     center;
    justify-content: center;
    height:          100%;
    color:           var(--text-3);
    font-size:       11px;
    font-style:      italic;
}