/* /Components/Pages/Security.razor.rz.scp.css */
/* Sicherheitsseite (/sicherheit). Baut auf .fs-kpis und table.data aus app.css auf. */

.sec-kpis[b-ucq07rgy4y] {
    margin-bottom: 14px;
}

/* Die Gradzählungen sind zugleich der Filter – Knöpfe in Kachelform. */
.sec-kpi[b-ucq07rgy4y] {
    cursor: pointer;
    text-align: left;
    font: inherit;
    color: inherit;
}

.sec-kpi.active[b-ucq07rgy4y] {
    outline: 2px solid var(--accent);
    outline-offset: -2px;
}

.sec-row[b-ucq07rgy4y] {
    cursor: pointer;
}

.sec-row.open > td[b-ucq07rgy4y] {
    background: color-mix(in srgb, var(--accent) 7%, transparent);
}

.sec-sub[b-ucq07rgy4y] {
    font-size: 11.5px;
}

/* Kennungen und Pfade sind lang und ohne Leerzeichen – sie dürfen umbrechen, die
   Tabelle darf daran nicht breiter werden als der Bildschirm. */
.sec-paths[b-ucq07rgy4y] {
    word-break: break-all;
}

.sec-agent[b-ucq07rgy4y] {
    display: block;
    max-width: 520px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sec-detail > td[b-ucq07rgy4y] {
    padding: 4px 0 14px 18px;
}

.sec-events[b-ucq07rgy4y] {
    font-size: 12px;
}

/* Die Tagesleiste im Kopf: eine Zeile, das Datumsfeld so breit wie sein Inhalt. */
.sec-tools[b-ucq07rgy4y] {
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
}

.sec-tools .input[b-ucq07rgy4y] {
    width: auto;
}