@media (width<500px) {
    .bk-section{
        height: 100%;
        overflow-y: auto;
    }
    .bk-form-body{
        height: min-content;
    }
    .desktop-menu{
        display: none;
    }
.bk-page-menu{
    display: none;
}
    .bk-display-grid:has(.mobile-menu-page){
        display: flex;
        flex-direction: column;
        height: 100%;
        overflow-y: auto;
        padding: 1ch!important;
    }
    .home-page{
        height: 100%;
    }
    .bk-component-area:has(.bk-page-link-menu){
        display: none;
    }
}

@media (width>500px) {
    .bk-component-area:has(.mobile-menu-page){
        display: none;
        pointer-events: none;
    }
    
}

.mobile-menu-link{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin-right: 1ch;
    svg{
        height: 25px;
        width: 25px;
    }
}

#bk-custom-popup .bk-progress-bar{
    background-color: var(--accent);
    height: 5px;
    width: min(300px, 90vw);
}

#bk-custom-popup .bk-card-header i {
    margin-right: 5px;
    font-size: 1.5rem;
}

.bk-card-body-text{
    width: min(300px, 90vw);
    text-wrap: balance;
    text-align: center;
    padding: 5px;
    line-height: 1.5;
    color: currentColor;
}

@media(width<500px) {
   .bk-page-title-bar{
       .bk-page-back{
           width: min-content;
           button{
               width: min-content;
           }
       }
       .bk-page-icon{
           width: min-content;
           height: 100%;
           svg{
               margin: 0 1rem;
                height: 25px;
                width: 25px;
           }
       }
       .bk-page-title{
           flex: 1;
           width: 100%;
           overflow: hidden;
           p,h3{
               width: min(300px, 70vw);
               text-overflow: ellipsis;
               overflow: hidden;
               white-space: nowrap;
           }
           
       }
   }
    
    .bk-login-page header{
        display: none;
    }
    .bk-logout-page {
        header{
            display: none;
        }
        .bk-centered{
            height: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            
            h2{
                display: none;
            }
            form{
                position: relative;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
            }
            form:before{
                content: 'Esti sigur ca doresti sa te deconectezi?';
                display: flex;
                align-items: center;
                justify-content: center;
                top:-2rem;
                position: absolute;
                text-align: center;
                
            }
            form .bk-logout-options{
                height: auto;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
            }
        }
    }
}

.tabel-clienti{
    .bk-gv-new{
        display: none;
    }
}

[data-enum="Active"]:before
{
    content: '✅ ';
}
[data-enum="Inactive"]:before
{
    content: '❌ ';
}

[data-enum="Suspended"]:before
{
    content: '⏸️ ';
}

.reports-layout:has(.statistics-page) .filter{
    display: none;
}