:root{--font-heading:"Archivo","Anuphan",system-ui,sans-serif;--font-body:"Archivo","Anuphan",system-ui,sans-serif}
body{margin:0;background:var(--color-bg)}
a{color:var(--color-accent)}a:hover{color:var(--color-accent-600)}
input,textarea,button,select{font-family:var(--font-body)}
input[data-tick]:checked+span{opacity:1!important}
@keyframes sheetReveal{0%{opacity:0;filter:blur(14px);transform:translateY(16px) scale(0.985)}60%{opacity:1}100%{opacity:1;filter:blur(0);transform:none}}

.pw{position:relative;display:block}
.pw input{padding-right:46px!important}
.pw .eye{position:absolute;right:5px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin:0;padding:0;font:inherit;color:var(--color-neutral-700);background:transparent;border:0;border-radius:8px;cursor:pointer}
.pw .eye:hover{background:var(--color-neutral-200);color:var(--color-text)}
.pw .eye:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}

@keyframes smspin{to{transform:rotate(360deg)}}

/* ช่องวันที่/เวลาบนใบงาน: ซ่อนข้อความตัวอย่าง (mm/dd/yyyy) เมื่อยังว่าง เหมือนช่องบนกระดาษ ไอคอนปฏิทินจางและชัดขึ้นเมื่อชี้/โฟกัส */
input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator{opacity:.4;cursor:pointer}
input[data-empty="1"]:not(:focus)::-webkit-datetime-edit{opacity:0}
/* ช่องวันที่แบบพิมพ์ (26 ตุลาคม 69): ว่างไว้เหมือนกระดาษ แสดงตัวอย่างรูปแบบเมื่อกดพิมพ์เท่านั้น */
input[data-datefmt]::placeholder{color:transparent}
input[data-datefmt]:focus::placeholder{color:var(--color-neutral-500,#8a8a8a);font-weight:400}
input[data-empty="1"]:not(:hover):not(:focus)::-webkit-calendar-picker-indicator{opacity:0}