.login-card {
    border: 1px solid rgb(var(--primary-rgb)) !important;
}

.login-page, .register-page {
    background: url(../images/background.jpg) #d2d6de;
    background-size: cover;
    height: 100vh !important;
    width: 100%;
    position: fixed;
}

/* ── SystemMode: Production ── hide all non-production menu items instantly */
html[data-system-mode="Production"] .full-demo,
html[data-system-mode="Production"] .functioning-demo,
html[data-system-mode="Production"] .coming-soon {
    display: none !important;
}

/* ── SystemMode: FunctioningDemo ── hide coming-soon items */
html[data-system-mode="FunctioningDemo"] .coming-soon {
    display: none !important;
}

/* ── SystemMode: FullDemo ── "Coming Soon" ribbon on .coming-soon items */
html[data-system-mode="FullDemo"] .coming-soon .side-menu__item {
    position: relative;
    overflow: hidden;
}

.coming-soon-badge {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 85px;
    height: 85px;
    background: url(../images/coming_soon.png) no-repeat center center;
    background-size: contain;
    pointer-events: none;
    z-index: 1;
}