/* Tùy chỉnh màu chữ và kích thước cho các phần tử plotlineChart */

/* Áp dụng màu đen và tăng kích thước cho tất cả các phần tử plotlineChart */
html body .plotlineChart span.price,
html body .plotlineChart span.time {
    color: #000 !important;
    /* Điều chỉnh kích thước của các ô */
    font-size: 11.25px !important;
    padding: 4px 6px 3px 6px !important;
    font-weight: 700 !important;
    min-width: 55px !important;
    text-align: center !important;
}

/* Style bổ sung để ghi đè các style khác */
#root .plotlineChart span.price,
#root .plotlineChart span.time {
    color: #000 !important;
}

/* Tăng khoảng cách giữa giá và thời gian */
.plotlineChart span.time {
    margin-top: 4px !important;
}

/* Điều chỉnh kích thước font chữ trên thiết bị di động */
@media (max-width: 768px) {
    html body .plotlineChart span.price,
    html body .plotlineChart span.time {
        font-size: 11px !important;
        padding: 3px 5px 2px 5px !important;
        min-width: 45px !important;
    }
    
    .plotlineChart span.time {
        margin-top: 3px !important;
    }
}