/* Projects (modules/projects.js) — reuses the messenger header (.mx-head) and chips */
.pj-list{display:flex;flex-direction:column;gap:10px}
.pj-card{appearance:none;display:flex;gap:12px;align-items:flex-start;width:100%;text-align:left;padding:14px;border-radius:16px;
  border:1px solid var(--line);background:var(--panel);color:var(--fg);cursor:pointer}
.pj-card:active{border-color:var(--gold)}
.pj-folder{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:var(--gold);background:rgba(255,199,102,.08);border:1px solid #3d3216}
.pj-card-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.pj-card-title{font-weight:500;font-size:1.05rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pj-card-meta{color:var(--muted);font-size:.85rem}
.pj-card-next{color:var(--cyan);font-size:.88rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pj-stale{align-self:flex-start;margin-top:4px;font-size:.75rem;color:#ffb35c;border:1px solid #5a3f16;border-radius:999px;padding:1px 8px}
.pj-form{display:flex;flex-direction:column;gap:10px;margin-top:6px}
.pj-add{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
.pj-dt{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pj-dt[hidden]{display:none}
.pj-dt > *{min-width:0}
.pj-dt input{min-width:0;max-width:100%;-webkit-appearance:none;appearance:none;text-align:left}
.pj-progress{color:var(--gold);margin:4px 0 10px}
.pj-sec{margin-top:10px}
.pj-sec h3{font-size:.9rem;color:var(--muted);font-weight:500;margin:10px 0 6px;letter-spacing:.02em}
.pj-item{display:flex;align-items:center;gap:10px;padding:10px 4px;border-bottom:1px solid var(--line)}
.pj-check{flex:none;width:22px;height:22px;accent-color:var(--ok)}
.pj-item-main{flex:1;min-width:0}
.pj-item-title{overflow-wrap:anywhere}
.pj-item-when{color:var(--cyan);font-size:.85rem;margin-top:2px}
.pj-done .pj-item-title{color:var(--muted);text-decoration:line-through}
.pj-del{appearance:none;flex:none;width:36px;height:36px;border-radius:50%;border:0;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer}
.pj-menu{display:flex;gap:8px;justify-content:flex-end;margin:-2px 0 8px}
.pj-menu[hidden]{display:none}
.pj-danger{color:#ff8a7a;border-color:#5a2420}
.pj-suggest-title{font-weight:500;margin-bottom:6px}
.pj-suggest-list{margin:0 0 8px;padding-left:1.2em;line-height:1.6}
body.vh-on .pj-suggest-list{margin-bottom:4px;line-height:1.45}
body.vh-on .pj-suggest .vc-hint{margin-top:4px}
.pj-rename{margin:0 0 14px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
/* iPhone Safari draws empty date/time fields as thin lines: give them a real height and a visible box */
.pj-dt input[type=date],.pj-dt input[type=time]{min-height:48px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);
  background:var(--panel-2,#0f1426);color:var(--fg);font:inherit;display:block;width:100%;box-sizing:border-box}
.pj-dt input::-webkit-date-and-time-value{text-align:left;min-height:1.4em}
.pj-dt-l{display:flex;flex-direction:column;gap:4px;min-width:0}
/* "จะตั้งชื่อโปรเจกต์ว่าอะไรคะ" (Owner 13 Oct 2026: the user names every new project) */
.pj-name-in{display:block;width:100%;box-sizing:border-box;min-height:46px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);
  background:var(--panel-2,#0f1426);color:var(--fg);font:inherit}