/* FR-143 雛形追加樣式：為什麼不符合、改善計畫（任務卡）、燈號第三態。不用左側粗色邊框（CLAUDE.md UI 禁令）。 */
.vd.v-pend{background:var(--color-orange-soft);border:2px solid var(--color-orange)}

/* 為什麼不符合：結論先、證據後 */
.why{border:1px solid var(--border-light);background:var(--bg-hover);border-radius:var(--radius-lg);padding:.85rem 1rem;margin:.75rem 0 1rem}
.why-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.55rem}
.why-ttl{display:flex;align-items:center;gap:.4rem;font-weight:600;font-size:.9rem;color:var(--text-primary)}
.why-ro{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;color:var(--text-muted)}
.why-finding{font-size:1rem;line-height:1.7;color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:.65rem .85rem;white-space:pre-wrap}
.why-pair{display:flex;flex-direction:column;gap:.5rem;margin-top:.6rem}
.why-box{border:1px solid var(--border-light);border-radius:var(--radius-md);padding:.55rem .75rem;background:var(--bg-card)}
.why-box.risk-h{background:var(--color-red-soft);border-color:var(--color-red-border)}
.why-box.risk-m{background:var(--color-orange-soft);border-color:var(--color-orange-border)}
.why-box.risk-l{background:var(--color-yellow-soft);border-color:var(--color-yellow-border)}
.why-box.rec{background:var(--accent-soft);border-color:var(--accent-border)}
.why-k{display:flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;color:var(--text-secondary);margin-bottom:.25rem}
.why-v{font-size:.88rem;line-height:1.6;color:var(--text-primary);white-space:pre-wrap}
.sev{display:inline-flex;font-size:.7rem;font-weight:700;padding:0 .45rem;border-radius:var(--radius-sm)}
.sev-h{background:#9f1d1d;color:#fff}.sev-m{background:#b45309;color:#fff}.sev-l{background:#a16207;color:#fff}
.why-more{margin-top:.6rem;font-size:.84rem}
.why-more summary{cursor:pointer;color:var(--text-secondary);font-size:.8rem;padding:.3rem 0}
.why-more summary:hover{color:var(--accent)}
.why-more-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:1rem;margin-top:.4rem;padding-top:.5rem;border-top:1px dashed var(--border-light)}
.why-methods{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}
.why-methods li{display:flex;gap:.5rem;align-items:flex-start}
.tm-m{flex-shrink:0;font-size:.72rem;font-weight:600;padding:1px .45rem;border-radius:var(--radius-sm);background:var(--bg-active);color:var(--text-secondary)}
.why-ev{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}
.why-ev li{display:flex;align-items:center;gap:.4rem}
.why-ev .pi{color:var(--text-muted);font-size:.8rem}

/* 改善計畫：每張原任務卡一塊 */
.plan{margin-top:.25rem}
.plan-head{display:flex;flex-direction:column;gap:.2rem;margin-bottom:.55rem}
.plan-ttl{display:flex;align-items:center;gap:.4rem;font-weight:600;font-size:.9rem;color:var(--text-primary)}
.card-list{display:flex;flex-direction:column;gap:.6rem}
.tcard{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-card)}
.tcard-head{display:flex;align-items:center;gap:.6rem;padding:.55rem .85rem;border-bottom:1px solid var(--border-light);flex-wrap:wrap}
.tcard-name{display:inline-flex;align-items:center;gap:.35rem;font-weight:600;color:var(--text-primary)}
.tcard-meta{font-size:.75rem;color:var(--text-muted)}
.tcard-body{padding:.65rem .85rem}
.tcard .field{margin-bottom:.55rem}
.tcard .field small{display:block;margin-top:.15rem}
.tcard .form-label{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}
.tcard .form-label .use-rec{margin-left:auto}
.tcard textarea,.tcard select{width:100%}
.tcard-row{display:grid;grid-template-columns:1fr 12rem;gap:.75rem}
.tcard-row input{width:100%}
.who-box{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;min-height:2.4rem;padding:.3rem .4rem;border:1px solid var(--border-input);border-radius:var(--radius-md);background:var(--bg-input)}
.who-box .chip{font-size:.82rem;padding:.15rem .55rem}
.who-box .chip.bad{background:var(--color-red-soft);border-color:var(--color-red-border);color:var(--color-red)}
.who-box select{border:none;background:transparent;padding:.2rem .3rem;font-size:.82rem;color:var(--accent);width:auto!important;box-shadow:none}
.is-locked .who-box{background:var(--bg-hover)}
.tcard-row>.field{grid-column:auto}
.tcard-shared{display:flex;align-items:center;gap:.35rem;font-size:.76rem;color:var(--text-secondary);background:var(--bg-hover);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:.3rem .6rem;margin:-.15rem 0 .55rem}
.pv-problem .tcard input.f-due{border-color:var(--color-red)}
.is-locked .tcard{background:var(--bg-hover)}
@media (max-width:700px){.why-pair,.why-more-grid,.tcard-row{grid-template-columns:1fr}}
.ao-page-head{flex-wrap:wrap}
.ao-page-head .txt{min-width:20rem}
.ao-page-head .aoc-tags{max-width:100%}
.ao-page-head .tbadge.prob{white-space:normal;margin-left:0}

/* 稽核缺失：文件表單（左標籤、右內容） */
.why{background:var(--bg-card)}
.form-tbl{width:100%;border-collapse:collapse;border:1px solid var(--border-default);font-size:.88rem}
.form-tbl th{width:7.5rem;text-align:left;vertical-align:top;font-weight:600;font-size:.82rem;color:var(--text-secondary);background:var(--bg-active);padding:.55rem .75rem;border:1px solid var(--border-default);white-space:nowrap}
.form-tbl td{vertical-align:top;padding:.55rem .75rem;border:1px solid var(--border-default);line-height:1.6;white-space:pre-wrap;color:var(--text-primary);background:var(--bg-card)}
.form-tbl tr:hover td{background:var(--bg-card)}
.form-tbl tr.key td{font-weight:500}
.form-tbl ul{white-space:normal}
.tcard-stations{display:inline-flex;align-items:center;gap:.25rem;font-size:.72rem;color:var(--text-muted);margin-left:auto}
.tcard-stations .stn{padding:0 .4rem;border:1px solid var(--border-light);border-radius:999px;background:var(--bg-hover)}
.tcard-stations .stn.done{color:var(--color-green)}
.tcard-stations .pi{font-size:.6rem}
