/* Sổ dự án /du-an (Sprint 5 · B) — dùng chung nút / thẻ .mp-* của "Gói của tôi" (my-plan.css). Chừa 96px đáy cho nhãn Netlify. */
.pj-wrap{max-width:720px;margin:0 auto;padding:32px 16px 96px;display:flex;flex-direction:column;gap:16px}
.pj-head h1{font-family:var(--f-display);font-size:clamp(26px,4vw,36px);line-height:1.15;margin:6px 0 6px;color:var(--ink)}
.pj-head p{margin:0;color:var(--muted)}
.pj-eyebrow{font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--blue-600)}
.pj-state{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:48px 16px;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}
.pj-state h2{color:var(--ink);font-size:20px;margin:0}
#pjForm,.pj-subform{display:flex;flex-direction:column;gap:8px}
#pjForm input,#pjForm textarea,.pj-subform textarea{font:inherit;font-size:15px;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:12px;padding:10px 12px;width:100%;box-sizing:border-box}
#pjForm input:focus,#pjForm textarea:focus,.pj-subform textarea:focus{outline:2px solid var(--blue-600);outline-offset:1px;border-color:transparent}
.pj-block{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:12px 14px;border-radius:12px;background:color-mix(in srgb,#D2453B 8%,transparent);border:1px solid color-mix(in srgb,#D2453B 35%,transparent);color:#7A1F18}
.pj-block p{margin:0;flex:1 1 220px}
.pj-wrap [hidden]{display:none!important}
.pj-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.pj-item,.pj-empty{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px 18px;color:var(--ink)}
.pj-empty{color:var(--muted);text-align:center}
.pj-item-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.pj-item h3{margin:0;font-size:18px;overflow-wrap:anywhere}
.pj-status select{font:inherit;font-size:14px;padding:6px 10px;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);min-height:36px}
.pj-desc{margin:8px 0 0;line-height:1.5;overflow-wrap:anywhere;white-space:pre-line}
.pj-meta{margin:8px 0 0;font-size:13px;color:var(--muted)}
.pj-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.pj-confirm{margin-top:12px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,#D2453B 9%,transparent);border:1px solid color-mix(in srgb,#D2453B 35%,transparent)}
.pj-confirm p{margin:0 0 8px}
.pj-sub{margin-top:12px;border-top:1px solid var(--line);padding-top:12px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media (max-width:480px){.pj-acts .mp-btn{flex:1 1 auto}}