body.auth-body,
.artistern-static-auth{
  background:#F6F7F8;
  color:var(--ink);
}
.auth-shell{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:24px;
}
.auth-card{
  width:min(100%,582px);
  background:var(--surface);
  border:1px solid var(--line);
  padding:42px 40px;
}
.auth-head{text-align:center;margin-bottom:34px}
.auth-brand{
  display:inline-flex;
  align-items:center;
  gap:12px;
  color:var(--ink);
}
.auth-mark{
  width:40px;
  height:40px;
  background:var(--ink);
  color:var(--surface);
  display:grid;
  place-items:center;
  font-family:var(--serif);
  font-size:23px;
  font-weight:600;
}
.auth-name{
  font-family:var(--serif);
  font-size:26px;
  font-weight:500;
  letter-spacing:.04em;
}
.auth-head p{
  color:var(--muted);
  margin:20px 0 0;
  font-size:13px;
}
.auth-tabs{
  display:flex;
  justify-content:center;
  gap:0;
  border-bottom:1px solid var(--line-strong);
  margin-bottom:34px;
}
.auth-tab{
  min-width:112px;
  border:0;
  border-bottom:3px solid transparent;
  background:transparent;
  padding:0 18px 13px;
  color:var(--muted);
  font:600 14px var(--sans);
}
.auth-tab.is-active{
  color:var(--ink);
  border-bottom-color:var(--ink);
}
.auth-form.hide{display:none}
.auth-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0 20px;
}
.auth-form .field{margin-bottom:22px}
.auth-form .field label{
  color:var(--ink);
  font-size:13px;
  font-weight:500;
}
.auth-form .field label span{color:var(--st-changes)}
.auth-form .inp{
  height:43px;
  padding:10px 42px 10px 12px;
  border-color:var(--line-strong);
  background:var(--surface);
}
.auth-password{position:relative}
.auth-eye{
  position:absolute;
  right:12px;
  top:50%;
  transform:translateY(-50%);
  width:24px;
  height:24px;
  border:0;
  background:transparent;
  color:var(--muted);
  display:grid;
  place-items:center;
  padding:0;
}
.auth-eye svg{width:18px;height:18px;stroke:currentColor}
.auth-form .hint{
  color:var(--muted);
  font-size:12px;
  font-style:italic;
  line-height:1.55;
  margin-top:8px;
}
.auth-check{
  display:flex;
  gap:10px;
  align-items:center;
  color:var(--ink);
  font-size:13px;
  margin:8px 0 30px;
}
.auth-check input{accent-color:var(--ink)}
.auth-check a,.auth-note button,.auth-row button{
  border:0;
  background:transparent;
  color:var(--ink);
  font:600 13px var(--sans);
  padding:0;
}
.auth-submit{
  width:100%;
  height:47px;
  border:1px solid #343232;
  background:#343232;
  color:#fff;
  font:700 16px var(--sans);
}
.auth-row{
  display:flex;
  justify-content:space-between;
  gap:14px;
  color:var(--ink);
  font-size:13px;
  margin:22px 0 34px;
}
.auth-note{
  color:var(--ink);
  font-size:13px;
  margin:22px 0 34px;
}
.auth-divider{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:16px;
  color:var(--muted);
  font-size:12px;
  margin:0 0 24px;
}
.auth-divider::before,.auth-divider::after{
  content:"";
  height:1px;
  background:var(--line-strong);
}
.google-btn{
  height:42px;
  margin:0 auto;
  padding:0 14px;
  border:1px solid var(--line-strong);
  background:var(--surface);
  color:var(--ink);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  font:500 14px var(--sans);
}
.google-mark{display:block;width:25px;height:25px;flex:0 0 25px}
.auth-success{
  margin:18px 0 0;
  padding:12px 14px;
  border:1px solid var(--line-strong);
  color:var(--st-approved);
  background:var(--st-approved-bg);
  font-size:13px;
}
.auth-submit:disabled{
  opacity:.6!important;
  cursor:wait!important;
}
.artistern-customer-auth-ui .artistern-customer-auth-status.is-error{
  border-color:#a33b32!important;
  background:#fff7f6!important;
  color:#a33b32!important;
}
.auth-card,.auth-mark,.auth-submit,.google-btn,.auth-tab,.auth-eye,.auth-success{
  border-radius:0!important;
  box-shadow:none!important;
}
.artistern-static-auth{
  direction:ltr;
  text-align:left;
}
.artistern-static-auth :is(button,.auth-tab,.auth-eye,.auth-submit,.google-btn){
  -webkit-appearance:none!important;
  appearance:none!important;
  box-shadow:none!important;
  outline-offset:2px;
  text-decoration:none!important;
  text-transform:none!important;
}
.artistern-static-auth .auth-submit,
.artistern-static-auth .auth-submit:hover,
.artistern-static-auth .auth-submit:focus{
  background:#343232!important;
  border-color:#343232!important;
  color:#fff!important;
}
.artistern-static-auth .google-btn,
.artistern-static-auth .google-btn:hover,
.artistern-static-auth .google-btn:focus{
  background:var(--surface)!important;
  border-color:var(--line-strong)!important;
  color:var(--ink)!important;
}
.artistern-static-auth .auth-tab,
.artistern-static-auth .auth-tab:hover,
.artistern-static-auth .auth-tab:focus,
.artistern-static-auth .auth-eye,
.artistern-static-auth .auth-eye:hover,
.artistern-static-auth .auth-eye:focus,
.artistern-static-auth .auth-check a,
.artistern-static-auth .auth-check a:hover,
.artistern-static-auth .auth-note button,
.artistern-static-auth .auth-note button:hover,
.artistern-static-auth .auth-row button,
.artistern-static-auth .auth-row button:hover{
  background:transparent!important;
  color:var(--ink)!important;
}
.artistern-static-auth .auth-tab{
  border-color:transparent!important;
  border-bottom:3px solid transparent!important;
}
.artistern-static-auth .auth-tab.is-active{
  border-bottom-color:var(--ink)!important;
}
@media (max-width:640px){
  .auth-shell{padding:0;place-items:start center}
  .auth-card{
    min-height:100vh;
    width:100%;
    border-left:0;
    border-right:0;
    padding:32px 20px;
  }
  .auth-grid{grid-template-columns:1fr}
  .auth-row{display:block}
  .auth-row span,.auth-row button{display:block;margin-top:12px}
}

