/*
Theme Name: JAEJU Backoffice
Author: JAEJU
Description: ธีมเจ้จู โทนครีมและเขียว หน้าแรกสำหรับล็อกอินเข้าหลังบ้าน WordPress
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: jaeju-backoffice
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
@font-face{font-family:Kanit;src:url('assets/fonts/Kanit-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Kanit;src:url('assets/fonts/Kanit-Medium.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Kanit;src:url('assets/fonts/Kanit-SemiBold.ttf') format('truetype');font-style:normal;font-weight:600 900;font-display:swap}
:root{--ink:#173e32;--muted:#778079;--cream:#f6f5ef;--line:#e4e7de;--lime:#dfedac;--white:#fff;--danger:#a33434}
*{box-sizing:border-box}html{min-height:100%;background:var(--cream)}body{margin:0;color:var(--ink);font-family:"Leelawadee UI",Tahoma,Arial,sans-serif;font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}button,input{font:inherit}a{color:inherit;text-underline-offset:4px}button,a,input{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #a5be6e;outline-offset:4px}.site-shell{max-width:1320px;margin:auto;padding:35px 52px 20px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:34px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none}.brand-icon{display:grid;place-items:center;background:var(--ink);color:var(--lime);width:43px;height:43px;border-radius:14px}.brand-icon svg{width:28px;height:28px}.brand-name{font-size:23px;letter-spacing:-.6px;font-weight:750;line-height:1.1}.brand-name small{display:block;font-size:9px;letter-spacing:2.3px;font-weight:500;margin-top:7px}.brand .custom-logo{max-width:150px;max-height:48px;width:auto;height:auto}.header-note{display:flex;align-items:center;gap:9px;font-size:12px;color:#64726a}.status-dot{width:7px;height:7px;border-radius:50%;background:#748b57}.login-layout{display:grid;grid-template-columns:1.05fr 1fr;background:var(--white);border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:0 15px 60px #25413206;min-height:665px}.welcome-panel{position:relative;padding:46px 46px 27px;background:#eaf0e3;overflow:hidden;display:flex;flex-direction:column}.welcome-panel::after{content:"";position:absolute;width:460px;height:460px;border:1px solid #d1ddc8;border-radius:50%;right:-255px;top:100px;pointer-events:none}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2.1px;text-transform:uppercase;display:flex;align-items:center;gap:9px}.eyebrow::before{content:"";display:block;width:22px;height:1px;background:currentColor}.welcome-panel h1{font-size:clamp(32px,3.6vw,47px);line-height:1.35;letter-spacing:-1.8px;margin:21px 0 14px;font-weight:700;position:relative;z-index:1}.welcome-panel h1 span{color:#758c50}.welcome-copy{font-size:14px;color:#64735f;line-height:1.9;margin:0;max-width:330px}.workspace-art{position:relative;margin:26px -9px 13px;z-index:1}.workspace-art img{width:100%;height:auto;display:block}.welcome-foot{margin-top:auto;display:flex;align-items:center;gap:12px;font-size:11px;color:#667960}.welcome-foot svg{width:20px;height:20px;flex:none}.form-panel{padding:52px 62px 41px;display:flex;flex-direction:column;justify-content:center}.form-overline{font-size:10px;letter-spacing:2px;color:#819078;font-weight:700;margin:0 0 12px}.form-panel h2{font-size:31px;line-height:1.4;letter-spacing:-.8px;margin:0 0 10px;font-weight:700}.form-intro{margin:0 0 33px;color:var(--muted);font-size:13px;line-height:1.85}.login-form label{display:block;font-size:13px;font-weight:650;margin-bottom:9px}.field{margin-bottom:20px}.input-wrap{position:relative}.input-wrap>.field-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:19px;height:19px;color:#98a196;pointer-events:none}.login-form input[type=text],.login-form input[type=password]{width:100%;border:1px solid #dde2d7;background:#fcfdf9;border-radius:10px;min-height:53px;padding:12px 46px;color:var(--ink);font-size:14px;transition:border-color .2s,box-shadow .2s}.login-form input::placeholder{color:#a2a89e;font-size:12px}.login-form input:focus{border-color:#80996a;box-shadow:0 0 0 3px #eaf0e3;outline:none}.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;background:transparent;color:#8b9785;border-radius:7px;cursor:pointer;display:grid;place-items:center}.password-toggle:hover{background:#eaf0e3}.password-toggle svg{width:19px;height:19px}.password-toggle[aria-pressed=true]{color:#173e32;background:#eaf0e3}.form-options{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 26px;font-size:12px}.form-options .remember{display:flex;gap:8px;align-items:center;margin:0;font-weight:400;color:#687464;cursor:pointer}.remember input{width:16px;height:16px;margin:0;accent-color:var(--ink)}.forgot{color:#55703e;text-decoration:none;white-space:nowrap}.forgot:hover{text-decoration:underline}.login-button{display:flex;justify-content:center;align-items:center;gap:14px;width:100%;min-height:53px;border:0;border-radius:10px;background:var(--ink);color:white;font-weight:650;font-size:14px;cursor:pointer;box-shadow:0 5px 12px #173e3210;transition:background .2s,transform .2s}.login-button:hover{background:#285441;transform:translateY(-1px)}.login-button svg{width:18px;height:18px}.login-button:disabled{opacity:.75;cursor:wait;transform:none}.form-divider{height:1px;background:#eef0e8;margin:29px 0 19px}.access-note{display:flex;align-items:flex-start;gap:9px;color:#8a9186;font-size:11px;line-height:1.8;margin:0}.access-note svg{width:15px;height:15px;flex:none;margin-top:3px}.site-footer{display:flex;justify-content:space-between;gap:20px;padding-top:22px;color:#949b90;font-size:10px;letter-spacing:.2px}.site-footer span:last-child{color:#6c7c61}.content-layout{background:#fff;border:1px solid var(--line);border-radius:22px;padding:40px;max-width:960px;margin:auto}.content-layout h1,.content-layout h2{line-height:1.4}.content-layout img{max-width:100%;height:auto}.content-layout article+article{border-top:1px solid var(--line);margin-top:32px;padding-top:28px}.content-layout .entry-title a{text-decoration:none}.content-layout .entry-content{overflow-wrap:anywhere}.skip-link{position:absolute;top:-100px;left:20px;z-index:100;background:white;padding:10px 20px}.skip-link:focus{top:15px}
body{font-family:Kanit,"Leelawadee UI",Tahoma,Arial,sans-serif}
.password-toggle[hidden]{display:none}
@media(min-width:1500px){.site-shell{padding-top:55px}.login-layout{min-height:710px}.workspace-art{margin-top:38px}.welcome-panel{padding-top:55px}}
@media(max-width:1050px){.site-shell{padding:27px 28px 20px}.welcome-panel{padding:36px 30px 26px}.form-panel{padding:42px 36px}.login-layout{min-height:630px}.welcome-panel h1{font-size:38px}.workspace-art{margin-top:33px}}
@media(max-width:760px){.site-shell{padding:23px 20px 19px;max-width:540px}.site-header{margin-bottom:25px}.header-note{font-size:10px}.brand-icon{width:38px;height:38px;border-radius:12px}.brand-name{font-size:21px}.brand-name small{font-size:8px}.login-layout{grid-template-columns:1fr;border-radius:22px;min-height:0}.welcome-panel{padding:26px 28px 25px}.welcome-panel h1{font-size:29px;letter-spacing:-.8px;line-height:1.45;margin:14px 0 7px}.welcome-panel h1 br{display:none}.welcome-panel h1 span{display:block}.welcome-copy{font-size:12px;max-width:none}.welcome-copy br{display:none}.workspace-art,.welcome-foot{display:none}.welcome-panel::after{width:220px;height:220px;right:-100px;top:10px}.eyebrow{font-size:9px}.form-panel{padding:30px 28px}.form-panel h2{font-size:27px}.form-intro{margin-bottom:24px}.form-overline{font-size:9px;margin-bottom:9px}.site-footer{font-size:9px;gap:10px;flex-wrap:wrap;padding-top:18px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}