/* ธีมจากหน้าตั้งค่า — สร้างอัตโนมัติ อย่าแก้ไฟล์นี้ */
:root{
  --app-font:'Kanit';
  --b1:#2B5A97;
  --b1-0d:#2B5A970d;
  --b1-0f:#2B5A970f;
  --b1-14:#2B5A9714;
  --b1-1a:#2B5A971a;
  --b1-1f:#2B5A971f;
  --b1-24:#2B5A9724;
  --b1-26:#2B5A9726;
  --b1-2e:#2B5A972e;
  --b1-33:#2B5A9733;
  --b1-38:#2B5A9738;
  --b1-3a:#2B5A973a;
  --b1-3d:#2B5A973d;
  --b1-40:#2B5A9740;
  --b1-42:#2B5A9742;
  --b1-47:#2B5A9747;
  --b1-4d:#2B5A974d;
  --b1-52:#2B5A9752;
  --b1-59:#2B5A9759;
  --b1-5e:#2B5A975e;
  --b1-66:#2B5A9766;
  --b1-6b:#2B5A976b;
  --b1-73:#2B5A9773;
  --b1-80:#2B5A9780;
  --b1-8c:#2B5A978c;
  --b1-99:#2B5A9799;
  --b1-b3:#2B5A97b3;
  --b1-b8:#2B5A97b8;
  --b1-cc:#2B5A97cc;
  --b2:#4A80C4;
  --b2-0d:#4A80C40d;
  --b2-0f:#4A80C40f;
  --b2-14:#4A80C414;
  --b2-1a:#4A80C41a;
  --b2-1f:#4A80C41f;
  --b2-24:#4A80C424;
  --b2-26:#4A80C426;
  --b2-2e:#4A80C42e;
  --b2-33:#4A80C433;
  --b2-38:#4A80C438;
  --b2-3a:#4A80C43a;
  --b2-3d:#4A80C43d;
  --b2-40:#4A80C440;
  --b2-42:#4A80C442;
  --b2-47:#4A80C447;
  --b2-4d:#4A80C44d;
  --b2-52:#4A80C452;
  --b2-59:#4A80C459;
  --b2-5e:#4A80C45e;
  --b2-66:#4A80C466;
  --b2-6b:#4A80C46b;
  --b2-73:#4A80C473;
  --b2-80:#4A80C480;
  --b2-8c:#4A80C48c;
  --b2-99:#4A80C499;
  --b2-b3:#4A80C4b3;
  --b2-b8:#4A80C4b8;
  --b2-cc:#4A80C4cc;
  --b3:#356AAA;
  --b3-0d:#356AAA0d;
  --b3-0f:#356AAA0f;
  --b3-14:#356AAA14;
  --b3-1a:#356AAA1a;
  --b3-1f:#356AAA1f;
  --b3-24:#356AAA24;
  --b3-26:#356AAA26;
  --b3-2e:#356AAA2e;
  --b3-33:#356AAA33;
  --b3-38:#356AAA38;
  --b3-3a:#356AAA3a;
  --b3-3d:#356AAA3d;
  --b3-40:#356AAA40;
  --b3-42:#356AAA42;
  --b3-47:#356AAA47;
  --b3-4d:#356AAA4d;
  --b3-52:#356AAA52;
  --b3-59:#356AAA59;
  --b3-5e:#356AAA5e;
  --b3-66:#356AAA66;
  --b3-6b:#356AAA6b;
  --b3-73:#356AAA73;
  --b3-80:#356AAA80;
  --b3-8c:#356AAA8c;
  --b3-99:#356AAA99;
  --b3-b3:#356AAAb3;
  --b3-b8:#356AAAb8;
  --b3-cc:#356AAAcc;
  --b4:#9CBEE6;
  --b4-0d:#9CBEE60d;
  --b4-0f:#9CBEE60f;
  --b4-14:#9CBEE614;
  --b4-1a:#9CBEE61a;
  --b4-1f:#9CBEE61f;
  --b4-24:#9CBEE624;
  --b4-26:#9CBEE626;
  --b4-2e:#9CBEE62e;
  --b4-33:#9CBEE633;
  --b4-38:#9CBEE638;
  --b4-3a:#9CBEE63a;
  --b4-3d:#9CBEE63d;
  --b4-40:#9CBEE640;
  --b4-42:#9CBEE642;
  --b4-47:#9CBEE647;
  --b4-4d:#9CBEE64d;
  --b4-52:#9CBEE652;
  --b4-59:#9CBEE659;
  --b4-5e:#9CBEE65e;
  --b4-66:#9CBEE666;
  --b4-6b:#9CBEE66b;
  --b4-73:#9CBEE673;
  --b4-80:#9CBEE680;
  --b4-8c:#9CBEE68c;
  --b4-99:#9CBEE699;
  --b4-b3:#9CBEE6b3;
  --b4-b8:#9CBEE6b8;
  --b4-cc:#9CBEE6cc;
  --tan:#2B5A97;
  --gold:#4A80C4;
  --gold-deep:#356AAA;
  --text-soft:#356AAA;
  --diamond:linear-gradient(135deg,#9CBEE6,#356AAA);
  --line:rgba(74,128,196,.12);
  --shadow:0 6px 20px rgba(74,128,196,.08);
  --radius:16px;
  --bg:#BED5F3;
  --surface:#FFFFFF;
  --surface-2:#F7FAFD;
  --field-border:#9CBEE6b3;
  --field-border-hover:#9CBEE6;
}
body{background:#BED5F3}

/* กรอบช่องกรอกข้อมูลให้เห็นชัด (เข้มสีเส้นเดิม ไม่เพิ่มกรอบให้ช่องแบบการ์ด) */
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=submit]):not([type=button]),select,textarea{--line:var(--field-border);--border:var(--field-border);--role:var(--field-border)}
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=submit]):not([type=button]):hover:not(:disabled):not([readonly]),select:hover:not(:disabled):not([readonly]),textarea:hover:not(:disabled):not([readonly]){--line:var(--field-border-hover);--border:var(--field-border-hover)}
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=submit]):not([type=button]):focus,select:focus,textarea:focus{--line:var(--b1);--border:var(--b1);border-color:var(--b1)}
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=submit]):not([type=button]):disabled,select:disabled,textarea:disabled,input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=submit]):not([type=button])[readonly],select[readonly],textarea[readonly]{opacity:.85}
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=submit]):not([type=button])::placeholder,select::placeholder,textarea::placeholder{color:var(--text);opacity:.42}
input.input-error,.input-error,input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=submit]):not([type=button])[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--danger,#C0392B)!important}
.vi-modal-overlay,.alg-modal-overlay,.photo-lightbox{align-items:safe center;overscroll-behavior:contain}
.vi-modal-body,.vi-modal,.alg-modal{overscroll-behavior:contain}
.vi-modal{margin:auto}
.alg-search input,.qb-show select,.qb-search input,.tm-invite-row input,.visit-special-edit input,.reg-referrer-input,.refsu-form input,.refsu-form select,.setting-text select,.report-nav input[type=date],.inst-search input{border-color:var(--field-border)}

/* ภาพพื้นหลังหน้าเข้าสู่ระบบ */
.login-screen{background-image:url('/login-bg.jpg?v=1787807023')!important;background-size:cover;background-position:center right;background-repeat:no-repeat;background-color:#EFEAFB}
.login-screen:before{opacity:.25}
.login-screen:after{opacity:.35}
.login-card{background:#fffffff5;box-shadow:0 32px 60px -20px rgba(48,32,90,.35),0 16px 30px -16px var(--b1-66,#5E42A666),inset 0 1px #ffffffe6}
@media (min-width:1100px){.login-screen{justify-content:flex-start;padding-left:7vw}}
@media (max-width:820px){.login-screen{background-position:72% center}}