.sy-logs { display:grid; gap:1rem; min-width:0; }
.sy-logs .sy-mgmt-heading { margin:0; }
.sy-logs .sy-mgmt-heading h1 { margin:0; }
.sy-log-filters { display:flex; align-items:end; flex-wrap:wrap; gap:.75rem; }
.sy-log-filters label { display:grid; gap:.375rem; flex:1 1 150px; font-weight:var(--sy-control-font-weight,400); }
.sy-log-meta { margin:0; color:var(--sy-text-muted,#526479); }
.sy-logs .sy-log-table { table-layout:fixed; min-width:720px; }
.sy-logs th:nth-child(1) { width:155px; }
.sy-logs th:nth-child(2) { width:165px; }
.sy-logs th:nth-child(3) { width:130px; }
.sy-logs td { vertical-align:top; }
.sy-logs td small { display:block; margin-top:.25rem; color:var(--sy-text-muted,#526479); }
.sy-log-message { overflow-wrap:anywhere; white-space:pre-wrap; }
.sy-logs pre { white-space:pre-wrap; overflow-wrap:anywhere; font-size:.875rem; max-height:320px; overflow:auto; }
@media(max-width:600px) { .sy-log-filters label { flex-basis:calc(50% - .75rem); } }

@media(max-width:600px) {
 .sy-logs .sy-log-table { min-width:0; }
 .sy-logs .sy-log-table, .sy-logs .sy-log-table tbody { display:block; width:100%; }
 .sy-logs .sy-log-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
 .sy-logs .sy-log-table tbody tr { display:grid; grid-template-columns:minmax(0,1fr) auto; padding:.75rem; border-bottom:1px solid var(--sy-border,#dce2ea); }
 .sy-logs .sy-log-table td { height:auto; width:auto; min-width:0; padding:.375rem; border:0; }
 .sy-logs .sy-log-table td:nth-child(1) { grid-column:1; grid-row:1; }
 .sy-logs .sy-log-table td:nth-child(3) { grid-column:2; grid-row:1; }
 .sy-logs .sy-log-table td:nth-child(2), .sy-logs .sy-log-table td:nth-child(4) { grid-column:1 / -1; }
 .sy-logs .sy-log-table td.sy-table-empty { grid-column:1 / -1; }
 .sy-logs .sy-log-table .sy-status-badge { white-space:nowrap; }
}