/* Unified Sparkline Styles */
.sparkline-container {
    height: 100px;
    width: 100%;
    margin-bottom: 20px;
    background: #fafafa;
    border-radius: 12px;
    padding: 10px;
    border: 1px solid #f1f1f1;
}

.sparkline {
    width: 100%;
    height: 100%;
}

.sparkline path, .sparkline-path {
    stroke: var(--primary-color);
    stroke-width: 1;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
}

.sparkline-baseline, .baseline {
    stroke: rgba(0, 0, 0, 0.4);
    stroke-width: 1;
    stroke-dasharray: 4, 4;
    vector-effect: non-scaling-stroke;
}