.chart-preset {
    --cp-primary: var(--mdb-primary, #c53030);
    --cp-border: #dedede;
    --cp-surface: #fff;

    padding: 0.75rem 1rem 1rem;
    background: var(--cp-surface);
    border: 1px solid var(--cp-border);
    border-top: 0.25rem solid var(--cp-primary);
    border-radius: 0.75rem;
    box-shadow: var(--mdb-shadow-sm, 0 2px 4px rgba(0, 0, 0, 0.08));
    overflow: hidden;
}

.chart-preset[data-bs-theme="dark"],
[data-bs-theme="dark"] .chart-preset {
    --cp-primary: #e46a6a;
    --cp-border: rgba(255, 255, 255, 0.14);
    --cp-surface: rgba(var(--mdb-dark-rgb, 34, 34, 34), var(--mdb-bg-opacity, 1));
}