/* ============================================================
   Table-hover-brand — brandowy hover wierszy tabel
   Backlog #197 (modernizacja UI/UX 2026). Zero JS.

   Domyslny hover Velzona to ledwo widoczna szarosc
   (--vz-table-hover-bg: rgba(body-color, .04)). Zmieniamy na delikatny
   brandowy zielony — obejmuje WSZYSTKIE tabele (DataTables tez), bo
   nadpisujemy zmienna sterujaca calym mechanizmem hovera.

   Wariant C (bez migania): zielone tlo + zielony akcent z lewej krawedzi.
   ============================================================ */

/* Zielony zamiast szarego (nieco mocniejszy niz stary .04, wciaz subtelny). */
.table {
    --vz-table-hover-bg: rgba(17, 102, 45, 0.08);
    --vz-table-hover-color: var(--vz-body-color);
}

/* Zielony akcent z lewej krawedzi wiersza na hover (inset na 1. komorce =
   pionowy pasek na calej wysokosci wiersza). box-shadow inset NIE przesuwa
   tresci (border-left by przesuwal). */
.table-hover > tbody > tr:hover > td:first-child,
.table-hover > tbody > tr:hover > th:first-child {
    /* Dwa cienie: pasek + odtworzony zielony wypelniacz komorki.
       Bootstrap laduje tlo hovera przez inset 0 0 0 9999px na KAZDEJ komorce
       — sam pasek by go nadpisal (1. kolumna zostawala biala), wiec
       dokladamy ten sam wypelniacz z powrotem. */
    box-shadow:
        inset 3px 0 0 0 #11662D,
        inset 0 0 0 9999px var(--vz-table-bg-state, var(--vz-table-bg-type, var(--vz-table-accent-bg)));
}

/* Plynne pojawianie TLA. box-shadow (pasek) celowo BEZ transition —
   animacja box-shadow z "none" powodowala pyknienie/miganie 1. komorki.
   Pasek pojawia sie natychmiast, tlo delikatnie przenika. */
@media (prefers-reduced-motion: no-preference) {
    .table-hover > tbody > tr > td,
    .table-hover > tbody > tr > th {
        transition: background-color 0.12s ease;
    }
}