/* Chart container customization */
.chart-container {
    position: relative;
    width: 100%;
    height: 100%;
}

/* Tooltip customization */
.chart-tooltip {
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    padding: 8px;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

/* Price markers */
.price-marker {
    font-size: 11px;
    font-weight: 500;
    padding: 2px 5px;
    border-radius: 2px;
}

/* Volume bars */
.volume-bar {
    opacity: 0.8;
}

/* Axis labels */
.axis-label {
    font-size: 11px;
    font-weight: normal;
}

/* Crosshair */
.crosshair-label {
    padding: 4px 8px;
    border-radius: 2px;
    font-size: 11px;
}

/* Theme transitions */
.theme-transition {
    transition: all 0.3s ease;
}