.input,.select,.textarea{width:100%;background:var(--surface);border:1px solid var(--gray-300);
  border-radius:var(--radius-sm);padding:9px 13px;font-size:13.5px;color:var(--text);
  transition:border-color .15s,box-shadow .15s}
.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--red-500);
  box-shadow:0 0 0 3px var(--red-100)}
.input::placeholder,.textarea::placeholder{color:var(--text-3)}
.textarea{resize:vertical;min-height:84px}
.field{margin-bottom:14px}
.field label{display:block;font-size:12.5px;font-weight:500;color:var(--text-2);margin-bottom:6px}
.form-2col{display:grid;grid-template-columns:1fr 1fr;gap:12px}

.search-wrap{position:relative;display:flex;align-items:center}
.search-wrap .ic{position:absolute;left:12px;color:var(--text-3);pointer-events:none}
.search-wrap .input{padding-left:38px}
.topbar-search{width:300px}
.member-pick{display:flex;flex-wrap:wrap;gap:8px}
.pick{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--gray-300);
  border-radius:99px;padding:5px 12px 5px 6px;font-size:12.5px;cursor:pointer;
  color:var(--text-2);transition:.15s;user-select:none}
.pick:hover{border-color:var(--red-300);color:var(--red-700)}
.pick input{display:none}

/* ── Touch friendly ── */
@media (max-width:768px){
  .btn{padding:12px 16px}
  .input,.select,.textarea{padding:11px 13px;font-size:16px}  /* 16px กัน iOS auto-zoom */
  .icon-btn{width:44px;height:44px}
  .chip{padding:9px 14px}
  .form-2col{grid-template-columns:1fr}
}
/* วัน/เดือน/ปี พ.ศ. พร้อมปฏิทิน native สำหรับเลือกวันที่ */
.thai-date-field{position:relative;display:inline-flex;min-width:170px;max-width:100%}
.thai-date-field>.input{width:100%;padding-right:42px}
.thai-date-picker{position:absolute;right:0;top:0;bottom:0;width:40px;display:flex;align-items:center;justify-content:center;color:var(--text-2)}
.thai-date-picker>input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.thai-date-picker:focus-within{outline:2px solid var(--red-400);border-radius:var(--radius-sm)}