.text-primary{
    color: var(--color-primary);
}

.rz-header.fixed {
    position: relative !important;
}
.rz-switch.rz-switch-checked .rz-switch-circle {
    background: var(--color-primary) !important;
}
.rz-chart{
    box-sizing: border-box;
    position: relative;
    height: 300px;
    min-width: 1070px;
}
.truncate-text{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 250px;
    display: block !important;
}

.ellipsis-multiline{
    display: -webkit-box;
    -webkit-line-clamp: 2;    /* Počet řádků před zkrácením */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.w-full{
    width: 100%;
}
.data-grid-row.disabled > td:not(.data-grid-row-action) {
    opacity: 0.5;
}

.highlight-row {
    background-color: rgba(59, 130, 246, 0.15);
    animation: highlight-pulse 2s ease-out;
    transition: background-color 0.3s ease;
}

@keyframes highlight-pulse {
    0% {
        background-color: rgba(59, 130, 246, 0.3);
    }
    100% {
        background-color: rgba(59, 130, 246, 0.15);
    }
}
tr.current-row:first-child td {
    padding-bottom: 25px; !important;
}
@media (max-width: 1270.98px) {

    .data-grid-items table,
    .data-grid-items tbody {
        display: block;
    }

    .data-grid-items table {
        table-layout: auto;
    }

    .responsive-row {
        display: grid !important;

        /* 4 content columns + action */
        grid-template-columns:
            repeat(4, minmax(0, 1fr))
            auto;

        gap: 12px;
        align-items: start;
    }
    .columns-5 {
        grid-template-columns:
                repeat(2, minmax(0, 1fr))
        auto;
        gap: 0px;
    }
    .columns-7 {
        grid-template-columns:
                repeat(4, minmax(max-content, 1fr))
        auto;
    }
    .responsive-row:not(:last-child) {
        border-bottom: 1px solid var(--bg-input-hover);
    }

    .data-grid-column {
        min-width: 0;
    }

    .data-grid-column .cell-label,
    .data-grid-column .cell-value {
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }

    /* první hlavní sloupec */
    .data-grid-column:first-child {
        grid-column: 1 / 5;
        grid-row: 1;
    }

    .columns-5 .data-grid-column:first-child {
        grid-column: 1 / 3;
        grid-row: 1;
    }
    
    /* action vpravo */
    .data-grid-row-action {
        grid-column: 5 / 6;
        grid-row: 1;

        justify-self: end;
        align-self: center;
    }

    .columns-5 .data-grid-row-action {
        grid-column: 3 / 4;
        grid-row: 1;

        justify-self: end;
        align-self: center;
    }
    /* ostatní sloupce */
    .data-grid-column:not(:first-child) {
        grid-column: span 1;

        padding-left: 12px;
        padding-right: 12px;
    }
}


@media (max-width: 885.98px) {

    .responsive-row {

        /* 3 content columns + action */
        grid-template-columns:
            repeat(3, minmax(0, 1fr))
            auto;
    }

    .columns-5 {
        grid-template-columns:
                repeat(2, minmax(0, 1fr))
        auto;
        gap: 0px;
    }
    .data-grid-column:first-child {
        grid-column: 1 / 4;
    }

    .data-grid-row-action {
        grid-column: 4 / 5;
    }
}
@media (max-width: 620.98px) {

    .responsive-row {

        /* 2 content columns + action */
        grid-template-columns:
            repeat(2, minmax(0, 1fr))
            auto;
    }

    .data-grid-column:first-child {
        grid-column: 1 / 3;
    }

    .data-grid-row-action {
        grid-column: 3 / 4;
    }
}
@media (max-width: 419.98px) {

    .responsive-row {

        /* 1 content column + action */
        grid-template-columns:
            minmax(0, 1fr)
            auto;
    }

    .data-grid-column:first-child {
        grid-column: 1 / 2;
    }

    .data-grid-row-action {
        grid-column: 2 / 3;
    }

    .data-grid-column:not(:first-child) {
        grid-column: 1 / -1;
    }
}