/* Logs & activity uses one readable timeline at every viewport width. */
#activity-page{min-width:0;max-width:1400px;margin:0 auto}
.activity-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}
.activity-heading h2{margin:0;font-size:19px}.activity-heading .subtle{line-height:1.7;margin:8px 0 0}.activity-heading>.button{flex-shrink:0}
.activity-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:22px}
.activity-tabs [role=tab]{background:transparent;color:var(--muted);border:0;border-bottom:3px solid transparent;padding:14px 18px;font:inherit;font-size:13px;cursor:pointer}
.activity-tabs [aria-selected=true]{color:var(--ink);border-bottom-color:var(--accent,#12b5a6);font-weight:650}
#activity-page button:focus-visible,#activity-page summary:focus-visible{outline:2px solid var(--accent,#12b5a6);outline-offset:3px}
.activity-scope{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
.activity-scope p{font-size:12px;line-height:1.8;color:var(--muted);max-width:760px;margin:0}
.activity-scope label,.activity-filters label{display:grid;gap:7px;font-size:12px;color:var(--muted);min-width:0}
.activity-scope label{flex:0 0 280px}.activity-scope label[hidden]{display:none}
.activity-filters{display:grid;grid-template-columns:minmax(0,1fr) 210px 185px;gap:14px;margin-bottom:20px}
#activity-page input,#activity-page select{margin:0;min-width:0;width:100%}
.activity-results-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:11px;margin-bottom:12px;line-height:1.6}
#activity-list{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}
.activity-event+.activity-event{border-top:1px solid var(--line)}
.activity-event>summary{display:flex;align-items:flex-start;gap:15px;padding:19px 20px;cursor:pointer;list-style:none}
.activity-event>summary::-webkit-details-marker{display:none}
.activity-event>summary:before{content:'›';color:var(--muted);font-size:20px;line-height:1;flex:0 0 10px;transition:transform .15s}
.activity-event[open]>summary:before{transform:rotate(90deg)}
.activity-event-copy{flex:1;min-width:0}.activity-event-copy strong{display:block;font-size:13px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}
.activity-event-copy>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--muted);font-size:12px;line-height:1.7;margin-top:5px;overflow-wrap:anywhere}
.activity-event[open] .activity-event-copy>span{display:block}
.activity-event-meta{display:flex;align-items:flex-end;flex-direction:column;gap:9px;flex:0 0 210px;min-width:0}
.activity-tag{display:inline-block;border-radius:5px;padding:4px 8px;background:var(--bg);color:var(--muted);font-size:11px;line-height:1.5;max-width:100%;overflow-wrap:anywhere}
.activity-tag.warning{color:var(--amber,#bd873b);background:color-mix(in srgb,var(--amber,#d7ac57) 12%,transparent)}
.activity-event time{font-size:11px;color:var(--muted);line-height:1.5;text-align:right}
.activity-event-details{padding:0 20px 20px 45px;min-width:0}.activity-event-details>.subtle{font-size:11px;line-height:1.7;overflow-wrap:anywhere}
.activity-readable-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px;margin:0 0 20px;padding-top:6px}
.activity-readable-details>div{min-width:0}.activity-readable-details dt{font-size:11px;line-height:1.6;color:var(--muted);margin-bottom:4px}.activity-readable-details dd{margin:0;font-size:12px;line-height:1.7;color:var(--ink);overflow-wrap:anywhere}
.activity-technical{border-top:1px solid var(--line);padding-top:8px}.activity-technical>summary{cursor:pointer;color:var(--muted);font-size:11px;padding:8px 0;min-height:32px}.activity-technical>.subtle{font-size:11px;line-height:1.7;margin:8px 0}
.activity-event-details pre{font-size:11px;line-height:1.7;padding:14px;border:1px solid var(--line);border-radius:7px;background:var(--bg);white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0 0;color:var(--muted);max-height:350px;overflow:auto}
.activity-replay{border-top:1px solid var(--line);margin-top:18px;padding-top:8px}.activity-replay p,.activity-replay small{font-size:12px;line-height:1.7;color:var(--muted)}.activity-replay small{display:block;margin-top:8px}
.activity-empty{padding:40px 20px;text-align:center;font-size:13px}.activity-empty p{color:var(--muted);line-height:1.8;overflow-wrap:anywhere}
.activity-pagination{display:flex;justify-content:flex-end;align-items:center;gap:14px;margin-top:18px;font-size:12px;color:var(--muted)}.activity-pagination[hidden]{display:none}
.activity-history-note{font-size:11px;line-height:1.8;color:var(--muted);margin-top:18px}
@media(max-width:1000px){.activity-filters{grid-template-columns:1fr 1fr}.activity-filters>label:first-child{grid-column:1/-1}.activity-scope{align-items:flex-start;flex-direction:column}.activity-scope label{flex-basis:auto;width:100%;max-width:400px}.activity-event-meta{flex-basis:180px}}
@media(max-width:600px){.activity-heading{flex-direction:column;gap:14px}.activity-tabs{gap:0}.activity-tabs [role=tab]{flex:1;font-size:11px;padding:12px 6px}.activity-event>summary{flex-wrap:wrap;padding:16px 13px;gap:8px}.activity-event-copy{flex-basis:calc(100% - 22px)}.activity-event-meta{flex:1 1 100%;margin-left:18px;flex-direction:row;justify-content:space-between;align-items:center;gap:8px}.activity-event time{font-size:10px;max-width:140px}.activity-event-details{padding:0 13px 16px 31px}.activity-filters{gap:10px}.activity-tag{font-size:10px}.activity-pagination{justify-content:space-between;gap:8px}}
@media(max-width:600px){.activity-readable-details{grid-template-columns:minmax(0,1fr);gap:13px}}