/* Hikos（半个宇宙）· 适配层 KMB · 单聊过程卡（src/backend/process.js，任务 34c89511）。
   跟着白昼 / 夜间的变量走（--k-ink2 / --k-line / --k-acc），没有变量的环境用夜间的兜底色。 */

/* ---- 卡壳：挂在组员回复的正文列末尾，折叠时只有一行 ---- */
.message .kmb-proc{margin:6px 0 2px;max-width:min(100%,760px);font-size:12px;color:var(--k-ink2,#aeb4c4);align-self:stretch}
.message .message-content>.kmb-proc{max-width:100%}
.kmb-proc-head{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:3px 10px 3px 6px;border:1px solid var(--k-line,rgba(127,127,160,.32));border-radius:999px;background:rgba(127,127,160,.08);color:inherit;font:inherit;line-height:1.5;cursor:pointer;text-align:left}
.kmb-proc-head:hover{background:rgba(127,127,160,.16)}
.kmb-proc-head:focus-visible{outline:2px solid var(--k-acc,#6ea8ff);outline-offset:1px}
.kmb-proc.is-open .kmb-proc-head{border-radius:10px 10px 0 0;border-bottom-color:transparent;background:rgba(127,127,160,.12)}
.kmb-proc-chev{display:inline-block;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);transition:transform .15s;margin:0 2px 0 4px;opacity:.75}
.kmb-proc.is-open .kmb-proc-chev{transform:rotate(45deg)}
.kmb-proc-title{font-weight:600;letter-spacing:.02em}
.kmb-proc-sum{opacity:.85;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kmb-proc-head .kmb-spin{margin-left:2px}
.kmb-proc-body{border:1px solid var(--k-line,rgba(127,127,160,.32));border-radius:0 10px 10px 10px;padding:8px 12px 10px;background:rgba(127,127,160,.06)}
.kmb-proc-bar{display:flex;justify-content:flex-end;margin:-2px 0 4px}
.kmb-proc-note{font-size:12px;opacity:.85}
.kmb-proc-retry{margin-left:6px;font:inherit;font-size:11px;padding:1px 8px;border-radius:999px;border:1px solid var(--k-line,rgba(127,127,160,.32));background:transparent;color:inherit;cursor:pointer}
.kmb-proc-fail{margin:4px 0;padding:6px 10px;border-radius:8px;font-size:12px;line-height:1.5;background:rgba(127,127,160,.1);color:var(--k-ink2,#aeb4c4)}
.kmb-proc-fail.is-error{background:rgba(240,110,125,.12);color:#f09ca6}

/* ---- 档位切换（简洁 / 详细）：经典视图 ProcessDetailToggle 同款，一对小字按钮 ---- */
.kmb-proc-lvl{display:inline-flex;gap:2px;font-size:11px;line-height:1;margin-left:auto}
.message-meta .kmb-proc-lvl{margin-left:auto;align-self:center}
.kmb-proc-lvl button{font:inherit;font-size:11px;padding:3px 7px;border:0;border-radius:6px;background:transparent;color:var(--k-ink3,#8891a8);cursor:pointer}
.kmb-proc-lvl button:hover{color:var(--k-ink2,#aeb4c4)}
.kmb-proc-lvl button[aria-pressed="true"]{background:rgba(127,127,160,.2);color:var(--k-ink,#e6e9f5)}

/* ---- 时间线 ---- */
.kmb-proc-tl{display:flex;flex-direction:column;gap:6px;min-width:0}
.kmb-proc-narr{font-size:13px;line-height:1.6;color:var(--k-ink,#e6e9f5);opacity:.92;overflow-wrap:anywhere}
.kmb-proc-narr.is-thought{opacity:.78}
.kmb-proc-narr .kmb-md>*:first-child{margin-top:0}.kmb-proc-narr .kmb-md>*:last-child{margin-bottom:0}
.kmb-live .kmb-proc-narr{font-size:inherit}
.kmb-proc .kmb-proc-narr{font-size:12.5px;opacity:.8}
.kmb-proc-refl{display:flex;gap:8px;align-items:flex-start;padding:5px 8px;border-radius:8px;background:rgba(127,127,160,.1);font-size:12px;line-height:1.5}
.kmb-proc-refl.is-warn{background:rgba(245,165,36,.1)}.kmb-proc-refl.is-ok{background:rgba(120,200,140,.1)}
.kmb-proc-chip{flex:none;display:inline-block;font-size:10px;line-height:1;padding:3px 7px;border-radius:999px;background:rgba(59,130,255,.16);color:var(--k-acc,#6ea8ff);letter-spacing:.04em}

/* 工具组：简洁档一行一个胶囊（沿用 .kmb-live-tools 的样子）；详细档改成纵向卡，带原始名 / 命令 / 参数返回 */
.kmb-proc-tools{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 8px;font-size:12px;color:var(--k-ink2,#aeb4c4)}
.kmb-proc-tools li.kmb-proc-tool{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:2px 9px;border-radius:999px;background:rgba(127,127,160,.12)}
.kmb-proc-tool.is-done .kmb-proc-ok{color:#8fd19e}
.kmb-proc-tool .kmb-proc-err{color:var(--k-ink3,#8891a8)}   /* 工具非零退出不红：那是工具对智能体说的话，不是任务失败 */
.kmb-proc-tlabel{white-space:nowrap}
.kmb-proc-tsum{opacity:.72;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:360px}
.kmb-proc-tsum:before{content:"·";margin-right:6px;opacity:.6}
.kmb-proc-tl.is-detail .kmb-proc-tools{flex-direction:column;align-items:stretch;gap:4px}
.kmb-proc-tl.is-detail .kmb-proc-tools li.kmb-proc-tool.is-detail{display:flex;align-items:flex-start;border-radius:8px;padding:6px 10px}
.kmb-proc-tl.is-detail .kmb-proc-tool.is-detail>.kmb-spin,.kmb-proc-tl.is-detail .kmb-proc-tool.is-detail>span:first-child{margin-top:3px}
.kmb-proc-tbody{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.kmb-proc-tbody .kmb-proc-tsum{max-width:100%;white-space:normal}
.kmb-proc-raw{font-size:11px;color:var(--k-ink3,#8891a8)}
.kmb-proc-raw code,.kmb-proc-cmd{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}
.kmb-proc-cmd{display:block;padding:3px 8px;border-radius:6px;background:rgba(0,0,0,.25);color:var(--k-ink2,#aeb4c4);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[data-theme="day"] .kmb-proc-cmd{background:rgba(0,0,0,.06)}
.kmb-proc-more summary,.kmb-proc-early summary,.kmb-proc-think summary{cursor:pointer;font-size:11px;opacity:.8;user-select:none}
.kmb-proc-more summary:hover,.kmb-proc-early summary:hover,.kmb-proc-think summary:hover{opacity:1}
.kmb-proc-pre{margin:4px 0 0;padding:6px 8px;border-radius:6px;background:rgba(0,0,0,.25);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere;max-height:220px;overflow:auto}
[data-theme="day"] .kmb-proc-pre{background:rgba(0,0,0,.06)}
.kmb-proc-obs{border-left:2px solid var(--k-line,rgba(127,127,160,.4))}
.kmb-proc-early{font-size:12px}
.kmb-proc-early>ul{margin-top:6px}

/* 步骤 / 思考 / 计划 */
.kmb-proc-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--k-ink2,#aeb4c4)}
.kmb-proc-steps li{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.kmb-proc-steps li.is-done>span:first-child{color:#8fd19e}
.kmb-proc-think{font-size:12px;color:var(--k-ink2,#aeb4c4)}
.kmb-proc-think pre{max-height:200px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;margin:4px 0 0;line-height:1.5}
.kmb-proc-plan{padding:6px 10px;border-radius:8px;background:rgba(127,127,160,.08);font-size:12px}
.kmb-proc-plan-head{display:flex;align-items:center;gap:8px;margin-bottom:4px;color:var(--k-ink2,#aeb4c4)}
.kmb-proc-goal{opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kmb-proc-plan-note{font-size:11px;opacity:.8;margin-bottom:4px}
.kmb-proc-plan ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.kmb-proc-plan li{display:flex;gap:7px;align-items:baseline;flex-wrap:wrap;color:var(--k-ink2,#aeb4c4)}
.kmb-proc-plan li>i{flex:none;font-style:normal;width:12px;text-align:center;display:inline-flex;justify-content:center}
.kmb-proc-plan li.is-done{opacity:.7}.kmb-proc-plan li.is-done>i{color:#8fd19e}
.kmb-proc-plan li.is-running{color:var(--k-ink,#e6e9f5)}
.kmb-proc-plan li.is-skipped{opacity:.5;text-decoration:line-through}
.kmb-proc-plan li.is-new>span:after{content:"新";font-size:10px;margin-left:6px;padding:1px 5px;border-radius:999px;background:rgba(59,130,255,.16);color:var(--k-acc,#6ea8ff)}
.kmb-proc-preview{flex-basis:100%;padding-left:19px;font-size:11px;opacity:.75;white-space:pre-wrap;overflow-wrap:anywhere}

/* 执行中的气泡：时间线与正文同宽；收口后压淡 */
.kmb-live .kmb-proc-tl{margin-top:2px}
.kmb-live.is-done .kmb-proc-tl{opacity:.6}
.kmb-live .message-meta{display:flex;align-items:center;gap:8px}

@media (prefers-reduced-motion:reduce){.kmb-proc-chev{transition:none}}
@media (max-width:600px){.kmb-proc-tsum{max-width:180px}.kmb-proc-sum{max-width:60vw}}