.cjr-logo-icon {
    width: 42px;
    height: 42px;
    object-fit: contain;
}

.cjr-logo-text {
    letter-spacing: 0;
}

.radius-8 {
    border-radius: 8px;
}

.theme-mode-toggle i {
    font-size: 1.35rem;
}

.topbar .navbar .navbar-nav .nav-link.theme-mode-toggle {
    flex: 0 0 42px;
}

.topbar .navbar .navbar-nav .nav-link.cjr-user-menu-toggle {
    border-radius: 0;
    height: 60px;
    justify-content: flex-start;
    padding: 0;
    width: auto;
}

.cjr-user-initials {
    align-items: center;
    background: linear-gradient(135deg, #0d6efd, #198754);
    border-radius: 50%;
    color: #fff;
    display: inline-flex;
    flex: 0 0 38px;
    font-size: .85rem;
    font-weight: 700;
    height: 38px;
    justify-content: center;
    letter-spacing: 0;
    width: 38px;
}

.cjr-auth-body {
    background: #f4f6f9;
}

.dark-theme .cjr-auth-body {
    background: #111827;
}

.cjr-login-card {
    border: 0;
    box-shadow: 0 16px 42px rgba(15, 23, 42, .16);
}

.cjr-login-logo {
    max-height: 72px;
    max-width: 180px;
    object-fit: contain;
}

html.semi-dark .section-authentication-cover,
html.semi-dark .auth-cover-right {
    background: #f7f8fa;
}

html.semi-dark .auth-cover-left {
    background: #eef2f7;
}

html.dark-theme .section-authentication-cover,
html.dark-theme .auth-cover-right {
    background: #111827;
}

html.dark-theme .auth-cover-left {
    background: #0b1220;
}

html.dark-theme .section-authentication-cover .text-muted,
html.dark-theme .section-authentication-cover .text-secondary {
    color: #a9b4c4 !important;
}

html.dark-theme .section-authentication-cover .bg-transparent {
    color: #e5e7eb;
}

.theme-mode-option.active {
    color: #0d6efd;
    font-weight: 600;
}

.cjr-flow-list .list-group-item {
    gap: 14px;
    min-height: 84px;
}

.cjr-step {
    align-items: center;
    background: rgba(13, 110, 253, .12);
    border-radius: 50%;
    color: #0d6efd;
    display: inline-flex;
    flex: 0 0 38px;
    font-weight: 700;
    height: 38px;
    justify-content: center;
    width: 38px;
}

.semi-dark .topbar,
.dark-theme .topbar {
    border-bottom: 1px solid rgba(255, 255, 255, .06);
}

@media (max-width: 575.98px) {
    .cjr-logo-text {
        font-size: 1rem;
    }
}