/* Radzen DataGrid — sladění s vizuálním jazykem lAsice (viz app.css .data-table).
   Načítá se po app.css a před scoped CSS bundlem, přebíjí tedy základ tématu default-base.
   Preferujeme --rz-* proměnné (stabilní API tématu) před přepisováním .rz-* selektorů. */

.lasice-grid {
    --rz-grid-background-color: transparent;
    --rz-grid-border: none;
    --rz-grid-border-radius: 0;
    --rz-grid-shadow: none;
    --rz-grid-data-border-shadow: none;

    --rz-grid-header-background-color: transparent;
    --rz-grid-header-cell-border: none;
    --rz-grid-header-cell-border-bottom: 1px solid rgba(126, 164, 213, 0.18);
    --rz-grid-header-cell-padding: 0 0.35rem 0.55rem 0;
    --rz-grid-header-color: #6a8ab2;
    --rz-grid-header-font-size: 0.74rem;
    --rz-grid-header-font-weight: 400;
    --rz-grid-header-line-height: 1.2;
    --rz-grid-header-text-transform: uppercase;
    --rz-grid-header-sorted-background-color: transparent;

    --rz-grid-cell-padding: 0.72rem 0.35rem 0.72rem 0;
    --rz-grid-cell-border: 1px solid rgba(126, 164, 213, 0.18);
    --rz-grid-bottom-cell-border: none;
    --rz-grid-right-cell-border: none;
    --rz-grid-cell-color: var(--text-soft);
    --rz-grid-cell-font-size: 0.92rem;
    --rz-grid-cell-line-height: 1.25;
    --rz-grid-cell-focus-outline: none;

    --rz-grid-hover-background-color: rgba(37, 99, 235, 0.03);
    --rz-grid-hover-color: inherit;
    --rz-grid-stripe-background-color: transparent;
    --rz-grid-stripe-odd-background-color: transparent;
    --rz-grid-selected-background-color: rgba(37, 99, 235, 0.06);
    --rz-grid-selected-color: inherit;

    --rz-grid-filter-icon-width: 0.85rem;
    --rz-grid-filter-icon-height: 0.85rem;
    --rz-grid-header-filter-icon-active-color: var(--primary);

    --rz-pager-background-color: transparent;
    --rz-pager-border: none;
    --rz-pager-summary-color: var(--text-soft);
    --rz-pager-summary-font-size: 0.85rem;
    --rz-pager-numeric-button-selected-background-color: var(--primary);
    --rz-pager-numeric-button-selected-color: #ffffff;
    --rz-pager-numeric-button-hover-background-color: rgba(0, 45, 98, 0.08);
}

/* Hlavička nemá v --rz proměnných letter-spacing — jde jen přes selektor. */
.lasice-grid .rz-column-title {
    letter-spacing: 0.06em;
    white-space: nowrap;
}

/* default-base.css natvrdo nastavuje .rz-cell-data na overflow:hidden + text-overflow:ellipsis +
   white-space:nowrap (žádná --rz-* proměnná to neřídí, jde jen o selektor). Původní .data-table
   text nikdy nezkracovala „…" — dvouřádkové buňky (název + muted podtext, popis) se prostě
   zalamovaly. Bez téhle opravy je to nejvíc vidět na dlouhém volném textu (např. Detail v logu
   e-mailů), ale postihuje to potenciálně každou buňku s delším obsahem. */
.lasice-grid .rz-data-row .rz-cell-data {
    overflow: visible;
    text-overflow: unset;
    white-space: normal;
}

/* Klikatelné řádky (RowClick je na gridu nastaven) — vizuální shoda s dřívějším <tr @onclick>. */
.lasice-grid .rz-data-row {
    cursor: pointer;
}

/* Sloupce s akcemi (Sortable="false" Filterable="false" Pickable="false") nemají mít
   kurzor řádku — klik na tlačítko uvnitř má @onclick:stopPropagation, ale vizuálně
   ať to nepůsobí jako navigační buňka. */
.lasice-grid .rz-data-row .rz-cell-data:has(.inline-actions),
.lasice-grid .rz-data-row .rz-cell-data:has(.mini-button) {
    cursor: default;
}

/* Mobilní kartové zobrazení (LasiceDataGrid Responsive="true" — zatím jen ServiceProtocols,
   mobilní PWA pro techniky v terénu). Radzen sám pod 768px skryje hlavičku a překlopí řádky na
   svislý seznam popisek/hodnota (třída .rz-datatable-reflow na kořeni gridu, viz default-base.css)
   — tady se jen dolaďuje vzhled karty a popisku, vizuální náhrada za dřívější .responsive-cards. */
@media (max-width: 768px) {
    .lasice-grid.rz-datatable-reflow .rz-data-row {
        display: block;
        border: 1px solid rgba(0, 45, 98, 0.12);
        border-radius: 12px;
        padding: 0.5rem 0.85rem;
        margin-bottom: 0.85rem;
        background: #fff;
    }

    .lasice-grid.rz-datatable-reflow .rz-data-row > td {
        padding: 0.35rem 0 !important;
        border: none !important;
    }

    /* Téma stylem barví/zvětšuje .rz-column-title jen v <thead> (viz default-base.css selektor
       ".rz-grid-table thead th .rz-column-title") — v kartovém režimu jde o popisek uvnitř buňky
       (tbody td), potřebuje proto vlastní styl. Hodnoty odpovídají dřívějšímu .responsive-cards
       td::before (font-weight 600, barva #5a6a7e). */
    .lasice-grid.rz-datatable-reflow .rz-data-row > td .rz-column-title {
        display: block;
        font-size: 0.74rem;
        font-weight: 600;
        color: #5a6a7e;
        text-transform: uppercase;
        letter-spacing: 0.06em;
        white-space: normal;
        margin-bottom: 0.15rem;
    }
}