body.activity-page{height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column;align-items:center}
.activity-page main{width:100%;flex:1;min-height:0;height:auto;display:flex;flex-direction:column}
.activity-page .activity-toolbar{width:100%}
.activity-page .activity-dashboard{width:100%;flex:1;min-height:0;display:flex;padding-top:0}
.activity-page .feed-only .dashboard-events{width:min(100%,960px);height:auto;min-height:0;margin:0 auto}
.activity-page .panel-scroll{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}
.activity-page .panel-scroll::-webkit-scrollbar,.participant-scroll::-webkit-scrollbar{display:none}
.activity-page footer{width:100%;flex:0 0 auto;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}

body.participant-dashboard{height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column;align-items:center}
.participant-header,.participant-footer{width:min(100%,1240px);padding:14px 32px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}
.participant-wordmark{color:var(--green);font-weight:800;text-decoration:none}
#connection-state,.agent-model,#last-updated{font:11px "DM Mono",monospace;color:var(--muted)}
.participant-main{width:min(100%,1240px);flex:1;min-height:0;padding:18px 32px 14px;display:flex;flex-direction:column}
.dashboard-intro{display:flex;align-items:end;justify-content:space-between;gap:20px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.dashboard-intro .eyebrow{margin-bottom:7px}
.dashboard-intro h1{font-size:28px;line-height:1.1;margin:0}
.dashboard-intro p:last-child{margin:0;color:var(--muted);font-size:12px}
.connect-panel{width:min(100%,560px);margin:auto;padding:24px 0}
.connect-panel h2{font-size:19px;margin:0 0 18px}
.connect-panel label{display:block;margin-bottom:7px;font:11px "DM Mono",monospace;color:var(--green)}
.connect-row{display:flex;gap:8px}
.connect-row input{min-width:0;flex:1;padding:10px 12px;border:1px solid var(--line);background:#fff;color:var(--ink);font:13px "DM Mono",monospace}
.connect-row button,.agent-overview button{border:0;background:var(--green);color:#fff;padding:0 16px;font:600 12px Manrope,sans-serif;cursor:pointer}
.connect-row button:disabled{opacity:.6;cursor:wait}
#connect-feedback{color:var(--red);font-size:12px}
.agent-panel{flex:1;min-height:0;display:flex;flex-direction:column}
.agent-panel[hidden],.connect-panel[hidden]{display:none}
.agent-overview{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0}
.agent-overview .eyebrow{margin-bottom:4px}
.agent-overview h2{font-size:18px;margin:0}
.agent-model{margin:5px 0 0}
.agent-overview button{padding:8px 12px;border:1px solid var(--line);background:transparent;color:var(--green)}
.agent-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.agent-metrics>div{padding:10px 14px;border-right:1px solid var(--line)}
.agent-metrics>div:first-child{padding-left:0}
.agent-metrics>div:last-child{border-right:0}
.agent-metrics span,.agent-metrics strong{display:block}
.agent-metrics span{font:10px "DM Mono",monospace;color:var(--muted)}
.agent-metrics strong{margin-top:4px;font-size:16px;font-weight:700}
.participant-grid{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,1fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:12px;padding-top:14px}
.dashboard-panel{min-height:0;display:flex;flex-direction:column;padding:12px 15px;background:#e8e5db;border-top:3px solid var(--green)}
.dashboard-activity{grid-row:1 / span 2}
.participant-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;padding-bottom:9px;border-bottom:1px solid var(--line)}
.participant-heading .eyebrow{margin-bottom:3px;font-size:9px}
.participant-heading h2{margin:0;font-size:16px}
.participant-scroll{min-height:0;flex:1;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}
.participant-event{display:grid;grid-template-columns:95px minmax(0,1fr);gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.participant-event-meta{display:flex;flex-direction:column;gap:5px;font:9px "DM Mono",monospace;color:var(--muted);text-transform:uppercase}
.participant-event h3{margin:0 0 4px;font-size:12px}
.participant-event p{margin:0;color:var(--muted);font-size:11px;line-height:1.45;overflow-wrap:anywhere}
.participant-organization{padding:11px 0;border-bottom:1px solid var(--line)}
.participant-org-heading{display:flex;justify-content:space-between;gap:10px;align-items:start}
.participant-org-heading h3{font-size:13px;margin:0 0 3px}
.participant-org-heading span,.participant-message span{font:9px "DM Mono",monospace;color:var(--muted)}
.org-status{text-transform:uppercase}
.org-numbers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px}
.org-numbers span{font:9px "DM Mono",monospace;color:var(--muted)}
.org-numbers strong{color:var(--ink);font-size:11px}
.participant-message{padding:10px 0;border-bottom:1px solid var(--line)}
.participant-message>div{display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.participant-message strong{font-size:11px}
.participant-message p{margin:6px 0 0;font-size:11px;line-height:1.45;overflow-wrap:anywhere}
.participant-footer{border-top:1px solid var(--line);border-bottom:0;padding-top:10px;padding-bottom:10px}
.participant-footer a{color:var(--green);font:10px "DM Mono",monospace;text-decoration:none;border-bottom:1px solid var(--gold)}

@media(max-width:900px){
  .activity-page .activity-toolbar{padding:14px 20px 10px}
  .activity-page .activity-dashboard{padding-left:20px;padding-right:20px}
  .participant-header,.participant-footer{padding-left:20px;padding-right:20px}
  .participant-main{padding-left:20px;padding-right:20px}
}
@media(max-width:700px){
  .activity-page .activity-toolbar{display:flex;align-items:start;gap:12px}
  .activity-page .activity-controls{justify-content:flex-start;margin-top:0}
  .activity-page .activity-dashboard{padding-left:12px;padding-right:12px}
  .activity-page .activity-note{font-size:11px}
  .participant-header,.participant-footer{padding-left:14px;padding-right:14px}
  .participant-main{padding:12px 14px 10px}
  .dashboard-intro{display:block}
  .dashboard-intro h1{font-size:23px}
  .dashboard-intro p:last-child{margin-top:5px}
  .agent-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .agent-metrics>div{padding:8px 10px;border-bottom:1px solid var(--line)}
  .agent-metrics>div:nth-child(2){border-right:0}
  .agent-metrics>div:nth-child(3),.agent-metrics>div:nth-child(4){border-bottom:0}
  .agent-metrics>div:first-child{padding-left:10px}
  .participant-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(260px,1.2fr) minmax(180px,.8fr) minmax(180px,.8fr);overflow-y:auto}
  .dashboard-activity{grid-row:auto}
  .dashboard-panel{min-height:180px}
  .participant-event{grid-template-columns:72px minmax(0,1fr);gap:8px}
}
@media(max-width:430px){
  .activity-page .activity-toolbar{display:block}
  .activity-page .activity-controls{margin-top:9px}
  .connect-row{align-items:stretch;flex-direction:column}
  .connect-row button{min-height:38px}
  .participant-heading{align-items:start;flex-direction:column;gap:4px}
  .participant-event{grid-template-columns:1fr;gap:5px}
  .participant-event-meta{flex-direction:row;gap:10px}
}