.system-log{min-width:0}.system-log__head h2{margin:0 0 8px}.system-log__filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:18px 0}.system-log__filter-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px}.system-log__status{border:1px solid var(--stroke);border-radius:12px;padding:12px 14px;font-size:.85rem;overflow-wrap:anywhere}.system-log__status[data-tone=error]{color:var(--danger);border-color:rgba(251,113,133,.4)}.system-log__entries{list-style:none;padding:0;margin:18px 0;display:grid;gap:14px}.system-log__entry{min-width:0;border:1px solid var(--stroke);border-radius:14px;padding:18px;background:var(--panel-surface,var(--surface));overflow-wrap:anywhere}.system-log__metadata{display:flex;gap:10px;flex-wrap:wrap;align-items:center;color:var(--muted);font-size:.8125rem}.system-log__kind{padding:2px 8px;border:1px solid var(--stroke);border-radius:20px}.system-log__entry h3{font-size:1rem;margin:12px 0 6px;line-height:1.5}.system-log__entity{margin:8px 0;font-size:.88rem;white-space:pre-wrap}.system-log__changes{margin-top:14px;border-top:1px solid var(--stroke);padding-top:8px}.system-log__changes summary{cursor:pointer;min-height:44px;align-content:center;font-size:.83rem}.system-log__changes dl{display:grid;gap:14px;margin:10px 0 0}.system-log__changes dl>div{display:grid;grid-template-columns:minmax(100px,.5fr) minmax(0,1fr) minmax(0,1fr);gap:12px;font-size:.8rem}.system-log__changes dt{font-weight:700}.system-log__changes dd{margin:0;white-space:pre-wrap;color:var(--muted);min-width:0}.system-log__empty{padding:24px 0}.system-log__context{overflow-wrap:anywhere}.system-log [hidden]{display:none!important}@media(max-width:850px){.system-log__filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.system-log__filters{grid-template-columns:minmax(0,1fr)}.system-log__filter-actions>*{flex:1 1 100%}.system-log__entry{padding:14px}.system-log__changes dl>div{grid-template-columns:minmax(0,1fr);gap:6px}.system-log__metadata{gap:8px}.system-log input[type=date]{width:100%;min-width:0}}

.system-log__unrecorded{grid-column:2/-1}@media(max-width:550px){.system-log__unrecorded{grid-column:1}}

.system-log__changes summary:focus-visible { outline:2px solid var(--focus-color,var(--primary)); outline-offset:3px; border-radius:var(--radius-sm); }
.system-log__changes summary:hover { color:var(--text); }