.stock-indicator-chart-shell {
    position: relative;
    min-height: 420px;
    width: 100%;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    background: var(--background-secondary);
    padding: var(--space-3);
}

.stock-indicator-chart-shell canvas {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 392px;
}

@media (max-width: 1023px) {
    .stock-indicator-chart-shell {
        min-height: 360px;
    }

    .stock-indicator-chart-shell canvas {
        min-height: 332px;
    }
}

@media (max-width: 767px) {
    .stock-indicator-chart-shell {
        min-height: 320px;
        padding: var(--space-2);
    }

    .stock-indicator-chart-shell canvas {
        min-height: 300px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .stock-indicator-chart-shell,
    .stock-indicator-chart-shell * {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}