/* TRACELIA Security V2.55 — filtres KPI */

.site-plan-treatment-kpis-grid-v254
> div[data-v255-filter] {
    cursor: pointer;

    transition:
        border-color 150ms ease,
        background 150ms ease,
        opacity 150ms ease,
        transform 150ms ease;
}

.site-plan-treatment-kpis-grid-v254
> div[data-v255-filter]:hover {
    opacity: 1;

    border-color:
        rgba(255, 255, 255, 0.24);

    background:
        rgba(255, 255, 255, 0.055);

    transform:
        translateY(-1px);
}

.site-plan-treatment-kpis-grid-v254
> div[data-v255-filter]:focus-visible {
    outline: 1px solid
        rgba(255, 255, 255, 0.72);
    outline-offset: 2px;
}

.site-plan-treatment-kpis-grid-v254
> div[data-v255-filter][aria-pressed="true"] {
    opacity: 1;

    border-color:
        rgba(255, 255, 255, 0.68);

    background:
        rgba(255, 255, 255, 0.10);

    box-shadow:
        0 0 0 1px
        rgba(255, 255, 255, 0.08);
}

.site-plan-treatment-kpis-grid-v254
> div.todo[data-v255-filter][aria-pressed="true"] {
    border-color:
        rgba(255, 87, 87, 0.82);

    background:
        rgba(255, 87, 87, 0.13);
}

.site-plan-treatment-kpis-grid-v254
> div.acknowledged[data-v255-filter][aria-pressed="true"] {
    border-color:
        rgba(255, 185, 79, 0.82);

    background:
        rgba(255, 185, 79, 0.12);
}

.site-plan-treatment-kpis-grid-v254
> div.resolved[data-v255-filter][aria-pressed="true"] {
    border-color:
        rgba(115, 211, 255, 0.82);

    background:
        rgba(115, 211, 255, 0.12);
}

.site-plan-treatment-kpis-grid-v254
> div.information[data-v255-filter][aria-pressed="true"] {
    border-color:
        rgba(190, 190, 190, 0.70);

    background:
        rgba(190, 190, 190, 0.09);
}

.site-plan-event-kpi-match-v255 {
    opacity: 1 !important;

    box-shadow:
        inset 2px 0 0
        rgba(255, 255, 255, 0.25);
}