/* Full viewport center — override SingleFile split layout */
html,
body {
    width: 100%;
    min-height: 100%;
    margin: 0;
}

#app.b-app-structure {
    width: 100%;
    min-height: 100vh;
    justify-content: center !important;
}

.b-app-structure__main {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    min-height: 100vh;
}

.b-app-structure__secondary {
    position: fixed;
    top: 0;
    right: 0;
    width: auto !important;
    flex: none !important;
    display: block !important;
    z-index: 10;
    background: transparent;
    pointer-events: none;
}

.b-app-structure__secondary-content {
    pointer-events: auto;
}

.b-login-holder {
    align-items: center !important;
    justify-content: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100%;
    max-width: 400px;
    padding-left: 25px;
    padding-right: 25px;
    box-sizing: border-box;
}

.w-app-login-logo {
    position: static !important;
    left: auto !important;
    top: auto !important;
    justify-content: center !important;
    width: 100% !important;
    margin-bottom: 15px;
}

.w-app-login-logo__image {
    margin-left: 0 !important;
}

.b-login-holder > .content,
.page-forgot-password,
.page-forgot-password > .content {
    width: 100%;
}

.w-page-header,
.w-login-form,
.w-page-footer {
    width: 100%;
}

.w-page-footer {
    text-align: center;
}

/* Floating label */
.w-input:focus-within .w-input__label,
.w-input.w-input--active .w-input__label {
    font-size: 12px;
    height: auto;
    align-items: flex-start;
    -webkit-transform: translateY(-26px);
    transform: translateY(-26px);
}

.w-input:focus-within .w-input__label {
    color: #3b93f7;
}

.w-input.w-input--active:not(:focus-within) .w-input__label {
    color: #c8ced6;
}