.context .brush .selection {
    fill: rgba(0, 132, 255, 0.16); /* bleu moderne très léger */
    stroke: rgba(0, 132, 255, 0.65); /* contour bleu */
    stroke-width: 1.4px;
    shape-rendering: crispEdges;
    rx: 3px;
    ry: 3px;
}

.context .brush .overlay {
    cursor: crosshair;
    fill: rgba(0, 0, 0, 0); /* transparent */
}

.context .brush .handle {
    fill: rgba(0, 132, 255, 0.90);
    stroke: white;
    stroke-width: 1.2px;
    rx: 3px;
    ry: 3px;
    cursor: ew-resize;
}

/* les zones à gauche / droite (éclairées pour context) */
.context .brush .handle--w,
.context .brush .handle--e {
    width: 6px; /* poignée moderne étroite */
}

/* Ligne verticale centrée dans la poignée */
.context .brush .handle line {
    stroke: white;
    stroke-width: 1.4px;
    shape-rendering: crispEdges;
}

/* Amélioration de lisibilité sur grands écrans */
.context .brush:hover .selection {
    stroke-width: 1.8px;
}

/* Couleur globale mini-chart */
.context .context-line {
    stroke: #b4bfd3;
    opacity: 0.9;
}