/* 大任务计划清单（big-task-plan.js） */
.btp { margin: 4px 0 10px; padding: 12px 14px; border: 1px solid var(--line, #e7e2e2); border-radius: var(--radius, 12px); background: var(--side, #f7f5f5); color: var(--ink, #222); max-width: 640px; }
.btp-head { display: flex; align-items: center; gap: 8px; font-size: 14px; }
.btp-count { margin-left: auto; color: var(--ink-3, #888); font-size: 12px; font-variant-numeric: tabular-nums; }
.btp-goal { margin: 6px 0 2px; color: var(--ink-2, #555); font-size: 13px; line-height: 1.5; }
.btp-steps { list-style: none; margin: 8px 0 0; padding: 0; display: flex; flex-direction: column; gap: 7px; }
.btp-step { display: flex; align-items: flex-start; gap: 8px; font-size: 14px; line-height: 1.45; color: var(--ink-3, #888); }
.btp-step.is-running, .btp-step.is-done { color: var(--ink, #222); }
.btp-icon { flex: none; width: 18px; text-align: center; color: var(--ink-3, #888); }
.btp-step.is-done .btp-icon, .btp-step.is-running .btp-icon { color: var(--red, #c8102e); font-weight: 600; }
.btp-step.is-running .btp-icon { display: inline-block; animation: btp-spin 1s linear infinite; }
@keyframes btp-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .btp-step.is-running .btp-icon { animation: none; } }
.btp-text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.btp-summary { color: var(--ink-3, #888); font-size: 12.5px; overflow-wrap: anywhere; }
.btp-ms { flex: none; color: var(--ink-3, #888); font-size: 12px; font-variant-numeric: tabular-nums; }
.btp-done { padding: 8px 12px; background: transparent; }
.btp-done summary { cursor: pointer; color: var(--ink-3, #888); font-size: 13px; list-style: none; }
.btp-done summary::-webkit-details-marker { display: none; }
.btp-done[open] summary { margin-bottom: 4px; }