/* filter-panel.css — panel FILTER-a sa ograničenom visinom i čipovi višestrukog izbora.
   Preuzeto iz STech-ovog wine2d2.css (isti blok, bez izmena) zajedno sa IT podrškom i Porukama;
   klase .filter-dropdown* već koriste i postojeće SFarm stranice (Dokumenti, Moji zadaci). */

/* ── FILTER PANEL: ograničena visina + scroll, dugmad uvek na dnu ──
   Dodaje se UZ .input-dropdown (klasa .filter-dropdown), da picker popup-i (oprema, korisnik, grad…)
   zadrže svoje ponašanje. Bogat filter ume da preraste ekran — tada sadržaj skroluje, a „Pretraga"
   i „Poništi" ostaju vidljivi na dnu panela umesto da odu ispod ivice ekrana.
   Struktura: .input-dropdown.filter-dropdown > .filter-dropdown__body + .filter-dropdown__actions */
.input-dropdown.filter-dropdown{
    display: flex;
    flex-direction: column;
    /* Panel visi ispod dugmeta u zaglavlju liste — odbija se visina zaglavlja, da dno ostane na ekranu.
       Bez min-height: kratak filter ostaje kratak, dugačak se seče i skroluje. */
    max-height: calc(100vh - 240px);
    padding-bottom: 0;
}

    .filter-dropdown__body{
        flex: 1 1 auto;
        min-height: 0;
        overflow-y: auto;
        overflow-x: hidden;
        padding-right: 6px;
    }

    /* KRATAK filter (sav sadržaj staje u panel, npr. Oznake) — telo ne seče picker-e, pa spisak
       korisnika/opreme pada PREKO ivice panela umesto da mu se odseče dno. Dugački filteri (prijave i
       nalozi) i dalje skroluju sadržaj, pa kod njih ova klasa ne stoji i ponašanje ostaje isto. */
    .filter-dropdown--free .filter-dropdown__body{
        overflow: visible;
    }

    /* ── ČIPOVI FILTERA (višestruki izbor: statusi, kritičnost, slojevi, odeljenja, ljudi) ──
       Stoje OVDE, a ne u pojedinačnim panelima: filter mora da izgleda isto na svakom ekranu, a
       dok je isto pravilo bilo prepisano u dva panela, prvo sledeće doterivanje razišlo bi ih.
       Boju nosi promenljiva --fc koju postavlja sam čip. */
    .fchips{
        display: flex;
        flex-wrap: wrap;
        gap: 7px;
    }

    .fchip{
        font-size: 11px;
        font-weight: 800;
        letter-spacing: .3px;
        text-transform: uppercase;
        color: #5b6b7b;
        background: #fff;
        border: 1.5px solid #d7dde3;
        border-radius: 999px;
        padding: 5px 12px;
        cursor: pointer;
        white-space: nowrap;
        transition: all .12s ease;
    }

        .fchip:hover{
            border-color: var(--fc);
            color: var(--fc);
        }

        .fchip.on{
            background: var(--fc);
            border-color: var(--fc);
            color: #fff;
            box-shadow: 0 2px 8px rgba(20,34,47,.18);
        }

        /* Izbor koji uz ostatak filtera nema smisla — prikazan pa prekrižen, da se vidi ZAŠTO ga nema. */
        .fchip--off{
            opacity: .45;
            text-decoration: line-through;
            cursor: default;
        }

            .fchip--off:hover{
                border-color: #d7dde3;
                color: #5b6b7b;
            }

    .filter-dropdown__actions{
        flex: 0 0 auto;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        background: #FFF;
        border-top: 1px solid #E6E8EC;
        padding: 10px 0 12px;
        margin-top: 4px;
    }