.permissions-box{

display:grid;
grid-template-columns:1fr 1fr;
gap:12px;

background:#f5f5f5;
padding:15px;
border-radius:14px;

}

.permissions-box label{

display:flex;
align-items:center;
gap:10px;

font-size:15px;
font-weight:500;

}

/* =========================
   ACCOUNTS PERMISSIONS CLEAN UI
========================= */

.accounts-modal-content{
    max-width:850px !important;
    width:850px !important;
    max-height:82vh !important;
    overflow-y:auto !important;
    padding:32px 38px !important;
    border-radius:26px !important;
    box-sizing:border-box !important;
}

.accounts-modal-content input,
.accounts-modal-content select{
    width:100% !important;
    height:44px !important;
    padding:0 14px !important;
    margin-bottom:14px !important;
    border:1px solid #dbe3ee !important;
    border-radius:12px !important;
    font-size:15px !important;
    box-sizing:border-box !important;
}

.permissions-wrapper{
    background:#f8fafc;
    border:1px solid #e5e7eb;
    border-radius:18px;
    padding:18px;
    margin:18px 0;
}

.permissions-section{
    background:#ffffff;
    border:1px solid #e5e7eb;
    border-radius:16px;
    padding:16px 18px;
    margin-bottom:14px;
}

.permissions-section:last-child{
    margin-bottom:0;
}

.permissions-section h3{
    margin:0 0 12px 0;
    color:#0f172a;
    font-size:16px;
    font-weight:900;
}

.permissions-grid{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:12px 22px;
}

.permissions-grid label{
    display:flex;
    align-items:center;
    gap:10px;
    font-size:14px;
    font-weight:700;
    color:#0f172a;
}

.permissions-grid input[type="checkbox"],
.permissions-grid input[type="radio"]{
    width:18px !important;
    height:18px !important;
    margin:0 !important;
    padding:0 !important;
}

.accounts-modal-content .save-user-btn{
    width:220px !important;
    height:46px !important;
    display:block !important;
    margin:18px auto 0 auto !important;
    border-radius:12px !important;
    font-size:15px !important;
    font-weight:900 !important;
}

.accounts-modal-content::-webkit-scrollbar{
    width:8px;
}

.accounts-modal-content::-webkit-scrollbar-track{
    background:#f1f5f9;
    border-radius:10px;
}

.accounts-modal-content::-webkit-scrollbar-thumb{
    background:#cbd5e1;
    border-radius:10px;
}

.accounts-modal-content::-webkit-scrollbar-thumb:hover{
    background:#94a3b8;
}

@media(max-width:950px){

    .accounts-modal-content{
        width:92vw !important;
        max-width:92vw !important;
    }

    .permissions-grid{
        grid-template-columns:1fr;
    }

}