@import "colors.css";
@import "emogi.css";
@import "progressbar.css";

.bk-filter-form{
    width:clamp(300px,100%,400px);
}


@media (width<600px) {
    .bk-display-grid {
        padding: 1ch !important;
        color: dodgerblue;
    }
}


.bk-confirmation-header h3:before{
    content: "⚠️";
    margin-right: 1ch;
}

td:has([data-enum]){
    width:200px;
}


.btn-delete{
    background: linear-gradient(180deg, darkred,red,darkred);
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    box-shadow: 0 0 5px darkred;
    padding: 0.5em 1em;
    font-size: 1rem;
    &:hover{
        background: linear-gradient(10deg, red,darkred,red);
    }
}

.bk-link-column a{
    color: var(--accent);
}

.btn-column{
    padding: 4px;
   button{
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        border-radius: 0.5ch;
        background-color: var(--info);
        color: var(--info-text);
        font-size: smaller;
        cursor: pointer;
    }
}
.bk-page{
    grid-area:main;
}

@container (width>0) {
    .bk-component-area:has(.bk-card-view,.tranfer-page-view,.page-view) {
        height: 100cqh;
        border: 1px solid var(--border-color);
    }

    .bk-component-body {
        background-color: var(--bg);
    }
   
}

p.SourceLocationId, p.DestinationLocationId{
    max-width:200px;
}

.bk-gv-header-cell-content span{
    width:100%;
    display:block;
    padding:1ch;
  
}
th {
    font-weight: 400;
    font-size: 1em;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

input.bk-bool-value{
    zoom:1.3;
    margin:auto;
    width:50px;
}

td{
    input[type="checkbox"]{
        border:1px solid red;
        pointer-events:none;
    }
}

.full-page {
    width: 100%;
    height: 100%;
}


a.info-menu-content{
    display:flex;
    align-items:center;
    justify-content:center;
    height:100%;
    gap:1rem;
    background-color:var(--bg);
    padding:0 1rem;
    border-radius:1ch;
   width:300px;
}



.bk-dashboard {
    display: grid;
    gap: 1rem;
    grid-auto-rows: min-content;
    padding: 1rem;
    height: 100%;
    overflow-y: auto;

}
   @media (min-width: 768px) {
     .bk-dashboard { 
         grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); 

     }

   
    
     }

   @media (width>=768px)
   {
        .bk-mobile-only {
            display: none;
        }
    }

   @media (width < 768px)
   {

    li:has(.bk-desktop-only) {
        display: none;
    }

    .bk-dropdown-menu {
        display: none;
    }

    .bk-login-page header {
        display: none;
    }

    .bk-application-name {
        font-size: 3rem !important;
        display: block;
        text-align: center;
    }

    .bk-section-body {
        .bk-logout-title {
            line-height: 2;

            strong {
                display: block;
                text-align: center;
            }
        }

        .bk-logout-options {
            display: grid;
            gap: 1rem;
            font-size: 16px;

            .bk-logout-home {
                color: white;
                border: 1px solid var(--border-color);
            }
        }
    }
    
   }