/* ============================================================
   Balkendiagramm: Angriffe pro Tag
   ============================================================ */

.chart-section {
    margin-top: 2.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.chart-container {
    position: relative;
    width: 100%;
    height: 15rem;
    background: var(--bg-panel);
    border: 1px solid var(--border);
    border-radius: 6px;
    overflow: hidden;
    cursor: crosshair;
}

.chart-container canvas {
    display: block;
}

/* Mobil: etwas kompakter */
@media (max-width: 540px) {
    .chart-container {
        height: 9rem;
        cursor: default;
    }
}