/* v0.6.3 uploaded SVG branding */
.auth-brand .artistern-brand-svg{display:block;width:auto;height:auto;max-width:120px;max-height:50px;margin:0 auto}
@media(max-width:640px){.auth-brand .artistern-brand-svg{max-width:150px;max-height:44px;margin-bottom:25px}}


/* v0.6.4 no radius for Artistern auth UI */
.artistern-static-auth *{border-radius:0!important}


/* v0.6.7 auth loading overlay */
.artistern-auth-loading .auth-shell{filter:blur(3px);pointer-events:none;user-select:none}
.artistern-auth-loading-overlay{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;background:rgba(246,247,248,.38);backdrop-filter:blur(2px)}
.artistern-auth-loading-overlay[hidden]{display:none!important}
.artistern-auth-spinner{width:46px;height:46px;border:2px solid rgba(31,28,25,.2);border-top-color:#1f1c19;border-radius:50%!important;animation:artisternAuthSpin .78s linear infinite}
@keyframes artisternAuthSpin{to{transform:rotate(360deg)}}

/* Isolate the standalone auth surface from theme button and form styles. */
body.artistern-standalone-page{
  margin:0!important;
  padding:0!important;
  background:#F6F7F8!important;
  direction:ltr!important;
  text-align:left!important;
}
.artistern-static-auth,
.artistern-static-auth *{
  box-sizing:border-box!important;
}
.artistern-static-auth{
  font-family:var(--sans)!important;
  font-size:14px!important;
  font-style:normal!important;
  font-weight:400!important;
  line-height:1.5!important;
  color:var(--ink)!important;
}
.artistern-static-auth .auth-brand,
.artistern-static-auth .auth-brand:hover,
.artistern-static-auth .auth-brand:focus{
  color:var(--ink)!important;
  text-decoration:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.artistern-static-auth .inp{
  -webkit-appearance:none!important;
  appearance:none!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:43px!important;
  min-height:43px!important;
  margin:0!important;
  padding:10px 42px 10px 12px!important;
  border:1px solid var(--line-strong)!important;
  border-radius:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:var(--surface)!important;
  color:var(--ink)!important;
  font:400 14px/1.5 var(--sans)!important;
  letter-spacing:0!important;
  text-align:left!important;
}
.artistern-static-auth .inp:focus{
  border-color:var(--ink)!important;
  outline:1px solid var(--ink)!important;
  outline-offset:-1px!important;
}
.artistern-static-auth .auth-tab{
  all:unset!important;
  box-sizing:border-box!important;
  min-width:112px!important;
  padding:0 18px 13px!important;
  border-bottom:3px solid transparent!important;
  color:var(--muted)!important;
  font:600 14px/1.5 var(--sans)!important;
  text-align:center!important;
  cursor:pointer!important;
}
.artistern-static-auth .auth-tab.is-active{
  color:var(--ink)!important;
  border-bottom-color:var(--ink)!important;
}
.artistern-static-auth .auth-eye,
.artistern-static-auth .auth-eye:hover,
.artistern-static-auth .auth-eye:focus{
  all:unset!important;
  box-sizing:border-box!important;
  position:absolute!important;
  right:12px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  display:grid!important;
  place-items:center!important;
  width:24px!important;
  min-width:24px!important;
  max-width:24px!important;
  height:24px!important;
  min-height:24px!important;
  max-height:24px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--muted)!important;
  box-shadow:none!important;
  cursor:pointer!important;
}
.artistern-static-auth .auth-eye svg{
  display:block!important;
  width:18px!important;
  height:18px!important;
  fill:none!important;
  stroke:currentColor!important;
}
.artistern-static-auth .auth-eye .is-eye-closed,
.artistern-static-auth .auth-eye.is-visible .is-eye-open{
  display:none!important;
}
.artistern-static-auth .auth-eye.is-visible .is-eye-closed{
  display:block!important;
}
.artistern-static-auth .auth-submit,
.artistern-static-auth .auth-submit:hover,
.artistern-static-auth .auth-submit:focus{
  all:unset!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:47px!important;
  padding:0 16px!important;
  border:1px solid #343232!important;
  border-radius:0!important;
  background:#343232!important;
  color:#fff!important;
  font:700 16px/1 var(--sans)!important;
  text-align:center!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
.artistern-static-auth .google-btn,
.artistern-static-auth .google-btn:hover,
.artistern-static-auth .google-btn:focus{
  all:unset!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  width:auto!important;
  min-width:190px!important;
  height:42px!important;
  margin:0 auto!important;
  padding:0 14px!important;
  border:1px solid var(--line-strong)!important;
  border-radius:0!important;
  background:var(--surface)!important;
  color:var(--ink)!important;
  font:500 14px/1 var(--sans)!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
.artistern-static-auth .google-mark{
  display:block!important;
  width:25px!important;
  height:25px!important;
  flex:0 0 25px!important;
}
.artistern-static-auth .auth-check input[type="checkbox"]{
  -webkit-appearance:none!important;
  appearance:none!important;
  width:14px!important;
  min-width:14px!important;
  height:14px!important;
  min-height:14px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid var(--muted)!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
  position:relative!important;
}
.artistern-static-auth .auth-check input[type="checkbox"]:checked{
  border-color:var(--ink)!important;
  background:var(--ink)!important;
}
.artistern-static-auth .auth-check input[type="checkbox"]:checked::after{
  content:""!important;
  position:absolute!important;
  left:4px!important;
  top:1px!important;
  width:3px!important;
  height:7px!important;
  border:solid #fff!important;
  border-width:0 1.5px 1.5px 0!important;
  transform:rotate(45deg)!important;
}
.artistern-static-auth :is(.auth-check a,.auth-note button,.auth-row button),
.artistern-static-auth :is(.auth-check a,.auth-note button,.auth-row button):hover,
.artistern-static-auth :is(.auth-check a,.auth-note button,.auth-row button):focus{
  all:unset!important;
  box-sizing:border-box!important;
  color:var(--ink)!important;
  font:600 13px/1.5 var(--sans)!important;
  text-decoration:none!important;
  cursor:pointer!important;
}