/* Hikos · 决策面板（任务 5f8e7b98，道哥大厅 #21780「我想选都没地方选，想说两句也没地方说」）。
   一份样式，大厅决策卡（.kmb-hcard 内）与工作台审批行（.kmb-approval 内）共用；只用核心 / KMind 已有的变量，白昼 / 夜间自动跟随。
   版面取向：问题是主角 → 来龙去脉与背景是配角 → 选项是大块可点的行、选中才亮 → 一个确认键，字就是所选项 → 留言框贴在确认键上方。 */

/* ---- 槽 ---- */
.kmb-decide { margin-top: 10px; padding-top: 10px; border-top: 1px dashed var(--line, rgba(127, 127, 127, .25)); font-size: 13px; line-height: 1.5; }
.kmb-decide[data-state="loading"] .kmb-loading { padding: 6px 0; }
.kmb-decide-head { font-size: 11px; letter-spacing: .03em; color: var(--muted, #7c8798); text-transform: none; }
.kmb-decide-q { font-size: 15px; font-weight: 600; line-height: 1.45; margin: 4px 0 8px; word-break: break-word; }
.kmb-decide-notice { margin: 6px 0; padding: 8px 10px; border-radius: 8px; background: rgba(127, 127, 127, .12); color: var(--muted, #7c8798); font-size: 12px; }

/* ---- 段落（意味着什么 / 来龙去脉 / 背景 / 影响 / 引用）---- */
.kmb-decide-sec { margin: 8px 0 0; }
.kmb-decide-sec > h4 { margin: 0 0 2px; font-size: 11px; font-weight: 600; letter-spacing: .04em; color: var(--muted, #7c8798); }
.kmb-decide-p { margin: 0; font-size: 13px; word-break: break-word; }
.kmb-decide-p.kmb-muted { font-size: 12px; }
.kmb-decide-tl, .kmb-decide-steps { margin: 2px 0 0; padding-left: 18px; }
.kmb-decide-tl li, .kmb-decide-steps li { margin: 1px 0; }
.kmb-decide-tl time { color: var(--muted, #7c8798); font-size: 11px; margin-right: 6px; font-variant-numeric: tabular-nums; }
.kmb-decide-link { appearance: none; border: 0; background: none; padding: 0; margin: 0; font: inherit; color: var(--k-acc, var(--accent, #3b82ff)); cursor: pointer; text-decoration: none; }
.kmb-decide-link:hover { text-decoration: underline; }
.kmb-decide-linkplain { color: var(--muted, #7c8798); }
.kmb-decide-refs { display: flex; flex-wrap: wrap; gap: 4px 6px; margin-top: 2px; }
.kmb-decide-ref { display: inline-flex; align-items: center; gap: 4px; padding: 1px 8px; border-radius: 999px; background: rgba(127, 127, 127, .14); font-size: 11px; max-width: 100%; }
.kmb-decide-ref b { font-weight: 600; opacity: .8; }

/* ---- 结果带（已决）---- */
.kmb-decide-result { margin: 8px 0 0; padding: 8px 10px; border-radius: 8px; border-left: 3px solid var(--k-ok, #22c55e); background: rgba(34, 197, 94, .1); }
.kmb-decide-result.is-bad { border-left-color: var(--k-danger, #ef4444); background: rgba(239, 68, 68, .1); }
.kmb-decide-result b { font-weight: 600; }
.kmb-decide-result p { margin: 3px 0 0; font-size: 12px; word-break: break-word; }

/* ---- 选项区 ---- */
.kmb-decide-pick { margin-top: 12px; }
.kmb-decide-rec { margin: 0 0 6px; font-size: 12px; color: var(--muted, #7c8798); }
.kmb-decide-opts { display: flex; flex-direction: column; gap: 6px; }
.kmb-decide-opt { display: flex; align-items: flex-start; gap: 10px; padding: 9px 12px; border-radius: 10px; border: 1px solid var(--line, rgba(127, 127, 127, .25)); background: var(--surface, rgba(127, 127, 127, .06)); cursor: pointer; transition: border-color .12s, background .12s; }
.kmb-decide-opt:hover { background: var(--hover, rgba(127, 127, 127, .12)); }
.kmb-decide-opt.is-checked { border-color: var(--k-acc, var(--accent, #3b82ff)); background: rgba(59, 130, 255, .1); }
.kmb-decide-opt.is-deny.is-checked { border-color: var(--k-danger, #ef4444); background: rgba(239, 68, 68, .08); }
.kmb-decide-opt input[type="radio"] { margin: 3px 0 0; flex: none; accent-color: var(--k-acc, var(--accent, #3b82ff)); }
.kmb-decide-opt.is-deny input[type="radio"] { accent-color: var(--k-danger, #ef4444); }
.kmb-decide-opt-body { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; }
.kmb-decide-opt-main { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.kmb-decide-opt-main b { font-weight: 600; font-size: 13px; word-break: break-word; }
.kmb-decide-badge { font-style: normal; font-size: 11px; padding: 0 7px; border-radius: 999px; background: rgba(34, 197, 94, .16); color: var(--k-ok, #22c55e); white-space: nowrap; }
.kmb-decide-opt-why { font-size: 12px; color: var(--muted, #7c8798); word-break: break-word; }
.kmb-decide-opt-next { font-size: 12px; opacity: .9; word-break: break-word; }

/* ---- 「不」的四选一 ---- */
.kmb-decide-pred { margin-top: 8px; padding: 8px 10px; border-radius: 10px; background: rgba(239, 68, 68, .06); border: 1px dashed rgba(239, 68, 68, .35); display: flex; flex-direction: column; gap: 4px; }
.kmb-decide-pred > p { margin: 0 0 4px; font-size: 12px; }
.kmb-decide-pred label { display: flex; align-items: flex-start; gap: 8px; cursor: pointer; }
.kmb-decide-pred label input { margin-top: 3px; flex: none; }
.kmb-decide-pred label span { display: flex; flex-direction: column; }
.kmb-decide-pred label b { font-weight: 600; font-size: 12px; }
.kmb-decide-pred label small { font-size: 11px; color: var(--muted, #7c8798); }

/* ---- 留言 + 确认 ---- */
.kmb-decide-note.field { width: 100%; box-sizing: border-box; margin-top: 8px; min-height: 52px; font-size: 13px; resize: vertical; }
.kmb-decide-hint { margin: 6px 0 0; font-size: 12px; color: var(--k-amber, #f59e0b); }
.kmb-decide-hint.is-error { color: var(--k-danger, #ef4444); }
.kmb-decide-confirm.kmb-hcard-btn { display: block; width: 100%; margin-top: 8px; padding: 9px 12px; font-size: 13px; font-weight: 600; border-radius: 10px; }
.kmb-decide-confirm.kmb-hcard-btn.is-danger:not(:disabled) { background: rgba(239, 68, 68, .14); }
.kmb-decide-err { margin: 4px 0 6px; color: var(--k-danger, #ef4444); font-size: 12px; }

/* ---- 宿主：大厅决策卡 ---- */
.kmb-hcard-title.is-toggle { appearance: none; border: 0; background: none; padding: 0; margin-top: 2px; font: inherit; font-weight: 600; color: inherit; text-align: left; cursor: pointer; flex: 1 1 100%; word-break: break-word; }
.kmb-hcard-title.is-toggle:hover { text-decoration: underline; text-underline-offset: 3px; }
.kmb-hcard.kmb-object.is-expanded { max-width: 680px; }
.kmb-hcard.kmb-object.is-expanded .kmb-decide { border-top-color: var(--line, rgba(127, 127, 127, .25)); }

/* ---- 宿主：工作台审批行 ---- */
.kmb-approval .kmb-approval-head { align-items: flex-start; }
.kmb-approval .kmb-approval-head .kmb-check { margin-top: 3px; cursor: pointer; }
.kmb-approval-title.kmb-title { appearance: none; border: 0; background: none; padding: 0; margin: 0; width: 100%; font: inherit; font-weight: 600; font-size: 13px; color: inherit; text-align: left; cursor: pointer; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.kmb-approval-title.kmb-title:hover .kmb-grow { text-decoration: underline; text-underline-offset: 3px; }
.kmb-approval.is-expanded { border-color: var(--k-acc, var(--accent, #3b82ff)); }
.kmb-approval .kmb-decide { margin-top: 8px; }
.kmb-approval .kmb-decide .kmb-decide-q { font-size: 14px; }
.kmb-approval .kmb-decide-confirm.kmb-hcard-btn.is-primary { background: var(--k-acc, var(--accent, #3b82ff)); color: #fff; }

@media (max-width: 640px) { .kmb-hcard.kmb-object.is-expanded { max-width: none; } .kmb-decide-q { font-size: 14px; } }