.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: 200px;
    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 {*/
/*    table-layout: auto; !* Automatické zarovnání podle obsahu *!*/
/*}*/

/*.data-grid td {*/
/*    vertical-align: top;*/
/*}*/

/*.cell-label {*/
/*    font-size: 0.75rem;*/
/*    font-weight: 600;*/
/*    color: #6b7280;*/
/*    text-transform: uppercase;*/
/*    margin-bottom: 0.25rem;*/
/*}*/

/*.cell-value {*/
/*    font-size: 0.875rem;*/
/*    color: #111827;*/
/*}*/

/*.empty-icon, .water-icon {*/
/*    width: 16px;*/
/*    height: 16px;*/
/*    display: inline-block;*/
/*    mask: var(--icon-url) no-repeat center;*/
/*    -webkit-mask: var(--icon-url) no-repeat center;*/
/*    mask-size: contain;*/
/*    -webkit-mask-size: contain;*/
/*}*/

/*.report-area {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    gap: 0.5rem;*/
/*    flex-wrap: wrap;*/
/*}*/

/*.report-area-unit {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    gap: 0.25rem;*/
/*}*/

/*.badge {*/
/*    display: inline-flex;*/
/*    padding: 0.25rem 0.75rem;*/
/*    border-radius: 9999px;*/
/*    font-size: 0.75rem;*/
/*    font-weight: 500;*/
/*}*/

/*.badge-success {*/
/*    background-color: #d1fae5;*/
/*    color: #065f46;*/
/*}*/

/*.badge-warning {*/
/*    background-color: #fef3c7;*/
/*    color: #92400e;*/
/*}*/
.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);
    }
}
@media (max-width: 1270.98px) {
    .data-grid-items table,
    .data-grid-items tbody {
        display: block;
    }

    .responsive-row {
        display: grid !important;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr; /* První sloupec + action vedle sebe */
        gap: 0;
    }

    .responsive-row:not(:last-child) {
        border-bottom: 1px solid var(--bg-input-hover);
    }

    .data-grid-column {
        display: block !important;
        border-right: none;
    }

    /* První sloupec v první buňce gridu */
    .data-grid-column:first-child {
        grid-column: 1 / 2;
        grid-row: 1;
    }

    /* Action vedle prvního sloupce */
    .data-grid-row-action {
        grid-column: 5 / 6;
        grid-row: 1;
        justify-self: end;
        align-self: center;
    }

    .data-grid-column:not(:first-child):nth-child(2) {
        grid-column: 1 / 2;
        padding-left: 12px; 
        padding-right: 12px;
    }
    .data-grid-column:not(:first-child):nth-child(3) {
        grid-column: 2 / 3;
    }
    .data-grid-column:not(:first-child):nth-child(4) {
        grid-column: 3 / 4;
    }
    .data-grid-column:not(:first-child):nth-child(5) {
        grid-column: 4 / 5;
    }
    .data-grid-column:not(:first-child):nth-child(6) {
        grid-column: 5 / 6;
    }
}


@media (max-width: 885.98px) {
    .data-grid-items table,
    .data-grid-items tbody {
        display: block;
    }

    .responsive-row {
        grid-template-columns: 1fr 2fr; /* První sloupec + action vedle sebe */
    }

    /* Action vedle prvního sloupce */
    .data-grid-row-action {
        grid-column: 2 / 3;
        grid-row: 1;
        justify-self: end;
        align-self: start;
    }

    .data-grid-column:not(:first-child):nth-child(even) {
        grid-column: 1 / 2;
        padding-left: 12px;
        padding-right: 12px;
    }
    .data-grid-column:not(:first-child):nth-child(odd) {
        grid-column: 2 / 3;
    }
}

@media (max-width: 419.98px) {
    .responsive-row {
        grid-template-columns: 1fr !important; /* Všechno pod sebe */
    }

    .data-grid-column{
        grid-column: 1 / -1 !important;
        padding-left: 12px;
        padding-right: 12px;
    }
}