body.suricata-mode main>:not(#suricata){display:none!important}
#suricata{scroll-margin-top:70px;min-width:0}
.ids-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.ids-actions{display:flex;gap:8px;flex-shrink:0}.ids-actions button{min-height:36px}
.ids-status{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin-bottom:16px;font-size:12px}.ids-status #ids-updated{margin-left:auto}
.ids-engine-panel{margin-bottom:20px;overflow:hidden}.ids-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:16px 18px;gap:16px 24px}.ids-facts dt{font-size:12px;color:var(--muted);margin-bottom:5px}.ids-facts dd{margin:0;font-size:14px;font-weight:600;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.ids-note{font-size:12px;line-height:1.65;color:var(--muted);margin:0;padding:12px 18px}.ids-engine-panel .ids-note{border-top:1px solid var(--border)}.ids-error{color:var(--red);background:#fceceb;border:1px solid #edc0be;border-radius:4px;padding:10px 12px;margin-bottom:16px;font-size:12px;line-height:1.6}
.ids-totals{display:flex;flex-wrap:wrap;gap:8px 20px;padding:0 18px 16px;font-size:12px}.ids-totals span{display:flex;align-items:center;gap:6px}.ids-totals strong{font-variant-numeric:tabular-nums}
.ids-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;padding:0 18px 16px}.ids-filters label{display:flex;flex-direction:column;gap:5px;font-size:12px}.ids-filters input,.ids-filters select{width:100%;min-height:36px}.ids-search-label{flex:1;min-width:220px}.ids-filters select{min-width:145px}.ids-filters button{min-height:36px}
.ids-alert-panel{overflow:hidden;margin-bottom:16px}.ids-alert-panel table{min-width:950px;width:100%;table-layout:fixed}.ids-alert-panel th,.ids-alert-panel td{padding:10px 14px;font-size:12px;vertical-align:top;white-space:normal;overflow-wrap:anywhere}.ids-alert-panel th:nth-child(1){width:130px}.ids-alert-panel th:nth-child(2){width:160px}.ids-alert-panel th:nth-child(3){width:32%}.ids-alert-panel th:nth-child(4){width:230px}.ids-alert-panel th:nth-child(5){width:110px}.ids-alert-panel td strong,.ids-alert-panel td small{display:block}.ids-alert-panel td small{margin-top:4px;font-weight:400}.ids-time,.ids-endpoint{font-variant-numeric:tabular-nums}.ids-alert-panel .badge{white-space:normal;margin-top:5px}.ids-alert-panel .ids-severity-2{color:var(--amber);background:#fff5db}.ids-alert-panel .ids-severity-1{color:var(--red);background:#fceceb}
.ids-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-top:1px solid var(--border);font-size:12px}.ids-pagination>div{display:flex;align-items:center;gap:12px}.ids-pagination button{min-height:36px;min-width:36px}.ids-alert-panel .table-wrap:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}
@media(max-width:1100px){.ids-heading{flex-wrap:wrap}.ids-status #ids-updated{margin-left:0}}
@media(max-width:800px){.ids-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.ids-filters label{flex:1;min-width:140px}.ids-filters .ids-search-label{flex-basis:100%}}
@media(max-width:480px){.ids-heading{gap:12px}.ids-actions{width:100%;flex-wrap:wrap}.ids-facts{gap:16px;padding:14px 16px}.ids-facts>div:last-child{grid-column:1/-1}.ids-filters{gap:10px;padding:0 16px 16px}.ids-filters label{min-width:0;flex-basis:calc(50% - 10px)}.ids-filters select{min-width:0}.ids-filters .ids-search-label{flex-basis:100%}.ids-pagination{align-items:flex-start;flex-direction:column}.ids-actions button,.ids-filters button,.ids-pagination button,.ids-filters input,.ids-filters select{min-height:44px}}