/* Summary | Tasks in the right pane, on the engine tokens; rounded throughout */
.cs-tabs { display: flex; gap: 8px; padding: 12px 16px 8px; }
.cs-tab { height: 34px; padding: 0 16px; border: 1px solid var(--e-line); border-radius: 999px; background: var(--e-pill-bg); color: var(--e-text); font: 600 14px var(--e-font); cursor: pointer; }
.cs-tab.on { background: var(--e-brand); color: var(--e-brand-ink); border-color: var(--e-brand); }
.cs-summary { display: none; padding: 4px 16px 20px; overflow: auto; }
.pp-pane.cs-show-summary > *:not(.cs-tabs):not(.cs-summary):not(:first-child) { display: none !important; }
.pp-pane.cs-show-summary .cs-summary { display: block; }
.cs-sec { padding: 12px 0; border-bottom: 1px solid var(--e-line); }
.cs-sec:last-child { border-bottom: 0; }
.cs-sec h3 { margin: 0 0 8px; font: 700 11.5px var(--e-font); letter-spacing: .08em; text-transform: uppercase; color: var(--e-text); }
.cs-row { display: flex; align-items: center; gap: 8px; font: 500 14px var(--e-font); color: var(--e-text); }
.cs-sp { flex: 1; }
.cs-v { margin: 6px 0 0; font: 500 14px/1.4 var(--e-font); color: var(--e-text); }
.cs-q { margin: 4px 0 0; font: 400 13px/1.45 var(--e-font); color: var(--e-text-3); }
.cs-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--e-ok); flex: none; }
.cs-dot.busy { background: var(--e-warn); animation: cspulse 1.6s ease-in-out infinite; }
.cs-dot.bad { background: var(--e-bad); }
@keyframes cspulse { 50% { opacity: .35; } }
.cs-log { list-style: none; margin: 0; padding: 0; }
.cs-log li { padding: 8px 0; border-bottom: 1px solid var(--e-line); }
.cs-log li:last-child { border-bottom: 0; }
.cs-link { margin-top: 8px; height: 32px; padding: 0 14px; border: 1px solid var(--e-line); border-radius: 999px; background: var(--e-pill-bg); color: var(--e-accent-ink, var(--e-brand-deep)); font: 600 13px var(--e-font); cursor: pointer; }
/* Tasks: the Agent Channel's live checklist (tick, line through, pulsing current step), on the engine tokens */
.cs-tasks { padding: 0 16px 16px; overflow: auto; }
.pp-pane.cs-show-summary .cs-tasks { display: none; }
.cs-tasks .ck-list { list-style: none; margin: 0; padding: 0; }
.cs-tasks li.ck { display: flex; gap: 10px; align-items: flex-start; padding: 7px 0; border-bottom: 1px solid var(--e-line); }
.cs-tasks li.ck:last-child { border-bottom: 0; }
.cs-tasks .ck-main { display: flex; flex-direction: column; min-width: 0; }
.cs-tasks .ck-main b { font: 500 14px/1.4 var(--e-font); color: var(--e-text); overflow-wrap: anywhere; }
.cs-tasks li.done .ck-main b { text-decoration: line-through; color: var(--e-text-3); font-weight: 400; }
.cs-tasks .ck-box { flex: none; width: 18px; height: 18px; margin-top: 2px; border-radius: 50%; display: inline-grid; place-items: center; border: 1.5px solid var(--e-line); }
.cs-tasks .ck-box.on { background: #13804F; border-color: #13804F; }
.cs-tasks .ck-box.on::after { content: ""; width: 5px; height: 9px; border: solid #fff; border-width: 0 2px 2px 0; transform: translateY(-1px) rotate(45deg); }
.cs-tasks .ck-box.now { border-color: var(--e-brand); }
.cs-tasks .ck-box.now::after { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--e-brand); animation: cspulse 1.4s ease-in-out infinite; }
.cs-tasks .ck-box.bad { background: var(--e-bad); border-color: var(--e-bad); }
.cs-tasks .ck-box.bad::after { content: "×"; color: #fff; font: 700 13px/1 var(--e-font); }
.cs-tab.cs-busy::after { content: ""; display: inline-block; width: 7px; height: 7px; margin-left: 7px; border-radius: 50%; background: currentColor; vertical-align: middle; animation: cspulse 1.4s ease-in-out infinite; }
.cs-tasks li.ck, .cs-tasks li.ck.done { background: none !important; box-shadow: none !important; border: 0 !important; border-bottom: 1px solid var(--e-line) !important; border-radius: 0 !important; margin: 0 !important; opacity: 1 !important; }
.cs-tasks .cs-sec h3 { font: 700 11.5px/1.2 var(--e-font) !important; letter-spacing: .08em !important; text-transform: uppercase; margin: 0 0 6px !important; }
.cs-tasks .cs-q { margin: 2px 0 0; }