/* Sara OS v13 — incremental planning UI; respects existing purple/light/dark tokens. */
.planning-panel{margin:18px 0 22px;padding:22px}
.planning-panel .section-heading{align-items:flex-start;gap:14px;flex-wrap:wrap}
.planning-stats{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.outcome-list{display:flex;flex-direction:column;gap:10px}
.outcome-row{display:flex;align-items:center;gap:12px;border:1px solid var(--line,rgba(140,110,180,.16));border-radius:14px;padding:12px 14px;background:var(--surface-soft,rgba(150,120,200,.045))}
.outcome-row.is-done{opacity:.72}
.outcome-row.is-done .outcome-copy strong{text-decoration:line-through;text-decoration-thickness:1px}
.outcome-check{width:39px;height:39px;flex:0 0 39px;border:1px solid #c8b5e5;border-radius:12px;background:rgba(151,111,201,.09);color:var(--primary,#8061bc);font-size:23px;cursor:pointer}
.outcome-copy{display:flex;flex:1;min-width:160px;flex-direction:column;gap:3px;overflow-wrap:anywhere}
.outcome-copy strong{font-size:14px}
.planning-review{margin-top:20px;border-top:1px solid rgba(154,130,190,.22);padding-top:16px}
.planning-review form{display:grid;gap:10px}
.planning-review textarea{width:100%;min-height:78px}
.planning-review form button{justify-self:start}
.goal-rollup{padding:12px 0;border-top:1px solid rgba(160,130,190,.15)}
.goal-rollup strong{font-size:14px}.goal-rollup .flex-between{gap:12px;flex-wrap:wrap;margin-bottom:8px}
.goal-rollup span{font-size:12px;color:var(--text-secondary,#867999)}
.month-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:17px}
.habit-week-cell.rest,.challenge-cell.rest{background:rgba(140,145,160,.12)!important;color:var(--text-secondary,#777)!important;border-color:rgba(140,145,160,.2)!important}
.habit-week-cell.skipped,.challenge-cell.skipped{background:rgba(150,120,220,.1)!important;color:#8362bb!important}
.goal-progress-identity{flex-wrap:wrap;gap:7px}
.goal-progress-identity>.tiny-muted{max-width:100%;}
@media (max-width:660px){.planning-panel{padding:14px}.outcome-row{flex-wrap:wrap;gap:9px}.outcome-copy{min-width:calc(100% - 55px)}.outcome-row>.chip-btn{flex:1}.month-actions>.outline-btn{width:100%}}