/* ============================================
   AGENT ACTIVITY — Timeline Feed
   ============================================ */

.aa-wrapper { max-width: 1000px; }

/* Header */
.aa-header { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; margin-bottom:20px; flex-wrap:wrap; }
.aa-header-left h2 { margin:0 0 4px; font-size:1.3rem; color:var(--text-primary); }
.aa-subtitle { margin:0; font-size:0.82rem; color:var(--text-secondary); }

/* Stats */
.aa-header-stats { display:flex; gap:8px; flex-wrap:wrap; }
.aa-stat { display:flex; align-items:center; gap:5px; background:var(--bg-card); border:1px solid var(--border-color); border-radius:10px; padding:8px 14px; cursor:pointer; transition:all 0.2s; }
.aa-stat:hover { border-color:rgba(99,102,241,0.3); }
.aa-stat-active { border-color:#6366f1 !important; background:rgba(99,102,241,0.06) !important; }
.aa-stat-icon { font-size:0.9rem; }
.aa-stat-val { font-size:1.1rem; font-weight:800; color:var(--text-primary); }
.aa-stat-lbl { font-size:0.7rem; color:var(--text-secondary); font-weight:500; }

/* Filters */
.aa-filters { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:20px; flex-wrap:wrap; }
.aa-filter-group { display:flex; gap:6px; align-items:center; flex-wrap:wrap; }
.aa-filter-btn { background:var(--bg-card); border:1px solid var(--border-color); border-radius:8px; padding:6px 14px; font-size:0.8rem; font-weight:600; cursor:pointer; color:var(--text-secondary); transition:all 0.2s; }
.aa-filter-btn:hover { border-color:rgba(99,102,241,0.3); color:var(--text-primary); }
.aa-filter-btn.active { background:linear-gradient(135deg,#6366f1,#8b5cf6); color:#fff; border-color:transparent; }
.aa-type-select { background:var(--bg-card); border:1px solid var(--border-color); border-radius:8px; padding:6px 12px; font-size:0.8rem; color:var(--text-primary); cursor:pointer; }

/* Timeline */
.aa-timeline { display:flex; flex-direction:column; gap:0; }

/* Timeline Item */
.aa-item { display:flex; gap:14px; }
.aa-item-timeline { display:flex; flex-direction:column; align-items:center; width:24px; flex-shrink:0; }
.aa-item-dot { width:12px; height:12px; border-radius:50%; border:2px solid #94a3b8; background:var(--bg-card); flex-shrink:0; z-index:1; transition:all 0.2s; }
.aa-item-line { width:2px; flex:1; background:var(--border-color); min-height:20px; }
.aa-item:last-child .aa-item-line { display:none; }

/* Dot colors by source */
.aa-item-dot.aa-source-po { border-color:#6366f1; }
.aa-item-dot.aa-source-pmo { border-color:#f59e0b; }
.aa-item-dot.aa-source-external { border-color:#10b981; }
.aa-item:hover .aa-item-dot { transform:scale(1.3); }
.aa-item:hover .aa-item-dot.aa-source-po { background:#6366f1; }
.aa-item:hover .aa-item-dot.aa-source-pmo { background:#f59e0b; }
.aa-item:hover .aa-item-dot.aa-source-external { background:#10b981; }

/* Item Content */
.aa-item-content { flex:1; background:var(--bg-card); border:1px solid var(--border-color); border-radius:12px; padding:14px 18px; margin-bottom:10px; transition:all 0.2s; }
.aa-item:hover .aa-item-content { box-shadow:0 4px 16px rgba(0,0,0,0.06); border-color:rgba(99,102,241,0.15); }
.aa-item-header { display:flex; justify-content:space-between; align-items:center; gap:8px; margin-bottom:6px; flex-wrap:wrap; }
.aa-item-left { display:flex; align-items:center; gap:6px; }
.aa-item-right { display:flex; align-items:center; gap:6px; }
.aa-item-icon { font-size:1rem; }
.aa-item-agent { font-size:0.85rem; font-weight:700; color:var(--text-primary); }
.aa-source-badge { font-size:0.6rem; font-weight:800; padding:2px 6px; border-radius:6px; text-transform:uppercase; letter-spacing:0.5px; }
.aa-source-badge.aa-source-po { background:rgba(99,102,241,0.1); color:#818cf8; }
.aa-source-badge.aa-source-pmo { background:rgba(245,158,11,0.1); color:#fbbf24; }
.aa-source-badge.aa-source-external { background:rgba(16,185,129,0.1); color:#34d399; }
.aa-source-badge.aa-source-unknown { background:rgba(148,163,184,0.1); color:#94a3b8; }
.aa-item-tag { font-size:0.68rem; font-weight:600; padding:2px 8px; border-radius:6px; background:rgba(99,102,241,0.06); color:var(--text-secondary); font-family:'JetBrains Mono',monospace; }
.aa-item-time { font-size:0.72rem; color:var(--text-secondary); font-family:'JetBrains Mono',monospace; }
.aa-item-summary { font-size:0.85rem; color:var(--text-primary); margin:0 0 6px; line-height:1.5; }
.aa-item-entity { font-size:0.72rem; color:var(--text-secondary); background:rgba(99,102,241,0.04); padding:2px 8px; border-radius:6px; display:inline-block; }

/* AI Metrics badges */
.aa-item-badges { display:flex; gap:5px; flex-wrap:wrap; margin-top:8px; }
.aa-badge { font-size:0.7rem; font-weight:600; padding:3px 8px; border-radius:6px; background:rgba(99,102,241,0.08); border:1px solid rgba(99,102,241,0.15); color:var(--text-primary); white-space:nowrap; }

/* Empty state */
.aa-empty { text-align:center; padding:60px 20px; background:var(--bg-card); border:2px dashed var(--border-color); border-radius:16px; }
.aa-empty-icon { font-size:3rem; margin-bottom:12px; opacity:0.4; }
.aa-empty h3 { margin:0 0 8px; font-size:1rem; color:var(--text-primary); }
.aa-empty p { margin:0; font-size:0.85rem; color:var(--text-secondary); }

/* Light mode overrides */
body.light-mode .aa-source-badge.aa-source-po { color:#6366f1; }
body.light-mode .aa-source-badge.aa-source-pmo { color:#d97706; }
body.light-mode .aa-source-badge.aa-source-external { color:#059669; }

/* Responsive */
@media (max-width:768px) {
    .aa-header { flex-direction:column; }
    .aa-filters { flex-direction:column; }
}