/* Connect Claude Code & Codex */
.cn-tabs{display:flex;gap:6px;margin:4px 0 14px}.cn-tabs button{flex:1;padding:9px 12px;border-radius:10px;border:1px solid var(--line-2);background:transparent;color:var(--muted);font:inherit;cursor:pointer}.cn-tabs button.active{background:var(--surface-3);color:var(--text);border-color:var(--line-2)}.cn-where{margin:0 0 8px!important;font-size:13px}.cn-command{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--bg);border:1px solid var(--line-2);border-radius:10px;padding:14px;font:12.5px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;margin:0;user-select:all}.cn-status{display:flex;align-items:center;gap:10px;margin-top:16px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;font-size:13px;color:var(--text-2)}.cn-dot{width:9px;height:9px;border-radius:50%;background:var(--goal);animation:cn-pulse 1.4s ease-in-out infinite;flex:none}.connected .cn-dot{background:var(--routine);animation:none}.connected .cn-status{border-color:rgba(52,211,153,.35)}.cn-note{display:block;color:var(--muted);margin-top:14px;font-size:12px;line-height:1.55}@keyframes cn-pulse{0%,100%{opacity:.35}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.cn-dot{animation:none}}
.cn-body{display:grid;gap:8px;flex:1;min-width:0}.cn-status{align-items:flex-start}.cn-dot{margin-top:5px}.cn-bar{width:100%;height:6px;appearance:none;border:0;border-radius:99px;overflow:hidden;background:var(--surface-3)}.cn-bar::-webkit-progress-bar{background:var(--surface-3)}.cn-bar::-webkit-progress-value{background:var(--routine);border-radius:99px;transition:width .4s}.cn-bar::-moz-progress-bar{background:var(--routine)}.cn-sub{font-size:12px;color:var(--muted)}