@font-face{font-family:Sarabun;src:url(fonts/Sarabun-Regular.ttf) format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Sarabun;src:url(fonts/Sarabun-Bold.ttf) format('truetype');font-weight:600 800;font-display:swap}
html{color-scheme:light!important}h1,h2,h3,h4{font-family:Sarabun,sans-serif}body{font-size:16px;background:#eeece1}.wrap{max-width:1640px;padding-inline:28px}header.wrap{padding-top:26px}.brand-row,.brand,.account{display:flex;align-items:center;gap:18px}.brand-row{justify-content:space-between;margin-bottom:25px}.brand h1{font-size:clamp(25px,3vw,36px);color:#174d40}.company{font-size:17px}.hen-logo{width:100px;height:100px}.account{font-size:14px;gap:10px}.account small,.account strong{display:block}.account small{color:#6b7669}.user-dot{width:10px;height:10px;border-radius:50%;background:#248b68;box-shadow:0 0 0 5px #248b6815}.program-bar{display:flex;gap:20px;padding:20px 24px;align-items:center;border-left:5px solid #0d6153}.program-bar .farm-input{display:block;font-weight:700;font-size:23px;max-width:600px}.flock-grid{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr)) 1.2fr;gap:16px;padding:20px}.flock-grid label{font-size:12px;color:#606f61}.flock-grid input{margin-top:5px;font-size:17px;color:#1e2420}.water-stat{align-self:center}.house-tabs{gap:6px}.house-tabs .tabbtn[aria-selected=true]{background:#0d6153;color:white}.house-tabs small{display:block;font-weight:400}.tabs{background:#dddccf;padding:5px}.cal-grid{gap:10px}.day{min-height:175px}.dhead{padding:7px 10px}.daynum{font-size:18px}.sess{padding:8px 7px}.sess-tag{width:25px}.item{flex-direction:column-reverse;align-items:flex-start;gap:4px}.item img{width:92px;height:92px;align-self:center;filter:none}.item .nm{font-size:14px;line-height:1.5}.item .ds{font-size:12px}.sess-items{gap:12px}.cal-grid.compact .item{flex-direction:row}.cal-grid.compact .item img{width:46px;height:46px}.slot img{width:60px;height:60px}.modal{max-width:760px}.modal.wide{max-width:920px}.program-list{display:grid;gap:10px}.product-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(275px,1fr))}.product{overflow:hidden}.product-photo{width:100%;height:230px;border:0;background:#fafaf5;cursor:pointer;padding:18px}.product-photo img{height:100%;max-width:100%;object-fit:contain}.product-body{padding:20px;display:grid;gap:8px}.product-body h3{font-size:21px}.product-body>p.muted{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:40px}.detail-photo{display:block;width:100%;height:280px;object-fit:contain;margin:15px auto}.preline{white-space:pre-wrap}.btn{min-height:40px}.btn-primary{box-shadow:0 3px 8px #0d615318}#status{max-width:680px;margin:12vh auto;padding:30px;text-align:center;background:#fff;border:1px solid #cec8b4;border-radius:20px;line-height:2}#status .btn{margin:15px 5px 0}input,select,textarea{accent-color:#0d6153}.export-pages{display:grid;gap:18px;background:#d9ddda;padding:18px}.export-pages img{width:100%;background:white}.a4modal{max-width:1300px}.row label{min-width:0}
@media(max-width:1100px){.flock-grid{grid-template-columns:repeat(3,1fr)}.program-bar{flex-wrap:wrap}.brand-row{align-items:flex-start}.account{flex-wrap:wrap;max-width:200px}.item img{width:68px;height:68px}.sess-tag{display:none}}
@media(max-width:760px){.wrap{padding-inline:12px}.brand-row{flex-direction:column;gap:12px}.brand{gap:10px}.hen-logo{width:75px;height:75px}.account{max-width:none;width:100%}.account .btn{margin-left:auto}.brand h1{font-size:27px}.company{font-size:14px}.program-bar{padding:15px;gap:10px}.program-bar .row{gap:6px}.program-bar .btn{font-size:12px;padding:7px 9px}.flock-grid{grid-template-columns:1fr 1fr;gap:10px;padding:14px}.cal-grid{gap:4px}.day{min-height:95px}.item img{width:38px;height:46px}.item .nm{display:block;font-size:9px;line-height:1.2}.item .ds{display:block;font-size:8px}.item .txt{width:100%}.item{flex-direction:column-reverse;gap:1px;width:100%}.sess-items{flex-direction:column;gap:5px}.sess{padding:3px}.sess-tag{display:none}.dhead{padding:4px}.daynum{font-size:14px}.slot img{width:42px;height:42px}.slot{flex-wrap:wrap}.slot select{min-width:160px}.slot .dosewrap{margin-left:auto}.overlay{padding:10px 6px}.modal{padding:16px}.daynote{font-size:8px}.cards-sm{grid-template-columns:1fr}.program-list .row{gap:6px}.account strong{max-width:200px;overflow-wrap:anywhere}.product-photo{height:245px}}
@media print{body{background:white}header,.tabs,.no-print{display:none!important}}