/*[data-delta] {
    font-weight: 600;
}

[data-delta].positive {
    color: #198754;  green 
}

[data-delta].negative {
    color: #dc3545;  red 
}

[data-delta].neutral {
    color: #6c757d;  gray 
}*/

[data-delta] {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: 4px;
    margin-top: 4px;
    font-weight: 600;
}

[data-delta].positive {
    background: #eaf6ec;
    color: #198754;
}

[data-delta].negative {
    background: #fbeaec;
    color: #dc3545;
}

[data-delta].neutral {
    background: #f1f1f1;
    color: #6c757d;
}

[data-delta].trend-up::before {
    font-family: "bootstrap-icons";
    content: "\F144";
    margin-right: 5px;
}

[data-delta].trend-down::before {
    font-family: "bootstrap-icons";
    content: "\F123";
    margin-right: 5px;
}