.system-log-head { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-bottom:24px; }
.system-log-head h3 { font-size:22px; margin-bottom:8px; }
.system-log-head p,.system-log-hint { color:var(--muted); font-size:14px; line-height:1.6; }
#system-log-state { padding:7px 10px; border:1px solid var(--line); border-radius:8px; font-size:13px; white-space:nowrap; }
.system-log-filters { display:flex; flex-wrap:wrap; align-items:end; gap:12px; }
.system-log-filters label { display:grid; gap:7px; flex:1 1 150px; font-size:13px; }
.system-log-filters .system-log-search { flex:3 1 260px; }
.system-log-filters input,.system-log-filters select { width:100%; min-width:0; padding:11px 12px; border:1px solid var(--line); border-radius:8px; background:var(--paper-soft); color:var(--ink); font:inherit; font-size:14px; }
.system-log-toolbar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin:18px 0; font-size:13px; color:var(--muted); }
.system-log-controls { display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
.system-log-controls label { display:flex; align-items:center; gap:8px; color:var(--ink); font-size:14px; }
.system-log-controls input { width:17px; height:17px; }
.system-log-feed { border:1px solid var(--line); border-radius:12px; overflow:auto; max-height:65vh; background:var(--paper); }
.system-log-entry { border-bottom:1px solid var(--line); border-left:3px solid transparent; }
.system-log-entry:last-child { border-bottom:0; }
.system-log-entry summary { display:grid; grid-template-columns:155px 130px 105px minmax(180px,1fr); align-items:start; gap:12px; padding:13px 16px; cursor:pointer; list-style:none; font-size:14px; }
.system-log-entry summary::before { content:none; }
.system-log-entry summary::-webkit-details-marker { display:none; }
.system-log-entry summary:focus-visible { outline:2px solid var(--green); outline-offset:-2px; }
.system-log-entry time { color:var(--muted); font-variant-numeric:tabular-nums; font-size:12px; }
.system-log-level { font-size:12px; font-weight:700; }
.system-log-message { font-family:ui-monospace,Consolas,monospace; font-size:13px; line-height:1.5; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.system-log-entry pre { margin:0; padding:8px 18px 18px; white-space:pre-wrap; overflow-wrap:anywhere; font:13px/1.7 ui-monospace,Consolas,monospace; color:var(--ink); }
.system-log-entry[data-level=error] { border-left-color:#cf3b47; background:color-mix(in srgb,#cf3b47 7%,var(--paper)); }
.system-log-entry[data-level=error] .system-log-level { color:#b12735; }
.system-log-entry[data-level=warning] { border-left-color:#bc810e; background:color-mix(in srgb,#bc810e 6%,var(--paper)); }
.system-log-entry[data-level=warning] .system-log-level { color:#95640b; }
[data-theme=dark] .system-log-entry[data-level=error] .system-log-level { color:#ff939c; }
[data-theme=dark] .system-log-entry[data-level=warning] .system-log-level { color:#f0c770; }
#system-log-error { padding:14px; margin:16px 0; border:1px solid #cf3b47; border-radius:8px; color:var(--ink); font-size:14px; line-height:1.6; }
#system-log-more { margin-top:16px; }
.system-log-hint { margin-top:16px; }
.system-log-empty { padding:32px 18px; font-size:15px; color:var(--muted); }
@media(max-width:1100px) { .system-log-entry summary { grid-template-columns:1fr 1fr; gap:8px; } .system-log-message { grid-column:1/-1; white-space:normal; overflow-wrap:anywhere; } }