.activity-page { background: var(--cream); }
.activity-head-actions, .activity-source { display: flex; align-items: center; }
.activity-head-actions { gap: 18px; }
.activity-source { gap: 8px; color: rgba(255,255,255,.72); font-size: 12px; font-weight: 600; }
.activity-source i { width: 8px; height: 8px; border-radius: 50%; background: #d5a64a; box-shadow: 0 0 0 4px rgba(213,166,74,.12); }
.activity-source i.good { background: #6ab187; box-shadow: 0 0 0 4px rgba(106,177,135,.13); }
.activity-source i.bad { background: #c75d47; box-shadow: 0 0 0 4px rgba(199,93,71,.13); }
.activity-refresh { border: 1px solid rgba(255,255,255,.22); border-radius: 999px; background: transparent; color: white; padding: 8px 14px; font: 600 11px/1 Inter, sans-serif; cursor: pointer; }
.activity-refresh:hover { background: rgba(255,255,255,.08); }
.activity-intro .intro-inner { align-items: end; }
.activity-promise { max-width: 320px; border-left: 3px solid var(--rust); padding: 10px 0 10px 18px; display: grid; gap: 5px; }
.activity-promise span { color: var(--rust); font: 600 10px/1 JetBrains Mono, monospace; letter-spacing: .12em; }
.activity-promise strong { color: var(--navy); font: 600 14px/1.45 Inter, sans-serif; }
.activity-shell { padding: 48px clamp(24px,4vw,64px) 80px; background: var(--cream); min-height: 600px; }
.activity-heading { display: flex; justify-content: space-between; gap: 36px; align-items: end; padding-bottom: 26px; border-bottom: 1px solid rgba(23,39,58,.14); }
.activity-heading h2 { margin: 8px 0 0; color: var(--navy); font: 600 clamp(27px,3vw,38px)/1.1 Fraunces, serif; }
.activity-heading > p { max-width: 430px; margin: 0; color: var(--muted); font: 15px/1.65 Source Serif 4, serif; }
.activity-summary { display: grid; grid-template-columns: repeat(4,1fr); margin: 28px 0; border: 1px solid rgba(23,39,58,.14); background: rgba(255,255,255,.48); }
.activity-summary-item { padding: 18px 20px; border-right: 1px solid rgba(23,39,58,.12); display: grid; gap: 8px; }
.activity-summary-item:last-child { border-right: 0; }
.activity-summary-item span { color: var(--muted); font: 600 10px/1 JetBrains Mono, monospace; text-transform: uppercase; letter-spacing: .08em; }
.activity-summary-item strong { color: var(--navy); font: 600 28px/1 Fraunces, serif; }
.activity-summary-item.good strong { color: #37795a; }
.activity-summary-item.bad strong { color: var(--rust); }
.activity-summary-item.warm strong { color: #9a6c1f; }
.activity-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 22px; }
.activity-filters { display: flex; gap: 8px; flex-wrap: wrap; }
.activity-filters button { border: 1px solid rgba(23,39,58,.18); border-radius: 999px; background: transparent; color: var(--navy); padding: 9px 14px; font: 600 11px/1 Inter, sans-serif; cursor: pointer; }
.activity-filters button.active { background: var(--navy); border-color: var(--navy); color: white; }
#activityCount { color: var(--muted); font: 500 11px/1 JetBrains Mono, monospace; }
.activity-list { max-width: 960px; display: grid; }
.activity-card { display: grid; grid-template-columns: 28px minmax(0,1fr); }
.activity-card-spine { display: flex; flex-direction: column; align-items: center; }
.activity-status-dot { width: 12px; height: 12px; margin-top: 27px; border: 3px solid var(--cream); border-radius: 50%; background: #9a6c1f; box-shadow: 0 0 0 1px #9a6c1f; position: relative; z-index: 1; }
.activity-card.succeeded .activity-status-dot { background: #37795a; box-shadow: 0 0 0 1px #37795a; }
.activity-card.failed .activity-status-dot, .activity-card.blocked .activity-status-dot { background: var(--rust); box-shadow: 0 0 0 1px var(--rust); }
.activity-line { width: 1px; flex: 1; background: rgba(23,39,58,.15); }
.activity-card:last-child .activity-line { background: linear-gradient(rgba(23,39,58,.15),transparent); }
.activity-card-body { margin: 0 0 16px 12px; padding: 24px 26px 22px; border: 1px solid rgba(23,39,58,.14); background: rgba(255,255,255,.66); box-shadow: 0 8px 24px rgba(23,39,58,.04); }
.activity-card-top { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 14px; }
.activity-card-top > div { display: flex; align-items: center; gap: 12px; }
.activity-actor { color: var(--navy); font: 700 11px/1 Inter, sans-serif; text-transform: uppercase; letter-spacing: .08em; }
.activity-time { color: var(--muted); font: 500 10px/1 JetBrains Mono, monospace; }
.activity-state { border-radius: 999px; background: rgba(154,108,31,.1); color: #795417; padding: 6px 9px; font: 700 9px/1 Inter, sans-serif; text-transform: uppercase; letter-spacing: .07em; }
.activity-card.succeeded .activity-state { background: rgba(55,121,90,.1); color: #2e684d; }
.activity-card.failed .activity-state, .activity-card.blocked .activity-state { background: rgba(166,70,48,.1); color: var(--rust); }
.activity-card h3 { margin: 0; color: var(--navy); font: 600 clamp(20px,2vw,25px)/1.25 Fraunces, serif; }
.activity-outcome { margin: 9px 0 18px; color: #4d5965; font: 15px/1.6 Source Serif 4, serif; }
.activity-verification { display: flex; align-items: center; gap: 10px; padding: 11px 13px; border-left: 2px solid rgba(23,39,58,.25); background: rgba(23,39,58,.035); }
.activity-verification span { color: var(--muted); font: 600 9px/1 JetBrains Mono, monospace; text-transform: uppercase; letter-spacing: .08em; }
.activity-verification strong { color: var(--navy); font: 600 11px/1.3 Inter, sans-serif; }
.activity-card-actions { display: flex; align-items: center; gap: 18px; margin-top: 18px; }
.activity-proof, .copy-chat { color: var(--navy); font: 700 11px/1 Inter, sans-serif; }
.activity-proof { text-decoration: none; border-bottom: 1px solid rgba(23,39,58,.28); padding-bottom: 2px; }
.activity-proof.unavailable { color: var(--muted); border: 0; font-weight: 500; }
.copy-chat { border: 0; background: transparent; padding: 0; cursor: pointer; }
.copy-chat:hover, .activity-proof:hover { color: var(--rust); }
.activity-empty { max-width: 760px; border: 1px dashed rgba(23,39,58,.25); padding: 34px; text-align: center; color: var(--navy); }
.activity-empty strong { font: 600 22px/1.2 Fraunces, serif; }
.activity-empty p { margin: 8px 0 0; color: var(--muted); font: 14px/1.5 Source Serif 4, serif; }
.copy-toast { position: fixed; right: 28px; bottom: 28px; z-index: 20; transform: translateY(12px); opacity: 0; pointer-events: none; background: var(--navy); color: white; border-radius: 3px; padding: 12px 16px; font: 600 11px/1 Inter, sans-serif; transition: .18s ease; }
.copy-toast.visible { transform: translateY(0); opacity: 1; }
.hidden { display: none !important; }
@media (max-width: 760px) {
  .activity-head-actions { gap: 8px; }
  .activity-source span { display: none; }
  .activity-intro .intro-inner, .activity-heading { align-items: start; flex-direction: column; }
  .activity-promise { max-width: none; }
  .activity-shell { padding: 36px 18px 64px; }
  .activity-summary { grid-template-columns: repeat(2,1fr); }
  .activity-summary-item:nth-child(2) { border-right: 0; }
  .activity-summary-item:nth-child(-n+2) { border-bottom: 1px solid rgba(23,39,58,.12); }
  .activity-toolbar { align-items: start; flex-direction: column; }
  .activity-card { grid-template-columns: 18px minmax(0,1fr); }
  .activity-card-body { margin-left: 8px; padding: 20px 18px; }
  .activity-card-top { align-items: start; }
  .activity-card-top > div { align-items: start; flex-direction: column; gap: 6px; }
  .activity-card-actions { justify-content: space-between; }
}