@import url('colors.css');
@import url('enum-icons.css');
@import url('mobile.css');

.home-page-aside {
    background-color: var(--bg-level-1);
}

@media (width<600px) {
    .bk-desktop-only {
        display: none;
    }
    .bk-card-view-title {
        display: none;
    }
    .bk-search-group label {
        display: none;
    }
    .bk-search-group input {
        width: 100%;
    }
    .bk-form {
        height: auto;
    }

    input,select,textarea{
        font-size:16px;
    }
}

@media (width>600px) {
    .mobile-view {
        display: none!important;
    }
}

.bk-detail-view-body dl {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(400px,1fr));
    grid-auto-rows: min-content;
    gap: 1rem;
    .bk-detail-view-item{
        margin:1rem;
        border:1px solid var(--border-color);

        dd{
            padding:1rem;
            color:var(--accent);
        }
    }

    .address{
        grid-column:1/-1;
    }
}

.btn-column {
    padding: 2px;

    button {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 1ch;
        background-color: var(--primary);
        color: white;
        border: none;
        border-radius: 1ch;
        cursor:pointer;
    }

    span {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 1ch;
        color:var(--success);
    }
}

td:has(input[type="checkbox"]){
    text-align:center;
    line-height:1;
    color:white;
    input{
        height:20px;
        width:20px;
        color:white;
        margin:0;
        padding:0;
        line-height:1;
        pointer-events:none;
        accent-color:var(--primary);
    }
}


.bk-search-input{
    border:1px solid var(--border-color);
}

.qr-codes-layout .bk-page-back {
    display: none;
}