/* New look: login and password reset */
html, body.v-login {height: 100%;}
body.v-login {margin: 0; font: 400 13px/1.45 var(--font); color: var(--slate); background: var(--app-bg); -webkit-font-smoothing: antialiased;}
.v-login__wrap {min-height: 100%; display: flex; align-items: center; justify-content: center; padding: 24px 16px; box-sizing: border-box;}
.v-login__card {width: 100%; max-width: 380px; background: var(--white); border: var(--border-default); border-radius: var(--radius-shell); box-shadow: var(--shadow-sm); padding: 32px 30px 28px; box-sizing: border-box;}
.v-login__logo {display: block; height: 30px; width: auto; margin: 0 0 26px;}
.v-login__title {margin: 0 0 18px; font-size: 20px; font-weight: 600; color: var(--ink); letter-spacing: -.01em;}
.v-login__hint {margin: -8px 0 18px; color: var(--muted);}
.v-login__form {display: flex; flex-direction: column; gap: 14px;}
.v-login__submit {width: 100%; height: 38px; font-size: 14px; margin-top: 4px;}
.v-login__epos {width: 100%; margin-top: 12px;}
.v-login__back {display: inline-flex; align-items: center; gap: 4px; margin-top: 18px; color: var(--mid); text-decoration: none;}
.v-login__back:hover {color: var(--ink);}

.v-field {display: flex; flex-direction: column; gap: 5px;}
.v-field > span {display: flex; justify-content: space-between; font-size: var(--fs-small); font-weight: 500; color: var(--mid);}
.v-field__aside {font-weight: 400; color: var(--brand-ink); text-decoration: none;}
.v-field input {height: 38px; padding: 0 11px; border: var(--border-default); border-radius: var(--radius-md); font: 14px var(--font); color: var(--ink); background: var(--white); box-sizing: border-box; width: 100%;}
.v-field input:focus {outline: 0; border-color: var(--brand); box-shadow: var(--focus-ring);}
.v-check {display: flex; align-items: center; gap: 8px; color: var(--mid); cursor: pointer;}
.v-check input {accent-color: var(--brand); width: 16px; height: 16px; margin: 0;}

/* EPOS login button only on iPad-sized devices */
.ipad-only {display: none;}
@media only screen and (min-device-width: 768px) and (max-device-width: 1366px) {
  .v-login__epos.ipad-only {display: inline-flex;}
}