:root{--agent-status-color-running: #22c55e;--agent-status-color-idle: #6b7280;--agent-status-color-paused: #f59e0b;--agent-status-color-error: #ef4444;--agent-status-border-color: #e1e4e8;--agent-status-bg: #ffffff;--agent-status-text-primary: #24292e;--agent-status-text-secondary: #586069;--agent-status-button-bg: #f6f8fa;--agent-status-button-hover: #e1e4e8;--agent-status-metrics-bg: #f6f8fa}.agent-status{border:1px solid var(--agent-status-border-color);border-radius:8px;padding:16px;margin:8px 0;background:var(--agent-status-bg);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-shadow:0 1px 3px #0000001a;transition:box-shadow .2s ease}.agent-status:hover{box-shadow:0 2px 8px #0000001f}.agent-status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.agent-status-info{display:flex;align-items:center;gap:12px}.agent-status-indicator{width:10px;height:10px;border-radius:50%;display:inline-block;position:relative}.agent-status-indicator-running{background:var(--agent-status-color-running);animation:pulse 2s infinite}.agent-status-indicator-idle{background:var(--agent-status-color-idle)}.agent-status-indicator-paused{background:var(--agent-status-color-paused)}.agent-status-indicator-error{background:var(--agent-status-color-error)}@keyframes pulse{0%{box-shadow:0 0 #22c55eb3}70%{box-shadow:0 0 0 6px #22c55e00}to{box-shadow:0 0 #22c55e00}}.agent-status-name{font-weight:600;font-size:16px;color:var(--agent-status-text-primary)}.agent-status-actions{display:flex;gap:8px}.agent-status-button{background:var(--agent-status-button-bg);border:1px solid var(--agent-status-border-color);border-radius:4px;padding:8px 12px;font-size:14px;font-weight:500;color:var(--agent-status-text-primary);cursor:pointer;transition:all .2s ease;font-family:inherit}.agent-status-button:hover{background:var(--agent-status-button-hover);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.agent-status-button:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a}.agent-status-button-pause:hover{border-color:var(--agent-status-color-paused);color:var(--agent-status-color-paused)}.agent-status-button-stop:hover{border-color:var(--agent-status-color-error);color:var(--agent-status-color-error)}.agent-status-button-resume:hover,.agent-status-button-retry:hover{border-color:var(--agent-status-color-running);color:var(--agent-status-color-running)}.agent-status-body{padding:12px 0;border-top:1px solid var(--agent-status-border-color)}.agent-status-message{font-size:14px;color:var(--agent-status-text-primary);line-height:1.5}.agent-status-last-activity{font-size:12px;color:var(--agent-status-text-secondary);margin-top:4px}.agent-status-footer{margin-top:12px;padding-top:12px;border-top:1px solid var(--agent-status-border-color)}.agent-status-metrics{display:flex;gap:24px;background:var(--agent-status-metrics-bg);padding:8px 12px;border-radius:4px}.agent-status-metric{display:flex;align-items:center;gap:6px;font-size:13px}.agent-status-metric-label{color:var(--agent-status-text-secondary)}.agent-status-metric-value{font-weight:600;color:var(--agent-status-text-primary)}.agent-status-running{border-left:3px solid var(--agent-status-color-running);background:linear-gradient(90deg,rgba(34,197,94,.05) 0%,transparent 100%)}.agent-status-idle{border-left:3px solid var(--agent-status-color-idle)}.agent-status-paused{border-left:3px solid var(--agent-status-color-paused);background:linear-gradient(90deg,rgba(245,158,11,.05) 0%,transparent 100%)}.agent-status-error{border-left:3px solid var(--agent-status-color-error);background:#ef44440d}.agent-status-error .agent-status-message{color:var(--agent-status-color-error)}@media (prefers-color-scheme: dark){:root{--agent-status-border-color: #30363d;--agent-status-bg: #161b22;--agent-status-text-primary: #c9d1d9;--agent-status-text-secondary: #8b949e;--agent-status-button-bg: #21262d;--agent-status-button-hover: #30363d;--agent-status-metrics-bg: #0d1117}.agent-status{box-shadow:0 1px 3px #0000004d}.agent-status:hover{box-shadow:0 2px 8px #0006}.agent-status-running{background:linear-gradient(90deg,rgba(34,197,94,.1) 0%,transparent 100%)}.agent-status-paused{background:linear-gradient(90deg,rgba(245,158,11,.1) 0%,transparent 100%)}.agent-status-error{background:#ef44441a}@keyframes pulse{0%{box-shadow:0 0 #22c55e80}70%{box-shadow:0 0 0 6px #22c55e00}to{box-shadow:0 0 #22c55e00}}}