/* B-CLOSE Fleet Platform v0.3.4 - grouped rights */

.permission-groups{
    display:flex;
    flex-direction:column;
    gap:18px;
    margin-top:18px;
}

.permission-group{
    border:1px solid #e1e7ee;
    border-radius:12px;
    overflow:hidden;
    background:#fff;
}

.permission-group-header{
    padding:12px 16px;
    background:#f6f8fb;
    border-bottom:1px solid #e1e7ee;
}

.permission-group-header strong{
    display:block;
    font-size:15px;
    color:#1e2d3d;
}

.permission-group-header span{
    display:block;
    margin-top:2px;
    color:#718195;
    font-size:12px;
}

.permission-group-list{
    display:flex;
    flex-direction:column;
}

.rights-row{
    display:grid !important;
    grid-template-columns:24px 1fr !important;
    align-items:start !important;
    gap:10px !important;
    width:100% !important;
    margin:0 !important;
    padding:12px 16px !important;
    border:0 !important;
    border-bottom:1px solid #edf1f5 !important;
    border-radius:0 !important;
    background:#fff !important;
    cursor:pointer;
}

.rights-row:last-child{
    border-bottom:0 !important;
}

.rights-row:hover{
    background:#f9fbfd !important;
}

.rights-row input[type="checkbox"]{
    width:16px !important;
    height:16px !important;
    margin:3px 0 0 0 !important;
    padding:0 !important;
}

.rights-text{
    display:flex !important;
    flex-direction:column !important;
    gap:2px !important;
    min-width:0;
}

.rights-text strong{
    display:block;
    font-size:14px;
    line-height:1.35;
    color:#17202a;
}

.rights-text small{
    display:block;
    color:#718195;
    font-size:12px;
    line-height:1.4;
    font-weight:400;
}

.asset-scope-list{
    display:flex;
    flex-direction:column;
    gap:8px;
    margin-top:16px;
}

.asset-scope-list .rights-row{
    border:1px solid #e1e7ee !important;
    border-radius:9px !important;
}

@media(max-width:700px){
    .permission-group-header,
    .rights-row{
        padding-left:12px !important;
        padding-right:12px !important;
    }
}