/* Shared worxi/WordPress login design. Change this file for both screens. */
body.xsorx-site-shell :is(.xsorx-site-main.is-entry>.xsorx-entry-stack,#login){
  box-sizing:border-box;width:calc(100% - 32px);max-width:440px;margin:clamp(28px,16vh,170px) auto 0;
}
body.xsorx-site-shell :is(.xsorx-entry-stack>.ekol-itf-form.xsorx-verify-box,#login){
  padding:25px 27px;border:1px solid var(--xsorx-style-border,#ddd);border-radius:10px;
  background:var(--xsorx-style-surface,rgba(255,255,255,.88));color:var(--xsorx-style-text,#142844);
  box-shadow:0 8px 30px rgba(0,0,0,.06);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:normal;
}
body.xsorx-site-shell :is(.xsorx-verify-box form,#login form){display:grid;gap:14px}
body.xsorx-site-shell :is(.xsorx-verify-box form,#login form)>p{margin:0;padding:0}
body.xsorx-site-shell :is(.xsorx-verify-box form,#login form) label{
  display:flex;flex-direction:column;gap:6px;font-size:16px;line-height:normal;font-weight:600;color:var(--xsorx-style-text,#142844);
}
body.xsorx-site-shell :is(.xsorx-verify-box form,#login form) :is(input[type=text],input[type=password],input[type=email]){
  box-sizing:border-box;width:100%;height:auto;min-height:42px;margin:0;padding:11px;border:1px solid var(--xsorx-style-border,#bbb);
  border-radius:5px;background:var(--xsorx-style-solid,#fff);color:var(--xsorx-style-text,#142844);font:600 16px Arial,Helvetica,sans-serif;line-height:normal;
}
body.xsorx-site-shell :is(.xsorx-login-logo,#login>h1){
  display:flex;align-items:center;justify-content:center;min-height:90px;margin:0 0 15px;padding:0;
}
body.xsorx-site-shell :is(.xsorx-login-logo img,#login>h1 a){max-width:min(100%,250px);max-height:100px;object-fit:contain}
body.xsorx-site-shell :is(.xsorx-verify-box .xsorx-login-actions,#login form .submit){display:flex;justify-content:flex-end;align-items:stretch;gap:10px;margin:2px 0 0}
body.xsorx-site-shell :is(.xsorx-verify-box .xsorx-login-actions button,#login form .submit .button-primary){
  box-sizing:border-box;flex:0 0 calc((100% - 12px)/2.25);width:calc((100% - 12px)/2.25);min-width:0;min-height:52px;
  margin:0!important;padding:10px 14px;border:0;border-radius:5px;font:700 13.3333px Arial,Helvetica,sans-serif;line-height:normal;
  background:var(--xsorx-button-primary,#9f3737)!important;color:var(--xsorx-button-primary-text,#fff)!important;cursor:pointer;text-shadow:none;box-shadow:none;
}
body.xsorx-site-shell :is(.xsorx-verify-box .xsorx-login-actions button,#login form .submit .button-primary):focus-visible{outline:2px solid var(--xsorx-button-primary,#9f3737);outline-offset:3px}
@media(max-width:650px){
  body.xsorx-site-shell :is(.xsorx-site-main.is-entry>.xsorx-entry-stack,#login){width:calc(100% - 16px);margin:24px auto 0}
  body.xsorx-site-shell :is(.xsorx-entry-stack>.ekol-itf-form.xsorx-verify-box,#login){padding:20px 17px}
  body.xsorx-site-shell :is(.xsorx-verify-box .xsorx-login-actions button,#login form .submit .button-primary){flex-basis:calc((100% - 8px)/2.25);width:calc((100% - 8px)/2.25);min-height:50px;font-size:12px;padding:8px 7px}
}
