/* Resize handle at bottom of chart panels */
.resize-handle { position: absolute; bottom: 0; left: 0; width: 100%; height: 12px; cursor: row-resize; background: var(--resize-bg); box-shadow: inset 0 1px 0 var(--border-light); z-index: 25; pointer-events: auto; }
.resize-handle:hover { background: var(--resize-hover); }
.chart-panel-focused .resize-handle { background: var(--resize-focused); }
#chart-container > div:last-child .resize-handle { display: none; pointer-events: none; opacity: 0; }

/* Trash button hidden by default and shown when legend is hovered */
.trash-button { background: none; cursor: pointer; color: var(--text-chart); transform: scale(0.9); margin-left: 5px; padding: 0px 6px; border-radius: 4px; transition: color 0.2s; visibility: hidden; border: 1px solid var(--bg-secondary); }
.chart-legend:hover .trash-button { visibility: visible; }
.trash-button:hover { background: var(--trash-hover); }