/* Integration: load after app.css. The existing #simulation-activity root stays fixed. */
.simulation-activity{display:flex;flex-direction:column;top:var(--activity-top,84px);right:20px;width:360px;max-width:calc(100vw - 28px);max-height:calc(100dvh - var(--activity-top,84px) - 28px);border-radius:12px;isolation:isolate}
/* Match the legacy app.css body:has(.chat-panel) specificity, then override it.
   Closed chat panels remain mounted; the active-surface rules below still win. */
body .simulation-activity:not([hidden]){display:flex}
.simulation-activity-heading{flex:none;min-height:44px;padding:0 48px 0 12px}
.simulation-activity-heading strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px}
.simulation-activity-toggle{touch-action:manipulation}
.activity-badge{position:absolute;top:1px;right:1px;min-width:16px;height:16px;padding:0 3px;box-sizing:border-box;border-radius:9px;background:var(--green);color:var(--surface);font-size:9px;line-height:16px;text-align:center;pointer-events:none;font-variant-numeric:tabular-nums}
.activity-tools{order:1;flex:none;display:flex;padding:0 12px 8px}
.activity-sound{min-height:32px;max-width:100%;border:1px solid var(--line);border-radius:7px;background:var(--soft);color:var(--ink);padding:4px 9px;font:inherit;font-size:11px;cursor:pointer;touch-action:manipulation}
.activity-sound[aria-pressed=true]{color:var(--green);border-color:currentColor}
.simulation-activity-list{order:2;flex:0 1 auto;min-height:0;height:auto;max-height:144px;margin:0 12px 4px}
.simulation-activity-row{min-height:48px;grid-template-rows:30px 4px;padding:4px 0;gap:2px 7px}
.activity-fills{order:3;flex:0 1 auto;min-height:0;max-height:144px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;overflow-anchor:none;margin:0 12px 4px}
.activity-fill{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;border-top:1px solid var(--line);padding:8px 0;font-size:11px;line-height:1.4}
.activity-fill a{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.activity-fill a:hover{text-decoration:underline}
.activity-fill-state{color:var(--green);font-size:10px}
.activity-fill-detail{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}
.activity-fill time{color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums;text-align:right}
.activity-coverage{order:4;flex:none;margin:0;padding:7px 12px;border-top:1px solid var(--line);font-size:10px;line-height:1.4;color:var(--muted)}
.simulation-activity-connection{order:5;flex:none;margin:0;padding:7px 12px}
.activity-notice{position:absolute;top:calc(100% + 6px);left:0;right:0;max-height:64px;overflow:hidden;margin:0;padding:9px 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface);box-shadow:0 4px 16px #0b232b18;color:var(--ink);font-size:12px;line-height:1.4;overflow-wrap:anywhere;pointer-events:none}
.simulation-activity[data-collapsed=true]{width:44px;height:44px;max-height:44px}
.simulation-activity[data-collapsed=true]>:not(.simulation-activity-heading):not(.sr-only){display:none!important}
.simulation-activity[data-collapsed=true] .simulation-activity-heading{padding:0}
.simulation-activity[data-collapsed=true] .simulation-activity-heading strong{display:none}
body:has(.profile-menu[open]) .simulation-activity,body:has(.chat-panel:not([hidden])) .simulation-activity,body:has(dialog[open]) .simulation-activity,body:has([role=dialog][aria-modal=true]) .simulation-activity{display:none!important}
@media(max-width:600px){.simulation-activity{top:var(--activity-top,76px);right:14px;max-height:calc(100dvh - var(--activity-top,76px) - 84px)}.simulation-activity-row{grid-template-columns:minmax(0,1fr) 100px 24px}.activity-fill{font-size:10px}}
@media(prefers-reduced-motion:reduce){.simulation-activity,.simulation-activity *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* A collapsed mobile tab sits on the lower header edge, not on page actions. */
@media(max-width:600px){
  .simulation-activity[data-collapsed=true]{top:58px;right:calc(50% - 22px);width:44px;height:28px;max-height:28px;border-radius:0 0 9px 9px}
  .simulation-activity[data-collapsed=true] .simulation-activity-heading{height:28px;min-height:28px}
  .simulation-activity[data-collapsed=true] .simulation-activity-toggle{height:28px;min-height:28px;line-height:1}
  .simulation-activity[data-collapsed=true] .activity-badge{top:0;right:0;min-width:13px;height:13px;font-size:8px;line-height:13px}
}