.activity {
  margin: 0 0 16px;
  border: 1px solid #303730;
  border-radius: 11px;
  background: #121512;
  overflow: hidden;
  color: #aeb5af;
}
.activity summary { display:flex; align-items:center; gap:9px; padding:11px 13px; cursor:pointer; list-style:none; font-size:12px; }
.activity summary::-webkit-details-marker { display:none; }
.activity summary strong { color:#d7ddd8; font-weight:650; }
.activity .elapsed { margin-left:auto; color:#707870; font-variant-numeric:tabular-nums; }
.activity .chevron { color:#697069; transition:transform .2s; }
.activity[open] .chevron { transform:rotate(180deg); }
.activity-dot { width:8px; height:8px; border-radius:50%; background:#70db8d; box-shadow:0 0 9px #70db8d66; }
.activity.busy .activity-dot { background:#e7bd62; animation:pulse 1s infinite; }
.activity.failed .activity-dot { background:#ef746b; }
.activity-log { border-top:1px solid #272c28; padding:9px 13px; max-height:190px; overflow-y:auto; overflow-x:hidden; color:#808880; font:11px/1.6 ui-monospace,monospace; white-space:pre-wrap; overflow-wrap:anywhere; }
.activity-log > div { padding:2px 0; border-bottom:1px solid #1d211e; }
.activity-log > div:last-child { border:0; }
.activity-log > div { position:relative; min-width:0; margin:0 -7px; padding:4px 9px; border-left:3px solid transparent; transition:color .18s,background .18s,border-color .18s; }
.activity-log > div.active-line { border-left-color:#e7bd62; color:#e8ede9; background:#e7bd6218; box-shadow:inset 0 0 0 1px #e7bd6210; }
.activity-log > div.active-line:after { content:""; position:absolute; inset:0; pointer-events:none; overflow:hidden; background:linear-gradient(90deg,transparent,#ffffff0b,transparent); animation:activitySweep 1.5s linear infinite; }
.activity-log .reasoning-live { color:#aab4ac; }
.activity-log .commentary-live { color:#b8c5ba; }
.activity-log .command-output { color:#747d76; }
@keyframes activitySweep { from{transform:translateX(-100%)} to{transform:translateX(100%)} }