:root{font-family:Arial,"Noto Sans Thai",sans-serif;color:#293e35;background:#f7f5ec;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,.button{border:1px solid #284d40;border-radius:10px;padding:12px 18px;background:#284d40;color:#fff;cursor:pointer;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px}button:disabled{opacity:.5;cursor:not-allowed}.secondary{background:white;color:#284d40;border-color:#d5dbd0}button:hover,.button:hover{filter:brightness(.95)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #c5a05d;outline-offset:3px}.brand{padding:18px 5%;background:#fff;border-bottom:1px solid #ddd;display:flex;gap:14px;align-items:center}.brand img{width:64px;height:64px;object-fit:contain}.brand strong{font-size:24px}.brand small{display:block;margin-top:4px;color:#718075}#identity{margin-left:auto;display:flex;align-items:center;gap:12px;flex-wrap:wrap}main{max-width:1200px;padding:28px 24px 80px;margin:auto}h1{font-size:30px;letter-spacing:-.8px;margin:0 0 8px}h2{font-size:21px;margin:0 0 14px}h3{font-size:18px;margin:0 0 8px}p{line-height:1.6;color:#647469}.muted,small{color:#647469}.card{background:#fff;border:1px solid #dce0d5;border-radius:18px;padding:22px;margin:18px 0}.login{max-width:480px;margin:30px auto}label{display:block;font-weight:600;font-size:14px;margin:14px 0}input,select{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #cbd4c9;border-radius:9px;color:#293e35;background:#fff;min-width:0}input[type=checkbox]{width:20px;height:20px;display:inline;margin:0;flex-shrink:0}.bar,.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.bar{justify-content:space-between}.bar label{margin:0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.grid .card{margin:0}.tag{display:inline-block;border-radius:20px;padding:5px 10px;font-size:12px;background:#edf2e8;font-weight:700}.draft{background:#fff2d2;color:#85652d}.photoGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin:18px 0}.photoGrid img{width:100%;height:150px;object-fit:cover;border-radius:10px}.photoGrid figure{margin:0}.photoGrid a{display:block}.photoGrid button{margin-top:8px;padding:7px 12px;font-size:13px;width:100%}.pick{max-height:350px;overflow:auto;border:1px solid #dce0d5;border-radius:10px;padding:10px}.pick label{display:flex;align-items:center;gap:10px;padding:10px;margin:0;border-bottom:1px solid #eee}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.error{color:#a43f31;white-space:pre-wrap}.note{padding:14px 18px;background:#edf2e8;border-radius:12px;font-size:14px;line-height:1.6}#message{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);background:#284d40;color:#fff;padding:12px 20px;border-radius:12px;max-width:90%;z-index:10;display:none}dialog{border:1px solid #dce0d5;border-radius:18px;max-width:480px;width:calc(100% - 32px);padding:24px}dialog::backdrop{background:#18382c66}#closeNotice{float:right;margin-bottom:18px}dialog h2{clear:both}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#edf2e8;padding:20px;border-radius:12px}.empty{padding:28px;text-align:center;border:1px dashed #bdc8b9;border-radius:14px}.tabs{display:flex;gap:8px;margin:18px 0}.tabs button{flex:1}a{color:#284d40}#liveApp[aria-busy=true]{opacity:.65;pointer-events:none}@media(max-width:760px){.brand{padding:14px 16px;flex-wrap:wrap}.brand img{width:48px;height:48px}.brand strong{font-size:20px}#identity{width:100%;justify-content:space-between}main{padding:22px 16px 70px}.grid{grid-template-columns:1fr}.formGrid{grid-template-columns:1fr}.card{padding:18px}.bar{align-items:flex-start}h1{font-size:26px}.actions>*{flex:1}.photoGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.photoGrid img{height:140px}}

/* Guest entrance 2.1.148 */
body[data-workspace=portal] .brand{padding:12px max(24px,calc((100vw - 1120px)/2));min-height:80px}
body[data-workspace=portal] .brand img{width:52px;height:52px}
body[data-workspace=portal] .brand strong{font-size:21px}
body[data-workspace=portal] .brand small{font-size:12px}
.welcome{display:grid;grid-template-columns:1fr 1.12fr;align-items:center;gap:52px;max-width:1000px;margin:34px auto 24px}
.welcome-intro{padding:20px 0}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.7px;color:#718075}.welcome h1{font-size:44px;line-height:1.15;letter-spacing:-1.5px;margin:20px 0}.welcome-intro>p{font-size:16px;max-width:290px}.welcome-features{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.welcome-features span{border:1px solid #dce2d5;border-radius:24px;padding:9px 12px;font-size:12px;color:#46644f;background:#eef1e6}.welcome .login{width:100%;max-width:none;margin:0;padding:28px;border-radius:20px;box-shadow:0 10px 35px #284d4008}.welcome .tabs{margin:0 0 24px;background:#efeee5;padding:4px;border-radius:12px;gap:4px}.welcome .tabs button{min-height:42px;padding:8px;border:0}.welcome .tabs button.secondary{background:transparent;color:#68786c}.login h2{font-size:25px;letter-spacing:-.6px;margin-bottom:8px}.login-description{font-size:14px;margin:0 0 20px}.login label{font-size:13px;margin:16px 0}.login input{min-height:48px}.optional{color:#788477;font-size:11px;font-weight:400}.login-submit{width:100%;justify-content:space-between;margin-top:6px;min-height:48px}.login-help{font-size:12px;line-height:1.6;margin:16px 0 0}.login .error:empty{display:none}.portal-footer{max-width:1000px;margin:26px auto;color:#7b8477;font-size:12px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.portal-footer a{text-decoration:none;color:#68786c}
@media(max-width:760px){body[data-workspace=portal] .brand{padding:12px 18px}.welcome{grid-template-columns:1fr;gap:20px;margin:0 auto;max-width:480px}.welcome-intro{padding:0}.welcome h1{font-size:30px;margin:12px 0}.welcome-intro>p{margin:0;max-width:none;font-size:14px}.welcome-features{margin-top:14px;gap:6px}.welcome-features span{font-size:11px;padding:7px 9px}.welcome .login{padding:22px}.welcome .tabs{margin-bottom:18px}.portal-footer{max-width:480px;font-size:11px}body[data-workspace=portal] #identity:empty{display:none}}