.user-admin-actions{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
}

.user-status{
    display:inline-flex;
    padding:5px 9px;
    border-radius:999px;
    font-size:12px;
    font-weight:700;
}

.user-status.is-active{
    background:#EAF4FF;
    color:#07316A;
}

.user-status.is-inactive{
    background:#F1F5F9;
    color:#64748B;
}

.user-edit-form{
    display:grid;
    gap:18px;
}

.permission-groups{
    display:grid;
    gap:18px;
    margin-top:18px;
}

.permission-group{
    border:1px solid var(--border);
    border-radius:10px;
    overflow:hidden;
}

.permission-group h3{
    margin:0;
    padding:12px 14px;
    background:#EAF4FF;
    color:#07316A;
}

.permission-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) 190px;
    gap:18px;
    align-items:center;
    padding:12px 14px;
    border-top:1px solid var(--border);
}

.permission-row select{
    width:100%;
}

.permission-row code{
    font-size:11px;
}

.password-panel{
    margin-top:18px;
}

.password-form{
    display:grid;
    grid-template-columns:1fr 1fr auto;
    gap:12px;
    align-items:end;
    margin-top:14px;
}

.record-lock-warning{
    margin:0 0 18px;
    padding:12px 14px;
    border:1px solid #B9D9FA;
    border-left:4px solid #1D8EED;
    border-radius:8px;
    background:#EAF4FF;
    color:#07316A;
}

@media(max-width:700px){
    .permission-row,
    .password-form{
        grid-template-columns:1fr;
    }
}