/* Payday plan (gwp-plan.js) */
.pp{--pp-needs:oklch(0.72 0.12 245);--pp-debt:oklch(0.74 0.15 50);--pp-save:oklch(0.74 0.15 150);--pp-home:oklch(0.72 0.13 305);--pp-free:oklch(0.82 0.11 190)}
[data-theme="light"] .pp{--pp-needs:oklch(0.6 0.13 245);--pp-debt:oklch(0.66 0.16 50);--pp-save:oklch(0.62 0.15 150);--pp-home:oklch(0.58 0.15 305);--pp-free:oklch(0.7 0.11 190)}
.pp .pp-needs{--c:var(--pp-needs)}.pp .pp-debt{--c:var(--pp-debt)}.pp .pp-save{--c:var(--pp-save)}.pp .pp-home{--c:var(--pp-home)}.pp .pp-free{--c:var(--pp-free)}
.pp-mini{margin-top:18px}
.pp-full{margin:0 0 18px}
.pp .b2-h{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.pp .b2-h .btn svg{width:16px;height:16px}
.pp .mx-note{margin-top:4px}
.pp-bar{display:flex;gap:3px;height:16px;margin-top:12px;border-radius:999px;overflow:hidden;background:var(--surface-2)}
.pp-bar span{height:100%;min-width:4px;background:var(--c);transition:flex-grow .6s var(--ease,ease)}
.pp-bar.over{box-shadow:0 0 0 2px var(--danger)}
.pp-leg{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px 16px;margin-top:14px}
.pp-leg div{display:flex;align-items:center;gap:8px;font-size:14px;min-width:0}
.pp-leg i{width:10px;height:10px;border-radius:4px;flex:none;background:var(--c)}
.pp-leg span{flex:1;min-width:0;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pp-leg b{font-family:var(--f-mono);font-variant-numeric:tabular-nums;font-weight:600}
.pp-leg small{font-size:12px;color:var(--muted);min-width:30px;text-align:end}
.pp-leg .neg span,.pp-leg .neg b{color:var(--danger)}
.pp-leg .neg i{background:var(--danger)}
.pp-msg{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:14px}
.pp-msg svg{width:18px;height:18px;flex:none;color:var(--accent)}
.pp-warn{display:flex;align-items:center;gap:8px;margin-top:12px;color:var(--danger);font-size:14px;font-weight:600}
.pp-warn svg{width:18px;height:18px;flex:none}
.pp-rows{margin-top:16px}
.pp-ic{background:color-mix(in oklch,var(--c) 20%,transparent)!important;color:var(--c)!important}
.pp-row .b2-main small{display:block}
.pp-row .pp-tip{margin-top:3px;line-height:1.4;white-space:normal}
.pp-tip.hi{color:var(--warn)}
.pp-tip.lo{color:var(--warn)}
.pp-row.neg{background:linear-gradient(90deg,rgba(255,122,102,.16),transparent 70%),var(--surface-2)}
.pp-row.neg .b2-main b,.pp-row.neg .pp-tip,.pp-row .b2-amt.neg{color:var(--danger)}
.pp-row.neg .pp-ic{--c:var(--danger)}
.pp-form{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.pp-form h3{font-size:15px;margin:0 0 10px}
.pp-fields{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px}
.pp-field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted);min-width:0;flex:1 1 180px}
.pp-field .input{width:100%;min-width:0}
.pp-in{display:flex;align-items:center;gap:8px}
.pp-in b{color:var(--text)}
@media (max-width:600px){
.pp-leg{grid-template-columns:1fr;gap:6px}
.pp-leg small{min-width:36px}
.pp-fields .btn{width:100%}
}