/* หน้าต่างค้นหา/เลือก (js/picker-sheet.js) — ใช้ token เดิม; มือถือ = แผงเลื่อนขึ้นจากล่าง, จอกว้าง = กล่องกลางจอ */
.pk-backdrop{position:fixed; top:var(--pk-top,0px); left:var(--pk-left,0px); width:var(--pk-w,100%); height:var(--pk-h,100dvh); z-index:3000; background:rgba(18,18,18,0.5); display:flex; align-items:flex-end; justify-content:center; animation:pk-fade 160ms ease-out;}
.pk-sheet{width:100%; max-width:560px; height:min(calc(var(--pk-h,100dvh) - 20px), 640px); background:var(--card); border-radius:22px 22px 0 0; display:flex; flex-direction:column; overflow:hidden; box-shadow:0 -10px 40px rgba(18,18,18,0.25); animation:pk-up 200ms var(--ease-pop, ease-out); padding-bottom:env(safe-area-inset-bottom, 0px);}
@media (min-width:700px){ .pk-backdrop{align-items:center;} .pk-sheet{border-radius:22px;} }
.pk-head{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:16px 18px 8px;}
.pk-title{font-size:var(--fs-md); font-weight:800;}
.pk-close{width:34px; height:34px; border:none; border-radius:50%; background:rgba(18,18,18,0.08); color:var(--ink); font-size:14px; cursor:pointer;}
.pk-search{padding:6px 16px 8px;}
.pk-input{width:100%; box-sizing:border-box; border:none; border-radius:14px; padding:14px 16px; font-size:16px; /* 16px กัน iOS ซูมเข้าตอนโฟกัส */ background:rgba(18,18,18,0.07); color:var(--ink); font-weight:500; outline:none;}
.pk-input:focus{box-shadow:0 0 0 2px var(--black);}
.pk-hint{padding:0 18px 6px; font-size:var(--fs-xs); color:var(--muted); line-height:1.5;}
.pk-list{flex:1; overflow-y:auto; -webkit-overflow-scrolling:touch; overscroll-behavior:contain; padding:4px 10px 12px; display:flex; flex-direction:column; gap:2px; min-height:0;}
.pk-item{display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%; text-align:left; border:none; background:transparent; color:var(--ink); font:inherit; font-size:var(--fs-base); font-weight:600; padding:13px 12px; min-height:48px; border-radius:12px; cursor:pointer; line-height:1.35;}
.pk-item:active,.pk-item:hover{background:rgba(18,18,18,0.07);}
.pk-selected{font-weight:800; background:#FBF7E3;}
.pk-check{color:var(--success); font-weight:800;}
.pk-custom{background:var(--yellow); color:var(--black); font-weight:800;}
.pk-note{padding:12px; font-size:var(--fs-sm); color:var(--muted);}
.pk-foot{padding:8px 16px 14px; border-top:1px solid var(--line);}
.pk-clear{width:100%; border:1.5px solid var(--line); background:transparent; border-radius:999px; padding:11px; font:inherit; font-size:var(--fs-sm); font-weight:700; color:var(--ink); cursor:pointer;}
@keyframes pk-fade{from{opacity:0;}to{opacity:1;}}
@keyframes pk-up{from{transform:translateY(24px); opacity:0.6;}to{transform:none; opacity:1;}}
@media (prefers-reduced-motion:reduce){ .pk-backdrop,.pk-sheet{animation:none;} }