/* ==========================
Kaluno UI V2
========================== */

.categories-grid{
    width:95%;
    margin:30px auto;
    display:grid;
    grid-template-columns:repeat(4,minmax(180px,1fr));
    gap:25px;
    align-items:start;
}

.category{
    padding:0;
    margin:0;
}

.category h2{
    color:#38bdf8;
    font-size:18px;
    margin-bottom:12px;
    padding-bottom:6px;
    border-bottom:1px solid #334155;
}

.app-grid{
    display:flex;
    flex-direction:column;
    gap:5px;
}

.app-row{
    display:flex;
    align-items:center;
    gap:8px;
    padding:4px 0;
    cursor:pointer;
    font-size:14px;
    transition:.2s;
}

.app-row:hover{
    color:#38bdf8;
}

.app-row input{
    width:16px;
    height:16px;
}

.app-icon{
    width:22px;
    display:flex;
    justify-content:center;
}

.app-icon img{
    width:18px;
    height:18px;
}

.app-name{
    white-space:nowrap;
}

/* Responsive */

@media(max-width:1200px){
    .categories-grid{
        grid-template-columns:repeat(3,1fr);
    }
}

@media(max-width:900px){
    .categories-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:600px){
    .categories-grid{
        grid-template-columns:1fr;
    }
}