/* กล่องส่งเอกสารเข้าแฟ้มโครงการ (คอมโพเนนต์กลาง ProjectDocuments — ใช้ใน site/purchase/engineer/datacenter/dashboard/sale)
   สีทั้งหมดจากโทเคน app.css (ธีมมืดพลิกเอง — B18 2569-09-23 เดิม hex ขาวตายตัว ธีมมืดเป็นแผ่นขาว) · คง <dialog>.showModal()
   (หน้าตาเดียวกับ .dc-sheet · sale เปิดใน iframe แล้วยกกล่องไปหน้าแม่ · datacenter.js พึ่ง .pd-dialog[open]) */
.pd-dialog{border:0;border-radius:2px;padding:28px;width:min(620px,94vw);max-height:90dvh;overflow:auto;
  color:var(--ink);background:var(--card);box-shadow:0 24px 70px var(--sh-xl);font:inherit;box-sizing:border-box;z-index:10000;margin:auto}
.pd-dialog::backdrop{background:var(--scrim,rgba(16,40,65,.5))}
.pd-dialog h3{margin:0 0 4px;font-size:18px;font-weight:700;color:var(--navy-text)}
.pd-dialog fieldset{border:0;padding:0;display:grid;gap:12px;min-width:0}
.pd-dialog label{color:var(--ink)}
.pd-dialog select,.pd-dialog textarea,.pd-dialog input[type=file]{font:inherit;max-width:100%;box-sizing:border-box;padding:10px;
  border:1px solid var(--line);border-radius:3px;background:var(--card);color:var(--ink)}
.pd-dialog select:focus-visible,.pd-dialog textarea:focus-visible,.pd-dialog input:focus-visible,.pd-actions button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.pd-dialog textarea{min-height:65px}
.pd-files{display:grid;gap:8px;max-height:240px;overflow:auto}
.pd-files label{display:flex;gap:8px;align-items:start;overflow-wrap:anywhere}
.pd-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.pd-actions button{font:inherit;min-height:40px;padding:8px 16px;border:1px solid var(--navy-text);border-radius:999px;background:var(--card);color:var(--navy-text);cursor:pointer}
.pd-actions button:last-child{background:var(--navy);border-color:var(--navy);color:var(--on-navy)}
.pd-actions button:disabled{opacity:.5;cursor:default}
.pd-review{margin:15px 0;overflow-wrap:anywhere}
.pd-review p{margin:6px 0}
.pd-dialog [role=status]{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted)}
.pd-history{padding:12px;border-top:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere}

.pd-department-actions{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px;max-width:100%}
.pd-department-actions[hidden]{display:none}
.pd-department-actions button{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.pd-task{border-bottom:1px solid var(--line);padding:8px 0;display:grid;gap:8px;overflow-wrap:anywhere}
.pd-task p{margin:0}
.pd-task small{display:block}
.pd-task input[type=checkbox]{flex-shrink:0}