/* PHIMAI HEALTH | ผู้พัฒนาระบบ : นายวิษณุ เสาะสาย | ตำแหน่ง : เจ้าพนักงานธุรการ */
body.np-modal-open{overflow:hidden}
.np-dialog{--np-ink:#193d39;--np-accent:#087e76;box-sizing:border-box;width:min(940px,calc(100% - 40px));max-width:none;max-height:90vh;max-height:90dvh;padding:0;border:1px solid #d8e9e3;border-radius:26px;background:#fff;color:var(--np-ink);box-shadow:0 30px 100px #031e3340;overflow:hidden;opacity:0;transform:translateY(26px) scale(.975);transition:opacity .23s ease,transform .32s cubic-bezier(.16,1,.3,1);overscroll-behavior:contain}
.np-dialog[open]{display:flex;flex-direction:column}
.np-dialog.np-visible{opacity:1;transform:translateY(0) scale(1)}
.np-dialog::backdrop{background:#052b3666;backdrop-filter:blur(7px);opacity:0;transition:opacity .23s ease}
.np-dialog.np-visible::backdrop{opacity:1}
.np-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:none;padding:20px 26px;border-bottom:1px solid #e4efeb;background:linear-gradient(110deg,#eff9f4,#fff)}
.np-dialog-header h2{line-height:1.5;font-family:inherit;font-size:18px;font-weight:700;margin:3px 0 0;color:var(--np-ink)}
.np-eyebrow{font-size:10px;letter-spacing:.16em;color:#368377;font-weight:700}
.np-close{display:grid;place-items:center;flex:none;min-width:44px;min-height:44px;border:1px solid #cfe3db;border-radius:50%;background:white;color:#295a51;font:30px/1 system-ui;cursor:pointer;transition:background .2s,transform .2s}
.np-close:hover{background:#dff1e8;transform:rotate(5deg)}
.np-dialog-body{overflow-y:auto;min-height:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.np-profile{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:32px;padding:30px}
.np-portrait{align-self:start;background:linear-gradient(150deg,#e5f2eb,#f4f8f8);border-radius:20px;overflow:hidden}
.np-portrait img{display:block;width:100%;height:auto;max-height:430px;object-fit:contain;object-position:center bottom}
.np-photo-empty{display:grid;place-items:center;min-height:270px;font-size:100px;color:#83aa9c}
.np-details{min-width:0;padding:6px 0}
.np-badge{display:inline-block;padding:5px 12px;border-radius:999px;background:#e6f5ee;color:#176958;font-size:12px;font-weight:600}
.np-name{font-family:inherit;font-size:clamp(22px,2.5vw,30px);line-height:1.5;font-weight:700;color:var(--np-ink);margin:14px 0 8px;overflow-wrap:anywhere}
.np-position{font-size:16px;line-height:1.7;margin:0 0 5px;color:#226d61}.np-unit{font-size:14px;line-height:1.7;color:#637b74;margin:0 0 20px}
.np-bio{border-top:1px solid #e5eeea;padding-top:18px;margin-top:18px}.np-bio h4{line-height:1.6;font-family:inherit;font-size:15px;font-weight:700;color:var(--np-ink);margin:0 0 8px}.np-bio p{white-space:pre-wrap;font-size:14px;line-height:1.9;color:#4d6860;overflow-wrap:anywhere}
.np-contacts,.np-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.np-contacts a,.np-actions a{display:inline-flex;align-items:center;min-height:44px;padding:9px 14px;border:1px solid #d6e7df;border-radius:12px;color:#186a5b;background:#f6faf8;text-decoration:none;font-size:13px;line-height:1.5;overflow-wrap:anywhere;max-width:100%;transition:background .2s}
.np-contacts a:hover,.np-actions a:hover{background:#e1f1e8}.np-actions a.np-full-profile{background:#087e76;color:#fff;border-color:#087e76}.np-actions a.np-full-profile:hover{background:#08655f}
.np-dialog :focus-visible{outline:3px solid #19a38d;outline-offset:3px}
@media(max-width:767.98px){.np-dialog{width:calc(100% - 24px);max-height:92vh;max-height:92dvh;border-radius:22px}.np-profile{grid-template-columns:minmax(0,1fr);gap:20px;padding:22px}.np-portrait{width:min(290px,100%);justify-self:center}.np-portrait img{max-height:300px}.np-dialog-header{padding:16px 20px}.np-details{padding:0}.np-name{font-size:23px}.np-contacts a,.np-actions a{flex:1 1 150px;justify-content:center}}
@media(max-width:380px){.np-profile{padding:16px}.np-dialog-header{padding:14px}.np-eyebrow{letter-spacing:.08em}.np-dialog-header h2{font-size:16px}}
@media(prefers-reduced-motion:reduce){.np-dialog,.np-dialog::backdrop,.np-close,.np-contacts a,.np-actions a{transition:none;transform:none}}