.agent-runs-wrap{max-width:900px;margin:0 auto;padding:24px 16px 60px}.agent-runs-page-top{margin-bottom:24px}.agent-runs-page-title h1{font-size:1.5rem;font-weight:700;margin:0 0 4px}.agent-runs-page-subtitle{color:var(--color-text-muted,#6b7280);font-size:0.9rem}.agent-runs-filters{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.agent-runs-filter-select{padding:6px 10px;border:1px solid var(--color-border,#e5e7eb);border-radius:6px;background:var(--color-bg,#fff);color:var(--color-text,#111827);font-size:0.85rem;cursor:pointer}.agent-runs-list{display:flex;flex-direction:column;gap:8px}.agent-runs-loading,.agent-runs-empty{text-align:center;padding:32px 16px;color:var(--color-text-muted,#6b7280);font-size:0.9rem}.agent-run-item{border:1px solid var(--color-border,#e5e7eb);border-radius:8px;padding:12px 16px;cursor:pointer;transition:background 0.15s,border-color 0.15s}.agent-run-item:hover{background:var(--color-bg-hover,#f9fafb);border-color:var(--color-theme-1,#ed7618)}.agent-run-item-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}.agent-run-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:0.75rem;font-weight:600;text-transform:capitalize}.status-completed{background:#ecfdf5;color:#065f46}.status-failed{background:#fef2f2;color:#991b1b}.status-cancelled{background:#fffbeb;color:#92400e}.status-running{background:#eff6ff;color:#1e40af}.agent-run-mode-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:0.72rem;font-weight:500}.mode-create{background:#ede9fe;color:#5b21b6}.mode-design{background:#fef3c7;color:#92400e}.mode-analyse{background:#e0f2fe;color:#075985}.agent-run-date{color:var(--color-text-muted,#6b7280);font-size:0.8rem;margin-left:auto}.agent-run-item-stats{display:flex;gap:16px;font-size:0.8rem;color:var(--color-text-muted,#6b7280)}.agent-run-item-tools{font-size:0.78rem;color:var(--color-text-muted,#6b7280);margin-top:4px;font-family:var(--font-mono,monospace)}.agent-run-item-error{font-size:0.78rem;color:#991b1b;margin-top:4px}.agent-runs-load-more-wrap{text-align:center;padding:16px}.agent-run-detail{margin-top:16px}.agent-run-detail-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.agent-run-detail-back{background:none;border:none;color:var(--color-theme-1,#ed7618);cursor:pointer;font-size:0.9rem;padding:4px 0}.agent-run-detail-back:hover{text-decoration:underline}.run-detail-meta{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}.run-detail-row{font-size:0.88rem}.run-detail-row strong{display:inline-block;min-width:80px;color:var(--color-text-muted,#6b7280);font-weight:500}.run-detail-error{color:#991b1b}.run-detail-steps-title{font-size:1rem;font-weight:600;margin:0 0 12px}.run-detail-steps{display:flex;flex-direction:column;gap:8px}.run-detail-step{border:1px solid var(--color-border,#e5e7eb);border-radius:6px;padding:10px 14px}.step-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.step-success{color:#065f46}.step-fail{color:#991b1b}.step-meta{color:var(--color-text-muted,#6b7280);font-size:0.78rem;margin-left:auto}.step-result{font-size:0.82rem;color:var(--color-text,#374151);white-space:pre-wrap;max-height:120px;overflow:hidden;margin-top:4px}.step-error{font-size:0.82rem;color:#991b1b;margin-top:4px}.hidden{display:none!important}