
.rf-head{}
.rf-title{margin:.1rem 0 .3rem;font-size:1.15rem;display:flex;align-items:center;gap:var(--sp-2,.5rem);flex-wrap:wrap}
.rf-title a{font-size:1.15rem}
.rf-meta{color:var(--muted);font-size:.85rem;margin:0 0 .5rem}
.rf-card{border:1px solid var(--border,#21262d);padding:1rem 1.1rem;margin:.75rem 0}
.rf-card-h{margin:.1rem 0 .5rem;font-size:1.02rem}
.rf-card-intro{margin:.1rem 0 .6rem;font-size:.9rem}
.rf-actions{display:flex;gap:var(--sp-2,.5rem);align-items:stretch;flex-wrap:wrap;margin-top:1rem}
.rf-actions>.btn,.rf-actions>form{flex:1 1 12rem;margin:0}
.rf-actions>form>.btn{width:100%}
.rf-hint{color:var(--muted);font-size:.88rem;flex:1 1 100%}
.rf-ta{width:100%;box-sizing:border-box;background:var(--panel2,#0d1117);color:var(--text-hi);border:1px solid var(--border2,#30363d);padding:.7rem .8rem;font-size:.92rem;line-height:1.5;resize:vertical}
.rf-ta:focus{outline:none;border-color:var(--primary)}

.rd-card{border:1px solid var(--border);padding:1rem 1.1rem;margin:.75rem 0}
.rd-card h3{margin:.1rem 0 .5rem;font-size:1.02rem}
.rd-meta{color:var(--muted);font-size:.85rem;margin-bottom:.4rem}
.rd-idea{border-top:1px solid var(--border);padding:.7rem 0}
.rd-idea:first-of-type{border-top:none}
.rd-idea-text{margin:0 0 .45rem;line-height:1.4}
.rd-grades{display:flex;gap:var(--sp-2,.5rem);flex-wrap:wrap}
.rd-grade{display:inline-flex;align-items:center;gap:var(--sp-1,.25rem);font-size:.82rem;padding:.28rem .6rem;border:1px solid var(--border2);border-radius:var(--r-pill);cursor:pointer;user-select:none;white-space:nowrap}
.rd-grade input{margin:0}
.rd-grade:hover{border-color:var(--primary)}
.rd-grade:has(input:checked){border-color:var(--primary);background:rgba(46,160,67,.14);color:var(--text-hi)}
.rd-ta{width:100%;box-sizing:border-box;background:var(--panel2,#0d1117);color:var(--text-hi);border:1px solid var(--border2,#30363d);padding:.7rem .8rem;font-size:.92rem;line-height:1.5;resize:vertical}
.rd-ta:focus{outline:none;border-color:var(--primary)}
.rd-fwd input[type=text]{width:100%;box-sizing:border-box;margin:.3rem 0;padding:.55rem .7rem;background:var(--panel2,#0d1117);color:var(--text-hi);border:1px solid var(--border2,#30363d)}
.rd-fwd input[type=text]:focus{outline:none;border-color:var(--primary)}
.rd-add{margin:.5rem 0 0;font-size:.88rem}
.rd-none{color:var(--muted);font-style:italic;font-size:.9rem}
/* Plan-TREE retrospective (plan 883934b4): the "this covers the whole tree" line above
   the grades, and the per-idea attribution for ideas that came from a relative plan.
   Both absent entirely when the plan has no subplans. */
.rd-family{color:var(--muted);font-size:.82rem;margin:.1rem 0 .6rem;display:flex;align-items:center;gap:var(--sp-1,.25rem)}
.rd-idea-from{color:var(--muted);font-size:.78rem;font-style:italic;margin:.05rem 0 .2rem}
.rd-actions{display:flex;gap:var(--sp-2,.5rem);align-items:center;flex-wrap:wrap;margin-top:1rem}
.rd-hint{color:var(--muted);font-size:.88rem}
.rd-ok{color:var(--green-soft);font-size:.9rem}
.rd-queue{min-height:2rem;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--sp-2,.5rem);margin:.2rem 0 .7rem;color:var(--muted);font-size:.86rem}
.rd-prev{grid-column:1;justify-self:start}
.rd-count{grid-column:2;text-align:center}
.rd-next{grid-column:3;justify-self:end}
.rd-captured{display:flex;align-items:center;gap:var(--sp-2,.5rem);padding:.45rem .65rem;margin:.3rem 0;border-left:3px solid var(--primary);color:var(--green-soft);font-size:.88rem}
.rd-captured-text{flex:1;min-width:0;overflow-wrap:anywhere}
.rd-remove{appearance:none;border:0;background:transparent;color:var(--muted);padding:.2rem .3rem;cursor:pointer}
.rd-remove:hover{color:var(--red,#f85149)}
.retro-banner{border:1px solid var(--border2);padding:.7rem .9rem;margin:.5rem 0 1rem;font-size:.92rem}
.retro-banner.ok{border-color:rgba(46,160,67,.4);background:rgba(46,160,67,.1);color:var(--green-soft)}
.retro-banner.warn{border-color:rgba(187,128,9,.4);background:rgba(187,128,9,.1);color:#d29922}
.rd-done{border-left:3px solid #3fb950}
.rd-done-body{max-height:16rem;overflow:auto;font-size:.92rem;line-height:1.5}
.rd-done-body :first-child{margin-top:0}
.rd-done-body :last-child{margin-bottom:0}
.rd-done-body h1,.rd-done-body h2,.rd-done-body h3{font-size:1rem;margin:.6rem 0 .3rem}
.rd-done-body ul,.rd-done-body ol{margin:.3rem 0;padding-left:1.2rem}
.rd-done-body li{margin:.15rem 0}
