/* ITHOUSE POS-X login v1.0.4: approved design reference 1536x1024.
 * Scope explicitly to #login so the ERP workspace remains untouched.
 */
@media screen {
  body:not([data-trial]) #login.login-ithouse-v104 {
    display:grid;grid-template-columns:56.9% 43.1%;align-items:stretch;justify-items:stretch;gap:0;padding:0;
    min-height:100svh;background:#dfedff;color:#24334a;font-family:Arial,Tahoma,"Segoe UI",sans-serif;
    overflow:hidden;isolation:isolate;
  }
  #login.login-ithouse-v104[hidden] {display:none!important;}
  body:not([data-trial]) #login.login-ithouse-v104::before,body:not([data-trial]) #login.login-ithouse-v104::after {display:none!important;content:none!important;}
  #login.login-ithouse-v104 .ithouse-hero {position:relative;min-width:0;min-height:100svh;background:#263951 url('./ithouse-approved-hero-v104.webp') center center / 100% 100% no-repeat;}
  #login.login-ithouse-v104 .ithouse-hero-mobile {display:none;}
  #login.login-ithouse-v104 .ithouse-screenreader-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
  #login.login-ithouse-v104 .ithouse-auth-side {
    position:relative;min-width:0;min-height:100svh;display:flex;justify-content:flex-start;align-items:center;
    padding:35px min(3.65vw,56px) 35px 0;
    background:radial-gradient(ellipse at 95% 2%,#d4e7fc 0%,transparent 57%),linear-gradient(128deg,#e1efff 0%,#f2f7ff 65%,#e4efff 100%);
  }
  #login.login-ithouse-v104 .ithouse-language {position:absolute;z-index:3;right:clamp(18px,4.2vw,64px);top:40px;display:inline-flex;gap:8px;align-items:center;font-size:15px;font-weight:700;color:#263a58;}
  #login.login-ithouse-v104 .ithouse-language svg {width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5;}
  #login.login-ithouse-v104 .ithouse-language svg.ithouse-lang-arrow {width:17px;height:17px;stroke-width:2;}
  body:not([data-trial]) #login.login-ithouse-v104 .login-card {
    width:100%;max-width:608px;min-width:0;margin:0;padding:37px 48px 23px;
    border-radius:25px;background:#fff;border:1px solid #eff3fb;
    box-shadow:0 24px 65px rgba(30,69,119,.16);text-align:center;
  }
  #login.login-ithouse-v104 .ithouse-auth-brand {display:flex;flex-direction:column;align-items:center;gap:0;margin:0 0 21px;}
  #login.login-ithouse-v104 .ithouse-company-logo {display:block;object-fit:contain;width:218px;height:145px;margin:0 auto -7px;}
  #login.login-ithouse-v104 .ithouse-company-wordmark {font-family:Arial,sans-serif;letter-spacing:-3px;font-size:66px;line-height:1.0;font-weight:850;color:#243752;margin:0;}
  #login.login-ithouse-v104 .ithouse-company-wordmark span {color:#179eef;}
  #login.login-ithouse-v104 .ithouse-company-name {font-size:14px;font-weight:700;color:#27364b;line-height:1.4;margin:4px 0 0;}
  #login.login-ithouse-v104 #login-title {font-size:31px;line-height:1.35;margin:0 0 1px;color:#172740;font-weight:800;}
  #login.login-ithouse-v104 .login-welcome {font-size:14px;line-height:1.6;color:#31445f;margin:0;}
  #login.login-ithouse-v104 .ithouse-by-kanokphan {font-size:14px;line-height:1.5;color:#8197b3;margin:0 0 23px;}
  #login.login-ithouse-v104 #login-form {margin:0;}
  #login.login-ithouse-v104 #login-form label.ithouse-field {height:68px;min-height:68px;display:flex;align-items:center;gap:19px;padding:10px 18px;margin:0 0 15px;border:1px solid #d7e3f3;border-radius:13px;background:#fff;text-align:left;color:#28394e;}
  #login.login-ithouse-v104 #login-form label.ithouse-field:focus-within {border-color:#4395e9;box-shadow:0 0 0 3px #2681ee1b;}
  #login.login-ithouse-v104 #login-form label.ithouse-field > svg {width:24px;height:24px;flex-shrink:0;fill:none;stroke:#344862;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
  #login.login-ithouse-v104 #login-form label.ithouse-field .ithouse-field-text {display:flex;align-items:stretch;flex-direction:column;justify-content:center;min-width:0;flex:1;gap:0;}
  #login.login-ithouse-v104 #login-form label.ithouse-field .ithouse-field-label {color:#263954;font-weight:600;font-size:17px;line-height:1.3;}
  #login.login-ithouse-v104 #login-form label.ithouse-field input:not([type=hidden]) {font-family:inherit;border:0!important;box-shadow:none!important;outline:0!important;background:transparent!important;width:100%;padding:0!important;border-radius:0!important;min-height:21px!important;height:21px!important;color:#273b52;font-size:14px;font-weight:400;}
  #login.login-ithouse-v104 #login-form label.ithouse-field input::placeholder {color:#91a3bd;opacity:1;}
  #login.login-ithouse-v104 #login-form label.ithouse-field-password {margin-bottom:14px;}
  #login.login-ithouse-v104 #login-form label.ithouse-field-password .ithouse-field-text {gap:2px;}
  #login.login-ithouse-v104 #login-toggle-password {position:relative;flex:0 0 30px;min-width:30px;min-height:36px;width:30px!important;height:36px;padding:0;background:transparent!important;color:#344862;display:grid;place-items:center;border:0;}
  #login.login-ithouse-v104 #login-toggle-password svg {width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;}
  #login.login-ithouse-v104 .ithouse-form-options {display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 21px;}
  #login.login-ithouse-v104 #login-form label.ithouse-remember-label {display:flex;flex-direction:row;align-items:center;gap:9px;margin:0;font-size:16px;line-height:22px;font-weight:400;color:#36445a;}
  #login.login-ithouse-v104 #login-form .ithouse-remember-label input {appearance:auto;min-height:22px;max-height:22px;height:22px;width:22px;padding:0;margin:0;accent-color:#1265f9;opacity:1;}
  #login.login-ithouse-v104 #login-form #login-forgot {width:auto!important;min-height:25px!important;height:25px!important;padding:0;background:transparent!important;color:#005ce2;font-size:15px;font-weight:600;border:0;box-shadow:none;margin:0;}
  #login.login-ithouse-v104 #login-form .ithouse-signin {position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:63px;min-height:63px;margin:0!important;padding:0 25px;background:linear-gradient(105deg,#318dff 0%,#0350d5 100%);border:0;border-radius:30px;color:#fff;font-size:18px;box-shadow:none;opacity:1;}
  #login.login-ithouse-v104 #login-form .ithouse-signin:disabled {opacity:.65;}
  #login.login-ithouse-v104 .ithouse-signin-glow {position:absolute;left:30px;width:25px;height:25px;fill:none;stroke:#c2e0ff;stroke-width:2;opacity:.65;}
  #login.login-ithouse-v104 .ithouse-signin-text {display:inline-flex;gap:15px;align-items:center;justify-content:center;}
  #login.login-ithouse-v104 .ithouse-signin-circle {display:grid;place-items:center;font-size:20px;font-weight:500;border:2px solid #ffffff9b;border-radius:50%;height:27px;width:27px;line-height:23px;}
  #login.login-ithouse-v104 .ithouse-login-divider {margin:16px 0 16px;position:relative;font-size:15px;color:#7890aa;line-height:15px;}
  #login.login-ithouse-v104 .ithouse-login-divider::before {content:"";height:1px;background:#dce6f2;position:absolute;top:50%;left:0;right:0;}
  #login.login-ithouse-v104 .ithouse-login-divider span {position:relative;background:#fff;padding:0 16px;}
  #login.login-ithouse-v104 .ithouse-social-button {display:flex;gap:12px;justify-content:center;align-items:center;background:#fff!important;border:1px solid #d7e3f2;width:100%;min-height:49px;height:49px;border-radius:30px;padding:7px 12px;margin:0 0 6px;color:#182334!important;font-size:17px;font-weight:600;box-shadow:none!important;}
  #login.login-ithouse-v104 .ithouse-social-button:hover {background:#f5f9ff!important;border-color:#9cbded;}
  #login.login-ithouse-v104 .ithouse-social-button svg {width:26px;height:26px;flex-shrink:0;}
  #login.login-ithouse-v104 .ithouse-social-button svg path {stroke:none!important;}
  #login.login-ithouse-v104 .ithouse-sr-alert:empty {display:none;}
  #login.login-ithouse-v104 .ithouse-sr-alert:not(:empty) {font-size:12px;color:#5b7390;margin:8px 0 0;}
  #login.login-ithouse-v104 #login-profile-actions:not([hidden]) {display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:10px 0 0;}
  #login.login-ithouse-v104 #login-profile-actions button {min-height:30px;width:auto;color:#1b5998;background:#f0f6ff;border:1px solid #cde1fa;border-radius:7px;font-size:12px;}
  #login.login-ithouse-v104 #login-message:empty {display:none;}
  #login.login-ithouse-v104 #login-message:not(:empty) {font-size:12px;min-height:22px;margin:8px 0 0;}
  #login.login-ithouse-v104 .ithouse-card-footer {margin:29px 0 0;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;line-height:18px;color:#8da0bb;}
  @media (min-height:961px) and (min-width:851px){
    body:not([data-trial]) #login.login-ithouse-v104 .login-card {transform:translateY(12px);}
  }
  @media (max-height:960px) and (min-width:851px){
    #login.login-ithouse-v104 .ithouse-auth-side {padding-top:29px;padding-bottom:20px;}
    body:not([data-trial]) #login.login-ithouse-v104 .login-card {padding-top:24px;padding-bottom:16px;}
    #login.login-ithouse-v104 .ithouse-auth-brand {margin-bottom:13px;}
    #login.login-ithouse-v104 .ithouse-company-logo {height:122px;width:195px;}
    #login.login-ithouse-v104 .ithouse-company-wordmark {font-size:53px;}
    #login.login-ithouse-v104 .ithouse-company-name {font-size:12px;}
    #login.login-ithouse-v104 .ithouse-by-kanokphan {margin-bottom:18px;}
    #login.login-ithouse-v104 #login-form label.ithouse-field {height:58px;min-height:58px;margin-bottom:12px;}
    #login.login-ithouse-v104 .ithouse-form-options {margin-bottom:13px;}
    #login.login-ithouse-v104 #login-form .ithouse-signin {height:54px;min-height:54px;}
    #login.login-ithouse-v104 .ithouse-login-divider {margin:11px 0 11px;}
    #login.login-ithouse-v104 .ithouse-card-footer {margin-top:14px;}
  }
  @media(max-height:780px) and (min-width:851px){
    #login.login-ithouse-v104 .ithouse-auth-side {padding:12px min(3vw,48px) 12px 0;}
    #login.login-ithouse-v104 .ithouse-language {top:8px;}
    body:not([data-trial]) #login.login-ithouse-v104 .login-card {padding:14px 29px;}
    #login.login-ithouse-v104 .ithouse-company-logo {height:90px;width:150px;}
    #login.login-ithouse-v104 .ithouse-company-wordmark {font-size:42px;}
    #login.login-ithouse-v104 .ithouse-company-name {font-size:11px;}
    #login.login-ithouse-v104 .ithouse-auth-brand {margin-bottom:7px;}
    #login.login-ithouse-v104 #login-title {font-size:24px;}
    #login.login-ithouse-v104 .ithouse-by-kanokphan {margin-bottom:9px;}
    #login.login-ithouse-v104 #login-form label.ithouse-field {height:51px;min-height:51px;margin-bottom:8px;}
    #login.login-ithouse-v104 #login-form label.ithouse-field .ithouse-field-label {font-size:15px;}
    #login.login-ithouse-v104 .ithouse-form-options {margin-bottom:9px;}
    #login.login-ithouse-v104 #login-form .ithouse-signin {height:49px;min-height:49px;}
    #login.login-ithouse-v104 .ithouse-social-button {min-height:42px;height:42px;}
    #login.login-ithouse-v104 .ithouse-login-divider {margin:8px 0;}
    #login.login-ithouse-v104 .ithouse-card-footer {margin-top:9px;}
  }
  @media(max-width:850px) {
    body:not([data-trial]) #login.login-ithouse-v104 {display:flex;flex-direction:column;min-height:100svh;background:#eaf2ff;overflow:visible;}
    #login.login-ithouse-v104 .ithouse-hero {min-height:93px;height:93px;background:linear-gradient(95deg,#152e4e,#2e6190);padding:21px 21px;color:white;}
    #login.login-ithouse-v104 .ithouse-hero-mobile {display:flex;flex-direction:column;gap:3px;}
    #login.login-ithouse-v104 .ithouse-hero-mobile strong {font-family:Arial,sans-serif;font-size:30px;line-height:1;letter-spacing:-.5px;}
    #login.login-ithouse-v104 .ithouse-hero-mobile em {font-style:normal;color:#3caaff;}
    #login.login-ithouse-v104 .ithouse-hero-mobile span {font-size:12px;color:#d9eaff;}
    #login.login-ithouse-v104 .ithouse-auth-side {min-height:calc(100svh - 93px);justify-content:center;align-items:flex-start;padding:40px 14px 26px;}
    #login.login-ithouse-v104 .ithouse-language {top:12px;right:17px;font-size:13px;}
    body:not([data-trial]) #login.login-ithouse-v104 .login-card {max-width:530px;width:100%;padding:22px 24px 21px;border-radius:22px;}
    #login.login-ithouse-v104 .ithouse-company-logo {height:116px;width:165px;}
    #login.login-ithouse-v104 .ithouse-company-wordmark {font-size:43px;}
    #login.login-ithouse-v104 .ithouse-company-name {font-size:11px;}
    #login.login-ithouse-v104 .ithouse-auth-brand {margin-bottom:11px;}
    #login.login-ithouse-v104 #login-title {font-size:27px;}
    #login.login-ithouse-v104 .ithouse-by-kanokphan {margin-bottom:16px;}
    #login.login-ithouse-v104 #login-form label.ithouse-field {height:60px;min-height:60px;margin-bottom:12px;}
    #login.login-ithouse-v104 #login-form label.ithouse-field .ithouse-field-label {font-size:16px;}
    #login.login-ithouse-v104 .ithouse-form-options {margin-bottom:13px;}
    #login.login-ithouse-v104 #login-form label.ithouse-remember-label {font-size:13px;}
    #login.login-ithouse-v104 #login-form #login-forgot {font-size:13px;}
    #login.login-ithouse-v104 #login-form .ithouse-signin {height:53px;min-height:53px;}
    #login.login-ithouse-v104 .ithouse-social-button {font-size:14px;min-height:45px;height:45px;}
    #login.login-ithouse-v104 .ithouse-card-footer {margin-top:18px;font-size:10px;}
  }
  @media(max-width:400px){body:not([data-trial]) #login.login-ithouse-v104 .login-card {padding:19px 17px;}}
  @media(prefers-reduced-motion:reduce){#login.login-ithouse-v104 *{transition:none!important;}}
}